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

.etat_icon.n_resolu {
	color: #c0212f;
}

.etat_icon.resolu {
	color: #109548;
}

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

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

.pull-right {
	cursor: pointer !important;
}

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

#sidebar .nav li {
	width: 100%;
}

.camera_container {
	position: relative;
}

.camera_container video {
	width: 100%;
}

.camera_container .prendre_photo {
	position: absolute;
	bottom: 16px;
	left: 45%;
	background-color: #fff;
	color: #000;
	width: 35px;
	height: 35px;
	cursor: pointer;
	border-radius: 25px;
	text-align: center;
	line-height: 35px;
}

.camera_container .exit_camera {
	position: absolute;
	right: 2%;
	top: 3%;
	background: #ffffff;
	border-radius: 100%;
	cursor: pointer;
	width: 35px;
	height: 35px;

}

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

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

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

.img_container img {
	/*border-radius:5px;
	float:left;
	width:33%;
	margin:0.1%;*/
}

.camera_container .prendre_photo i,
.camera_container .exit_camera i {
	color: #000 !important;
	font-size: 30px;
	padding-top: 2px;
}

.all-icons [class*="pe-"] {
	font-size: 40px;
}

.all-icons input {
	border: 0;
}

.all-icons .font-icon-detail {
	text-align: center;
	padding: 45px 0px 30px;
	border: 1px solid #e5e5e5;
	border-radius: 6px;
	margin: 15px 0;
}

.all-icons .font-icon-detail input {
	margin: 25px auto 0;
	width: 100%;
	text-align: center;
	display: block;
	color: #aaa;
	font-size: 13px;
}

#map {
	position: relative;
	width: 100%;
	height: calc(100% - 60px);
}

.dataTables_wrapper .dataTables_filter {
	margin-right: 20px !important;
}

.dataTables_wrapper .dataTables_length {
	margin-left: 15px !important;
}

.places-buttons .btn {
	margin-bottom: 30px
}

.sidebar .nav>li.active-pro {
	position: absolute;
	width: 100%;
	bottom: 10px;
}

.sidebar .nav>li.active-pro a {
	background: rgba(255, 255, 255, 0.14);
	opacity: 1;
	color: #FFFFFF;
}

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

.button_connect {
	margin: auto;
	display: table;
}

.card.connect_page {
	max-width: 50%;
	margin: auto;
}

.header.conect {
	text-align: center;
}

.header.conect img {
	width: 100px;
}

.home_page_cald {
	max-width: 60%;
	margin: auto;
}

.home_page_cald .dashboard {
	text-align: center;
	border: 1px solid #f1ecec;
	box-shadow: 1px 1px #f1ecec;
	background-color: #fff;
	width: 40%;
	margin-bottom: 20px;
}

.home_page_cald .dashboard.left {
	margin-right: 15px
}

.home_page_cald .dashboard .nbr_stat {
	font-size: 20px;
	color: #1DC7EA;
	font-weight: bold;
}

.home_page_cald .dashboard .title {
	height: 50px;
}

.header_right {
	text-align: right;
	margin-bottom: 0px;
	padding: 0;
}

.intervention_associer_form .header_right {
	text-align: right;
	margin-bottom: 10px;
	padding-right: 15px;
}

.new_intervention_form .add_interv_row {
	display: flex;
}

.new_intervention_form .add_interv_row .col_add_new_interv {
	display: flex;
	align-items: flex-end;
}

.new_intervention_form .add_interv_row .col_add_new_interv .btn_add_intervention {
	margin: unset;
}

.card .header.user,
.card .header.client,
.card .header.modif_clt {
	margin-bottom: 50px;
}

.header_right .btn_header_right {
	margin-right: 5px;
}

.card .header_left {
	padding-left: 0px;
	float: left;
	margin-bottom: 10px;
}

.material_categories_title {
	margin-left: 15px;
	margin-right: inherit;
}

.licences_filter,
.user_filter,
.filter_type_tk,
.atelier_materiel_filter,
.btn_auto_planifier {
	clear: both;
	overflow: hidden;
	display: table;
	margin: 20px auto;
	text-align: center;
	color: #fff;
}

.technicien_affecter {
	padding: 12px 30px;
	font-size: 15px;
	text-transform: uppercase;
	margin: 3px 20px;
	display: inline-block;
	border: 1px solid #AEAEAE;
	border-radius: 25px;
	color: #AEAEAE !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 #AEAEAE;
	border-radius: 25px;
	color: #AEAEAE !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: #AEAEAE !important;
}

.select_technicien_affecter .select2-container--default .select2-selection--single .select2-selection__arrow {
	color: #AEAEAE !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 #AEAEAE;
	border-radius: 25px;
	color: #AEAEAE !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: #AEAEAE !important;
	color: #fff !important;
	border: solid 1px #AEAEAE;
}
 .equipes_filter a.active,
.licences_filter a.active,
.licences_filter a.active:hover {
	background-color: #AEAEAE !important;
	color: #fff !important;
	border: solid 1px #AEAEAE;
}
.equipes_filter a:hover,
.licences_filter a:hover {
	background-color: #AEAEAE !important;
	color: #fff !important;
	border: solid 1px #AEAEAE;
}

.licences_filter a.lic_30 {
	border: solid 1px #e81212;
	color: #e81212 !important;
}

.licences_filter a.lic_60 {
	border: solid 1px #FFBB33;
	color: #FFBB33 !important;
}

.licences_filter a.lic_30:hover,
.licences_filter a.lic_30.active {
	background-color: #e81212 !important;
	color: #fff !important;
}

.licences_filter a.lic_60:hover,
.licences_filter a.lic_60.active {
	background-color: #FFBB33 !important;
	color: #fff !important;
}

.critic {
	padding: 4px 18px !important;
}

.btn-radio {
	color: #000 !important;
}

.check_roles {
	display: -webkit-inline-box;
}

.checkboxstyle {
	margin: 0px 5px !important;
}

.align_form {
	min-height: 44px;
	margin-bottom: 5px;
}

.align_check {
	min-height: 54px;
}

.adr_mt {
	margin-top: 10px;
}

.adr_t {
	margin-top: 8px;
}

.btn_ml {
	margin-left: 15px;
}

.tag_p {
	padding-left: 9px;
}

.tag_pl {
	padding-left: 15px;
}

.col_max {
	max-height: 75px;
}

.col_mb {
	margin-bottom: 13px;
}

.row_mb {
	margin-bottom: 5px;
}

.btn_mt {
	margin-top: 25px;
}

.btn_pr {
	padding-right: 25px;
}

.border_col {
	border-left: 1px solid lightgray;
}

.titre_none {
	display: none;
}

.titre_pt {
	padding-top: 14px;
}

.full_width {
	width: 100%;
}

.div_pr,
.list_client,
.list_ticket,
.list_adresse {
	padding-right: 0px;
	flex-grow: 2;
}

.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: #AEAEAE;
	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 #87cb16;
	border-radius: 5px;
}

.ticket.orange_alert .duree_ticket {
	color: #87cb16;
}


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

}

.ticket .ticket_header {

	padding: 10px;
}

.ticket .content_ticket {

	padding: 0 10px 0px 10px;
}

.ticket .footer_ticket {

	padding: 10px;
}


.ticket .client_name {
	float: left;
	color: #6fab0d;
	font-weight: 700;
	width: 50%;
	text-align: left;
}

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

.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: 99;
	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: 11px;
	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: #AEAEAE;
}

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

	.loader_container {
		height: 100vmax;
	}
}

@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 #AEAEAE;
		border-radius: 15px;
		padding: 5px 10px;
		width: 200px;
		color: #AEAEAE;
	}

	.select_licen_filtr_tech {
		display: block;
		margin: auto;
		margin-bottom: 20px;
		border: 1px solid #AEAEAE;
		border-radius: 15px;
		padding: 5px 10px;
		width: 200px;
		color: #AEAEAE;
	}

	.select_licen_filtr option {
		background-color: #AEAEAE;
		color: #fff;
	}

	.select_licen_filtr_tech option {
		background-color: #AEAEAE;
		color: #fff;
	}

	.add_intervention {
		display: block;
	}
}

@media all and (max-width: 767px) {
	.home_page_cald .dashboard {
		margin: auto;
		margin-bottom: 20px;
		width: 70%;
	}

	.home_page_cald .dashboard.left {
		margin-right: auto;
	}

	#desktop_structure {
		display: none;
	}

	#info_button {
		display: block !important;
		float: left;
		margin: 17px auto;
		font-size: 23px;
	}

	#desktop_structure ul {
		width: 260px;
	}
}

@media all and (max-width: 565px) {
	.card.connect_page {
		max-width: 90%;
	}

	.home_page_cald .dashboard {
		width: 90%;
	}
}

@media all and (max-width: 480px) {
	.site_pad .select2.select2-container {
		width: 155px !important;
	}
}

.card_interv .table1 {
	width: 100%;
	padding-left: 40px;
}

.card_interv .table1 .bloc_search {
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
}

.card_interv .table1 #form_search {
	width: 100%;
}

.card_interv .table1 .search_inter {
	position: relative;
}

/* intervention user_vues */


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

}

.filter_row,
.interventions_options #duree_total {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

#duree_total span {
	text-transform: initial;
}

.filter_row {
	display: flex;
	overflow: hidden;
	align-items: center;

}

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

#filtre_block {
	clear: both;
}

.ExportPdfVueGraphique,
.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: #AEAEAE 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: #AEAEAE 0% 0% no-repeat padding-box;
	border-radius: 5px;
	border-color: #AEAEAE;
	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: #AEAEAE;
}

/* 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: 9;
}

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

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

/* 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: #AEAEAE;
	-webkit-transition: .4s;
	transition: .4s;
}

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

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

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

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



/* Project Modify */

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

/* Project Journal */
.journal_page .fc-event-container a {
	height: 30px;
}

.fc-center {
	text-transform: capitalize;
}

#project_rapport_day {
	padding: 40px 0px;
}

.journal_description_title {
	margin-bottom: 18px;
	padding-top: 18px;
}

.journal_actions_btns {
	margin-top: 18px;
}

.journal_actions_btns .pull-left {
	margin-left: 0px;
}

#rapport {
	background-color: #fff;
	padding: 15px;
	padding-bottom: 0px !important;
	border: 1px solid #999;
}

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

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

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

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

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

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

#description_notify.alert-warning {
	background-color: #ffd59f;
}

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

.notifications.top {
	position: relative;
	color: #000;
}

.notifications i.pe-7s-comment {
	font-size: 30px;
}

.notifications span.number_notification {
	background-color: #e74c3c;
	color: #fff;
	padding: 2PX 5PX;
	border-radius: 20PX;
	text-align: center;
	font-size: 12px;
	position: absolute;
	top: -5px;
	right: -5px;
}

.not_exist_notification,
.all_notif {
	padding: 15px;
}

.all_notif .bloc_notification_content {
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 15px;
	margin-top: 10px;
}

.bloc_notification_content.readed {
	background-color: #fff;
}

.bloc_notification_content {
	background-color: #ebeaea;
	cursor: pointer;
}

.bloc_notification_content p {
	margin-bottom: 15px;
}

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


/* Category Comment */
.sous_category {
	padding-left: 32px;
}

ul.list_category_child {
	list-style-type: none;
	padding-left: 30px;
}

.comments_card .dropdown.pull-right {
	padding-right: 10px;
}

#modal_project_interventions_details ul {
	list-style-type: '-';
}

#modal_project_interventions_details p {
	margin-bottom: 0px;
	font-size: 14px;
}

.vue_graphique .gstc__chart-timeline-items-row-item-label,
.interventions_timeline .gstc__chart-timeline-items-row-item-label {
	padding-left: 5px;
	align-items: center;
}

.vue_graphique .gstc__chart-timeline-items-row-item-label .item-label,
.interventions_timeline .gstc__chart-timeline-items-row-item-label .item-label {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.vue_graphique .gstc__chart-timeline-items-row-item,
.interventions_timeline .gstc__chart-timeline-items-row-item {
	height: 26px !important;
	min-width: 40px;
}

.vue_graphique .gstc__list-column-row.project_row,
.vue_graphique .gstc__chart-timeline-grid-row.project_row .gstc__chart-timeline-grid-row-cell {
	border-top: 4px solid rgba(237, 241, 242, 0.75);
}

.vue_graphique .gstc__list-toggle {
	display: none;
}

.gstc__chart-calendar-date-content.gstc__chart-calendar-date-content--hour {
	font-size: 9px;
	font-weight: 600;
}

.interventions_timeline .gstc__chart-calendar-date-content.gstc__chart-calendar-date-content--hour.hour_day_view {
	font-size: 12px;
}

.interventions_timeline .gstc__chart-calendar-date.hour_day_view {
	justify-content: center;
}

#full_calender_project .fc-slats {
	min-height: 100px !important;
}

.page_projet .projet_modify .header .title {
	font-size: 21px;
}

.page_projet .CommentaireText {
	white-space: inherit;
}

.page_projet .commentaires_container .identifier p {
	margin-bottom: 0px;
}

.page_projet .comments_card .header_add_temp {
	padding: 5px 15px;
}

.avancement_error {
	margin-top: 15px;
}

#planification_calendar .task_calendar {
	width: 100%;
}

#planification_calendar .gstc__chart-timeline-items-row-item-label {
	-webkit-mask-image: unset;
}

#planification_calendar .gstc__chart-timeline-items-row .item-label {
	width: 100%;
	text-align: right;
	padding-right: 2px;
	padding-top: 1px;
	font-size: 20px;
	cursor: pointer;
}

#vue_graphique_calendar .row_label {
	margin-top: 5px;
}

#vue_graphique_calendar .row_label div {
	line-height: 1.5;
}

#vue_graphique_calendar .checkboxes_row {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	padding-right: 25px;
}

.tooltip-inner {
	text-align: left !important;
}

/* Project Suivi Travaux */

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

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

.green-day a {
	background-color: Green !important;
	color: White !important;
}

.add_doc_projet_frais {
	display: none;
}

.gstc .half_day_off {
	background: #f9fafb;
}

.comments_card .inline_items {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	padding: 5px 10px;
}

.comments_card .accordion .collapse {
	width: 100%;
}

.comments_card .accordion a {
	color: #000000;
}

.comments_card .collapsed_block {
	padding: 0 24px;
}

.comments_card .collapsed_block_border {
	border-bottom: 2px solid #a3a3a33b;
}

.comments_card .sub_category {
	display: flex;
	justify-content: space-between;
	padding: 5px 5px 5px 25px;
	cursor: pointer;
	font-size: 14px;
	color: #4A4A4A;
}

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

.comments_container .libelle_parent_category {
	margin-right: 5px;
}

#modal_canal_comments .update_commentaire_form {
	margin-top: 10px;
	width: 100%;
}

.modal_sub_category_comment {
	height: 100%;
	max-height: 585px;
	overflow-y: overlay !important;
	border: 1px solid #707070 !important;
	border-radius: 5px !important;
}

.modal_sub_category_comment .modal-inner {
	height: 100%;
}

.modal_sub_category_comment .modal-title {
	border-bottom: none !important;
}

.spaced_inline_items {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 20px 10px 24px;
	border-top: 1px solid #BFBFBF;
	border-radius: 5px;
	margin-top: 5px;
}

.block_border {
	padding: 0 24px
}

.comments_card .inline_items .btn>i.right {
	color: #000;
	font-weight: bolder;
	transition: -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

.comments_card .inline_items .btn.collapsed>i.right {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.home_page #selected_month {
	float: right;
	max-width: 120px;
}

#btn_collapse_sidebar {
	position: fixed;
	border-color: #fff;
	color: #fff;
	left: 180px;
	bottom: 0px;
}

.sidebar:not(.active) .nav li a {
	height: 50px
}

.sidebar:not(.active) #btn_collapse_sidebar {
	left: 11px;
	bottom: 21px;
}

.sidebar:not(.active) .version {
	left: 16px;
	bottom: -10px;
}

.wrapper>.sidebar:not(.active),
.wrapper>.sidebar:not(.active) .sidebar-wrapper {
	width: 100px;
}

.main-panel.closed_sidebar {
	width: calc(100% - 100px);
}

.sidebar:not(.active) .nav li p {
	display: none;
}

.activer_desactiver_ticket {
	text-transform: capitalize;
}


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

#select_mois {
	height: 33px;
}

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

.comments_container .comments_card {
	border: 1px solid #BFBFBF;
	border-radius: 15px;
}

.comments_container .comments_card .content {
	padding: 0px !important;
}

/******** projet *********/

.comments_container .header_comments_bloc .header_add_temp {
	min-height: 40px;
	border-radius: 5px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	background-color: #AEAEAE;
	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;
}

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

.row .add {
	display: flex;
	align-items: center;
}

.vue_container i {
	font-size: 26px;
	margin: 0px 10px;
	color: #99b951;
}

.project_vue_graphique .row .line {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
}


.project_vue_graphique .row .line .add .title {
	margin: 0;
	color: #333333;
	font-weight: 300;
	clear: both;
	height: fit-content;
	text-transform: uppercase;
}


/* .project_vue_graphique .row .line .filters_wrapper{ */
/* flex-grow: 2; */
/* } */
.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: #99b951;
}

.card_ticket .row {
	padding: 15px
}

.ticket_vue_graphique {
	display: flex;
	align-items: center;
}

.ticket_vue_graphique .header_ticket_liste {
	display: flex;
	align-items: center;
}

.ticket_vue_graphique .header_ticket_liste .title,
.header_top .title {
	margin: 0;
	color: #333333;
	font-weight: 300;
	clear: both;
	height: fit-content;
	text-transform: uppercase;
}

.header_top .category {
	font-size: 14px;
	font-weight: 400;
	color: #9A9A9A;
	margin-bottom: 0px;
}

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

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

.left_intervention .filter_action {
	display: flex;
	align-items: center;
}

.header_intervention .filter_row {
	display: flex;
	align-items: center;
}

.interventions_options .swicth_container label,
.project_vue_graphique .swicth_container label {
	margin: 0px 10px;
}

.header_intervention .vue_container i {
	font-size: 26px;
	margin: 0px 10px;
	color: #99b951;
}

.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 {
	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 {
	background-color: #fefefe;
	margin: 15% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
}

#modalContainerFrais .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: #AEAEAE;
	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 {
	margin-top: 15px !important;
	display: inline-flex !important;
}

.ProjectFraisFiles_block .add_doc_projet_frais .green_header b {
	font-weight: 600 !important;
	font-size: 11px !important;
}

.ProjectFraisFiles_block .add_doc_projet_frais h4 {
	margin-right: 4px
}

#modal_vues_timeline #modal_content {
	padding: 0 10px;
}

#modal_vues_timeline #modal_content .swicth_container {
	justify-content: space-between;
}

#modal_vues_timeline .error {
	display: none;
	min-height: 16px;
}

#modal_vues_timeline #fusion_swicth_container {
	padding-right: 20px;
}

#select_annee_devis {
	margin: 18px;
}

.annee_titre_devis {
	margin-top: auto;
}

.color_realise {
	color: #1DC7EA;
}

.color_preventionel {
	color: #93c72e;
}

#form_check_entreprise .block-switcher {
	margin-top: -2%;
	margin-left: 1%;
}

#form_check_entreprise .block-horaires {
	display: flex;
	align-items: center;
}

.nombre-conges {
	margin-left: 2%;
	font-size: 17px;
	color: red;
	font-weight: bold;
}

.conges_text {
	margin-left: 5%;
	font-size: 20px;
	font-weight: bold;
}

.text_graph {
	font-size: revert;
}

.col-md-12.nombre-conges {
	width: 100%;
	margin-top: 2%
}

.row_conge {
	align-items: center;
}

.title_conges {
	margin-bottom: revert;
}

#horaires_entreprise.row {
	margin-right: 0px;
	margin-left: 0px;
}

#filter .filter_row {
	overflow: hidden;
	display: flex;

}

#modal_vues_timeline.popup_vues #sortable {
	height: max-content;
	overflow-x: hidden;
}

#modal_vues_timeline.popup_vues #client_swicth_container {
	z-index: 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: 175px;
	}

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

	}
}

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

	.fc-right {
		height: 175px;
	}

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

	}
}

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

	.fc-right {
		height: 260px;
	}

	.fc-center h2 {
		position: absolute;
		top: 184px;

	}
}

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

	.fc-right {
		height: 310px;

	}

	.fc-center h2 {
		position: absolute;
		top: 210px;

	}
}

@media(Max-width: 137px) {

	.fc-right {
		height: 320px;

	}

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

@media (min-width: 992px) {

	.fc-right {
		float: right;
	}

}

@media(Max-width: 992px)and (min-width: 314px) {
	#checkbox_vue_graphique {
		padding-left: 15%;
	}

	.fc-left,
	.fc-right {
		display: table;
		margin: auto;
	}
}


@media(Max-width: 992px) {
	#full_calender .fc-center h2 {
		position: static !important;
		width: 100% !important;
	}

	#full_calender .fc-right {
		height: auto !important;
		float: none !important;
	}

	#full_calender .fc-left {
		float: none !important;
	}
}

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


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

	.interventions_options .intervention_header_checkbox {
		padding-top: 13px !important;
	}

}

@media(Max-width:991px) {

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

	.interventions_options .planning_timeline #planning {
		margin-left: 0px !important;
	}
}

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

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

#Ticket_left,
#Ticket_right {
	display: none;

}

#card_project_frais {
	overflow: hidden;
}

.div_table_facturation,
#div_table_frais {
	overflow: auto;

}

#div_table_frais #mytable {
	/*width: 1006px !important;
	max-width: unset !important;*/
}

.div_table_facturation #mytable {
	min-width: 926px !important;
	max-width: unset !important;
	width: 99% !important;

}

#table_div_suivi_travaux {

	overflow: auto;

}

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

}

#suivi_travaux .editable {
	width: 100%
}

@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: calc(100% - 8px) !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;
}

.color_td {
	display: flex;
}

.span_color {
	height: 25px;
	width: 25px;
	border-radius: 50%;
	display: inline-block;
}

.new_domaine_row {
	margin-right: 1px !important;
	margin-left: 1px !important;
}

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

.licence_add_client .client_liste_container {
	display: unset;
}

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

.modal_body_equipe ul {
	list-style-type: circle
}

.add_new_os,
.add_new_materiel,
.add_new_marque {
	margin-top: 30px;
}

.div_detail {
	padding-top: 15px;
}

.line .inline_items {
	display: flex;
}

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

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

#modalAskForCreation label {
	font-weight: 100;
}

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

.logo_site {
	height: 52px;
	width: 53px;
	border-radius: 50%;
	margin-right: 2px;
}

.inputImgContainer {
	display: flex;
	justify-content: center;
	padding-bottom: 25px;
}

.inputImgContainer .image_carre {
	width: 200px;
	height: 200px;
}

#eurroTime {
	display: none;
}


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

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

.d-flex {
	display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

.user_roles_section .role_container .d-flex,
.user_bloc_roles .role_container .d-flex {
	justify-content: space-between;
}

.user_roles_section .relative_roles,
.user_bloc_roles .relative_roles,
.relative_roles .swicth_container {
	padding-right: 0px !important;
}

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

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

.role_container .relative_roles {
	display: none;
}

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




@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,
.user_bloc_roles .relative_roles.Vue {
	display: block !important;
}

@media (max-width: 991px) {

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

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

.divOrigineticket {
	display: flex;
}

.add_facturation_form>.content>.row {
	display: flex;
	flex-wrap: wrap;
}

.modification_intervention .ProjectFraisFiles_block {
	display: none;
}

.atelier_header {
	align-items: center;
}

.atelier_header .title h4,
.titre_ajout .title h4 {
	margin: 0;
}

.padding-left-0 {
	padding-left: 0 !important;
}

.Doc.error_msg label {
	color: #ff0000;
	text-align: center;
}

#etat_tache_ticket>div {
	height: unset !important;
}

.modif_ticket .img_container {
	display: flex;
	flex-direction: column;
}

.modif_ticket .img_container .file_project {
	width: 100%;
}

#modal-window #ModalAddIntervention {
	width: 800px ! important;
}


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

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

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

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

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

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

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

.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 all and (max-width: 553px) {
	.site_pad {
		margin-left: 0px;
	}

	.navbar-header {
		flex-wrap: wrap;
	}

	.etat_tache h2 {
		min-height: 60px;
		line-height: 10px;
		font-size: 10px;
	}

}

@media (max-width: 721px) {

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

.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;
	padding-right: 10px;
	padding-left: 10px;
}

.ExportPdfVueGraphique {
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 5px
}

.p-0 {
	padding: 0 !important;
}

@media (max-width: 576px) {

	.header,
	.header .header_right {
		display: flex;
		flex-wrap: wrap;
	}

	.header .header_right {
		justify-content: center;
		align-items: center;
	}

	.center-mobile {
		flex-wrap: wrap;
		align-items: center;
		display: flex;
		justify-content: center;
	}

}

/* ----------------- entreprise horaires css ------------------------------------ */
@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;
	}
}

/* ---------------------------------------------------------------- */

.color_td span.span_color {
	min-width: 25px !important;
}

#block_table_projects {
	overflow: hidden !important;
}

#week_number_container {
	display: none;
}

.row_conge {
	max-width: 860px;
}

/*
.header.projects {
	max-width: 860px;
}
*/

.header.projects .col-lg-2:last-child {
	padding: 0;
}

@media (max-width: 991px) {
	.user_bloc_roles div {
		display: block;
		width: 100%;
		padding: 0 !important;
	}

	.relative_roles .swicth_container {
		padding: 0 !important;
	}

	.user_bloc_roles div .swicth_container {
		display: flex;
	}

	.user_bloc_roles .role_container {
		margin-top: 10px;
	}

	.d-flex.align-items-center:has(>.swicth_container) {
		display: flex !important;
		width: 100%;
	}

	.d-flex.align-items-center:has(>.swicth_container) .swicth_container {
		width: fit-content;
	}
}

.mt-10 {
	margin-top: 10px;
}

.w-100 {
	width: 100% !important;
}

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

.project_name_modal:hover {
	color: #000;
}

.ticker-loader-container-div {
	min-height: 60px;
}


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