html,
body {
	height: 100%;
	font-color: #4A4A4A;
	overflow-x:unset;
}

.logo {
  display: block;
  width: 135px;
  height: 42px;
  background: url(../img/logo.png);
}

.main-content{
	margin: 0;
	position: relative;
	top: 63px;
	width:100%;
	display: flex;
	flex-direction: column;
	min-height: calc(100% - 63px);
}

.main-content.with-padding{
	padding: 1rem 1rem;
}

.main-content.no-padding{
	padding: 1rem 0;
}

.sub-content{
	padding: 1rem 1rem;
	flex: 1 0;
    display: flex;
    flex-direction: column;
}

.main-content.prospect-creation{
	max-width: 1000px;
	margin: auto;
}

.ui.secondary.pointing.menu.diretories-menu{
	background-color: #46ACDD;
	height: 56px;
}

.ui.secondary.pointing.menu.diretories-menu .item{
	height: 19px;
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 15px;
	font-weight: 600;
	line-height: 19px;
}

.ui.secondary.pointing.menu.diretories-menu a.item:hover,
.ui.secondary.pointing.menu.diretories-menu .active.item{
	color: #06043A;
}

.comments {
	background-color: #0D5591;
	padding: 16px 10px;
	min-height: 150px;
}

.insurer-image, .entreprise-image{
	width: 90px;
	display: block;
	margin: auto;
	padding-top: 10px;
	padding-bottom: 15px;
}

.insurer-title{
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 14px;
	letter-spacing: 2px;
	line-height: 17px;
	text-align: center;
}

.ui.message .header.empty-address {
	margin-top: 30px;
}

.company-menu .ui.center.aligned.header.insurer-label, .company-menu .ui.center.aligned.header.entreprise-label{
	margin-top: 0px;
	margin-bottom: 38px;
}

.company-menu .ui.center.aligned.header.insurer-label, .company-menu .ui.center.aligned.header.entreprise-label .company-title{
	margin-right: 7px;
}

.broker-code .mini.ui.company-type.image{
	display: inline-block;
}

.menu-left-link .icon{
	text-decoration: none;
}

.menu-left-link{
	color:  white;
	text-decoration: underline;
}

.menu-left-link:hover{
	color:  white;
	text-decoration: underline;
}

.welcome {
	background-image: url(../img/background/background_01.png) !important;
	height: 100%;
	width: 100%;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	color: #fff;
	min-height: 400px;
	background-position:center!important
}

.welcome .block-content {
	background-color: rgba(0, 0, 0, 0.6);
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	min-height: 110px;
}

.welcome .five.wide.column {
	max-width: 180px
}

.welcome .block-content p {
	margin-bottom: 0px
}

.welcome .block-content .title {
	font-size: 13px;
	font-weight: normal;
}

.welcome .block-content .icon{
	font-size: 30px
}

.welcome .birthday {
	padding: 0 0!important;
}

.welcome .birthday .birthday-choice {
	width:8px;
	height: 8px;
	border-radius: 100%;
	background-color: rgba(255,255,255,0.5);
	display:inline-block;
	margin-right:10px
}

.welcome .birthday .birthday-choice:last-child {
	margin-right:0px
}

.welcome .birthday .birthday-choice.selected {
	background-color: #fff;
}

.welcome .birthday .block-content {
	margin-left: 2px;
	margin-right: 1px;
	padding: 1rem 1rem;
}

.welcome .list .sub.header{
	font-size: 13px;
	color: #fff;
	font-weight: normal;
	text-transform: none;
}

.welcome .list{
	font-weight: bold;
}

.welcome .welcome-message {
	margin-top: 170px;
	background-color: rgba(255,255,255,0.7);
	color: #1B1C1D;
	font-size: 15px;
}

.welcome .welcome-message .title {
	font-weight: bold;
	margin-bottom: 0px
}

.company-menu{
  position: fixed;
  min-height: 100%;
  background: #0B65B0;
  padding-top: 15px;
  padding-left: 8px;
  padding-right: 8px;
  color: #FFFFFF;
  width:345px;
}

.company-menu.closed{
  background: #7c7c7c;
}

.company-menu.closed .ui.divider:not(.vertical):not(.horizontal) {
    border-top: 2px solid #DFDFDF;
    border-bottom: 2px solid #DFDFDF;
}

.company-menu.closed .ui.label.grey-family-label{
	padding: 2px 20px;
	background-color: #DFDFDF;
	color: #7c7c7c;
}

.company-content{
  margin-left: 345px;
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}

.main-grid {
  min-height: 100%
}

.companies .corporate-name{
	width: 15%;
	line-height:22px;
}

.companies .type{
	width: 7%;
	line-height:22px;
}

.companies .family{
	width: 5%;
	line-height:22px;
}

.companies .delete{
	width: 1%;
	line-height:22px;
}

.companies .workforce{
	width: 7%;
	line-height:22px;
}

.companies .address{
	width: 15%;
	line-height:22px;
}

.companies .customer-resp{
	width: 11%;
	line-height:22px;
}

.companies .business-resp{
	width: 9%;
	line-height:22px;
}

.companies .steps{
	width: 8%;
	line-height:22px;
}

.companies .tasks{
	width: 6%;
	line-height:22px;
}

.companies .meetings{
	width: 7%;
	line-height:22px;
}


@media screen and (max-width: 1600px) {
	.companies .address{
		width: 12%;
	}
	.companies .business-resp{
		width: 5%;
	}
	.companies .family{
		width: 7%;
		line-height:22px;
	}
	.companies .type{
		width: 9%;
		line-height:22px;
	}
}
.divider{
	border-right : 2px solid #ADADAD;
	opacity: 0.4;
}

.opportunity-stars{
	line-height: 35px;
}

.opportunities .policy{
	width: 10%;
	padding-left: 25px!important;
}

.opportunities .insurer{
	width: 8%;
}

.opportunities .legal-act{
	width: 10%;
}

.opportunities .interest{
	width: 9%;
}

.opportunities .state{
	width: 13%;
}

.opportunities .commission{
	width: 8%;
}

.opportunities .comment{
	width: 18%;
}

.opportunities .modification{
	width: 6%;
}

.opportunities .college{
	width: 8%;
}

.opportunities .edit{
	width: 1%;
}
.opportunities .archive{
	width: 1%;
}

.steps-table .task{
	width: 50%;
}

.steps-table .affectation{
	width: 25%;
}

.steps-table .deadline{
	width: 15%;
}

.prescribers .delete{
	width: 1%;
}

.prescribers .edit{
	width: 1%;
}

.see_opportunity{
	display: none;
	float:right;
	cursor:pointer;
	margin-top:-13px;
	font-size:11px;
	margin-right: -10px;
}

.comment.comment-contact{
	cursor: pointer;
}

.company-actions{
	position: fixed;
	right: 1.5em;
    bottom: 1.5em;
    width: 56px;
    height: 56px;
    line-height: 54px;
}

.company-actions .floating-button {
    box-shadow: 0px 4px 4px 0 rgba(54, 54, 54, 0.48);
    position: absolute;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    display: inline-block;
    padding: 0;
    text-decoration: none;
    text-align: center;
    font-size: 1.5rem;
    outline: 0;
    border: none;
    text-transform: uppercase;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    color: #fff;
	background-color: #0065B0;
}

.handle.action{
	cursor: pointer;
}

.companies .affectation{
	width: 10%;
	line-height:22px;
}

.companies .task_info{
	width: 35%;
	line-height:22px;
}

.companies .insurer{
	width: 13%;
	line-height:22px;
}

.companies .deadline{
	width: 12%;
	line-height:22px;
}

.companies .state{
	width: 28%;
	line-height:22px;
}

.companies .actions{
	width: 1%;
	line-height:22px;
}

.companies .comment{
	width: 1%;
	line-height:22px;
}

.tasks .more-responsibles{
	cursor: pointer;
	background-color: #fff;
    border: 1px solid #2581c4;
    color: #2581c4;
}

.tasks .close-task{
	width: 3%;
	line-height:22px;
}

.tasks .user-affectation{
	width: 16%;
	line-height:22px;
}

@media screen and (max-width: 1600px) {
	.tasks .user-affectation{
	width: 12%;
	line-height:22px;
	}
}

.tasks .label-task{
	width: 33%;
	line-height:22px;
}

@media screen and (max-width: 1600px) {
	.tasks .label-task{
		width: 26%;
		line-height:22px;
	}
}

.tasks .insurer{
	width: 8%;
	line-height:22px;
}

.tasks .deadline{
	width: 14%;
	line-height:22px;
}

@media screen and (max-width: 1600px) {
	.tasks .deadline{
		width: 17%;
		line-height:22px;
	}
}

.tasks .state{
	width: 23%;
	line-height:22px;
}

.tasks .action{
	width: 2%;
	line-height:22px;
}

.tasks.description,
.tasks.comment{
	width:20px
}

.tasks.handle.action{
	display:inline-block;
	width:25px
}

.dashboard-tasks .user-affectation,
.step-tasks.table .family,
.all-tasks.table .family{
	width: 1%;
}

.all-tasks.table .user-affectation,
.step-tasks .user-affectation{
	width: 8%;
}

@media screen and (max-width: 1840px) {
	.all-tasks.table .user-affectation,
    .step-tasks .user-affectation{
		width: 11%;
	}
}
.all-company-tasks.table .user-affectation{
	width: 12%;
}

.dashboard-tasks .label-task,
.all-company-tasks.table .label-task{
	width: 25%;
}

.step-tasks .label-task,
.all-tasks.table .label-task{
	width: 20%;
}

@media screen and (max-width: 1600px) {
	.dashboard-tasks .label-task,
	.all-company-tasks .label-task{
		width: 20%;
	}
	
	.step-tasks .label-task,
	.all-tasks .label-task{
		width: 17%;
	}
}

.dashboard-tasks .label-individual-task{
	width: 40%;
}

@media screen and (max-width: 1600px) {
	.dashboard-tasks .label-individual-task{
		width: 40%;
	}
}

.step-tasks .client,
.all-tasks .client,
.all-company-tasks .client{
	width: 12%;
}

.step-tasks .badges,
.all-tasks .badges,
.all-company-tasks .badges{
	width: 7%;
}

.step-tasks .progress,
.all-tasks .progress{
	width: 10%;
}

@media screen and (max-width: 1800px) {
	.step-tasks .progress,
	.all-tasks .progress{
		width: 5%;
	}
}


.dashboard-tasks .client{
	width: 10%;
}

.dashboard-tasks .individual-client{
	width: 29%;
}


.dashboard-tasks .badges{
	width: 9%;
}


@media screen and (max-width: 1500px) {
	.dashboard-tasks .badges{
		width: 1%;
	}
}

@media screen and (max-width: 1700px) {
	.dashboard-tasks .individual-client{
		width: 35%;
	}
}

.dashboard-tasks .step,
.step-tasks .step,
.all-tasks .step,
.all-company-tasks .step{
	width: 20%;
}

.all-tasks .step{
	width: 16%;
}

.dashboard-steps .step .step-label{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 160px;
	display: inline-block;
}

.ui.table .step .step-label{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 280px;
	display: inline-block;
}

@media screen and (max-width: 1600px) {
	.ui.table .step .step-label{
		width: 200px;
	}
}

.ui.dashboard-tasks.table .task-label{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 238px;
	display: inline-block;
	margin-bottom: 0px
}



@media screen and (max-width: 1900px) {
	.ui.dashboard-tasks.table .task-label{
		width: 210px;
	}
}

@media screen and (max-width: 1800px) {
	.ui.dashboard-tasks.table .task-label{
		width: 180px;
	}
}

@media screen and (max-width: 1700px) {
	.ui.dashboard-tasks.table .task-label{
		width: 190px;
	}
}
@media screen and (max-width: 1600px) {
	.ui.dashboard-tasks.table .task-label{
		width: 190px;
	}
}

.dashboard-tasks .insurer,
.dashboard-tasks .manager,
.all-company-task .insurer{
	width: 10%;
}

.all-company-tasks .manager{
	width: 10%;
}

.all-company-tasks .task-type{
	width: 15%;
}


.dashboard-tasks .deadline,
.step-tasks .deadline,
.all-tasks .deadline{
	width: 9%;
}

.all-company-tasks .deadline{
	width: 11%;
}

@media screen and (max-width: 1600px) {
	.dashboard-tasks .deadline,
	.step-tasks .deadline,
	.all-tasks .deadline,
	.all-company-tasks .deadline{
		width: 11%;
	}
}

.dashboard-tasks .state,
.step-tasks .state,
.all-tasks .state{
	width: 20%;
}

.all-company-tasks .state{
	width: 15%;
}

.dashboard-tasks .action,
.step-tasks .action,
.all-tasks .action,
.all-company-tasks .action{
	width: 1%;
}

.dashboard-tasks .large-action .assignment.icon{
	width: 10px;
}
.dashboard-tasks .large-action .dropdown.icon{
	width: 18px;
}
	

.dashboard-appointments .large-action .assignment.icon{
	width: 16px;
}
.dashboard-appointments .large-action .dropdown.icon{
	width: 25px;
}
	
@media screen and (max-width: 1365px) {
	.dashboard-tasks .large-action .assignment.icon{
		width: 16px;
	}
	.dashboard-tasks .large-action .dropdown.icon{
		width: 25px;
	}
}

.dashboard-tasks .individual-deadline{
	width: 17%;
}


@media screen and (max-width: 1900px) {
	.dashboard-tasks .individual-deadline{
		width: 18%;
	}
}

@media screen and (max-width: 1800px) {
	.dashboard-tasks .individual-deadline{
		width: 18%;
	}
}

@media screen and (max-width: 1700px) {
	.dashboard-tasks .individual-deadline{
		width: 20%;
	}
}

@media screen and (max-width: 1650px) {
	.dashboard-tasks .individual-deadline{
		width: 32%;
	}
}


@media screen and (max-width: 1300px) {
	.dashboard-tasks .individual-deadline{
		width: 36%;
	}
}

.dashboard-tasks .hidden.handle.action{
	visibility: hidden;	
}

.dashboard-tasks .large-action{
	width: 10%;
	text-align: right !important;
}

@media screen and (max-width: 1900px) {
	.dashboard-tasks .large-action{
		width: 12%;
	}
}
@media screen and (max-width: 1800px) {
	.dashboard-tasks .large-action{
		width: 14%;
	}
}
@media screen and (max-width: 1700px) {
	.dashboard-tasks .large-action{
		width: 20%;
	}
}
@media screen and (max-width: 1600px) {
	.dashboard-tasks .large-action{
		width: 24%;
	}
}

@media screen and (max-width: 1400px) {
	.dashboard-tasks .large-action{
		width: 26%;
	}
}
@media screen and (max-width: 1365px) {
	.dashboard-tasks .large-action{
		width: 15%;
	}
	.dashboard-tasks .large-action .ui-sortable-handle{
		display: none;
	}
}


.dashboard-tasks .action.close-task,
.step-tasks .action.close-task,
.all-tasks .action.close-task,
.all-company-tasks .action.close-task{
	padding-right: 0px;
}

.ui.table.new-tasks tr td{
	vertical-align: top;
	border-bottom: 1px solid rgba(34,36,38,.1);
	border-top: none
}

.new-tasks .title{
	width: 22%;
}

.new-tasks .affectation{
	width: 20%;
}

.new-tasks .deadline{
	width: 15%;
}

.new-tasks .insurers{
	width: 25%;
}

.new-tasks .action{
	width: 1%;
}

.ui-sortable-helper {
    display: table;
}

.policies .empty{
	width: 0.5%;
	line-height:22px;
}

.policies .arrow{
	width: 10px;
	line-height:22px;
	padding-left:0px!important;
}

.policies .start{
	width: 90px;
	line-height:22px;
}

.policies .end{
	width: 130px;
	line-height:22px;
}

.policies .expand{
	width: 45px;
	line-height:22px;
	margin-right:0px
}

.products .start{
	width: 90px;
	line-height:22px;
}

.products .end{
	width: 130px;
	line-height:22px;
}

.products .empty{
	width: 30px;
	line-height:22px;
}

.products .arrow{
	width: 10px;
	line-height:22px;
}

.fees .category{
	width: 35%;
	line-height:22px;
}
.fees .base{
	width: 30%;
	line-height:22px;
}
.fees .instalment{
	width: 5%;
	line-height:22px;
}
.fees .rate{
	width: 30%;
	line-height:22px;
}
.commissions .type{
	width: 20%;
	line-height:22px;
}
.commissions .name{
	width: 60%;
	line-height:22px;
}
.commissions .rate{
	width: 20%;
	line-height:22px;
}


.companies.insurers .broker.code{
	width: 10%;
	line-height:22px;
}

.companies.insurers .insurer.label{
	width: 20%;
	line-height:22px;
}

.companies.insurers .address{
	width: 30%;
	line-height:22px;
}

.companies.insurers .insurer.phone{
	width: 15%;
	line-height:22px;
}

.companies.insurers .insurer.mail{
	width: 25%;
	line-height:22px;
}


.listing-progress-bar {
    display: flex
  }
  
.item .bar {
    width: 100%;
    height: 10px;
    border-radius: 0.5em;
    position: relative;
    background: #DFDFDF;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1)
  }

.listing-progress-bar .item{
	width: 50px;
	margin-top: 5px
}

.task.action{
	color: #4a4a4a;
	cursor: pointer;
}

.appointment.task.action{
	display: flex;
	line-height:15px
}

.appointment.task.action{
	width:100%;
}

.task.action.warning{
	color: #a14112;
}

.task.action i.calendar{
	margin-top:auto;
	margin-bottom:auto
}

.active.item .bar {
	background: #F8F8F8;
}

 .bar .percentage {
    position: relative;
    font-size: 1em;
    background: #0065b0;
    height: 10px;
    border-radius: 0.5em;
  }

.label-progress{
	font-size: 12px;
}

.listing-progress-bar .label-progress{
	margin-right: 5px;
}

.ui.calendar.in-table{
	position: relative;
}

.policies-listing{
	display: flex;
	flex-direction: column;
	height: calc(100vh - 130px);
}

.policy-card{
	display: flex;
}

.policy-card .information{
	flex: 1;
}

.policy-card .action{
	flex: 0 0 50px;
	text-align: center;
}

.policy-card .action i.expand.icon{
	position: absolute;
	top: 50px;
	font-size: 36px
}

.steps-definition .step{
	width: 50%
}

.steps-definition .nb-tasks{
	width: 14%
}

.steps-definition .updated-on{
	width: 17%
}

.steps-definition .updated-by{
	width: 17%
}

.steps-definition .action{
	width: 1%
}


.step-definition .title{
	width: 40%
}

.step-definition .affectation{
	width: 25%
}

.step-definition .deadline{
	width: 15%
}

.step-definition .realisation{
	width: 10%
}

.step-definition .action{
	width: 2%
}

.step-definition .action{
	width: 2%
}

.user-administration .action{
	width: 1%
}

.color-picker{
	height: 35px;
	background-color: rgb(229, 236, 243);
	border: none;
	padding: 0;
}

.image-field .block-image{
	display: flex;
}

.image-field .block-image .file-input, .image-field .block-image .file-input input {
  display: none;
  padding: 10px;
}


.image-field .block-image.empty .file-input {
	width:100%;
  	display: block;
}

.block-image img {
    max-width: 600px;
    max-height: 400px;
    width: auto;
    height: auto;
}

.company-menu .update-company{
	position: absolute;
	right: 5px
}
	
@media screen and (max-height: 1105px) {
	.company-menu .ui.divider{
		margin-bottom: 20px;
		margin-top: 20px;
	}
}
	
@media screen and (max-height: 1005px) {
	.company-menu{
		padding-top: 5px;
	}
	.company-menu .ui.divider{
		margin-bottom: 20px;
		margin-top: 10px;
	}
	.ui.grid.localization.address .column{
		padding-top: 0px
	}
	.company-menu .ui.grid .phone.column{
		padding-top: 0px;
	}
	.company-menu .company-identity{
		margin-top: 14px !important;
	}
	.company-menu .ui.divider{
		margin-bottom: 0px;
		margin-top:20px
	}
	.company-menu .company-identity h2.ui.header{
		margin-top: 12px;
		font-size: 14px;
		margin-bottom: 6px
	}
}
@media screen and (max-height: 945px) {
	.ui.grid.localization.address .column{
		padding-top: 10px
	}
	.company-menu{
		padding-top: 8px;
	}
	.company-menu .company-header{
		display: flex;
	}
	.company-menu .company-header .company-img{
		margin-left: 20px;
	}
	.company-menu .company-header .company-img .company-label{
		display: none;
	}
	.company-menu .company-header .company-img img{
		width: 50px;
	}
	.company-menu .company-header .company-name{
		padding-top: 10px;
		padding-left: 1rem;
	}
	.company-menu .company-header .company-name .insurer-title{
		text-align: left;
	}
	.company-menu .ui.grid .phone.column{
		padding-top: 0px;
	}
	.company-menu .company-header .company-name h1.ui.header.entreprise-label{
		font-size: 16px;
		margin-bottom: 15px !important;
		text-align: left;
	}
	.company-menu .company-header .company-name h1.ui.header.insurer-label{
		font-size: 16px;
		margin-bottom: 15px !important;
		text-align: left;
	}
	.company-menu .company-identity{
		margin-top: 14px !important;
	}
	.company-menu .ui.divider{
		margin-bottom: 20px;
		margin-top: 30px;
	}
	.company-menu .company-identity h2.ui.header{
		font-size: 14px;
		margin-top: 16px;
	}
}
	
@media screen and (max-height: 825px) {
	.company-menu .company-identity{
		margin-top: 8px !important;
	}
	.company-menu .company-header .company-name{
		padding-top: 0px;
		padding-left: 1rem;
	}
	.company-menu .ui.divider{
		margin-bottom: 0px;
		margin-top: 20px;
	}
}


@media screen and (max-width: 1800px) {
	.ui.contact-card.card .content .actif{
		display: none
	}
}

@media screen and (max-width: 1600px) {
	.ui.contact-card.card .content .large.header,
	.ui.contact-card.card .content .large.meta{
		width: 60%;
	}
}


.all-company-appointments .type-appointment{
	width: 2%
}

.all-company-appointments .object-appointment{
	width: 28%
}

@media screen and (max-width: 1600px) {
	.all-company-appointments .object-appointment{
		width: 24%
	}
}

.all-company-appointments .cerap-contacts-appointment{
	width: 18%
}

@media screen and (max-width: 1600px) {
	.all-company-appointments .cerap-contacts-appointment{
		width: 14%
	}
}

.all-company-appointments .contacts-contacts-appointment{
	width: 18%
}

.all-company-appointments .start-date-appointment{
	width: 14%
}

.all-company-appointments .end-date-appointment{
	width: 14%
}

@media screen and (max-width: 1600px) {
	.all-company-appointments .start-date-appointment{
		width: 17%
	}
	.all-company-appointments .end-date-appointment{
		width: 17%
	}
}
.all-company-appointments .duration-appointment{
	width: 4%
}

@media screen and (max-width: 1600px) {
	.all-company-appointments .duration-appointment{
		display: none;
	}
}
.all-company-appointments .action{
	width: 1%
}

.dashboard-appointments .appointment-type{
	width: 2%
}

.dashboard-appointments .appointment-company{
	width: 30%
}


@media screen and (max-width: 1700px) {
	.dashboard-appointments .appointment-company{
		width: 35%
	}
}

.dashboard-appointments .appointment-start-date{
	width: 25%
}

@media screen and (max-width: 1800px) {
	.dashboard-appointments .appointment-start-date{
		width: 32%
	}
}

@media screen and (max-width: 1600px) {
	.dashboard-appointments .appointment-start-date{
		width: 25%
	}
}

.dashboard-appointments .action{
	width: 1%;
}

.async-individual-tasks{
	height: 100%
}
.async-individual-tasks div.nagare-generated{
	height: 100%
}


.ui.appointment-indicators.three.cards .card{
	background-color: none;
	border-radius: 0;
	box-shadow: none;

}

.ui.appointment-indicators.three.cards .card div{
	background-color: #E9F2F9;
	border-radius: 0;
	box-shadow: none;
	width: 80%;
	text-align: center;
    vertical-align: middle;
    line-height: 100px;
}

.ui.appointment-indicators.three.cards .card div.last{
	background-color: #E9F2F9;
	border-radius: 0;
	box-shadow: none;
	width: 80%;
	text-align: center;
    vertical-align: middle;
    line-height: 100px;
    margin-right: 0;
    margin-left: auto;
}

.ui.appointment-indicators.three.cards .card div.second{
	background-color: #E9F2F9;
	border-radius: 0;
	box-shadow: none;
	width: 80%;
	text-align: center;
    vertical-align: middle;
    line-height: 100px;
    margin: auto;
}

.appointment.description{
	width:20px
}

.ui.appointment.action{
	width: 20px;
	margin-right: 9px;
	padding-left: 5px;
}

.ui.tasks.action{
	width: 20px;
	margin-right: 9px;
}


.ui.three.cards > .card div{
	height: 100px;
}


img.badge{
	margin-right: 7px
}

img.badge:last-child{
	margin-right: 0px
}

img.small.badge{
	margin-top: 0px;
	margin-right: 5px;
}

.dashboard.badges img.small.badge{
	margin-right: 3px;
}

.dashboard.badges img.small.badge:last-child{
	margin-right: 0px;
}

a.errors.report{
    font-weight: bold;
    color: #9f3a38;
    text-decoration: underline;
}

div.responsible.error{
    color: #9f3a38;
}


.ui.company.contacts.grid .ui.action-add.column{
	display: flex;
    justify-content: right;
    align-items: center;
}

.ui.company.contacts.grid .ui.action-add.column .ui.basic.primary.button{
	margin-left: 10px;
}

.ui.checkbox.select.disabled.task label::before{
	border: 1px solid #7C7C7C;
	background: #DFDFDF;
}

.ui.warning.label{
	cursor: pointer;
}

.ui.med.warning.label{
	background-color: #7c7c7c!important;
	color: #fff
}

.ui.med.warning.label, .ui.white.warning.label{
	margin-top: 5px
}

.ui.fluid.company-search.search .prompt{
    width: 550px;
}

.ui.secondary.pointing.menu.company-submenu .item .no-policy{
	width: 15px;
	height: 15px;
	margin-right: 5px;
	background-image: url(/static/img/ic_no_document.svg);
	background-repeat: no-repeat;
	background-position-y: center;
}

.ui.secondary.pointing.menu.company-submenu .item:hover .no-policy{
	background-image: url(/static/img/ic_no_document_hover.svg);
}

.ui.secondary.pointing.menu.company-submenu .item.active .no-policy{
	background-image: url(/static/img/ic_no_document_black.svg);
}

.ui.companies.segment  .ui.popup.filters.customer {
    min-width: 740px;
}

.ui.companies.segment .ui.popup.filters.customer .ui.filter-form .field {
    margin-bottom: 5px;
}

.ui.companies.segment .ui.popup.filters.customer .ui.filter-form .fields {
    margin-bottom: 5px;
}

.ui.companies.segment .ui.popup.filters.insurer .ui.filter-form .field {
    margin-bottom: 5px;
}

.ui.companies.segment .ui.popup.filters.insurer .ui.filter-form .fields {
    margin-bottom: 5px;
}

.all-tasks.dashboard.table .main td:first-child{
	padding-top: 0;
	padding-bottom: 0;
}

.all-tasks.dashboard.table .steps-group-by-date{
	padding: 0
}

.all-tasks.dashboard.table .steps-group-by-date table{
	padding: 0;
	border-spacing: 0px;
}
.all-tasks.dashboard.table .main table{
	width: 100%
}

.all-tasks.dashboard.table tbody tr td.action.close-task{
	width: 3%
}

.all-tasks.dashboard.table tbody tr td.more-user-affectation{
	width: 4%
}

.all-tasks.dashboard.table tbody tr td.client{
	width:9%
}

.all-tasks.dashboard.table tbody tr td.family{
	width: 3%
}

.all-tasks.dashboard.table tbody tr td.label-task{
	width: 18%
}

.all-tasks.dashboard.table tbody tr td.progress{
	width: 8%
}

.all-tasks.dashboard.table tbody tr td.step{
	width: 7%
}

.all-tasks.dashboard.table tbody tr td.insurer{
	width: 7%
}

.all-tasks.dashboard.table tbody tr td.manager{
	width: 6%
}

.all-tasks.dashboard.table tbody tr td.deadline{
	width: 9%
}

.all-tasks.dashboard.table tbody tr td.state{
	width: 9%
}

.all-tasks.dashboard.table tbody tr td.action{
	width: 2%
}

.all-tasks.dashboard.table tbody tr td.action.drag{
	width: 3%
}

.all-tasks.dashboard.table tbody tr td.nb-tasks.title {
	width: 64%;
}

.all-tasks.dashboard.table.pair-users.my-tasks tbody tr td.user-affectation{
	width: 4%
}

.all-tasks.dashboard.table.pair-users.my-tasks tbody tr td.client{
	width: 7%
}

.all-tasks.dashboard.table.pair-users.my-tasks  tbody tr td.label-task{
	width: 18%
}

.all-tasks.dashboard.table.pair-users tbody tr td.state{
	width: 7%
}

.all-tasks.dashboard.table.pair-users tbody tr td.step{
	width: 12%
}

.all-tasks.dashboard.table.pair-users tbody tr td.nb-tasks.title {
	width: 65%;
}

.ui.all-tasks.table tr.main.close td.close{
	border-bottom: none;
}

.all-tasks.dashboard.table tbody tr.planned-title {
	background-color: #f8f8f8;
}

.all-tasks.dashboard .ui.company.lightBlue.label {
	width: 130px;
}

@media screen and (min-width: 2000px){
	.all-tasks.dashboard.table.my-tasks tbody tr td.nb-tasks.title {
		width: 72%;
	}
	.all-tasks.dashboard.table.pair-users tbody tr td.nb-tasks.title {
		width: 71%;
	}
	.all-tasks.dashboard.table.my-tasks tbody tr td.label-task {
		width: 16%;
	}
	.all-tasks.dashboard.table.my-tasks tbody tr td.client {
		width: 10%;
	}
	.all-tasks.dashboard.table.my-tasks tbody tr td.action.drag{
		width: 2%
	}
	.all-tasks.dashboard.table.my-tasks tbody tr td.deadline{
		width: 6%
	}
	.all-tasks.dashboard.table.my-tasks tbody tr td.insurer{
		width: 6%
	}
	.all-tasks.dashboard.table.my-tasks tbody tr td.manager{
		width: 6%
	}
	.all-tasks.dashboard.table.my-tasks tbody tr td.family{
		width: 5%
	}

	.all-tasks.dashboard.table.my-tasks tbody tr td.step{
		width: 14%
	}
}

@media screen and (max-width: 1600px){
	.all-tasks.dashboard .ui.company.lightBlue.label {
		width: 110px;
	}
	.ui.table tr td p.list-insurers, .ui.table tr td p.list-insurers.dashboard {
		width: 90px;
	}
	.all-tasks.dashboard.table.my-tasks tbody tr td.nb-tasks.title {
		width: 63%;
	}
}

@media screen and (max-width: 1550px){
	.all-tasks.dashboard .ui.company.lightBlue.label {
		width: 110px;
	}
	.all-tasks.dashboard.table.my-tasks tbody tr td.client{
		width:9%
	}

	.all-tasks.dashboard.table.my-tasks tbody tr td.action.drag{
		width: 4%
	}
	.all-tasks.dashboard.table.my-tasks tbody tr td.nb-tasks.title {
		width: 64%;
	}
}



@media screen and (max-width: 1400px){
	.all-tasks.dashboard .ui.company.lightBlue.label {
		width: 90px;
	}
}

@media screen and (max-width: 1300px){
	.all-tasks.dashboard .ui.company.lightBlue.label {
		width: 80px;
	}
	
}

.ui.grid.company-identity .column.relationship {
    display: flex;
}

.ui.grid.company-identity .column.relationship .main-info {
	max-width:124px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	margin-right: 3px;
}

.ui.grid.company-identity .column.relationship .icon {
    font-size: 18px;
}

.company.feature.form .modal h1.ui.header {
    margin-bottom: 3px;
    margin-top: 10px;
}

.company.feature.form .modal .content{
    padding-bottom: 10px;
    padding-top: 10px;
}

.company.feature.form .modal .content .fields{
    margin-bottom: 5px
}

.company.feature.form .modal .content .fields .field{
    margin-bottom: 0
}

.company.feature.form .modal .content .field{
    margin-bottom: 5px
}