.error {
 	color: #D8000C;
 	background-color: #FFBABA !important;
 }

 .centred_licence_desc {
 	display: grid;
 	align-items: center;
 }

 .role_client_modify {
 	display: none;
 }

 .btn-close {
 	display: none;
 }

 .message-erreur {
 	color: #FF0000;
 }

 .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;
 }

 .equipes_filter,
 .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;
 }

 .equipes_filter a,
 .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;
 }

 .equipes_filter a,
 .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;
 }

 .equipes_filter a.active,
 .equipes_filter a.active:hover,
 .licences_filter a.active,
 .licences_filter a.active:hover {
 	background-color: #c80000 !important;
 	color: #fff !important;
 	border: solid 1px #c80000;
 }

 .equipes_filter a:hover,
 .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%;
 }

 .list_client,
 .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: 9;
 }

 .container-fluid .navbar-header {
 	width: 100%;
 	display: flex;
 	justify-content: start;
 	align-items: center;
 	padding-top: 10px;
 	padding-bottom: 10px;
 	flex-wrap: wrap;
 }

 .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: fit-content;
 	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: 9;
 	color: #fff;
 	width: 19px;
 	cursor: pointer;
 }

 .remove_file {

 	position: absolute;
 	right: 14px;
 	top: 3px;
 	z-index: 9;
 	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%;
 	}

 	.equipes_filter,
 	.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;
 	}

 	.site_pad {
 		margin-left: 0px;
 	}
 }


 .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: 10;
 }

 .container-fluid {
 	min-height: 100%;
 	height: fit-content;
 	z-index: 10;
 }

 .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: #c80000;
 }

 /* 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: 99;
 	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;
 	line-height: 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 {
 	width: 100%;
 	font-size: 14px;
 	font-weight: 400;
 	color: #9A9A9A;
 	margin-bottom: 0px;
 }

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

 .header_intervention .row .left_intervention {
 	align-items: start;
 }


 .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;
 }

 .equipes_filter,
 .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: #1e956a;
 }

 .color_preventionel {
 	color: #C019DA;
 }

 #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: 99;
 }

 .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: 99; */
 /* background-color: #f7f7f8; */
 /* padding: 5px 0 5px; */
 /* } */
 /* #header_calendar .fc-center h2{ */
 /* margin: 0px; */
 /* } */
 /* #header_calendar .tool-shelf{ */
 /* margin: 12px 20px; */
 /* } */
 .sidebar {
 	z-index: 9;
 }

 /* #modal-window{ */
 /* z-index: 99; */
 /* } */

 #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: 100px;
 	}

 	.fc-center h2 {
 		position: absolute;
 		top: 50px;
 		width: 100%;

 	}
 }

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

 	.fc-right {
 		height: 100px;
 	}

 	.fc-center h2 {
 		position: absolute;
 		top: 50px;
 		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: #3f9726 !important;
 }


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

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

 #modalAskForCreation label {
 	font-weight: 100;
 }

 .colorpicker {
 	z-index: 9 !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;
 	margin-bottom: 0;
 }

 .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 {
 	width: 100%;
 }

 .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;
 }

 @media (max-width: 991px) {

 	.relative_roles .swicth_container {
 		padding-left: 15px !important;
 	}

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

 .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;
 }

 @media (max-width: 991px) {

 	.check_role.user_bloc_roles {
 		justify-content: flex-start !important;

 	}

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

 	.user_bloc_roles .user_roles_section .role_container {
 		padding-left: 0px;
 		padding-right: 0px;
 	}

 }

 #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;
 }

 .CodeAutoComplete,
 .VilleAutoComplete {
 	max-height: 190px;
 	overflow: hidden scroll;
 }

 .ui-menu.ui-widget.widgetdisplay {
 	visibility: hidden !important;
 }

 .ui-menu-divider {
 	min-height: 26px;
 	margin: -1px !important;
 }

 .full_name_size {
 	font-size: 16px !important;
 }

 .ui-widget-overlay {
 	background-color: #000000 !important;
 	opacity: 0.5 !important;
 	width: 100% !important;
 	height: 100% !important;
 	z-index: 5000 !important;
 }



 .table-interveneant-info tbody tr {
 	display: none;
 }


 .table-interveneant-info tbody tr.selected {
 	display: table-row;
 }

 .errer_num_facture {
 	display: none;
 	font-size: 12px;
 	color: #ff0000;
 }

 .p-10 {
 	padding: 10px;
 }

 .p-10 .dataTables_wrapper {
 	padding: 5px;
 }

 #go_to_date_btn {
 	padding: 0px;
 	float: right;
 	margin-left: 4px;
 }

 #go_to_date_btn i {
 	font-size: 29px;
 }

 #go_to_date {
 	visibility: hidden;
 	float: right;
 	width: 1px;
 }

 #infos_intervenant_modal .title_modal {
 	display: flex;
 	justify-content: center;
 }

 .intervention-box .hour_error {
 	height: 20px;
 	margin-top: 5px;
 	background: unset;
 	color: red;
 }

 .intervention-box .heure-fin-input {
 	width: 96px;
 }

 #block_table_projects {
 	overflow: hidden;
 }

 .minImage {
 	width: 20px;
 	max-height: 20px;
 	object-fit: cover;
 	padding-right: 3px;
 }

 .left_intervention {
 	align-items: start;
 }

 .mb-20 {
 	margin-bottom: 20px;
 }

 .m-5 {
 	margin: 5px;
 }

 .facture_div .ui-datepicker-trigger img {
 	width: 10px;
 	height: 10px;
 }

 .facture_div {
 	margin-top: 8px;
 	justify-content: end;
 	width: 100%;
 	align-items: center;
 }

 #range-date-facture {
 	width: 0px;
 	opacity: 0;
 }

 .facture_div #datetimes_btn {
 	height: 100%;
 	padding: 0px;
 	float: right;
 	margin-left: 4px;
 	font-size: 29px;
 	line-height: 27px;
 }

 .daterangepicker .cancelBtn {
 	display: none;
 }



 .erreur-message {
 	color: red;
 	font-size: 12px;
 }

 @media (max-width: 991px) {
 	#intervenants-tab_wrapper {
 		overflow-x: auto;
 	}
 }

 @media (max-width: 562px) {
 	#intervenants-tab_wrapper {
 		overflow-x: auto;
 	}


 }

 @media (max-width: 721px) {
 	.mobil-center {
 		display: flex;
 		justify-content: center;
 		align-items: center;
 		flex-wrap: wrap;
 	}
 }

 @media (max-width: 991px) {
 	.wrapper:has(.navbar) .content {
 		padding-right: 0px !important;
 		padding-left: 0px !important;
 	}

 	.wrapper:has(#table_projects) .content,
 	.wrapper:has(#interventions_card .title_interv) .content,
 	.wrapper:has(.row_conge .title_conges) .content,
 	.wrapper:has(.navbar) .content .content,
 	.AddEditUserForm {
 		padding-right: 15px !important;
 		padding-left: 15px !important;
 	}

 	.wrapper:has(.navbar) .content .content:has(form) {
 		padding-right: 0px !important;
 		padding-left: 0px !important;
 	}

 	.wrapper:has(.navbar) .content .content:has(form >.row) {
 		padding-right: 15px !important;
 		padding-left: 15px !important;
 	}

 	.table-full-width>div {
 		overflow: hidden;
 	}

 	.row.content_facturation_info {
 		flex-wrap: wrap;
 	}

 	.popup_filtres .date_input_ticket .ui-datepicker-trigger {
 		top: 52%;
 	}

 	.swicth_container.vue_container.inline_items {
 		width: 100%;
 		display: flex;
 		justify-content: center;
 		align-items: center;
 		margin-top: 10px;

 	}

 	.year_vue_type {
 		margin-left: 15px;
 	}


 	.swicth_container.vue_container.inline_items.pull-right.planning_timeline {
 		margin-left: -5px;
 	}

 	.filter_row {
 		display: flex;
 		justify-content: center;
 	}

 	div:has(>.filter_row) {
 		padding: 0;
 	}

 	.custom_date_times_div div {
 		width: fit-content;
 	}

 	.custom_date_times_div .facture_date_div {
 		padding: 0;
 	}
 }



 /* @media (max-width: 700px) {} */

 @media (max-width: 450px) {
 	.year_vue_type {
 		align-items: center;
 		font-weight: 900;
 		font-size: 9px;
 		margin-top: 10px;
 	}


 	.project_vue_graphique .swicth_container label.title {
 		margin: 0px 4px;
 	}
 }

 .table-full-width {
 	width: 100%;
 	margin-left: 0px;
 }

 .custom_date_times_div {
 	align-items: center;
 	justify-content: center;
 	flex-direction: row-reverse;
 	display: flex;
 }

 .modal-box {
 	max-width: 100% !important;
 }

 .job {
 	width: 100 !important;
 }

 .job_description span.description,
 div.job_description {
 	color: #fff !important;
 }

 .project_jobes .description {
 	color: #ffffff !important;
 }

 .interventions_options,
 .header_intervention {
 	max-width: 1400px;
 }

 .custom_date_times_div .facture_date_div {
 	margin-left: 0px;
 	padding: 0px;
 }

 .custom_date_times_div .col-lg-10 {
 	margin-right: 0px;
 	padding: 0px;
 }

 .custom_date_times_div .facture_date_div #facture-date {
 	justify-content: start;
 	margin-left: 0px;
 }

 .custom_date_times_div .facture_date_div #facture-date input {
 	margin-left: -8px;
 }

 .custom_date_times_div {
 	max-width: fit-content;
 }

 @media (max-width: 940px) {
 	.form_heure_fin {
 		margin-bottom: 18px;
 	}
 }

 @media (max-width: 991px) {
 	.card .form_heure_fin {
 		width: 100%;
 	}
 }

 @media (max-width: 576px) {

 	#horaires_entreprise .block-horaires,
 	#horaires_entreprise .block-horaires .horaires {
 		display: block;
 	}

 	#horaires_entreprise .block-horaires .horaires {
 		width: fit-content;
 	}

 	.time-input label {
 		min-width: 21px;
 	}

 	.time-input {
 		margin-bottom: 10px;
 	}

 	.line-day,
 	.horaires-div,
 	.column-time,
 	.switcher-div {
 		display: flex;
 		justify-content: center;
 		width: 100%;
 	}

 	.block-horaires .block-switcher {
 		margin: 0;
 	}

 }

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

 .header_year {
 	min-width: 130px;
 	order: 2;
 }

 .header_left {
 	order: 1;
 }

 .header_right {
 	order: 3;
 }

 @media (max-width: 991px) {
 	.header.client {
 		display: flex;
 		flex-wrap: wrap;
 	}

 	.header.client .header_left {
 		width: 100%;
 	}

 	.header.client .header_year {
 		margin-top: 5px;
 		min-width: unset;
 		width: fit-content;
 	}
 }

 #modal-window:has(#modalAddProjectAjax) {
 	z-index: 2 !important;
 }

 .card.add_document_form .header {
 	cursor: unset;
 }

 .document-left-part {
 	display: flex;
 	align-items: center;
 }



 .add_document_form .title-icon {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 }

 .card.add_document_form .file,
 .card.add_document_form .border_file,
 .card.add_document_form .download-project-pdf {
 	cursor: pointer;
 }

 .ps-10 {
 	padding-left: 10px;
 }

 #modal-window .modal-box .modal-title.br-0 {
 	border: unset !important;
 }


 .export-modal-header .modal-close-btn {
 	float: right;
 	font-size: 21px;
 	font-weight: 700;
 	line-height: 1;
 	color: #000;
 	text-shadow: 0 1px 0 #fff;
 	filter: alpha(opacity=20);
 	opacity: .2;
 }


 .export-modal-header .modal-close-btn:focus,
 .export-modal-header .modal-close-btn:hover {
 	color: #000;
 	text-decoration: none;
 	cursor: pointer;
 	filter: alpha(opacity=50);
 	opacity: .5;
 }

 .export-modal-header {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	padding: 5px 15px;
 	border-bottom: 1px solid #e3e3e3;
 }

 .export-modal-header .export-modal-titel {
 	font-size: 18px;
 	font-weight: 500;
 }

 .dropdown-menu {
 	z-index: 1500 !important;
 }

 .green_header:has(.dropdown-menu) {
 	overflow: unset;
 }

 .green_header .dropdown-menu {
 	top: 23px !important;
 	left: 67px !important;
 	transform: translate3d(-100%, 24px, 0px) !important;
 }

 .dropdown-menu input {
 	display: none !important;
 }

 .card .dropdown-menu label {
 	padding: 8px 16px !important;
 	color: #333333 !important;
 	display: block !important;
 	clear: both !important;
 	font-weight: 400 !important;
 	line-height: 1.42857143 !important;
 	white-space: nowrap !important;
 	font-size: 14px !important;
 	text-transform: unset !important;
 	border-radius: 8px 8px 0px 0px !important;

 }

 .card .dropdown-menu label:hover,
 .card .dropdown-menu label:focus {
 	background-color: #F5F5F5 !important;
 	color: #333333 !important;
 	opacity: 1 !important;
 }

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

.erreur-msg-max{
	font-size: 13px;
    margin: 0;
    color: rgb(211, 35, 35);
}


.sms-modal-content {
	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;
}

.sms-modal-content .modale-dialoge {
	background: white;
	width: max-content;
	padding: 30px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.sms-modal-content .pe-7s-close {
	position: absolute;
    z-index: 113;
    top: -7px;
    right: 5px;
    font-size: 55px;
    color: #000;
    cursor: pointer;
}
.modale-dialoge .sms-inpute{
	width: 400px;
	height: 200px;
	max-width: calc(100vw - 40px);
}

.modale-dialoge label{
	display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.add_ticket_form .form-group:has(select){
	display: flex;
	flex-direction: column;
}