#ui-datepicker-div{z-index:9999 !important;}
.error{
   color: #D8000C;
   background-color: #FFBABA !important;
}
.centred_licence_desc{
	display: grid;
	align-items: center;
}
.role_client_modify{
	display:none;
}
.btn-close{
	display: none;	
}	
.error_bloc {
	color: #FF0000;
}
.success_bloc {
	color: #32CD32;
}
.hide_btn, .hidden_bloc{display:none;}
.filter_type_tk , .atelier_materiel_filter{
	padding: 4px 30px!important;
}
.atelier_materiel_filter{
	margin-bottom: 20px !important;
}
.atelier_materiel_filter input ,.atelier_materiel_filter label{
	display:none;
}
.main-panel > .content{
	position:relative;
}
.loader_container{
    display: none;
    justify-content: center;
    align-items: center;
}

.loader_container p{
	margin-right: 10px;
	margin-bottom: 0;
}

.loader {
    border: 7px solid #f3f3f3;
    border-radius: 50%;
    border-top: 7px solid #3498db;
    width: 30px;
    height: 30px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
}
#tbody_suivi_facturation .icon_file{
	display: block;
}
.facturation_type{
	float: right;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #E3E3E3!important;
    min-height: 40px!important;
}

thead th ,#projects_table thead th#table_interventions thead th ,#interventions_table thead th{
	padding: 10px 18px;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #111;
	/*text-align: center;*/
}
  thead .sorting, #projects_table thead .sorting,#table_interventions thead .sorting, #interventions_table thead .sorting , #table_conges thead .sorting{
    background-image: url(../images/sort_both.png);
	cursor: pointer;
    background-repeat: no-repeat;
    background-position: center right;
	padding: 14px;
}

  thead .sorting_asc ,#projects_table thead .sorting_asc ,#table_interventions thead .sorting_asc ,#interventions_table thead .sorting_asc,  #table_conges thead .sorting_asc {
    background-image: url(../images/sort_asc.png) !important;
}

  thead .sorting_desc, #projects_table thead .sorting_desc #table_interventions thead .sorting_desc, #interventions_table thead .sorting_desc, #table_conges thead .sorting_desc {
    background-image: url(../images/sort_desc.png) !important;
}

.interventions_options{
	margin-bottom: 20px;
}

.comment_element {
    padding: 15px 30px;
    border-radius: 10px !important;
    margin: 7px !important;
    min-height: 20px;
    position: relative;
}
.comment_right .CommentaireText{
	background-color: #deefff;
}
.comment_left .CommentaireText{
	box-shadow: 0 1px 2px rgb(0 0 0 / 5%), 0 0 0 1px rgb(63 63 68 / 10%);
}
.CommentaireText {
    border-radius: 5px;
    padding: 8px;
}
.SuppCommentaire {
	color: #fff;
    background-color: #85a04d;
    position: absolute;
    top: 2px;
    left: -5px;
    cursor: pointer;
    padding: 1px 5px;
    font-size: 10px;
    border-radius: 8px;
}
.CommentaireText.editable {
    cursor: pointer;
}

label.error_msg{
    font-size: 12px;
    display: block;
    margin-top: 5px;
    font-weight: normal;
    color: #F44336;
}

.wait_ajax{
	position: absolute;
    top: 60px;
    width: 97%;
    height: 97%;
    background-color: #00000024;
    z-index: 99;
    color: #000;
    font-size: 30px;
    text-align: center;
    padding-top: 30px;
    display: none;
}
#projects_table,#table_interventions , #interventions_table{
	border-bottom: 1px solid #ddd;
}
 _length,#table_interventions_length{
	margin-top: 15px;
	margin-right: 5px;
}
#table_projects_filter,#table_interventions_filter{
	clear: both;
    overflow: hidden;
    margin-right: 20px;
	position: relative;
	display: flex;
    justify-content: space-between;
    align-items: center;
	padding-left: 20px;
}
#table_projects_filter input,#table_interventions_filter input{
	margin-left: 10px;
}
#table_projects_filter .pe-7s-search,#table_interventions_filter .pe-7s-search{
	font-size: 20px;
    cursor: pointer;
	font-size: 25px;
    cursor: pointer;
    position: absolute;
   	right: 8px;
	top: 9px;
}

#projects_card #table_projects_filter .pe-7s-search,#interventions_card #table_interventions_filter .pe-7s-search{
	top: 23px !important;
}

  a ,#projects_table a,#table_interventions a ,#interventions_table a{
	color: #333;
    cursor: pointer;
   
}
#charger_plus_projects,#charger_plus_interventions{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    margin: auto;
}
#charger_plus_projects i#charger_plus_interventions i{
	font-size: 20px;
    margin-right: 5px;
}
.card .content{
	clear: both;
    overflow: hidden;
	position:relative;
}

.comments_row .card .content{
	padding:0;
}
.hour_error{
	display: table;
    margin:auto;
    color: #6b1110;
    background-color: #f5d2d2;
    border-color: #f1c1c0;
    padding: 10px;
	width:100%;
	text-align:center;
}
.set_hour{
	font-size: 20px;
	margin: 25px auto;
	width : 20%;
	float:left;
	margin-bottom: 0px;
}
.set_hour_add_fac{
	font-size: 20px;
	margin: 17px auto;
	width : 20%;
	float:left;
}

#block_table_ticket{
	overflow: auto;
}

.date_ticket_r{
	padding: 12px 30px!important;
}

.btn_add_archived{
	display: flex;
    justify-content: flex-end;
}
.popup_filtres .date_input_ticket .ui-datepicker-trigger {
    background-color: #ffffff;
    border: none;
    width: 14px;
    position: absolute;
    top: 35px;
    left: 25px;
    padding: 0px;
    margin: 0px;
}







.filter_bloc_ticket{
	display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
.form_content .ticket_filter .input_without_colors .left-part{
	width: 50%!important;
}
.form_content .ticket_filter .input_without_colors .second-part{
	width: 50%!important;
}
.form_content .ticket_filter .input_without_colors .left-part .first-part{
	width: 100%!important;
}
.filter_bloc_ticket_graphique {
    display: flex;
	justify-content: space-between;
}

.ticket_liste{
	clear: both;
	width: 100%;

}
.ticket_Vue{
	float: right
}


.btn_add_ticket{
	float: right;
	margin-bottom :5px;

}
.btn_archive{
	float: right;
	margin-bottom :5px;
}

.btn_create_intervention{
	margin: 0px 5px!important;
}
.dataTables_filter .form-control{
	width:auto;
	display:unset;
}
.envoi_sms_confirm{
	padding: 0;
    background: rgba(0,0,0,.7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 110;
    border-radius: 5px;
    display: none;
}
.envoi_sms_confirm .dialog_sms{
	background: white;
    width: max-content;
    padding: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.envoi_sms_confirm .pe-7s-close{
	position: absolute;
    z-index: 110;
    top: 20px;
    right: 20px;
    font-size: 55px;
    color: #fff;
	cursor: pointer;
}
.dialog_sms div{
	margin-top:30px
}
.div_pad, .plus_btn{
	padding: 0 0 0 5px;
}
.btn_sm{
	margin:0px !important;
}
.div_ml{
	margin-left: -25px;
}
.btn_change_state{
	cursor: pointer;
}
.btn{
	margin:5px;
}
.btn_load{
	position: absolute!important;
	bottom: 20px!important;
	left:30%!important;
}
.Interlocuteur_User_Client.uncheck ,.etat_icon.n_resolu{
	color:#c0212f;
}
.Interlocuteur_User_Client.check ,.etat_icon.resolu{
	color:#109548;
}

.etat_icon i {
    font-size: 24px;
    margin: auto;
    display: table;
    font-weight: bold;
}

.taches .btn-info.active{
	color: #fff !important;
    background-color: #5bc0de !important;
    border-color: #46b8da !important;
}
.pull-right{
	cursor: pointer !important;
}

.fc-time-grid, .fc-time-grid-container {
    height: auto!important;
}

#sidebar .nav li {
    width: 100%;
}
.camera_container{ position: relative; }
.camera_container video{ width:100%; }
.camera_container .prendre_photo{
	position: absolute;
    bottom: 16px;
    left: 45%;
    background-color: #fff;
    color: #000;
    width: 35px;
    height: 35px;
    cursor: pointer;
    border-radius: 25px;
    text-align: center;
    line-height: 35px;
}
.camera_container .exit_camera{
	position: absolute;
    right: 2%;
    top: 3%;
	background: #ffffff;
    border-radius: 100%;
    cursor: pointer;
	width: 35px;
    height: 35px;
  
}

.camera_container .exit_camera i {
    margin-left: 7% !important;
}

.camera_container .exit_camera .btnx1 {
	width: 1px;
    height: 16px;
    background-color: #000000;
    transform: rotate(45deg);
    Z-index: 1;
	cursor: pointer;
}

.camera_container .exit_camera .btnx2 {
	height: 16px;
    width: 1px;
    background-color: #000000;
    transform: rotate(90deg);
    Z-index: 2;
	cursor: pointer;
}
.img_container img{
	/*border-radius:5px;
	float:left;
	width:33%;
	margin:0.1%;*/
}
.camera_container .prendre_photo i, .camera_container .exit_camera i {
	color: #000!important;
    font-size: 30px;
    padding-top: 2px;
}

.all-icons [class*="pe-"]{
    font-size: 40px;
}
.all-icons input{
    border: 0;
}
.all-icons .font-icon-detail{
    text-align: center;
    padding: 45px 0px 30px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    margin: 15px 0;
}
.all-icons .font-icon-detail input{
    margin: 25px auto 0;
    width: 100%;
    text-align: center;
    display: block;
    color: #aaa;
    font-size: 13px;
}

#map{
    position:relative;
    width:100%;
    height: calc(100% - 60px);
}
.dataTables_wrapper .dataTables_filter {
	margin-right: 20px!important;
}
.dataTables_wrapper .dataTables_length {
	margin-left: 15px!important;
}
.places-buttons .btn{
    margin-bottom: 30px
}
.sidebar .nav > li.active-pro{
    position: absolute;
    width: 100%;
    bottom: 10px;
}
.sidebar .nav > li.active-pro a{
    background: rgba(255, 255, 255, 0.14);
    opacity: 1;
    color: #FFFFFF;
}

.table-upgrade td:nth-child(2),
.table-upgrade td:nth-child(3){
    text-align: center;
}

.button_connect{
	margin:auto;
	display:table;
}
.card.connect_page{
	max-width: 50%;
    margin: auto;
}
.header.conect{
    text-align: center;
}
.header.conect img{width: 100px;}
.home_page_cald{
	max-width: 60%;
    margin: auto;
}
.home_page_cald .dashboard{
	text-align: center;
    border: 1px solid #f1ecec;
    box-shadow: 1px 1px #f1ecec;
    background-color: #fff;
	width:40%;
	margin-bottom:20px;
}
.home_page_cald .dashboard.left{
	margin-right:15px
}
.home_page_cald .dashboard .nbr_stat{
	font-size: 20px;
    color: #1DC7EA;
    font-weight: bold;
}
.home_page_cald .dashboard  .title{height: 50px;}
.header_right {
	text-align:right;
	margin-bottom: 0px;
	padding: 0;
}
.intervention_associer_form .header_right {
	text-align:right;
	margin-bottom: 10px;
	padding-right: 15px;
}
.new_intervention_form .add_interv_row{
	display:flex;
}
.new_intervention_form .add_interv_row .col_add_new_interv{
	display: flex;
    align-items: flex-end;
}
.new_intervention_form .add_interv_row .col_add_new_interv .btn_add_intervention{
	margin:unset;
}
.card .header.user, .card .header.client, .card .header.modif_clt{margin-bottom: 50px;}
.header_right .btn_header_right{margin-right: 5px;}
.card .header_left{
	padding-left:0px;
	float:left;
	margin-bottom: 10px;
}
.material_categories_title{
	margin-left: 15px;
	margin-right: inherit;
}
.licences_filter, .user_filter, .filter_type_tk , .atelier_materiel_filter , .btn_auto_planifier{
    clear: both;
    overflow: hidden;
    display: table;
    margin: 20px auto;
    text-align: center;
	color: #fff;
}
.technicien_affecter{
	padding: 12px 30px;
    font-size: 15px;
    text-transform: uppercase;
    margin: 3px 20px;
    display: inline-block;
    border: 1px solid #8aa554;
    border-radius: 25px;
    color: #8aa554!important;
	background-color: transparent;
}
.select_technicien_affecter{
	padding: 7px 0px;
    font-size: 15px;
    text-transform: uppercase;
    margin: 3px 20px;
    display: inline-block;
    border: 1px solid #8aa554;
    border-radius: 25px;
    color: #8aa554!important;
    background-color: transparent;
	
}


.select_technicien_affecter .select2-container--default .select2-selection--single {
    border: 0px!important;
    background-color:transparent;
    height: fit-content !important;
	padding: 0px 30px;
	
}
.select_technicien_affecter .select2-selection__rendered{
	  color: #8aa554!important;
}
.select_technicien_affecter .select2-container--default .select2-selection--single .select2-selection__arrow{
	color: #8aa554!important;
	
}
.check_role label{display:none;
					}
.check_role input{display:none;}
.int_filter {
	font-size: 13px !important;
	padding: 12px !important;
}

.user_bloc_roles {
	display: flex;
    flex-wrap: wrap;
    justify-content: center!important;
	float:left;
	width:100%;
}

.user_filter, .filter_type_tk , .atelier_materiel_filter, .btn_auto_planifier{cursor:pointer;}
.licences_filter a, .user_filter , .filter_type_tk , .atelier_materiel_filter, .btn_auto_planifier{
	padding: 12px 30px;
	font-size: 15px;
    text-transform: uppercase;
    margin: 5px; 
    display: inline-block;
	border: 1px solid #c80000;
    border-radius: 25px;
    color: #c80000!important;
}
.licences_filter a{
	margin: 2px 5px;
}
.user_filter.checked , .filter_type_tk.checked , .atelier_materiel_filter.checked , .btn_auto_planifier.checked{
	background-color: #c80000!important;
    color: #fff!important;
    border: solid 1px #c80000;
}
.licences_filter a.active, .licences_filter a.active:hover{
	background-color: #c80000!important;
    color: #fff!important;
    border: solid 1px #c80000;
}
.licences_filter a:hover{
	background-color: #c80000!important;
    color: #fff!important;
    border: solid 1px #c80000;
}
.licences_filter a.lic_30{
	border: solid 1px #e81212;
	color: #e81212!important;
}

.licences_filter a.lic_60{
	border: solid 1px #FFBB33;
	color: #FFBB33!important;
}
.licences_filter a.lic_30:hover, .licences_filter a.lic_30.active{
	background-color:#e81212!important;
	color: #fff!important;
}
.licences_filter a.lic_60:hover, .licences_filter a.lic_60.active{
	background-color:#FFBB33!important;
	color: #fff!important;
}
.critic{
	padding: 4px 18px!important;
}
.btn-radio{
   color:#000!important;
   }
.check_roles{
	display: -webkit-inline-box;
}
.checkboxstyle{
	margin: 0px 5px !important;
}
.align_form{
	min-height: 44px;
    margin-bottom: 5px;
}
.align_check{
	min-height: 54px;
}
.adr_mt{
	margin-top: 10px;
}
.adr_t {
	margin-top: 8px;
}
.btn_ml{
	margin-left: 15px;
}
.tag_p{
	padding-left: 9px;
}
.tag_pl{
	padding-left: 15px;
}
.col_max{
	max-height: 75px;
}
.col_mb{
	margin-bottom: 13px;
}
.row_mb{
	margin-bottom: 5px;
}
.btn_mt{
	margin-top: 25px;
}
.btn_pr{
	padding-right: 25px;
}
.border_col{
	border-left: 1px solid lightgray;
}
.titre_none{
	display: none;
}
.titre_pt{
	padding-top: 14px; 
}
.full_width{
	width: 100%;
}
.div_pr, .list_client, .list_ticket, .list_adresse{
	padding-right: 0px;
	flex-grow: 2;
	display: flex;
    flex-direction: column-reverse;
}
.div_pl{
	padding-left: 0px;
}
.form_mt{
	padding-top: 20px;
}
.site_pad{
	padding: 0px 15px;
	margin-left: auto;
}
.site_pad .select2.select2-container {
	width: 250px !important;
}
.indicator li{float:left; margin: 10px 10px;}
.indicator li .titre{ display:none; }
.indicator li i{ font-size: 20px; }
.indicator .indicateurs .counter{
    background-color: #769243;
    color: #fff;
    padding : 0px 5px;
    display: inline-block;
    border-radius: 20px;
    text-align: center;
    vertical-align: top;
    margin-top: 3px;
    font-size: 12px;
    padding-top: 2px;	
}
.indicator .indicateur .counter{
    background-color: grey;
    color: #fff;
    padding : 0px 5px;
    height: 20px;
    display: inline-block;
    border-radius: 20px;
    text-align: center;
    vertical-align: top;
    margin-top: 3px;
    font-size: 12px;
    padding-top: 2px;	
}
.indicator li:hover .titre{ 
	display:inline-block; 
	font-size:12px;
    vertical-align: top;
    margin-top: 5px;	
}
/**********************/
.version{
	    text-align: center;
    position: fixed;
    bottom: 0;
    left: 7%;

}
.card_lic_30{
	background-color:#FFBB33!important;
	opacity:0.5;
}
.card_lic_60{
	background-color:#e81212!important;
	opacity:0.5;
}
.archiver_btn{
	padding: 7px;
    float: right;
    border: 1px solid #42a9f4;
    color: #42a9f4;
    border-radius: 25px;
	cursor:pointer;
	margin-right:5px;
}
.tichet_etat .archiver_btn{
	margin-top: -15px;
}
.archiver_btn.active, .archiver_btn:hover{
	background-color:#42a9f4!important;
	color: #fff!important;
}
tbody td .btn-info{margin-bottom:10px;}
.card.licence_element{
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
}
.card.licence_element .table-full-width{padding-left: 25px;}
.card.licence_element .client{
	color: #989494;
}

.card.licence_element .description{
	font-size: 14px;
}
.card.licence_element .description.desc_ref{
	float:left;
	margin-left: 10px;
    margin-top: 4px;
}

.card.licence_element .expire_date{
	float: right;
    padding-right: 10px;
    color: #42a9f4;
	text-align: center;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #E3E3E3!important;
	height: 40px!important;
}
.collapse.navbar-collapse ul li form{margin-top: 10px;}
.collapse.navbar-collapse ul li .form-control{
	width: 80%;
    float: left;
}
.collapse.navbar-collapse ul li .submit{
float: left;
    height: 40px;
    border: none;
    background-color: #fff;
    color: #ccc;
    width: 40px;
}
.collapse.navbar-collapse ul li .submit i{ font-size: 30px; }
.collapse.navbar-collapse ul li .submit .fa.fa-search{color: #a09e9e;}
.select2-selection { overflow: hidden!important; }
.select2-selection__rendered { 
	white-space: normal!important; 
	word-break: break-all!important;
}
.table.table-hover tbody td:last-child{text-align:right;}
 .table.table-hover tbody td:last-child,#table_interventions.table.table-hover tbody td:last-child{text-align:left !important;}
.deleted{
	background-color: #fff3f3!important;
    color: #fbbfbf!important;
}
.add_container{
    clear: both;
    overflow: hidden;	
}
.traitements_container .content{
	border: 1px solid #E3E3E3;
    border-radius: 4px;
}
.traitements_container .content .form-group label{
	font-size: 16px;
    color: #000!important;
    font-weight: bold;
}
.traitements_container .content .form-group label input{margin-right: 7px!important;}
.traitements_container .content .form-group p{font-size: 12px;}
.commentaires_container .comment_element{
		padding: 0px 30px;
		border-radius: 35px;
		margin-bottom: 10px;
}
.commentaires_container .identifier .username{
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
}
.commentaires_container .comment_right .identifier .datetime{
	float: right;
}
.commentaires_container .identifier .datetime{
	color: #5A5A5A;
    font-size: 12px;
	margin: 0px;
}
.commentaires_container .comment_element.comment_left{
	 padding-left: 0px!important;
}
.commentaires_container .comment_element.comment_right{  
	padding-right: 0px!important;
}
.commentaires_container .comment_element .msg{
	clear: both;
    overflow: hidden;
}
.add_container a{
    float: right;
    height: 30px;
    width: 30px;
    background-color: #749244;
    color: #fff!important;
    border-radius: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 24px;
	margin: 20px 0px;
}
.add_container a:hover{
	background-color: #89a553;
}
.sidebar .nav p{ line-height: 30px!important; }
.affected_table tr,.affected_table tr td { cursor:move!important }
.clickable-row{ cursor:pointer;     padding: 10px 18px !important; }


.btn_add_traitement,.btn_add_adresse,.btn_add_client{ cursor:pointer; }

.ticket.rouge_alert{ 
	border: 2px solid #ff0000;
    border-radius: 5px;
}
.tichet_etat .card.licence_element {
	box-shadow: 0 3px 10px rgb(0 0 0 / 50%), 0 0 0 1px rgb(63 63 68 / 15%);
}
.ticket.rouge_alert .client_name{ 
	color:#ff0000;
}
.ticket.rouge_alert .duree_ticket{ 
	color:#ff0000;
}
.ticket .duree_ticket{ 
	float:right;
	font-weight: 600;
}

.ticket.rouge_alert .footer_ticket{
	border-top: 1px solid #ff0000;

}



.ticket.orange_alert{
    border: 2px solid #c80000;
    border-radius: 5px;
}
.ticket.orange_alert .duree_ticket{ 
	color:#c80000;
}


.ticket.orange_alert .footer_ticket{
	border-top: 1px solid #c80000;

}

.ticket .ticket_header{

	padding:10px;
}

.ticket .content_ticket{

	padding:0 10px 0px 10px;
}
.ticket .footer_ticket{

	padding:10px;
}


.ticket .client_name{
	float: left;
    color: #c80000;
    font-weight: 700;
    width: 50%;
    text-align: left;
    word-break: break-word;
}
.ticket .date_ticket{
	float:right;
}

.ticket .description{
	clear: both;
	text-align: start;
}


.ticket .etat_ticket{
	text-align:start;
}

.ticket .site_ticket{
	float: left;
	width:50%;
	text-align: left;
}

.etat_tache{
	display:flex;
	margin-bottom:20px;
	background-color:#ffffff!important;

}
.etat_tache .statut{
	float:left;
    text-align: center;
	background-color:#ffffff!important;
    height: unset !important;
}
.new_client_form, .new_client_adresse_form{
	clear: both;
    overflow: hidden;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(63, 63, 68, 0.1);
    border-radius: 2px;
    padding: 0px 15px;
    margin-bottom: 5px;
}
.etat_tache h2{
	font-size: 20px;
    text-transform: uppercase;
    color: #9A9A9A;
	border-bottom:1px solid #cfc9c9;
	padding:20px;
	font-weight: bold;
}
.select_licen_filtr{display:none;}
.select_licen_filtr_tech, .select_licen_filtr_site{display:none;}
.add_intervention{display:none;}
.tichet_etat{
	width: 90%;
    margin: auto;
}
.etat_tache .statut:nth-child(2n) {
  background: #f0e6e6;
  position: relative;
}

.etat_tache .statut:nth-child(2n+1) {
  background: #fff;
  position: relative;
}

.etat_tache .statut .tichet_etat:last-child{
margin-bottom :	50px ! important ; 
} 

.tichet_etat .ticket .archiver_btn {
    margin-right: 8px;
}
.tichet_etat .card.licence_element .licence {
	margin: auto;
	font-size:14px;	
	margin-top: 3px;
}
.tichet_etat .card.licence_element .licence span{
	color: #42a9f4;
}
.table.table-striped tr.noir{
	background-color:#000;
	color:#fff;
}
.table.table-striped tr.rouge{
	background-color:#c21010;
	color:#fff;
}
.table.table-striped tr.orange{
	background-color:#FFBB33;
	color:#fff;
}
.container-fluid:has(> div#header_calendar) {
	z-index: 999;
}
.container-fluid .navbar-header{ 
	width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.navbar .navbar-brand{
	margin:0!important;
	padding: 8px!important;
}
.container-fluid .navbar-header .logout_btn{ 
	float:right;
    margin-top: 20px;
    color: #777;	
}
.container-fluid .navbar-header .left_container{ float:left; }
.container-fluid .navbar-header .header_indicateurs{
	width: fit-content;
    clear: both;
    overflow: hidden;
}
.container-fluid .navbar-header .header_indicateurs .indicator{
	display: table;
    margin: auto;
    float: none;
	margin-bottom: 10px;
}
.container-fluid .navbar-header .header_indicateurs .indicator li{ float:left!important; }
/* .container-fluid .navbar-header .search_top_container{ float:left; margin-top:10px; } */
.container-fluid .navbar-header .search_top_container{ 
    padding: 0;
    background: rgba(0,0,0,.7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 110;
    border-radius: 5px;
	display:none;
 }
 .container-fluid .navbar-header .search_top_container form{
	width: max-content;
    clear: both;
    overflow: hidden;
 }
.container-fluid .navbar-header .left_container .search_icone{
	font-size: 23px;
    margin-top: 4px;
    float: left;
	cursor: pointer;
	margin-right: 10px;
}
.container-fluid .navbar-header .search_top_container input{ 
	background-color: #FFFFFF;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    color: #565656;
    padding: 8px 12px;
    height: 35px;
	float:left;
	margin-top: 4px;
}
.container-fluid .navbar-header .search_top_container .submit{ 
	background: none;
    border: none;
    font-size: 23px;
	float:left;
	margin-top:6px;
	color: #fff;
}
.container-fluid .navbar-header .search_top_container .pe-7s-close{
	position: absolute;
    z-index: 110;
    top: 20px;
    right: 20px;
    font-size: 55px;
    color: #fff;
	cursor: pointer;
}
.menu_logout{ /*display:none!important; */}
.new_serie_form{
    clear: both;
    overflow: hidden;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 20px;
}
/****uploade****/
#upload_pic{
    top: 50%;
    left: 50%;

}
#upload_pic .border_file{
    height: 100%;
    border-radius: 7px;
    cursor: pointer;
	position: relative;

}
.upload_img {
    height: 20px;
}
.title_add{
	float:left;
}

.upload_file_camera .camera_form .border_file{
	border: 0;
}
.upload_file_camera #upload_pic .border_file{
	border: 0;
}

.upload_file_camera .img_container .image_div{
    margin-bottom: 10px;
    background-color: transparent;
}
.file_project .document_element .file_icone{
	font-size: 20px;
}
.file_project .document_element .file_name{
	font-size: 14px;
	vertical-align: super;
}
.title-icon{
	display: flex;
    justify-content:flex-start;
	flex-wrap: wrap;
}

.title-icon .title_add{
	margin-right:20px;
}
.border_file{
	margin-right:10px;
}
#upload_pic .border_file p{
    
    color: #000;
    font-family: Arial;
    font-weight: 700;
	margin: unset;
}

.click_file_label,.click_file{
	cursor: pointer;
}

 #upload_pic .border_file input{
   position: absolute;
    outline: none;
    opacity: 0;
    top: 0;
    left: 0;
	height:100%;
	width:100%;
    cursor: pointer;
}
.upload_button{
	display:table;
	margin:auto;
}
.camera_form {
    top: 50%;
    left: 50%;
   /* height: 200px;
    margin-bottom: 20px;*/
}
.camera_form_update_doc{
	margin-bottom: 0px;	
}
.col_upd_height{
	/*height : 115px;*/
}
.row_info_client{
	margin-top: -2px;
}
.camera_form .border_file {
	/*height: 96px;*/
    height: fit-content;
    border: 2px dashed #9c9494;
    border-radius: 7px;
    position: relative;

}
.camera_form .border_file p{
    
    color: #000;
    font-family: Arial;
    font-weight: 700;
    margin: unset;
}
.divstyle {
	float: left;
    margin: 0px 5px;
}
.spanstyle{
	margin-right:5px
}
.iconstyle{
	color: #ffffff;
    top: 5px;
    right: 0;
    position: absolute;
    cursor: pointer;
    /* padding: 20px; */
    border-radius: 0px 8px 0px 8px;
    font-size: 50px;
	line-height : 0.6 !important;
}
#activate_camera_btn{
	margin:auto;
	display:table;
}
.img_container .image_div img, .file_container img{
	height:100% !important;
	width:100%;
	object-fit:contain;
	display:table;
	margin:auto;
}

.file_container{
	margin-bottom:10px;
	height:80px;
	float: left;
}
.remove_image, .file_container .remove_file, .file_container .delete_file_comment {
    position: absolute;
    right: 14px;
    top: 3px;
    z-index: 999;
    color: #fff;
    width: 19px;
    cursor: pointer;
}
.remove_file {
	
	position: absolute;
    right: 14px;
    top: 3px;
    z-index: 999;
    color: #000;
    width: 19px;
    cursor: pointer;
}
.fa-close{
	cursor: pointer;
}
#ticket_liste .pagination,#projects_card .pagination,#card_interv .pagination,#projects_card .pagination,#card_interv .pagination{
	padding-right: 25px;
	float:right;
}
#projects_card .pagination ul li,#interventions_card .pagination ul li,
#card_interv .pagination ul li,#card_interv .pagination ul li,
#ticket_liste .pagination ul li,#ticket_liste .pagination ul li
{
	display:none;padding: 10px; cursor:pointer;
}
#ticket_liste .pagination ul li.paginate_button:nth-child(-n+3),
#ticket_liste .pagination ul li.suivant,
#ticket_liste .pagination ul li.precedent,
#ticket_liste .pagination ul li.beforelast,
#ticket_liste .pagination ul li.last,
#projects_card .pagination ul li.paginate_button:nth-child(-n+3),
#projects_card .pagination ul li.suivant,
#projects_card .pagination ul li.precedent,
#projects_card .pagination ul li.beforelast,
#projects_card .pagination ul li.last,
#card_interv .pagination ul li.paginate_button:nth-child(-n+3),
#card_interv .pagination ul li.suivant,
#card_interv .pagination ul li.precedent,
#card_interv .pagination ul li.beforelast,
#card_interv .pagination ul li.last,

#ticket_liste .pagination ul li.paginate_button:nth-child(-n+3),
#ticket_liste .pagination ul li.suivant,
#ticket_liste .pagination ul li.precedent,
#ticket_liste .pagination ul li.beforelast,
#ticket_liste .pagination ul li.last,
#interventions_card .pagination ul li.paginate_button:nth-child(-n+3),
#interventions_card .pagination ul li.suivant,
#interventions_card .pagination ul li.precedent,
#interventions_card .pagination ul li.beforelast,
#interventions_card .pagination ul li.last,
#card_interv .pagination ul li.paginate_button:nth-child(-n+3),
#card_interv .pagination ul li.suivant,
#card_interv .pagination ul li.precedent,
#card_interv .pagination ul li.beforelast,
#card_interv .pagination ul li.last{
	display:inline-block;
}
#ticket_liste .pagination ul li.active,#ticket_liste .pagination ul li.active,
#projects_card .pagination ul li.active,#interventions_card .pagination ul li.active,
#card_interv .pagination ul li.active,#card_interv .pagination ul li.active{
	background-color:#ff3e3e;
}
@media (max-width: 1082px){
	.container-fluid .navbar-header{
		    flex-direction: column;
	}
}
@media (min-width: 992px){
    .typo-line{
        padding-left: 140px;
        margin-bottom: 40px;
        position: relative;
    }

    .typo-line .category{
        transform: translateY(-50%);
        top: 50%;
        left: 0px;
        position: absolute;
    }
}
@media (max-width: 768px){
	.navbar .navbar-brand{
		padding-top: 13px !important;
	}
	.navbar-header .navbar-toggle{
		margin: unset;
	}
	.container-fluid .navbar-header .left_container{
		float: left;
		height: fit-content;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.container-fluid .navbar-header{
		flex-direction: row;
	}
	.container-fluid .navbar-header .left_container .search_icone{
		    margin-top: unset;
	}
	.modif_ticket .update_documents_container{
		padding-left: 15px !important;
	}
	.ajout_intervention .client_infos_container .referent_section,
	.modification_intervention .client_infos_container .referent_section{
		padding: 0px 15px !important;
	}
}
@media all and (max-width: 991px)  {
	.nav-open .btn-close{
		position: fixed;
		display:block;
		z-index: 100;
		right: -30px;
	}	
	.btn-close button{
	    color: #000;
		font-size: 50px;
	}	
	.container-fluid .navbar-header{
		flex-direction: row;
	}
    .sidebar .nav > li.active-pro{
        position: initial;
    }
	.nav.nav-mobile-menu, .container-fluid .navbar-header .logout_btn{ display:none; }
	.menu_logout{ display:block!important; }
	.telem{
		margin-left: 15px;
	}
	.form_group_fac{
		margin-right: 15px;
	}
}

@media all and (max-width: 909px)  {
    .home_page_cald .dashboard .title {
		font-size: 19px;
		margin-top: 10px;
		line-height: 23px;
	}
}
@media all and (max-width: 771px)  {
    .card.connect_page {
		max-width: 70%;
	}
	.licences_filter{display:none;}
	.select_licen_filtr{
		display:block;
		margin: auto;
		margin-bottom: 20px;
		border: 1px solid #8aa554;
		border-radius: 15px;
		padding: 5px 10px;
		width: 200px;
		color:#8aa554;
	}
	.select_licen_filtr_tech{
		display:block;
		margin: auto;
		margin-bottom: 20px;
		border: 1px solid #8aa554;
		border-radius: 15px;
		padding: 5px 10px;
		width: 200px;
		color:#8aa554;
		}
	.select_licen_filtr option{
		background-color:#8aa554;
		color:#fff;
	}	
	.select_licen_filtr_tech option{
		background-color:#8aa554;
		color:#fff;
	}
	.add_intervention{display:block;}
}
@media all and (max-width: 767px)  {
    .home_page_cald .dashboard{
		margin:auto;
		margin-bottom:20px;
		width: 70%;
	}
	.home_page_cald .dashboard.left {
		    margin-right: auto;
	}
	#desktop_structure{
		display:none;
	}
	#info_button{
		display:block!important;
		float: left;
		margin: 17px auto;
		font-size:23px;
	}
	#desktop_structure ul{
			width:260px;
	}
}
@media all and (max-width: 565px)  {
    .card.connect_page {
		max-width: 90%;
	}
	.home_page_cald .dashboard{
		width: 90%;
	}
}
@media all and (max-width: 480px)  {
	.site_pad .select2.select2-container {
		width: 155px !important;
	}
}

.card_interv .table1{
	width: 100%;
    padding-left: 40px;
}
.card_interv .table1 .bloc_search{
	display: inline-flex;
    justify-content: space-between;
    align-items: center;
	flex-wrap: wrap;
    width: 100%;
}
.card_interv .table1 #form_search{
	width: 100%;
}
.card_interv .table1 .search_inter{
	position: relative;
}

/* intervention user_vues */


.select_vues, #current_filter, #interventions_card #current_filter,#projects_card #current_filter{
	width: unset !important;

}

.filter_row, .interventions_options #duree_total{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
#duree_total span{
	text-transform: initial;
}
.filter_row{
	display: flex;
	overflow: hidden;
	align-items: center;

}
.filtre_block{
	display: flex;
    justify-content: space-between;
}
#filtre_block{
	clear: both;
}
.filter_row button, .filter_row button:active, .filter_row button:focus, .filter_row button:hover,
.filtre_block button, .filtre_block button:active, .filtre_block button:focus, .filtre_block button:hover,
.green_btn, .green_btn:active, .green_btn:focus, .green_btn:hover
{	
	background: #c80000 0% 0% no-repeat padding-box;
	border-radius: 2px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0px;
	color: #FFFFFF;
	border: none;
	height: 40px;
}
.filter_row button img{
	margin-right: 7px;
}
.delete_filter_btn, .delete_filter_btn:active, .delete_filter_btn:focus, .delete_filter_btn:hover{
	text-align: left;
	letter-spacing: 0px;
	color: #A0A0A0;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 0.5px solid #AAAAAA;
	border-radius: 2px;
	height: 40px;
}
.filter_row .select_vues, .filter_row #current_filter{
    width: 100%!important;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 0.5px solid #AAAAAA;
	border-radius: 2px;
	letter-spacing: 0px;
	color: #A0A0A0;
}
.select_vues .selected, #current_filter .selected{
	background-color: #FFFFFF;
	color: #000000;
}


/*Popup vue */

#btn_delete_current_vue, #btn_delete_current_vue:active, #btn_delete_current_vue:focus, #btn_delete_current_vue:hover{
	text-align: left;
	letter-spacing: 0px;
	color: #A0A0A0;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 0.5px solid #AAAAAA;
	border-radius: 2px;
	height: 40px;
}

.modal-text .espaced_element{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #000000;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

.btn-popup-vue, .btn-popup-vue:hover, .btn-popup-vue:active, 
.btn-popup-vue:focus, .btn-popup-vue:focus-visible{
	background: #c80000 0% 0% no-repeat padding-box;
	border-radius: 5px;
	border-color: #c80000;
	color: #ffff;
}
.centred_buttons {
    display: flex;
    justify-content: center;
    width: 100%;
}
#parameters_form{
	padding-right: 30px;
    padding-left: 15px;
}
/*intervention table */

#block_table_projects,#block_table_interventions{
	overflow: auto;
}

#block_table_projects th,#block_table_interventions th {
    border-bottom-width: 1px;
    font-size: 12px;
    text-transform: uppercase;
	color: #9A9A9A;
}

.container {
	display: flex;
	position: absolute;
	cursor: pointer;
	font-size: 15px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height:23px;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width:100%;
	
}

/* Hide the browser's default checkbox */
.container input,.swicth_container input{
	
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.switcher{
	position: absolute;
	cursor: pointer;
	top: 0;
	right: 0;
	height: 23px;
	width: 50px;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 34px;
}
.switcher, .swicth_container .slider {background-color: #ccc;}
/* On mouse-over, add a grey background color */


/* When the checkbox is checked, add a blue background */
.container input:checked ~ .switcher,
#modal_vues_timeline .swicth_container input:checked ~ .slider {
  background-color: #c80000;
}

/* Create the switcher/indicator (hidden when not checked) */
.switcher:before {
  	border-radius: 50%;
}

/* Show the switcher when checked */
.container input:checked ~ .switcher:before{
  display: block;
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
   transform: translateX(26px);
	border-radius: 50%;
}

/* Style the switcher/indicator */
.container .switcher:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.popup_vues div#sortable {
    width: 100%;
	margin-bottom: 20px;
}

#sortable > div{
	height: 30px;
	padding-right:20px;
	position:relative;
	
}

#sortable p{
	margin:0 !important;
}

.popup_vues .contenu{
	display: flex;
	align-items: center;
	justify-content: space-between;
}



.popup_vues .contenu.header{
	margin: 15px 24px !important;
	border-bottom: 1px solid #000000;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

.popup_vues .contenu.header p{
	font: normal normal bold 24px/28px Roboto;
	letter-spacing: 0px;
	color: #000000;
	margin-bottom: 14px !important;
}
.popup_vues .contenu p, #modal_vues_timeline #modal_content .swicth_container p,
#modal_vues_timeline #modal_content > div > p{
	text-align: left;
	font: normal normal bold 18px/21px Roboto;
	letter-spacing: 0px;
	color: #000000;
	margin-bottom: auto;
    margin-top: auto;
}

.popup_vues #liste-vues {
	padding: 0px 34px 24px 40px;
	
}

.popup_vues .contenu{
	border-bottom: 0px;
	padding-bottom: 0px !important; 
    margin-bottom: 0px !important;
}

.popup_vues button#delete_vue {
    text-align: left;
    letter-spacing: 0px;
    color: #A0A0A0;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 0.5px solid #AAAAAA;
    border-radius: 2px;
    height: 40px;
}

.popup_vues .header .inline_items{
	display: flex;
}

.popup_vues .header .inline_items i{
	font-size: 25px;
	margin-right: 5px;
	cursor: pointer;
}

.items_show {
    display: flex;
    text-align: center;
	margin-bottom:15px;
}


.items_show p {
    text-align: left;
    font: normal normal bold 18px/21px Roboto;
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: auto;
}

select#nbr_items_to_show {
    right: 0;
    position: absolute;
}

.img_vue {
    width: 20px;
}

.drag .img_vue {
    width: 14px;
    margin-right: 3px;
	vertical-align: baseline !important;
}

.popup_vues div#libelle_form {
    padding-left: 30px;
    padding-right: 30px;
}
@media all and (max-height: 670px)  {
    .popup_vues div#sortable {
		height: 54vh;
		overflow-y: auto;
	}
}

@media all and (max-height: 500px)  {
    .popup_vues div#sortable {
		height: 30vh;
		overflow-y: auto;
	}
}
@media all and (max-width: 490px)  {
    .header_intervention .header_right, .header_intervention .header_left{
		width: 100%;
	}    
	.header_intervention .header_right{
		padding-left:15px;
		text-align: left;
	}
}


.header_intervention .header_top{
	width:100%;
}
@media all and (max-width: 580px)  {
	.top_header {
		display: unset !important;
		justify-content: space-between;
	}
	.interventions_options .header_right{
		padding-left:0px;
		text-align: left;
		width: 100%
	}	
	.interventions_options .header_right a{
		float: left !important;
	}
}

@media all and (min-width: 470px)  {
	.filter_row {
		overflow: hidden;
		display: flex;
	}
}
@media all and (min-width: 1261px)  {
	#filtres_vues_project,#filtres_vues_intervention{
		
		justify-content: space-between;
	}
	#vues_row{
		display: flex;
		justify-content: flex-start;
	}
	.filter_row {
		overflow: hidden;
		display: flex;
	}
}

@media all and (max-width: 1260px) and (min-width:1181px)  {
	#filtres_vues_project,#filtres_vues_intervention{
		display: flex;
		justify-content: space-between;
	}
	#table_projects_length label,#table_interventions_length label{
		display: flex;
		flex-direction: column;
	}	
	#table_projects_length, #table_interventions_length {
		margin-top: 0px;
		margin-right: 0px;
	}
}
@media all and (max-width: 1180px) and (min-width:992px){
	#filtres_vues_project ,#filtres_vues_intervention {
		display: flex;
		flex-direction: column;
	}
	#table_projects_length, #table_interventions_length {
		margin-top: 15px;
		margin-left: 7px;
		order: 3;
	}
}

@media all and (max-width: 991px)  and (min-width:925px){
	#filtres_vues_project,#filtres_vues_intervention{
		display: flex;
		justify-content: space-between;
	}

	#vues_row{
		display: flex;
		justify-content: flex-start;
	}
	.filter_row {
		overflow: hidden;
	}
	#table_projects_length label,#table_interventions_length label{
		display: flex;
		flex-direction: column;
	}
	#table_projects_length, #table_interventions_length {
		margin-top: 0px;
		margin-right: 0px;
	}
}
@media all and (max-width: 924px) {
	#filtres_vues_project ,#filtres_vues_intervention{
		display: flex;
		flex-direction: column;
	}
	#table_projects_length, #table_interventions_length {
		margin-top: 15px;
		margin-left: 7px;
		order: 3;
	}
}

.header_intervention{
	padding: 14px !important;
}
#filtres_vues_intervention{
	clear: left;
}

#filtres_vues_intervention .btn {
	margin-left: 0px !important;
}

.top_header {
    display: flex;
    justify-content: space-between;
}


.top_header .header_left .btn{
    margin-left: 0px !important;
}
.main-panel > .content{
	min-height: calc(100% - 123px);
	height: fit-content;
	z-index: 999;
}
.container-fluid{
    min-height: 100%;
	height: fit-content;
	z-index: 999;
}
.home_page{
	display: flex;
	flex-direction:column;
	height: 100%;
}
#fullcalender_parent{
	min-height: 480px;
}
#fullcalender_parent .fc-slats{
	min-height: 580px;
	overflow: auto;
}


#horaires_entreprise {
    overflow: auto;
}


.block-horaires .block-switcher {

	cursor: pointer;
    height: 100%;
    position: relative;
    width: 50px;
	height: 40px;
	margin-right: 15px;
}

/* Hide the browser's default checkbox */
.block-horaires .block-switcher input {
	
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.block-horaires .switcher {
  position: absolute;
  cursor: pointer;
  top: 8px;
  right: unset;
  height: 23px;
  width: 50px;
   background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
	border-radius: 34px;
}

/* On mouse-over, add a grey background color */


/* When the checkbox is checked, add a blue background */
.block-horaires .block-switcher input:checked ~ .switcher {
  background-color: #7fa726;
}

/* Create the switcher/indicator (hidden when not checked) */
.block-horaires .switcher:before {
  	border-radius: 50%;
}

/* Show the switcher when checked */
.block-horaires .block-switcher input:checked ~ .switcher:before {
  display: block;
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
   transform: translateX(26px);
	border-radius: 50%;
}

/* Style the switcher/indicator */
.block-horaires .block-switcher .switcher:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

#class_Project_planification{
	padding-left:15px;
}




#horaires_entreprise table {
    width: 100%;
}

#horaires_entreprise th {
	border-bottom-width: 1px;
    font-size: 12px;
    text-transform: uppercase;
    color: #9A9A9A;
    font-weight: 400;
    padding-bottom: 5px;
}

#horaires_entreprise th.column-day {
    height: 35px;
    width: 50px;
}

#horaires_entreprise th.column-time {
    text-align: center;
	min-width: 120px;
}

#horaires_entreprise th.line-day {
    height: 80px;
    text-align: left;
}

#horaires_entreprise td {
    padding: 24px;
}


#horaires_entreprise tr {
    border-bottom: 1px solid #ded4d4;
}

#horaires_entreprise .block-horaires {
    display: flex;
    justify-content: center;
}
#horaires_entreprise .block-horaires .horaires {
    position: relative;
	display: flex;
	justify-content: space-between;
	width: 281px;
}

#horaires_entreprise .horaires .time-input {
    display: flex;
    align-items: center;
	width: 130px;;
}
#horaires_entreprise .horaires input{
    width: 105px;
}

#horaires_entreprise .horaires  label {
    margin-right: 4px;
	margin-bottom: 0px!important;
}


#horaires_entreprise div#fermer {
    display: flex;
    align-items: self-end;
}

#horaires_entreprise .message-error-horaires-entreprises {
    position: absolute;
    top: 44px;
}
#horaires_entreprise .message-error-horaires-entreprises p {
    font: caption;
    font-size: 12px;
    color: red;
    margin-bottom: 0px;
}
@media all and (max-width: 1222px) and (min-width:990px) {
	#horaires_entreprise thead {
		display: none;
	}
	#horaires_entreprise tr {		
		display: flex;
		flex-direction: column;
	}

	#horaires_entreprise th.column-time {
		width: 43%;
	}
	#horaires_entreprise th.line-day {
		height: 42px;
		text-align: center;
	}
	#horaires_entreprise .column-time{
		display : flex ! important;
		border-bottom-width: 1px;
		font-size: 12px;
		text-transform: uppercase;
		color: #9A9A9A;
		font-weight: 400;
		padding-bottom: 5px;
	}
	#horaires_entreprise tr {
		border-top: 1px solid #ded4d4;
	}
	#horaires_entreprise th {
		font-size: 14px;
	}
}


@media all and (max-width: 940px){
	#horaires_entreprise thead {
		display: none;
	}
	#horaires_entreprise tr {		
		display: flex;
		flex-direction: column;
	}

	#horaires_entreprise th.column-time {
		width: 43%;
	}
	#horaires_entreprise th.line-day {
		height: 42px;
		text-align: center;
	}
	#horaires_entreprise .column-time{
		display : flex ! important;
		border-bottom-width: 1px;
		font-size: 12px;
		text-transform: uppercase;
		color: #9A9A9A;
		font-weight: 400;
		padding-bottom: 5px;

	}
	#horaires_entreprise tr {
		border-top: 1px solid #ded4d4;
	}
	#horaires_entreprise th {
		font-size: 14px;
	}
}
.commentaires_container{
	max-height: 445px;
	overflow-y: auto;
}
.update_commentaire_form .inline_section{
	display: flex;
	min-width: 150px;
	align-items: center;
	justify-content: space-between;
}

.upload-btn-wrapper input[type=file] {
	display:none;
}
.upload-btn-wrapper{
	position: relative;
	display: inline-block;
	margin: 0px;
}
.url_container, .url_container .icon{
	width: fit-content;
}
.url_container .icon_file{
	text-align: center;
}
.url_container .icon_file i{
	font-size: 40px;
}
.url_container .icon_file i{
	font-size: 40px;
}
.url_container a,.url_container a:hover, .url_container a:active{
	color: #000000;
}

.description_bloc, .validation_bloc {margin: 25px 0px;}
#fullpage_image {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-size: contain;
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-color: black;
}
.admin_liste p{
	font-size: 16px!important;
	position:relative;	
}
.admin_liste p span{
	position:absolute;
	right:10px;
	font-size:20px;

}

.liste_menu_admin{
	display:none;
	margin-left:35px;
}
.label_checkbox , .label_checkbox_client {
	display: block;
	width: 200px;
    float: left;
}


.label_nom {padding: 10px 0px;}
.date_bloc {padding: 6px 0px;}
.page_projet {margin-bottom: 20px;}
.projet_add, .projet_modify{margin-bottom: 5px;}

.page_projet .comments_container{
	padding-bottom: 30px;
}
.page_projet .comments_container .commentaire .form-group{
	margin-bottom: 0px;
}
.page_projet .comments_card{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.upload_pdf {width: 125px;}
.file_bloc {text-align: center;}
.adresse_bloc {margin-bottom: 15px;}


.gstc__chart-timeline-items-row-item {
    border-radius: 4px;
}
.overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #ffffff80;
	text-align: center;
	padding-top: 20px;
}
.gstc__chart-timeline-items-row-item-label{
	flex: 0 0 100%;
}
.gstc__chart-timeline-items-row-item-label,.gstc__chart-timeline-items-row-item-label a{
	display:flex;
	flex-grow: 1;
	flex-shrink: 0;
}
.vue_graphique .project_row .gstc__chart-timeline-items-row-item-label .item-label,
.gstc__list-column-row .gstc__list-column-row-content a {
	color: #000;
}
.gstc__chart-timeline-items-row-item-label .item-label {
	color: #fff;
}
.header .inline_items label{
	margin-right: 5px;
}

.swicth_container{
	display: flex;
}

.swicth_container .switch {
  position: relative;
  display: inline-block;
  width: 50px !important;
  height: 23px;
}

.swicth_container .switch input {display:none;}

.swicth_container .slider.grey_background,
#modal_vues_timeline .swicth_container .slider {
	background-color: #ccc;
}
.swicth_container .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #c80000;
  -webkit-transition: .4s;
  transition: .4s;
}

.swicth_container .slider:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.swicth_container   input:checked:not(.disabled)  + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.swicth_container .slider.round {
  border-radius: 34px;
}

.swicth_container .slider.round:before {
  border-radius: 50%;
}



/* Project Modify */

.page_projet .header_add_temp{
	display: flex;
	justify-content: space-between;
}

/* Project Journal */
.journal_page .fc-event-container a{
	height: 30px;
}
.fc-center {
    text-transform: capitalize;
}
#project_rapport_day {
    padding: 40px 0px;
}
.journal_description_title{
    margin-bottom: 18px;
    padding-top: 18px;
}
.journal_actions_btns{
	margin-top: 18px;
}
.journal_actions_btns .pull-left{
	margin-left: 0px;
}
#rapport {
    background-color: #fff;
    padding: 15px;
	padding-bottom: 0px !important;
    border: 1px solid #999;
}

#rapport .intervention {
    margin-bottom: 30px;
}

#rapport .intervention h5 {
    margin-bottom: 8px;
}

#rapport .intervention span{
    font-weight: bolder;
}

#description_form #select_intervnenants{
	padding: 0px;
	margin-bottom: 23px;
}

#rapport #description{
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

#rapport #description div:first-child {
    min-width: 95px;
}

#description_notify.alert-warning {
    background-color: #ffd59f;
}
#description_notify.alert {
    border: 0;
    border-radius: 8px;
    color: #FFFFFF;
    padding: 16px 14px;
    font-size: 16px;
}

.notifications.top{
	position:relative;
	color:#000;
}
.notifications i.pe-7s-comment{
	font-size: 30px;
}
.notifications span.number_notification{
	background-color: #e74c3c;
    color: #fff;
    padding: 2PX 5PX;
    border-radius: 20PX;
    text-align: center;
    font-size: 12px;
    position: absolute;
    top: -5px;
    right: -5px;
}
.not_exist_notification,.all_notif{
	padding:15px;
}
.all_notif .bloc_notification_content{
	padding: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
	margin-bottom: 15px;
	margin-top: 10px;
}

.bloc_notification_content.readed{
	background-color:#fff;
}
.bloc_notification_content{
	background-color:#ebeaea;
	cursor:pointer;
}
.bloc_notification_content p{
	margin-bottom: 15px;
}

div#notif_date {
    margin-top: 6px;
    font-size: 14px;
    color: #7070a9;
}


/* Category Comment */
.sous_category {
    padding-left: 32px;
}
ul.list_category_child {
    list-style-type: none;
    padding-left: 30px;
}
.comments_card .dropdown.pull-right {
    padding-right: 10px;
}

#modal_project_interventions_details ul{
	list-style-type: '-';
}
#modal_project_interventions_details p{
	margin-bottom: 0px;
	font-size: 14px;
}

.vue_graphique .gstc__chart-timeline-items-row-item-label, .interventions_timeline .gstc__chart-timeline-items-row-item-label {
	padding-left: 5px;
    align-items: center;
}
.vue_graphique .gstc__chart-timeline-items-row-item-label .item-label, .interventions_timeline .gstc__chart-timeline-items-row-item-label .item-label{
	font-size: 12px;
    font-weight: bold;
    text-align: center;
}
.vue_graphique .gstc__chart-timeline-items-row-item, .interventions_timeline .gstc__chart-timeline-items-row-item {
	height: 26px !important;
	min-width: 40px;
}
.vue_graphique .gstc__list-column-row.project_row, .vue_graphique .gstc__chart-timeline-grid-row.project_row .gstc__chart-timeline-grid-row-cell{
	border-top: 4px solid rgba(237,241,242,0.75);
}
.vue_graphique .gstc__list-toggle{
	display: none;
}
.gstc__chart-calendar-date-content.gstc__chart-calendar-date-content--hour {
	font-size: 9px;
    font-weight: 600;
}
.interventions_timeline .gstc__chart-calendar-date-content.gstc__chart-calendar-date-content--hour.hour_day_view {
	font-size: 12px;
}
.interventions_timeline .gstc__chart-calendar-date.hour_day_view{
	justify-content: center;
}
#full_calender_project .fc-slats{
	min-height: 100px !important;
}
.page_projet .projet_modify .header .title{
	font-size: 21px;
}
.page_projet .CommentaireText{
	white-space: inherit;
}
.page_projet .commentaires_container .identifier p{
	margin-bottom: 0px;
}

.page_projet .comments_card .header_add_temp{
	padding: 5px 15px;
}
.avancement_error {
	margin-top: 15px;
}
#planification_calendar .task_calendar{
	width: 100%;
}
#planification_calendar .gstc__chart-timeline-items-row-item-label{
	-webkit-mask-image: unset;
}
#planification_calendar .gstc__chart-timeline-items-row .item-label{
	width: 100%;
	text-align: right;
	padding-right: 2px;
	padding-top: 1px;
	font-size: 20px;
	cursor: pointer;
}
#vue_graphique_calendar .row_label{
	margin-top: 5px;
}
#vue_graphique_calendar .row_label div{
	line-height: 1.5;
}
#vue_graphique_calendar .checkboxes_row{
	display: flex;
    justify-content: flex-end;
    align-items: flex-end;
	padding-right: 25px;
}
.tooltip-inner{
	text-align: left !important;
}

/* Project Suivi Travaux */

#calender_suivi_travaux #datepicker {
    background-color: transparent;
    border: none;
}

.total_suivi_travaux, .heures_reels{
	border: none;
	background: none;
}

.green-day a{
   background-color : Green !important;
   color: White !important;
}
.add_doc_projet_frais{
	display:none;
}
.gstc .half_day_off{
	background: #f9fafb;
}
.comments_card .inline_items{
	display: flex;
	align-items: baseline;
	justify-content: space-between;
    padding: 5px 10px;
}
.comments_card .accordion .collapse{
	width: 100%;
}
.comments_card .accordion a{
	color: #000000;
}
.comments_card .collapsed_block {
	padding: 0 24px;
}
.comments_card .collapsed_block_border{
	border-bottom: 2px solid #a3a3a33b;
}
.comments_card .sub_category{
	display: flex;
    justify-content: space-between;
    padding: 5px 5px 5px 25px;
	cursor: pointer;
	font-size: 14px;
	color:#4A4A4A;
}

.comments_container .btn{
	margin-left: 0px !important;
}
.comments_container .libelle_parent_category{
	margin-right: 5px;
}
#modal_canal_comments .update_commentaire_form{
	margin-top: 10px;
	width: 100%;
}
.modal_sub_category_comment{
	height: 100%;
	max-height: 585px;
	overflow-y: overlay !important;
	border: 1px solid #707070 !important;
	border-radius: 5px !important;
}
.modal_sub_category_comment .modal-inner{
	height: 100%;
}
.modal_sub_category_comment .modal-title{
	border-bottom: none !important;
}

.spaced_inline_items{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px 10px 24px;
    border-top: 1px solid #BFBFBF;
    border-radius: 5px;
    margin-top: 5px;
}
.block_border{
	padding: 0 24px
}
.comments_card .inline_items .btn >i.right {
	color: #000;
	font-weight: bolder;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
}
.comments_card .inline_items .btn.collapsed >i.right {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.home_page #selected_month{
	float: right;
	max-width: 120px;
}
#btn_collapse_sidebar{
    position: fixed;
    border-color: #fff;
    color: #fff;
    left: 180px;
    bottom: 0px;
}
.sidebar:not(.active) .nav li a{
	height:50px
}
.sidebar:not(.active) #btn_collapse_sidebar{
	left: 11px;
	bottom: 21px;
}
.sidebar:not(.active) .version{
	left: 16px;
	bottom: -10px;
}
.wrapper > .sidebar:not(.active), .wrapper > .sidebar:not(.active) .sidebar-wrapper{
	width: 100px;
}
.main-panel.closed_sidebar{
	width: calc(100% - 100px);
}
.sidebar:not(.active) .nav li p{
	display: none;
}
.activer_desactiver_ticket{text-transform: capitalize;}


#chart_filter {
    margin-bottom: 20px;
	padding: 10px;
}

#select_mois{
	height: 33px;
}
#select_periode, #select_mois{
	height: 40px;
}

.comments_container .comments_card {
	border: 1px solid #BFBFBF;
	border-radius: 15px;
}
.comments_container .comments_card .content{
	padding: 0px !important;
}
/******** projet *********/

.comments_container .header_comments_bloc .header_add_temp{
	min-height:40px;
	border-radius: 5px;
	border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
	background-color:#c80000;
	color:#ffffff;
}
.comments_card .title_add{
	font-size: 19px!important;
    font-weight: 700!important;
	color:#ffffff!important;
}

.comments_row .inline_items{
	
	font-size: 20px!important;
    color: #000!important;

}

.comments_row .libelle_parent_category{
	color: #4A4A4A;
    font-size: 15px;
    font-weight: bold
}
.comments_row .inline_items button{
	border:0;
	color: #4A4A4A;
    font-size: 22px;
    font-weight: bold;
	margin: 0;
	padding: 0;
}


.comments_row .add_category{
	border-radius: 10px;
    border-color: #2EC8E8;
    color: #ffff;
    background-color: #2EC8E8;
    font-size: 15px;
    padding: 5px 10px;
    line-height: 15px;
    font-weight: bold;
    margin: 0px;
}

.comments_row .libelle_parent_category,.comments_row .libelle_parent_category .btn-link{
	display: inline;
}
.comments_row .add_canal{
    background-color: #1DC7EA;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 6px 8px;
    border-radius: 13px;
    cursor: pointer;
}
.comments_row .add_canal span{
	background-color: #ffff;
    color: #2EC8E8;
    margin: 0;
    border-radius: 10px;
    border-color: #2EC8E8;
    font-size: 15px;
    padding: 5px 10px;
    line-height: 15px;
    font-weight: bold;
    margin: 0px;
    opacity: 1;
}

.comments_row .spaced_footer{
	color: #a3a3a3;
	border-top: 1px solid #a3a3a394;
    border-radius: 15px;
    padding-top: 10px;
}

.comments_row .item_active{
	background-color: #f0f8ff;
}

.comments_row .spaced_inline_items span{
    color: #A3A3A3;
    font-size: 13px;
    padding-left: 10px;
}
.inline_section{
    padding: 5px 15px;
    border-top: 1px solid #BFBFBF;
    border-radius: 5px;
}

.comments_row .add_canal span{
	color:#2EC8E8;
}

.update_commentaire_form .add_comment{
	background-color: #88888800!important;
	background-image: url(../images/send_comment.png);
	cursor: pointer;
    background-repeat: no-repeat;
    background-size: 54px 54px;
    border: 0;
    width: 54px;
    height: 54px;
    background-position: bottom;
	padding: 0px;
}
.inline_section .form-group{
	margin:0;
}
.update_commentaire_form .btn_upload_file{
	background-color: #88888800!important;
	background-image: url(../images/dossier_comment.png);
	cursor: pointer;
    background-repeat: no-repeat;
	background-size: 36px 36px;
	border:0;
	width:40px;
	height:40px;
}

.update_commentaire_form .textarea_block{
	width: 100%;
	min-width: 60px!important;
	padding: 0 13px;
}
.update_commentaire_form .commentaire_input{
    width: 100%;
    height: 45px!important;
    border-radius: 10px!important;
    margin: 0;
    background-color: #efefef78;
    border: 0;
}

.update_commentaire_form .commentaire_input::placeholder {  
	text-align: center; 
}
.btn_category_block{
	margin-right: 30px;
    margin-top: 12%;

}
.btn_category_block .dropdown.pull-right{
	background-color: #1DC7EA;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 5px 7px;
    border-radius: 15px;
    height: 40px;
    cursor: pointer;
}
.btn_category_block .add_category{
	background-color: #ffff!important;
    color: #2EC8E8!important;
    margin: 0!important;
    border-radius: 13px!important;
    border-color: #2EC8E8!important;
    font-size: 14px!important;
    font-weight: bold!important;
    opacity: 1!important;
}

.masque_block{
	background-image: url(../images/masque.png);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
}
/* #modal_canal_comments .card .content{ */
	/* padding: 0px; */
/* } */
#modal_canal_comments .update_comment_form_wrapper{
	border: 1px solid #BFBFBF;
	border-radius: 15px;
	box-shadow: none;
}
#modal_canal_comments .inline_section, .comments_container .comments_card {
	border-top: 1px solid #BFBFBF;
	border-radius: 5px;
}
#modal_canal_comments .comment_category_form .libelle, #modal_canal_comments .comment_category_form select{
	border: 1px solid #707070;
	border-radius: 10px;
}
#modal_canal_comments .comment_category_form textarea{
	min-height: 195px;
	border: 1px solid #707070;
	border-radius: 8px;
}
#modal_canal_comments .comment_category_form label{
	margin-top: 15px;	 
}
.select_adresse_container, .select_adresse_container .plus_btn, .client_liste_container{
	display:flex;
	height: fit-content;
}
.select_adresse_container, .client_liste_container{
	width: 100%;
}
.my-dropzone .justificatif{
	cursor: pointer;
}


#chart_filter div{
    margin-bottom: 20px;
}

#chart_filter #select_periode,#chart_filter #select_mois{
	height: 33px;
	width: 100%;
}



#chart_filter #select_user{
	width : 60%
}
#chart_filter #select_annee{
	width : 30%
}



#modal_add_interventions_time_content .col-md-4{
	padding-left: 0px;
}
.projects .header_top .row{

	align-items:center;
}
.projects .swicth_container i{
	font-size: 26px;
    margin: 0px 10px;
    color: #c80000;
}
.projects .header_top .row .add{
	display:flex;
	align-items:center;
}
.vue_container i{
	font-size: 26px;
    margin: 0px 10px;
    color: #c80000;
}
.project_vue_graphique .row .line {
	display:flex;
	align-items:center;
	flex-wrap: wrap;
    width: 100%;
	justify-content: space-between;
}
.project_vue_graphique .row .line .filters_wrapper{
	flex-grow: 2;
}
.projects .header_top .row .add a{
	margin-left:10px
}
.card_ticket .row{
	align-items:center;
}
.card .row .header_ticket_liste{
	display:flex;
	align-items:center;
}
.filter_bloc_ticket .ticket_Vue i {
	font-size: 26px;
    margin: 0px 10px;
    color: #c80000;
}
.card_ticket .row{
	padding:15px
}
.ticket_vue_graphique {
	display:flex;
	align-items:center;
}
.ticket_vue_graphique .header_ticket_liste{
	display: flex;
    align-items: center;
}
.ticket_vue_graphique .header_ticket_liste .title, .header_top .title{
	margin: 0;
    color: #333333;
    font-weight: 300;
    clear: both;
    height: fit-content;
    text-transform: uppercase;
}
.header_top .category {
    font-size: 14px;
    font-weight: 400;
    color: #9A9A9A;
    margin-bottom: 0px;
}
.header_intervention .row {
	align-items:center;
}
.header_intervention .row .left_intervention{
	align-items:center;
}
.left_intervention .filter_action{
	display:flex;
	align-items:center;
}
.header_intervention .filter_row{
	display:flex;
	align-items:center;
}

.interventions_options .swicth_container label,
.project_vue_graphique .swicth_container label{
    margin: 0px 10px;
} 
.header_intervention .vue_container i{
	font-size: 26px;
    margin: 0px 10px;
    color: #c80000;
}
.header_top .left_intervention{
	margin-right:-10px;
}

.interventions_options .titre_ajout{
	display:flex;
	align-items:center;
}
.interventions_options .titre_ajout .taches {
	margin-left :3px;
} 
.interventions_options .titre_ajout #duree_total{
	margin:0px;
}
.interventions_options .titre_ajout h2{
	margin:0px;
}
.home_page .header{
	margin-bottom: 15px;
    margin-top: 15px;
}
.home_page .header .title{
	margin: 0;
    color: #333333;
    font-weight: 300;
    clear: both;
    height: fit-content;
    text-transform: uppercase;
}
.home_page .header .sub_title{
	font-size: 14px;
    font-weight: 400;
    color: #9A9A9A;
    margin-bottom: 0px;
}
.ProjectFraisFiles_block .add_doc_projet_frais .title-icon{
	display: flex;
	align-items: center;
}

.ProjectFraisFiles_block .add_doc_projet_frais .element_button_upload {
	display: inline;
    float: left;
}

.ProjectFraisFiles_block .add_doc_projet_frais .upload_file_camera {
	display: inline;
    float: left;
}


.ProjectFraisFiles_block .add_doc_projet_frais {
    box-shadow: none!important;
}
.modif_ticket .update_documents_container{
	padding-left: 0px;
}
.liste_menu_project{
	margin-left: 35px;
}
#tbody_frias_cat #Designation{
	width: 100%;
	height: 40px;
	resize: none;
} 

#modalContainerFrais,#modalErrorFormat{
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}
#modalContainerFrais .modal-content ,
#modalErrorFormat .modal-content {
	width: fit-content;
    max-width: 50%;
    margin: auto;

}
#modalContainerFrais .modal-content ,
#modalErrorFormat .modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}
#modalContainerFrais .close ,
#modalErrorFormat .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

@media (min-width: 768px){
	.ajout_intervention .client_infos_container .description_container, .modification_intervention .client_infos_container .description_container{
		display: flex;
		width: 100%;
	}
}
.ajout_intervention .client_infos_container .description_container, 
.modification_intervention .client_infos_container .description_container,
.ajout_intervention .client_infos_container .referent_section,
.modification_intervention .client_infos_container .referent_section{
	padding: 0;
}

.referent_section ul, .client_section ul{
	list-style: none;
}
.referent_section ul li{
	word-wrap: anywhere;
}

.green_header{
	background: #c80000;
    overflow: hidden;
	color:#ffffff !important;
	padding:5px 15px !important;
	
}
.green_header .title{
	color:#ffffff !important;
	
}
.green_header .header_left{
	margin-bottom: 5px  !important;
	margin-top	: 5px;
}

.green_header .title b,
.card_updated .green_header .title-icon .title_add b{
	font-weight: 700;
	font-size : 19px; 
}



#ajouter_intervention  b{
	font-weight: 700;
}
#ajouter_intervention{
	    float: none;
}
.green_header b{
	font-weight: 700;
	font-size:19px;
}
.green_header .title_facturation {
	height: fit-content;
}
.green_header {
	float:none !important;
}
.green_header .category{
	color :#ffffff ;
}
.licences_filter{
	display: flex;
    flex-wrap: wrap;
    justify-content: center!important;
    margin: 10px 0px;
}
#client_title{
	padding: 0 15px;
}

.margin_soutitre{
	margin-top : 25px;
}
.tit_info{
	padding-top:7px;
}
.liste_num_licence{
	padding-top: 18px;
}



#interventions_card .header_intervention .add_export,
.card_updated .content_facturation_info{
	display:flex;
	align-items:center;
}

.title_interv{
    font-size: 20px !important;
}

.chart_container_centered{
	justify-content:center;
	width: 100% ;
}

#chart_container{
	width: 100% ;
	height: 350px ;
}

#devis_chart_container{
	width: 100% ;
}


.filter_margin{
   margin-bottom: 10px;
}
.parametr_title{
	margin : 0;
}
.parametr_sous_title{
	padding: 7px;
}
.suivi_fact_montant{
	margin : 10px ;
}
.suivi_fact_action{
	margin: 5px 5px 0;
}
.total_frais_displ{
	display: flex;
    justify-content: end;
}
.justificatif_margin{
	margin-top: 15px;
}
.calender_suivi_travaux_mar{
	margin: 10px !important;
}
.liste_file_frais{
	margin-top : -20px ;
}
.modal_notify .inline_items{
	margin-top: 30px;
}
.element_button_upload, 
.upload_file_camera{
	display: flex;
	align-items: center ;
}
 .element_button_upload .click_file_label{
 margin : 0px ;
 }
.row_mb_important{
	margin-bottom : 5px !important;
}
.ProjectFraisFiles_block .add_doc_projet_frais{
	display: inline-flex !important;
}
.ProjectFraisFiles_block .add_doc_projet_frais .green_header b{
	font-weight: 600 !important;
    font-size: 11px !important;
}
.ProjectFraisFiles_block .add_doc_projet_frais h4{
	margin-right: 4px
}

#modal_vues_timeline #modal_content{
	padding: 0 10px;
}
#modal_vues_timeline #modal_content .swicth_container{
	justify-content: space-between;
}
#modal_vues_timeline .error{
	display: none;
	min-height: 16px;
}
#modal_vues_timeline #fusion_swicth_container{
	padding-right: 20px;
}
 #select_annee_devis{
	margin : 18px ;
}
.annee_titre_devis{
	 margin-top: auto;
}
.color_realise{
	color: #1DC7EA;
}
.color_preventionel{
	color: #93c72e;
}
#form_check_entreprise .block-switcher {
	margin-top: -2%;
    margin-left: 1%;
}
#form_check_entreprise .block-horaires{
	display: flex;
    align-items: center;
}
.nombre-conges{
	margin-left: 2%;
    font-size: 17px;
    color: red;
	font-weight: bold;
}
.conges_text{
	margin-left: 5%;
    font-size: 20px;
    font-weight: bold;
}
.text_graph{
	font-size: revert;
}
.col-md-12.nombre-conges{
	width: 100%;
    margin-top: 2%
}
.row_conge{
	align-items : center;
}
.title_conges{
	margin-bottom : revert;
}
#horaires_entreprise.row{
	margin-right: 0px;
    margin-left: 0px;
}
#filter .filter_row {
	overflow: hidden;
	display: flex;

}
#modal_vues_timeline.popup_vues #sortable{
	height: max-content;
	overflow-x: hidden;
}
#modal_vues_timeline.popup_vues #client_swicth_container{
	z-index: 9999;
}
.etat_icon .pe-7s-info {
    color: #aaa;
}

.add_btn_conge{
	margin-right: 100%;
}
#table_conges thead .sorting_trie{
    background-image: url(../images/sort_both.png);
	cursor: pointer;
    background-repeat: no-repeat;
    background-position: center right;
	padding: 14px;
}
#table_conges thead .sorting_trie_asc {
    background-image: url(../images/sort_asc.png) !important;
}

#table_conges thead .sorting_trie_desc, #projects_table thead .sorting_desc #table_interventions thead .sorting_desc, #interventions_table thead .sorting_desc, #table_conges thead .sorting_desc {
    background-image: url(../images/sort_desc.png) !important;
}

/* #header_calendar{ */
	/* position: -webkit-sticky; */
	/* position: sticky; */
	/* top: 0; */
	/* z-index: 999999; */
	/* background-color: #f7f7f8; */
	/* padding: 5px 0 5px; */
/* } */
/* #header_calendar .fc-center h2{ */
	/* margin: 0px; */
/* } */
/* #header_calendar .tool-shelf{ */
	/* margin: 12px 20px; */
/* } */
.sidebar{
	z-index: 999;
}
/* #modal-window{ */
	/* z-index: 9999999999; */
/* } */

#checkbox_run_planifier_auto{
	display: none;
}
#checkbox_submit_btn{
	display : none;
}
.page_projet .error,#modalAddProjectAjax .error{
   background-color: #FFFFFF !important;
 
}

.page_projet label.error,#liste_traitement_error{
    font-size: 12px;
    display: block;
    margin-top: 5px;
    font-weight: normal;
    color: #F44336;
}
#modalAddProjectAjax .list_client ,.page_projet .list_client{
	display: flex;
    flex-direction: column-reverse;
}
.auto_planified_section,
.btn_replanified_container{
	margin-top: 20px;
}
.conge_error {
	display: none;
    margin:auto;
    color: #6b1110;
    background-color: #f5d2d2;
    border-color: #f1c1c0;
    padding: 10px;
	width:100%;
	text-align:center;
}
#role_vue_graphique{
	margin-top: 10px;
}
.label_checkbox_client{
	margin-top: 10px;
}
.swicth_PROJETS{
    margin-top: 12px;
}





@media (min-width: 992px){
	
	#vue_checkbox_intervention{
		margin-top:15px;
	}

}
@media (max-width: 1250px){
	
	.intervention_header_checkbox{
    float: left!important;
	}


}

@media (min-width: 1130px){
	.card_ticket .row{
	   display:flex;
	}
	
.swicth_PROJETS{
    margin-top: 12px;
}


}
#btn-vue{
	
	margin-left: 0px!important;
	
}
#btn_filtre{
	
	margin-left: 0px!important;
	
}
@media  (max-width: 1130px) and (min-width:991px) {
	#ticket_Vue_switch{
		 margin-top: 15px;
	}
	   
}
.btn_add_conge_rh{
	display:flex;
    align-items: center;
}

@media (max-width: 1250px){
	
	.intervention_header_checkbox{
    float: left!important;
	}

}
@media (min-width: 992px){
	
	.row_conge{
	  display:flex;
	}
	.row_conge .inline_items{
	float: right;
	}
	
}

@media (min-width: 379px){
	
	.header_intervention .row .left_intervention{
	   display:flex;
	}
	
}
@media (max-width: 378px){
	
	.filter_action .btn{
	   margin-left:0px!important;
	}
	
}
.chart {
  width: 100% !important;
  min-height: 450px;
}

@media (max-width: 991px){
	
	#select_periode_annee{
    	margin-bottom: 6px;
    	margin-top: 6px;
	}
	#info_devis p {
    	text-align: center
	}
	
}
.select_year_devis{
    display:flex;
}
#select_periode_annee{
    display:flex;
}

@media (min-width: 1200px){

	#select_periode{
     margin-left: 90px;
	}
	
}

.fc .fc-toolbar .fc-center > *{
	margin-left: 0;
	float: unset;
	text-align: center;
}

.fc-center h2{
	margin-bottom:0px!important;
	margin-top:0px!important;
	text-align: center;

}
	
@media (min-width: 991px){  
	#header_calendar{
        margin-bottom: 20px;
    	margin-top: 20px;	
	}	
}
@media (Max-width: 991px) and (min-width: 364px){  

	.fc-right{
        height: 100px;	
	}
	.fc-center h2{
		position: absolute;
		top: 60px;
		width: 100%;
	}
}
@media(Max-width: 363px) and (min-width: 338px ) {  

	.fc-right{
		height: 175px;
	}
					
	.fc-center h2{
		position: absolute;
		top: 90px;
		    width: 100%;

	}
}
@media(Max-width: 338px) and (min-width: 238px ) {  

	.fc-right{
		height: 175px;
	}
					
	.fc-center h2{
		position: absolute;
		top: 125px;
		    width: 100%;

	}
}
@media(Max-width: 238px)and (min-width: 189px ) {  

	.fc-right{
		height: 260px;	
	}
	
	.fc-center h2{
		position: absolute;
		top:184px;

	}
}
@media(Max-width: 188px)and (min-width: 138px ) {  

	.fc-right{
		height: 310px;
		
	}
	
	.fc-center h2{
		position: absolute;
		top: 210px;

	}
}
@media(Max-width: 137px ) {  

	.fc-right{
		height: 320px;
		
	}
	
	.fc-center h2{
		position: absolute;
		top: 210px;
	}
}
@media (min-width: 992px) {  

	.fc-right{
	    float: right;
	}
	
}
@media(Max-width: 992px)and (min-width: 314px ) {  
      #checkbox_vue_graphique{
		  padding-left: 15%;
	  }
	.fc-left,.fc-right {
	display: table;
    margin: auto;
	  }
}


@media(Max-width: 992px) {  
      #full_calender .fc-center h2 {
		position: static!important;
		width: 100%!important;
	  }
      #full_calender .fc-right {
		    height: auto!important;
			    float: none !important;
	  }
      #full_calender .fc-left {
			    float: none !important;
	  }
}
@media(min-width: 1200px) {  
      .interventions_options{
	     display:flex;
	     align-items:center;
	  }
}


@media(max-width: 1200px) and (min-width:992px) {  
      .interventions_options .planning_timeline{
	     padding-top: 13px!important;
      }
      .interventions_options .intervention_header_checkbox{
	     padding-top: 13px!important;
      }

}
@media(Max-width:991px) {  

      .interventions_options .planning_timeline{
	     margin-top: 13px!important;
		 float:none ! important;
		 margin-bottom:13px!important;
      }
      .interventions_options .planning_timeline #planning{
		 margin-left:0px!important;
      }
}

@media(min-width:1200px) {  
      #interventions_card .header_intervention
      {
	     display:flex;
	    align-items:center;
      }
}

@media(min-width:360px) {  
#interventions_card .header_intervention .title_add_export
      {
	     display:flex;
	    align-items:center;
      }
}
#Ticket_left,#Ticket_right{
display: none;

}
#card_project_frais{
    overflow: hidden;
}
.div_table_facturation , #div_table_frais{
    overflow: auto;

}
#div_table_frais #mytable{
    min-width: 1006px!important;
    max-width: unset!important;
}
.div_table_facturation #mytable{
    min-width: 946px!important;
    max-width: unset!important;
}
#table_div_suivi_travaux{

        overflow: auto;

}
#calender_suivi_travaux #suivi_travaux{
    min-width: 960px!important;
    width: 98%;
}

@media(Max-width:505px) {   
 #calender_suivi_travaux .fc-left 
      { 
        width: 100%;
        display: grid;

      } 
#calender_suivi_travaux .fc-left .fc-button-group{ 
        margin: auto;
        display: table;
        float: none!important; 


} 
#calender_suivi_travaux .fc-left .fc-today-button{ 
        margin: auto;
        display: table;
        float: none!important; 


} 

 #calender_suivi_travaux  .fc-left .hasDatepicker{ 
        margin: auto; 
        display: table;
			
} 

} 
#suivi_travaux .somme_client{
        width: 99%!important;
        padding: 0px!important;
}


@media (max-width: 518px){
    #journal_project #full_calender_project .fc-right {
            float: none !important;
            height: auto !important;
            margin-top: 8px !important;
            margin-bottom: 8px !important;
            margin-left: auto !important;
            margin-right: auto !important;
    }
    #journal_project #full_calender_project .fc-left {
            float: none !important;    }
}
#journal_project #full_calender_project .fc-center h2 {
    position: unset!important;
    width:auto !important;
}
	
	
#journal_project #full_calender_project .fc-right {
    display: table;

}
#journal_project #full_calender_project .fc-left {
    display: table;
    margin: auto;
}

 .vues_project_annee_sortable{
	   height: unset !important;
} 

.client_liste_container>.row{
	width:100%;
}

.content_ticket .materiel_libelle{
	float:right;
}

.licence_element.ticket{
	display: flex;
    flex-direction: column;
}

.titel_prject_planfication{
    text-align: center;

}
.btn_div_suivi_travaux button{
    height: max-content!important;
    padding: 8px 16px!important;
}

#suivi_travaux .editable{
	width:100%
}

.DivhoursAndJours{
    display: flex;
    justify-content: space-evenly;
}
.interventions_options #jours_total{
	    margin-left: 10px;
}
.journal_section_label{
    margin-bottom: 0px;
    margin-top: 15px;
    font-size: 11px;
}
.journal_section_att{
	margin-bottom: 0px;
}
.journal_section_project,.equipes_section_div{
	padding: 15px;
    margin: 15px;
    box-shadow: 0px 1px 5px #aaaaaa;
}

#modalUserInfoByDate .nav-tabs,#modalUserInfoByDate .nav-tabs>li.active>a,#modalUserInfoByDate .nav-tabs>li.active>a:focus,#modalUserInfoByDate .nav-tabs>li.active>a:hover{
	border:unset !important;
	color: white !important;

}
#modalUserInfoByDate .modalUserInfoHeader{
	background-color: #ff0000 !important;
	color: white !important;
	border: unset;
    margin: 5px 15px;
    padding: 13px;
}


.modalCongeDetail,.modalCongeDetail .modal-text{
	overflow:unset !important;
}
#journal_section{
	overflow:auto;
}

.equipes_Utilisateurs_list li{
	    margin-top: 10px;

}
.equipes_Utilisateurs_list{
    margin-left: 15px;
    margin-top: 10px;
    list-style-type: circle;
}
#modalUserInfoByDate {
	max-width:450px
}


#modalUserInfoByDate .nav{
	display: flex;
    justify-content: center;
}

#modalUserInfoByDate .pe-7s-angle-right ,#modalUserInfoByDate .pe-7s-angle-left{
	font-size: 45px;
    color: #000000;
}

#modalUserInfoByDate .slick-next {
    right: 0;
}

#modalUserInfoByDate .slick-next ,#modalUserInfoByDate .slick-prev{
    top:1%;
}

#modalUserInfoByDate .titelDivModal{
	font-size: initial;
    text-align: center;
    margin: 25px 0px;
}


#modalUserInfoByDate .slider{
    margin-left: 30px;
    margin-right: 30px;
}
.stopScrolling{
overflow:hidden;}

#modalUserInfoByDate .row{
max-height:300px;
}


#modalUserInfoByDate .info_section , #modalUserInfoByDate .equipes_section , #modalUserInfoByDate .journal_section{
    padding: 50px;
	max-height:400px;
	overflow-y:auto
}

#modalUserInfoByDate .equipes_section p{
    margin: 0px;
}

#modalUserInfoByDate .slick-slide{
    padding-right: 25px;
}

#journal_project_Input_Div .row {
    margin-top: 10px;
}

.project_vue_graphique #job .job_description .description{
	color:#ffffff !important;
}

.project_vue_graphique .job.resizable:after{
    background-color: unset !important;
}

.is_disp{
    background-color: #32d204 !important;
}


#modalAskForCreation ul{
	list-style-type: none
}

#modalAskForCreation h4{
	font-weight: 400;
	margin-top: 0px;
}

#modalAskForCreation label{
	font-weight: 100;
}

.colorpicker{
	z-index: 99999 !important;
}

.project_intervenant_error{
	display: none;
    margin-top: 7px;
    color: #FF0000;
    padding: 10px;
    width: 100%;
    text-align: center;
}

.btn-success {
    border-color:#c80000 !important;
    color: #c80000!important;
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover {
	background-color: #f50404!important;
}

.color_td{
    display: flex;
} 

.span_color{
	height: 25px; 
	width: 25px;
	border-radius: 50%;
	display: inline-block;
	box-shadow: 1px 3px 11px #0000001A;
}
.header_top .add .title {
    margin: 0;
    color: #333333;
    font-weight: 300;
    clear: both;
    height: fit-content;
    text-transform: uppercase;
}

.d-flex {
	display: flex;
}

.align-items-center {
	align-items: center;
}

.align-items-baseline {
	align-items: baseline;
}

.justify-content-center {
	justify-content: center;
}

.justify-content-between {
	justify-content: space-between;
}

.justify-content-around {
	justify-content: space-around;
}

.ps-0 {
	padding-left: 0.5rem;
}

.ps-1 {
	padding-left: 1rem;
}

.pe-0 {
	padding-right: 0.5rem;
}

.pe-1 {
	padding-right: 1rem;
}

.user_roles_section .swicth_container .slider ,
.div_interlocuteur .swicth_container .slider ,
.user_bloc_roles .swicth_container .slider{
	background-color: #ccc;
}
 

.user_roles_section .swicth_container input:checked:not(.disabled)  + .slider ,
.div_interlocuteur .swicth_container input:checked:not(.disabled)  + .slider ,
.user_bloc_roles .swicth_container input:checked:not(.disabled)  + .slider {
	background-color: #c80000;
}

.role_container:has(> div:not(.relative_roles) > .swicth_container input:checked:not(.disabled)) .relative_roles {
	display: block;
}

.role_container .relative_roles {
	display: none;
}

.user_roles_section .swicth_container .switch, .user_bloc_roles .swicth_container .switch {
	margin: 5px;
}
.user_roles_section .role_container .d-flex , .user_bloc_roles .role_container .d-flex {
	justify-content: space-between;
}

.user_roles_section .swicth_container , .user_bloc_roles .swicth_container   {
	padding-right : 40% ;
}

.relative_roles  .swicth_container  {
	padding-left: 20% !important ; 
}

.card form .role_container[class*="col-"]:last-child {
	padding: 6px;
}


 .role_container >div:first-child {
   padding-right: 0px !important;
}

 .role_container .relative_roles {
   padding-top: 0px !important;
   padding-bottom: 0px !important;
}

.user_roles_section  .swicth_container  .title,
.relative_roles  .swicth_container  .title{
	display:none;
}

.user_roles_section  .relative_roles , .user_bloc_roles  .relative_roles , .relative_roles .swicth_container {
	padding-right: 0px !important;
}
.user_roles_section  .role_container .user_bloc_roles  .role_container{
	padding-right: 12px !important;
}
#modal_clients_interventions_details a{
    font-weight: bolder;
}
#modal_clients_interventions_details a:hover{
	color:#000000;
 }
 
 
@media (min-width: 992px){
 
	.div_pad , .ajout_contrat .client_liste_container>.row>div , .plus_btn_licence_admin{
		padding-top: 0px !important ; 
		padding-bottom: 0px !important ; 
	}
	.list_licence_admin  {
			 padding: 0px !important ; 

	}

}

.action_tickests_services{
	display: flex;
}

.user_roles_section .relative_roles.Vue {
	display: block !important;
}

.ErrorRoleUser  {
	padding-left:15px;
	color: #FF0000;
	display:none;

}

.file_div>a{
	display: flex;
    flex-direction: row;
}
.modif_ticket .img_container {
    display: flex;
    flex-direction: column;
}
.divOrigineticket{
	display:flex;
}
.modification_intervention .ProjectFraisFiles_block{
	display:none;
}
#etat_tache_ticket>div {
    height: unset !important;
}
.user_roles_section .relative_roles.Vue, .user_bloc_roles .relative_roles.Vue {
    display: block !important;
}
.atelier_header .title h4, .titre_ajout .title h4{
	margin: 0;
}
.Doc.error_msg label {
    color: #ff0000;
    text-align: center;
}
 
#modal-window #ModalAddIntervention{
	width:800px ! important;
}
 .Div_chart_Disponibilite{
	 padding-top: 15px;
 } 
 .SelecteDivMonth{
    display: flex;
    width: 230px;
    align-items: center;
    margin: auto;
 } 
 
 .Div_chart_Disponibilite P{
	white-space: nowrap;
    margin-right: 18px;
    margin-bottom: 0px;
 }
 
 .ProjectFraisCategorieCol{
    display: block;
    width: 100%;
 } 

 #Categories_Frais_table .btnActivation:focus, #Categories_Frais_table .btnActivation::hover, #Categories_Frais_table .btnActivation:active, #Categories_Frais_table .btnActivation:active:focus{
    color: #FFFFFF !important;
    background-color: unset!important;
 }
 #Categories_Frais_table .btnActivation {
	border-color: #87CB16;
    color: #87CB16;
 }
.div_interlocuteur{
	display: flex;
    align-items: center;
    justify-content: space-between;
}
#clients_liste_table_data th{
	text-align:justify;
}
.DivDayDisponible{
	max-height: 100px;
	overflow-y: auto;
}
.swicth_container.FilterswicthDisp .switch{
	width:55px !important;
}