.loader { display: none; position: fixed; z-index: 9999; height: 100px; width: 100px; overflow: visible; margin: auto; top: 0; left: 0; bottom: 0; right: 0; border-radius: 100%; }
#loader1:before 	{ content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(64, 73, 84,0.3); }
#loader1:after 		{ z-index: 9999; animation: spin 1s infinite; content: ""; position: absolute; top: -5px; left: -5px; width: 100%; height: 100%; border-radius: 100%; border: 5px solid #404954; border-top-color: #1D71B8; }

.loader_small 		{ position: relative; display: inline-block; width: 100px; height: 100px; margin-top: 25px!important; }
#loader:after 		{ z-index: 9999; animation: spin 1s infinite; content: ""; position: absolute; top: -5px; left: -5px; width: 100%; height: 100%; border-radius: 100%; border: 5px solid #404954; border-top-color: #1D71B8; }

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



#toTopBtn { 
	position: fixed; display: none; bottom: 60px; right: 25px; width: 40px; height: 40px; line-height: 40px; text-align: center; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #404954; z-index: 9998;
	font-family: 'Material Design Icons'; text-rendering: auto; font-size: 1.1rem; -webkit-transform: translate(0, 0);  transform: translate(0, 0); 
}
#toTopBtn:before { content: "\F0143"; }
#toTopBtn:hover { background-color: #3690A9; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.tooltip:hover 	{ opacity: 1!important; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; }
.tooltip > .tooltip-inner { text-align: left!important; -webkit-border-radius: 5px!important; -moz-border-radius: 5px!important; border-radius: 5px!important; border: 1px solid #555; line-height: 18px!important }

div.progress.custom-class { height: 5px; }
div.progress.custom-class > .progress-bar { line-height: 5px; font-size: 2px; }

.popover {  display: inline-block!important; border-radius: 6px; border: none; box-shadow: 0 0 6px 1px #ccc; width: auto!important; max-width: 450px!important; }
.popover-header { padding: 5px 15px; font-size: 15px; border: solid 1px #e6e6e6!important; }
.popover-body { padding: 5px 15px; font-size: 15px; font-style: italic; line-height: 1.1; }

.po2.popover				{ display: inline-block!important; border-radius: 6px; border: none; box-shadow: 0 0 3px 0 #313A46!important; width: auto!important; max-width: 600px!important; }
.po2 .popover-header		{ padding: 5px 15px; font-size: 15px; border: none!important; background: #4d607a!important; color: #fff!important; }
.po2 .popover-body			{ padding: 5px 15px; font-size: 15px; font-style: normal; line-height: 1.1; background: #313A46!important; color: #fff!important; }

.po2.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { border-top-color:  #313A46!important; }
.po2.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { border-right-color:  #313A46!important; }
.po2.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { border-bottom-color:  #313A46!important; }
.po2.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { border-left-color:  #313A46!important; }
	 
.legende { margin-bottom: 10px!important; }

.password-verdict { display: block; padding: 5px 10px; background: #eee; }

::-webkit-scrollbar-track 	{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); background-color: #eee; }
::-webkit-scrollbar 		{ width: 8px; height: 8px; background-color: #eee; }
::-webkit-scrollbar-thumb	{ background-color: #468; border: 1px solid #68a; border-radius: 8px; }

.clearfix:after 		{ content: "."; visibility: hidden; display: block; height: 0; clear: both; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }

input, textarea, select		{ transition: all 0.3s ease-in-out; -webkit-transition-property: all; -webkit-transition-duration: 0.3s; font-weight: 300!important; }
textarea					{ min-height: 60px; line-height: 18px!important; }

.input-file  { margin-top: -20px!important; }

.invalid-tooltip			{ position: absolute; top: -10px; padding: 0 10px; font-size: 14px; margin-top: 0; opacity: 0.8; left: auto; right: 0; }
.custom-switch .custom-control-label::after { top: 5px; }

.pe-none { pointer-events: none!important; }

.nowrap { white-space: nowrap!important; }

.letter-spacing-normal { letter-spacing: normal!important; }
.letter-spacing-md { letter-spacing: 1.3px!important; }
.letter-spacing-lg { letter-spacing: 1.8px!important; }

/* PANEL COLLAPSE */

.panel-heading a:before { 
	position: absolute; right: 6px; top: 3px;  font-family: 'Material Design Icons'; content: "\F0140"; font-size: 1.5rem; transition: all 0.5s; color: #404954;
	width: 30px; height: 30px; line-height: 30px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff;
}
.panel-heading.active a:before { -webkit-transform: rotate(180deg);	-moz-transform: rotate(180deg);	transform: rotate(180deg);  }
  
.dots {
  display: flex;
  white-space: nowrap;
} 
.dots::after {
  white-space: nowrap;
  overflow: hidden;
  direction: rtl;
  margin: 0 5px;
  size: 0.05em!important;
  letter-spacing: 0.2em!important;
  content: "................................................................................................................";
  opacity: 0.3;
}

/* TINY MCE CUSTOM */
.tox { border: none!important; }
.tox .tox-tbtn { transform: scale(1)!important; padding: 5px!important; height: unset!important; width: unset!important; }
.tox .tox-tbtn--bespoke .tox-tbtn__select-label { width: unset!important; }

.shadow			{ -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05)!important; -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05)!important; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05)!important; }
.outer-shadow	{ -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1); box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1); }
.inner-shadow	{ -webkit-box-shadow: inset 0px 0px 2px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 2px 1px rgba(0,0,0,0.1); }

.width10		{ max-width: 10%!important; }
.width20		{ max-width: 20%!important; }
.width25		{ max-width: 25%!important; }
.width33		{ max-width: 33%!important; }
.width50		{ max-width: 50%!important; }
.width66		{ max-width: 66%!important; }
.width75		{ max-width: 75%!important; }
.width100		{ max-width: 100%!important; }


.lh-1 {
    line-height: 36px !important;
}

.lh-2 {
    line-height: 30px !important;
}

.lh-3 {
    line-height: 24px !important;
}

.lh-4 {
    line-height: 18px !important;
}

.lh-5 {
    line-height: 14px !important;
}

.lh-6 {
    line-height: 10px !important;
}

.w-33 			{ width: 33%!important; }
.mh-25 			{ min-height: 25%!important; }
.mh-50			{ min-height: 50%!important; }
.mh-75 			{ min-height: 75%!important; }

.mh-200p			{ min-height: 200px!important; }

.abs-tr					{ top: 0!important; right: 0!important; }
.abs-tl					{ top: 0!important; left: 0!important; }
.abs-br					{ bottom: 0!important; right: 0!important; }
.abs-bl					{ bottom: 0!important; left: 0!important; }

.opacity-0 { opacity:0!important; }
.opacity-1 { opacity:0.2!important; }
.opacity-2 { opacity:0.4!important; }
.opacity-3 { opacity:0.6!important; }
.opacity-4 { opacity:0.8!important; }
.opacity-5 { opacity:1!important; }

#tablePreview td, #tablePreview th { position: relative; height: auto!important; }
#tablePreview .hover::after { 
	position: absolute!important; top: 0; left: 0; content: '\00a0'; 
	background-color: rgba(0,204,170,0.3)!important;
	height: 100%; width: 100%; z-index: 999!important
}


.ls-off { letter-spacing: 0!important; }
.ls-xs { letter-spacing: 0.5px!important; }
.ls-sm { letter-spacing: 0.8px!important; }
.ls-md { letter-spacing: 1.0px!important; }
.ls-lg { letter-spacing: 1.5px!important; }
.ls-xl { letter-spacing: 2.5px!important; }

.rounded-circle-top		{ -webkit-border-radius: 30px 30px 0 0!important; -moz-border-radius: 30px 30px 0 0!important; border-radius: 30px 30px 0 0!important; }
.rounded-circle-right	{ -webkit-border-radius: 0px 50px 50px 0px!important; -moz-border-radius: 0px 50px 50px 0px!important; border-radius: 0px 50px 50px 0px!important; }
.rounded-circle-left	{ -webkit-border-radius: 50px 0px 0px 50px!important; -moz-border-radius: 50px 0px 0px 50px!important; border-radius: 50px 0px 0px 50px!important; }
.rounded-circle-bottom	{ -webkit-border-radius: 10px 10px 30px 30px!important; -moz-border-radius: 10px 10px 30px 30px!important; border-radius: 10px 10px 30px 30px!important; }
.rounded2				{ -webkit-border-radius: 30px!important; -moz-border-radius: 30px!important; border-radius: 30px!important; }

.bg_striped_light		{ background-size: 28.28px 28.28px; background-image: linear-gradient(135deg, #fff 25%, #f5f5f5 25%, #f5f5f5 50%, #fff 50%, #fff 75%, #f5f5f5 75%, #f5f5f5 100%); }
.bg_striped_dark		{ background-size: 28.28px 28.28px; background-image: linear-gradient(45deg, #f5f5f5 25%, #e5e5e5 25%, #e5e5e5 50%, #f5f5f5 50%, #f5f5f5 75%, #e5e5e5 75%, #e5e5e5 100%); }

.bg_striped_info		{ background-size: 28.28px 28.28px; background-image: linear-gradient(135deg, #fff 25%, #aae6f7 25%, #aae6f7 50%, #fff 50%, #fff 75%, #aae6f7 75%, #aae6f7 100%); }
.bg_striped_warning		{ background-size: 28.28px 28.28px; background-image: linear-gradient(135deg, #fff 25%, #fff0c9 25%, #fff0c9 50%, #fff 50%, #fff 75%, #fff0c9 75%, #fff0c9 100%); }
.bg_striped_success		{ background-size: 28.28px 28.28px; background-image: linear-gradient(135deg, #fff 25%, #e2fff6 25%, #e2fff6 50%, #fff 50%, #fff 75%, #e2fff6 75%, #e2fff6 100%); }
.bg_striped_danger		{ background-size: 28.28px 28.28px; background-image: linear-gradient(135deg, #fff 25%, #fcdee4 25%, #fcdee4 50%, #fff 50%, #fff 75%, #fcdee4 75%, #fcdee4 100%); }

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

.c-pointer				{ cursor: pointer!important; }

.btn					{ cursor: pointer; }
.disabled 				{ cursor: not-allowed!important; }

.btn-circle { width: 45px; height: 45px; line-height: 45px; text-align: center; padding: 0; border-radius: 50%; }
.btn-circle i { position: relative; top: -1px; }
.btn-circle-sm { width: 22px; height: 22px; line-height: 22px; font-size: 0.7rem; }
.btn-circle-md { width: 30px; height: 30px; line-height: 30px; font-size: 0.8rem; }
.btn-circle-lg { width: 55px; height: 55px; line-height: 55px; font-size: 1.1rem; }
.btn-circle-xl { width: 70px; height: 70px; line-height: 70px; font-size: 1.3rem; }

#ariane_dir .breadcrumb-item + .breadcrumb-item { padding-left: 0.2rem!important; }
#ariane_dir .breadcrumb-item + .breadcrumb-item::before { padding-right: 0.2rem!important; }

/* BOUNCE EFFECT */
.bounceAnimate {
    -webkit-animation-duration: 0.5s!important; animation-duration: 0.5s!important;
	-webkit-animation-fill-mode: both!important; animation-fill-mode: both!important;
	-webkit-animation-timing-function: ease-in-out!important; animation-timing-function: ease-in-out!important;
	-webkit-animation-name: bounceInUp!important; animation-name: bounceInUp!important; 
}
 
.bounceAnimate.in {
	-webkit-transition-duration: 0.3s!important; -o-transition-duration: 0.3s!important; transition-duration: 0.3s!important;
	-webkit-animation-duration: 0.3s!important; animation-duration: 0.3s!important;
	-webkit-animation-name: bounceInDown!important; animation-name: bounceInDown!important;
}

@-webkit-keyframes bounceInUp { 
    0% { opacity: 0; -webkit-transform: translateY(200px); } 
    20% { opacity: 1; -webkit-transform: translateY(-50px); } 
    40% { -webkit-transform: translateY(30px); } 
    60% { -webkit-transform: translateY(-15px); } 
    80% { -webkit-transform: translateY(10px); } 
    100% { -webkit-transform: translateY(0); } 
} 

@keyframes bounceInUp { 
	0% { opacity: 0; transform: translateY(200px); } 
    20% { opacity: 1; transform: translateY(-50px); } 
    40% { transform: translateY(30px); } 
    60% { transform: translateY(-15px); } 
    80% { transform: translateY(10px); } 
    100% { transform: translateY(0); } 
} 

@-webkit-keyframes bounceInDown {
	0% { opacity: 1; transform: translateY(0px); }
	50% { opacity: 1; transform: translateY(10px); }
	100% { opacity: 0; transform: translateY(-100px); }
}
 
@keyframes bounceInDown {
	0% { opacity: 1; -webkit-transform: translateY(0px); }
	50% { opacity: 1; -webkit-transform: translateY(10px); }
	100% { opacity: 0; -webkit-transform: translateY(-100px); }
}

/* PULSE BUTTON */
.pulse-primary 		{  box-shadow: 0 0 0 0 rgba(15, 112, 183, 0.7); animation: pulse_primary 1s infinite; }
.pulse-secondary 	{  box-shadow: 0 0 0 0 rgba(64, 73, 84, 0.7); animation: pulse_secondary 1s infinite; }

.pulse-admin	 	{  box-shadow: 0 0 0 0 rgba(54, 144, 169, 0.7); animation: pulse_admin 1s infinite; }
.pulse-client	 	{  box-shadow: 0 0 0 0 rgba(199, 89, 110, 0.7); animation: pulse_client 1s infinite; }
.pulse-partner	 	{  box-shadow: 0 0 0 0 rgba(255, 188, 0, 0.7); animation: pulse_partner 1s infinite; }
.pulse-entrep	 	{  box-shadow: 0 0 0 0 rgba(10, 207, 151, 0.7); animation: pulse_entrep 1s infinite; }


@keyframes pulse_primary {
	70% 	{ box-shadow: 0 0 0 15px rgba(15, 112, 183, 0); }
	100% 	{ box-shadow: 0 0 0 0 rgba(15, 112, 183, 0); }
}

@keyframes pulse_secondary {
	70% 	{ box-shadow: 0 0 0 10px rgba(64, 73, 84, 0); }
	100% 	{ box-shadow: 0 0 0 0 rgba(64, 73, 84, 0); }
}

@keyframes pulse_admin {
	70% 	{ box-shadow: 0 0 0 10px rgba(54, 144, 169, 0); }
	100% 	{ box-shadow: 0 0 0 0 rgba(54, 144, 169, 0); }
}

@keyframes pulse_client {
	70% 	{ box-shadow: 0 0 0 10px rgba(199, 89, 110, 0); }
	100% 	{ box-shadow: 0 0 0 0 rgba(199, 89, 110, 0); }
}

@keyframes pulse_partner {
	70% 	{ box-shadow: 0 0 0 10px rgba(255, 188, 0, 0); }
	100% 	{ box-shadow: 0 0 0 0 rgba(255, 188, 0, 0); }
}

@keyframes pulse_entrep {
	70% 	{ box-shadow: 0 0 0 10px rgba(10, 207, 151, 0); }
	100% 	{ box-shadow: 0 0 0 0 rgba(10, 207, 151, 0); }
}



/********************************************************/

.left-side-menu {
	overflow-y: auto;
}

[data-leftbar-compact-mode="condensed"] .side-nav { position: fixed!important; }

.bloc_file.btn-group-vertical div { background-color: #404040; border: 1px solid #666; padding: 4px!important;  cursor: pointer; display: block; } 

.navbar-custom	{ z-index: 1000!important; }
.side-nav .side-nav-link { padding: 5px 30px; }
.side-nav .side-nav-title { padding-top: 20px; }

.topbar-right-menu li.dropdown { width: 220px!important; } 

.right-bar { width: 280px; right: -290px;}

.rotate180 {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate();

  -webkit-transition: transform 0.25s ease;
    -o-transition: transform 0.25s ease;
    transition: transform 0.25s ease;
}

.rotate180.on {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

@keyframes anim {
  0% {
    transform: scaleY(0);
  }
  100% {
    transform: scaleY(1);
  }
}

table tr .btn-sm 				{ position: relative; width: 30px; height: 30px; line-height: 30px; padding: 0; text-align: center; -webkit-border-radius: 30px!important; -moz-border-radius: 30px!important; border-radius: 30px!important; }
table tr .btn-success 			{ background-color: #3be2c1!important; color: #fff!important; border: none!important; }
table tr .btn-success:hover		{ background-color: #46c1a8!important; }

table tfoot th { padding: 0!important; }
table thead tr, table thead th { border: none!important; font-size: 12px; text-transform: uppercase; letter-spacing: .1rem; border-collapse: collapse!important;}

table tbody td { text-align: left!important; vertical-align: middle; padding: 5px!important; }
table th, table td { white-space: normal!important; text-align: left; border-collapse: collapse!important; border: none; }
table thead th { }
table td.reorder { text-align: left!important; }
table.dt-rowReorder-float { width: auto!important; }

table thead .sorting:after,
table thead .sorting_asc:after,
table thead .sorting_desc:after {
    top: 10px;
}
table thead .sorting:before,
table thead .sorting_asc:before,
table thead .sorting_desc:before {
    top: 10px;
}

table td.select-checkbox			{ position: relative!important; }
table td.select-checkbox:before { position: absolute!important; margin: 0!important; top: 50%!important; transform: translateY(-50%)!important; }
table td.select-checkbox:before, table td.select-checkbox:after { width: 16px!important; height: 16px!important; }
table td.select-checkbox:before { border: 1px solid #333!important; border-radius: 3px!important; }
table tr.selected td.select-checkbox:after { text-shadow: none!important; color: #333!important; font-size: 18px!important; top: 60%!important; margin-left: 0!important; }

table tbody tr.selected, table tbody th.selected, table tbody td.selected { background-color: #ddd!important; color: #666!important; }

table thead th.select-checkbox { position: relative!important; }
table thead th.select-checkbox:before, table thead th.select-checkbox:after { width: 16px!important; height: 16px!important; position: absolute!important; margin-left: 7px!important; top: 50%!important; transform: translateY(-50%)!important; }
table thead th.select-checkbox:before { content: " "; border: 1px solid #333!important; border-radius: 3px!important; }
table thead tr th.select-checkbox.selected:after { position: absolute!important;  content: "✓"; text-shadow: none!important; color: #333!important; font-weight: normal!important; font-size: 18px!important; top: 45%!important; margin-left: 9px!important; }

table .text-right { text-align: right!important; }
table .text-center { text-align: center!important; }

.dataTables_filter input {
    width: 300px !important; 
}

divs_wrapper divs_paginate { margin: 10px 0 0 0!important; }
divs_wrapper divs_paginate ul.pagination li > a { width: 30px!important; height: 30px!important; text-align: center; line-height: 30px!important; -webkit-border-radius: 30px!important; -moz-border-radius: 30px!important; border-radius: 30px!important; padding: 0!important; }
divs_wrapper input, divs_wrapper select {
	border: none; margin: 0 10px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1)!important; -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1)!important; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1)!important;
}

.select2-container--bootstrap4 { font-weight: 300; position: relative; text-align: left!important; }
.select2-container--bootstrap4 .select2-results__group { font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; }
.select2-container--bootstrap4 .select2-selection { 
	min-height: calc(2.25rem + 1px)!important; padding-right: 20px!important; border: none!important; -webkit-border-radius: 5px!important; -moz-border-radius: 5px!important; border-radius: 5px!important;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1)!important; -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1)!important; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1)!important;
}
.select2-container--bootstrap4 .select2-dropdown { font-family: 'futura-pt', sans-serif!important; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); z-index: 1003!important; }
.select2-container--bootstrap4 .select2-selection__clear { position: absolute!important; top: 15px!important; right: 25px!important; z-index: 999; border: solid 1px #337aaf; background-color:#fff; color: #337aaf; font-size: 24px; line-height: 18px; text-align: center; padding: 0; float: none;  margin: 0; }
.select2-container--bootstrap4 .select2-selection__clear:hover { background-color:#eee; }
.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow { height: 34px; width: 34px; top: 2px!important; right: 0!important; }
.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #000 transparent !important; border-width: 0 4px 4px 4px !important; }
.select2-container--bootstrap4 .select2-selection--multiple .select2-search__field { 
	font-family: 'futura-pt', sans-serif!important; font-size: 14px!important; min-height: 30px!important; margin: 0 5px!important; width: 100%!important; border: dotted 1px #eee;
	z-index: 1; background: #fff; padding: 5px 10px!important; 
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered { border: none!important; display: block!important; line-height: 36px!important; padding: 5px!important; line-height: 16px!important; }
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice { 
  background-color: #eee!important; border: none!important; -webkit-border-radius: 15px!important; -moz-border-radius: 15px!important; border-radius: 15px!important; margin: 2px 4px!important;
  padding: 0 10px 0 24px!important; height: 20px!important; line-height: 18px!important; font-size: 12px!important; position: relative!important;
}
.select2.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  position: absolute!important; top: 0!important; left: 0!important; height: 18px!important; width: 18px!important; line-height: 18px!important; margin: 0!important; 
  text-align: center!important; color: #fff!important; font-weight: bold!important; font-size: 16px!important;
  -webkit-border-radius: 15px!important; -moz-border-radius: 15px!important; border-radius: 15px!important; border: 0; background: #337aaf!important;
}
.select2.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover { background: #444!important; }
.select2.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear { top: 10px!important; right: 35px!important; }

.input-group > .select2-container--bootstrap { width: auto; flex: 1 1 auto; }
.input-group > .select2-container--bootstrap .select2-selection--single { height: 100%; line-height: inherit; padding: 0.5rem 1.5rem; }

.select2-container--bootstrap4 .select2-results__option--disabled { color:#ccc!important; }
.select2-dropdown.modalDD, .select2-dropdown.dropdownCssClass { z-index: 1051!important; }

table thead.consultEntrep th { white-space: wrap; text-align: center; }

#grid-data-attrib .select2-container--bootstrap4 { font-size: 14px!important; line-height: 16px!important; }
#grid-data-attrib .select2-container--bootstrap4 .select2-selection { min-height: calc(2rem + 1px)!important; }
#grid-data-attrib .select2-container--bootstrap4 .select2-selection__clear { top: 10px!important; right: 35px!important; }

#grid-data-attrib.table tfoot tr { padding: 0!important; border: none!important; background: #404040; color: #fff!important; font-size: 16px; text-transform: uppercase; letter-spacing: .1rem; border-collapse: collapse!important; }

#grid-data-attrib.table td, #grid-data-attrib.table th { min-width: auto; background: #fff; -webkit-transition: transform 0.25s ease; -o-transition: transform 0.25s ease; transition: transform 0.25s ease; }
#grid-data-attrib.table td { border: none!important; }
#grid-data-attrib.table thead th { background-color: rgba(235,235,235,0.5); border-bottom: solid 1px #ddd; position: relative; }
#grid-data-attrib.table tfoot td { background: rgba(220,220,220,0.85); padding: 10px 0; }
#grid-data-attrib.table tfoot th { background: #404040; }

#grid-data-attrib.table thead th:nth-child(1), 
#grid-data-attrib.table thead th:nth-child(2), 
#grid-data-attrib.table thead th:last-child { 
	background: #eee!important; 
} 

#grid-data-attrib.table tr.curLot td { border-top: solid 1px #eee!important; padding: 10px 10px 0 10px!important; }

#grid-data-attrib.table th:nth-child(1), #grid-data-attrib.table td:nth-child(1) { background: #f6f9fc; width: 20%; max-width: 250px; } 
#grid-data-attrib.table th:nth-child(2), #grid-data-attrib.table td:nth-child(2) { background: rgba(220,230,240, 1); } 

#grid-data-lotentr.table th:nth-child(2), #grid-data-lotentr.table td:nth-child(2) { width: 15%; max-width: 220px; }

#grid-data-attrib.table tr.blocCrit td, #grid-data-attrib.table tr.blocComm td { padding: 0!important; vertical-align: middle;  }

#grid-data-attrib.table th .btnCol { position: absolute; bottom: 5px; right: 5px; }
#grid-data-attrib.table th .btnExpandCol { position: absolute; bottom: 50px; opacity: 0; }

#grid-data-attrib.table tbody td.bg_stripe0 { background-color: #fff; }
#grid-data-attrib.table tbody td.bg_stripe1 { background-color: #f4f7fa; }
#grid-data-attrib.table tbody td.bg_stripe2 { background-color: #fdfdfd; }


div.dataTables_wrapper div.dataTables_processing {
   top: 120px!important; 
}

.bg-info-lighten { background-color: rgba(100, 215, 250, 0.25) !important; }

.upld-memo input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.custom-control-label.ccl-lg { opacity:0.8; cursor: pointer; }
.custom-control-label.ccl-lg::before, .custom-control-label.ccl-lg::after { top: 0; width: 1.5rem; height: 1.5rem; border: solid 1px #337aaf; border-radius: 5px!important; }
.custom-control-label.ccl-md::before, .custom-control-label.ccl-md::after { width: 1.2rem; height: 1.2rem; border-radius: 3px!important; }

.custom-checkbox { position: relative; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label.ccl-lg::after {
	background: #fff url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMzAiIGhlaWdodD0iMzAiCnZpZXdCb3g9IjAgMCAzMCAzMCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDI2Ljk4MDQ2OSA1Ljk5MDIzNDQgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI2LjI5Mjk2OSA2LjI5Mjk2ODggTCAxMSAyMS41ODU5MzggTCA0LjcwNzAzMTIgMTUuMjkyOTY5IEEgMS4wMDAxIDEuMDAwMSAwIDEgMCAzLjI5Mjk2ODggMTYuNzA3MDMxIEwgMTAuMjkyOTY5IDIzLjcwNzAzMSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTEuNzA3MDMxIDIzLjcwNzAzMSBMIDI3LjcwNzAzMSA3LjcwNzAzMTIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI2Ljk4MDQ2OSA1Ljk5MDIzNDQgeiI+PC9wYXRoPjwvc3ZnPg==') 50% 50% no-repeat;
	background-size: 75%; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15)!important; -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25)!important; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15)!important; border-radius: 5px!important; opacity: 1; }

.custom-control-input:checked ~ .custom-control-label.ccl-lg::before {  color: #fff; border-color: #ccc; background-color: rgba(0,0,0, 0.5); }

.cb_angle_bl { position: absolute; width: 0.6rem; height: 1.3rem; border-bottom: dotted 1px #999; border-left: dotted 1px #999; right: 1.4rem; bottom: 0.7rem; }

.modal {
    overscroll-behavior: contain;
	overflow: auto;
}

.modal-header .close { color: #444!important; }

body:not(.modal-open){ padding: 0!important; }  

.modal-fs {
	padding: 0 !important;
	margin:0!important;
	width: 100%!important;
	max-width: 100%!important;
	height: 100%!important;
	background: #fff!important;
}
.modal-fs .modal-dialog {
	width: 100%!important;
	max-width: 100%!important;
	height: 100%!important;
	margin: 0!important;
	background: #fff!important;
}
.modal-fs .modal-content {
	height: 100%!important;
	border: 0!important;
	border-radius: 0!important;
	background: #fff!important;
}
.modal-fs .modal-body {
	overflow-y: auto!important;
	height: 100%!important;
	background: #fff!important;
}

.modal-header--sticky {
  position: sticky;
  top: 0;
  background-color: inherit; /* [1] */
  z-index: 1055; /* [2] */
}

/* Footer fixed to the bottom of the modal */
.modal-footer--sticky {
  position: sticky;
  bottom: 0;
  background-color: inherit; /* [1] */
  z-index: 1055; /* [2] */
}

#content 					{ margin: 0; }


#map_canvas2 { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }

:root {
  --building-color: #FF9800;
  --house-color: #0288D1;
  --shop-color: #7B1FA2;
  --warehouse-color: #558B2F;
}

.property {
  align-items: center;
  background-color: none;
  border-radius: 50%;
  color: #263238;
  display: flex;
  font-size: 18px;
  gap: 15px;
  height: 29px;
  justify-content: center;
  padding: 4px;
  position: relative;
  transition: all 0.3s ease-out;
  width: 20px;
}

.property .icon { align-items: center; display: flex; justify-content: center; color: #FFFFFF;}
.property .details { display: none; flex-direction: column; flex: 1; padding: 15px; }
.property .mo { color: #444; font-size: 14px; margin-bottom: 20px; margin-top: 10px; }
.property .mo img {  width: 50%; }
.property .budget { font-size: 18px; margin: 15px 0; }
.property .address { color: #9E9E9E; font-size: 12px; margin-bottom: 10px; margin-top: 5px;}
.property .features { align-items: flex-end; display: flex; flex-direction: row; gap: 10px;}
.property .features > div { align-items: center; background: #F5F5F5; border-radius: 5px; border: 1px solid #ccc; display: flex; font-size: 12px; gap: 5px; padding: 5px;}

/** Property styles in highlighted state.*/
.property.highlight {  background-color: #FFFFFF; border-radius: 8px; box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2); padding: 8px 15px; width: auto; height: 100%; min-height: 0; }
.property.highlight::after { border-top: 9px solid #FFFFFF;}
.property.highlight .details { display: flex; }


@media screen and (max-width: 1080px) {
	.content { margin-top: 80px; }
}

#content section 			{ min-height: 300px; padding: 20px; }

.bg1_log { background: url(../images/bg1b_euresis.jpg) repeat-x bottom center; background-size: cover; }
.bg2_log { background: url(../images/bg2_euresis.jpg) no-repeat bottom right; background-size: cover; }
.bg3_log { background: url(../images/bg3_euresis.jpg) no-repeat bottom left; background-size: cover; }
.bg4_log { background: url(../images/bg4_euresis.jpg) no-repeat bottom left; background-size: cover; }

.z-index999 		{ z-index: 999!important; }
.z-index9999		{ z-index: 9999!important; }
.z-index99999 		{ z-index: 99999!important; }

.article			{ padding: 10px 20px; }
.article h1			{ position: relative; clear: both; font-family: 'futura-pt', sans-serif; font-size: 32px; font-weight: 300; color: #003862; margin: 20px auto; }
.article_texte, .article_texte * { font-size: 16px; line-height: 19px; } 

.card .disabled { opacity: 0.3!important; }

.card-header { cursor: pointer; border-bottom: none; }
.card-header .accicon { float: right; font-size: 20px; width: 1.2em; }
.card-header .rotate-icon {transition: all 0.3s ease; }
.card-header[aria-expanded="true"] .rotate-icon {	transform: rotate(180deg); }

.card-body { border-top: 1px solid #ddd; }

.footer { padding: 10px; }
.footer-links .active { font-weight: 600; }

.nav-user-logo { margin-right: -11px!important; }
.nav-user-logo .nav-user { padding: 5px 10px; }
.nav-user-logo .nav-user img { max-height: 60px;  }

.nav-user {
  padding: 10px 20px!important;
}

.steps * { margin: 0; padding: 0; text-align: center; }

h4.page-title { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

#Projet fieldset, #Offre fieldset { display: none; }

#progressbar { position: relative; width: 95%; margin-bottom: 10px; color: rgba(199,99,110,0.8); z-index: 0; }
#progressbar .active { color: #404954; }
#progressbar li { list-style-type: none; font-size: 16px; letter-spacing: 1.2px; width: 16%; float: left; position: relative; }

#progressbar #step1:before 		{ font-family: "Material Design Icons"; content: "\f0b3a"; font-weight: 200; }
#progressbar #step2:before 		{ font-family: "Material Design Icons"; content: "\f0b3b"; font-weight: 200; }
#progressbar #step3:before 		{ font-family: "Material Design Icons"; content: "\f0b3c"; font-weight: 200; }
#progressbar #step4:before 		{ font-family: "Material Design Icons"; content: "\f0b3d"; font-weight: 200; }
#progressbar #step5:before 		{ font-family: "Material Design Icons"; content: "\f0b3e"; font-weight: 200; }
#progressbar #step6:before 		{ font-family: "Material Design Icons"; content: "\f0b3f"; font-weight: 200; }

#Offre #progressbar li { width: 25%!important; }

#progressbar #stepOffre1:before 		{ font-family: "Material Design Icons"; content: "\f0b3a"; font-weight: 200; }
#progressbar #stepOffre2:before 		{ font-family: "Material Design Icons"; content: "\f0b3b"; font-weight: 200; }
#progressbar #stepOffre3:before 		{ font-family: "Material Design Icons"; content: "\f0b3c"; font-weight: 200; }
#progressbar #stepOffre4:before 		{ font-family: "Material Design Icons"; content: "\f0b3d"; font-weight: 200; }

#progressbar li:before {
    width: 45px;
    height: 45px;
    line-height: 40px;
    display: block;
    font-size: 25px;
    color: #ddd;
    background: #fff;
	border: solid 1px rgba(199,99,110,0.3); 
    border-radius: 50%;
    margin: 0 auto 5px auto;
    padding: 2px;
	transition: all 0.3s ease-in-out; -webkit-transition-property: all; -webkit-transition-duration: 0.3s;
}
#progressbar li:hover:before {transform: scale(1.1);}
#progressbar li:after { content: ''; width: 100%; height: 1px; background: rgba(199,99,110,0.2); position: absolute; left: 0; top: 22px; z-index: -1; }
#progressbar li.active:before, #progressbar li.active:after { background: #404954; padding-top: -1px;  }

#progressbar li.active.moe::before, #progressbar li.active.moe:after { background: #FFBC00; color: #404954; }


#progressbar li.current .titre	{ color: #fff; background-color: #39AFD1; } 
#progressbar li.current:before 	{ border: solid 3px #39AFD1;  }

#progressbar li .incompleteBadge { position: absolute; top: -15px; right: 30%; transform: translateX(-30%); z-index: 999; }

.bootstrap-datetimepicker-widget { z-index: 1005!important; font-size: 1.5em!important; }
.dtp_default { z-index: 1005!important; }

.bootstrap-datetimepicker-widget table tr td.day.today 		 	{ background: #ddd!important; }
.bootstrap-datetimepicker-widget table tr td.today:before 		{ border-bottom-color: #404954!important; }
.bootstrap-datetimepicker-widget  a								{ text-align: center!important; }
.bootstrap-datetimepicker-widget .timepicker .timepicker-picker a.btn { font-size: 1.5em; color: #C7596E!important; }
.bootstrap-datetimepicker-widget .timepicker .timepicker-picker a.btn:hover { color: #404954; }
.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
  font-size: 1.4em!important; background-color: #f4f4f4; border: solid 1px #e1e1e1; color: #404954!important; font-weight: 300!important;  text-align: center!important; 
}
.bootstrap-datetimepicker-widget.dropdown-menu { float: none!important; width: auto!important; }

.fs_step2 .datetimepicker-input { position: absolute; top: -44px; right: 0; text-align: center; padding: 10px 0; border: none; font-size: 1.3em; color: #fff; background: #404954; } 

.forumDateFilter .datetimepicker-input { border: none; color: #fff; background: #404954; font-size: 14px; } 

.daterangepicker { font-family: 'futura-pt', sans-serif!important; font-size: 18px!important; line-height: 1.2em!important; }
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td { min-width: 36px!important; width: 36px!important; height: 28px!important; line-height: 28px!important; font-size: 14px!important; }
.daterangepicker .month, .daterangepicker .year { font-size: 18px!important; font-weight: normal!important; text-transform: uppercase!important; color: #C7596E!important; }

.activeStep	{ cursor: pointer; }

.has-float-label label { pointer-events: none; }
.float-label-select { margin-left: 50px; }

.summary { font-size: 14px; line-height: 1.4; margin-bottom: 20px; }
.summary p.collapse:not(.show) { height: 42px!important; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.summary p.collapsing { min-height: 42px!important; }
.summary a.collapsed  {z-index: 999!important;  }

.summary.fr a.collapsed:after  { content: '+ Lire la suite'; }
.summary.fr a:not(.collapsed):after  { content: '- Fermer'; } 

.summary.en a.collapsed:after  { content: '+ Read more'; }
.summary.en a:not(.collapsed):after { content: '- Close'; }
  
.filter_statut .btn.active, .filter_type .btn.active { background-color: #C7596E!important; border: solid 1px #fff!important; border-radius: 5px!important; color: #fff!important; }
.display_mode .btn.active { background-color: #404954!important; border: solid 1px #fff!important; border-radius: 5px!important; color: #fff!important; }

.btn-achtung { z-index: 999!important; top: -10px; right: -10px; text-align: center; cursor: pointer; width: 40px; height: 40px; line-height: 43px; padding: 3px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.hovereffect { position: relative; text-align: center; min-height: 240px; background-size: cover; background-repeat: no-repeat; border-bottom: solid 1px #000; }
.hovereffect .proj-statut { position: absolute; top: 10px; left: 10px; z-index: 998; }
.hovereffect .proj-type { position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 5!important; }
.hovereffect .proj-links { 
	text-transform: uppercase; color: #fff; text-align: left; position: absolute; background: rgba(0, 0, 0, 0); 
	left: 0px; bottom: 0px; width: 40%; height: 100%!important; line-height: 100%!important; cursor: pointer; 
	-webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; 
}
.hovereffect:hover .proj-links { width: 50%; background: rgba(0, 0, 0, 0.6); -webkit-animation-duration: 0.5s!important; animation-duration: 0.5s!important;  z-index: 999!important; }
.hovereffect .proj-links button { padding: 0; color: #fff; opacity: 0; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; }
.hovereffect:hover .proj-links button { opacity: 1; }
.hovereffect .proj-link-edit { -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; z-index: 998!important; }
.hovereffect:hover .proj-link-edit { display: inline-block;  }
.hovereffect .proj-links button:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.hovereffect .proj-links .tooltip { z-index: 999!important;  }

.ribbon-box .ribbon-two { left: -5px; top: -5px; width: 150px; height: 150px; pointer-events: none; }
.ribbon-box .ribbon-two span { font-size: 18px; line-height: 28px; width: 150px; top: 31px; left: -32px; }
.ribbon-box .ribbon  { margin-bottom: 0!important;}
.ribbon-box .ribbon:not(.dateproj) { pointer-events: none!important; }

.rounded-bottom-right { border-bottom-right-radius: 50px; }

.mandatBtn { position: absolute; left: 0; top: 0; padding: 1px 20px 20px 1px }
#PO .popover { width: 100%!important; }

.select2-container--bootstrap4 .selectDD { padding-right: 20px!important; }
.select2-container--bootstrap4 .selectDD:after {
    content: ""!important;
    position: absolute !important;
	z-index: 999999!important;
    right: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    border-top: 5px solid #333 !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
}

.select2-container--bootstrap4 .selectMult { padding-right: 20px!important; }
.select2-container--bootstrap4 .selectMult:after {
    content: "\271A"!important;
    position: absolute !important;
	z-index: 999!important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.select2-container--bootstrap4 .selBloc { padding-right: 20px!important; height: 150px!important; }
.select2-container--bootstrap4 .selBloc:after {
	content: "\271A"!important;
	position: absolute !important;
	z-index: 999999!important;
    right: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    
}

.select2-container--bootstrap4 .selBlocArrow:after { content: "\25be"!important; }

.input-group-btn-vertical {
  position: absolute;
  right: 0;
  height: 100%;
  z-index: 3;
}

.input-group-btn-vertical > .btn {
  position: absolute;
  right: 0;
  height: 50%;
  padding: 0;
  width: 2em;
  text-align: center;
  line-height: 1;
}

.input-group-btn-vertical .btn-up {
  border-radius: 0 4px 0 0;
  top: 0; }

.input-group-btn-vertical .btn-down {
  border-radius: 0 0 4px 0;
  bottom: 0; }


.toll-free-box-topright i { left: auto; bottom: auto; top: -15px; right : -15px; -webkit-transform: rotate(-20deg); transform: rotate(-20deg); }

.stamp { 
	position: absolute; z-index: 5!important; top: 65%!important; left: 50%!important; padding: 3px 10px; white-space: nowrap; 
	transform: translate(-50%,-50%) rotate(-25deg)!important; width: auto; font-size: 24px!important; font-weight: 300; opacity: 0.90; background: #fff;  
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1)!important; -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1)!important; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1)!important; 
}

.stamp2 { top: 87%!important;  transform: translate(-50%,-50%) rotate(0deg)!important; font-size: 22px!important; }

.nav-tabs.nav-bordered { border-color: transparent; }
.nav-tabs.nav-bordered .nav-item { margin-bottom: -1px; }
.nav-tabs.nav-bordered .nav-item .nav-link.disabled { color: #ddd!important; }

#cal-week-box { display: none!important; }

.calend .evt-dce, .calend .evt-rem, .calend .evt-can, .calend .evt-con, .calend .evt-sout 	{ width: 16px; height: 16px; font-size: 12px; line-height: 14px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: solid 1px #eee; background: none;  }
.calend a.evt-dce:hover, .calend a.evt-dce:focus, .calend a.evt-rem:hover, .calend a.evt-rem:focus, .calend a.evt-can:hover, .calend a.evt-can:focus, .calend a.evt-con:hover, .calend a.evt-con:focus, .calend a.evt-sout:hover, .calend a.evt-sout:focus	{ text-decoration: none; }

.text-con { color: #0ACF97; }
.text-can { color: #39AFD1; }
.text-dce { color: #FFBE08; }
.text-rem { color: #ef2f6c; }
.text-sout { color: #0ACF97; }

.event { background-color: #fff!important; -webkit-box-shadow: none!important; box-shadow: none!important; }

.calend .evt-con			{ border-color: #0ACF97; } 
.calend .evt-con::before 	{ content: "T"; color: #0ACF97; }
.calend .evt-can			{ border-color: #39AFD1; } 
.calend .evt-can::before 	{ content: "C"; color: #39AFD1; }
.calend .evt-dce			{ border-color: #FFBE08; } 
.calend .evt-dce::before 	{ content: "D"; color: #FFBE08; }
.calend .evt-rem			{ border-color: #ef2f6c; } 
.calend .evt-rem::before 	{ content: "R"; color: #ef2f6c; }
.calend .evt-sout			{ border-color: #0ACF97; } 
.calend .evt-sout::before 	{ content: "S"; color: #0ACF97; }
#cal-slide-content 					{ text-align: left; background: #f6f6f6!important; }
#cal-slide-content a.event-item 	{ font-size: 13px; line-height: 25px!important; color: #444!important; }
#cal-day-tick .icon-chevron-down 	{ font-family: "dripicons-v2"; font-size: 15px; }
#cal-day-tick .icon-chevron-down:before { content: "\54" }

.cal-row-head [class*="cal-cell"]:first-child, .cal-row-head [class*="cal-cell"] { font-weight: normal!important; font-size: 14px!important; }
.cal-month-day { height: 60px!important; }
.cal-month-box [class*="cal-cell"] { min-height: 60px!important; }

input[data-switch] + label { width: 58px!important; }
input[data-switch]:checked + label:after { left: 36px!important; }

.switch-xl input[data-switch] + label { width: 122px!important; background-color: #ffbc00; }
.switch-xl input[data-switch] + label:before { color: #fff; font-size: 16px; }
.switch-xl input[data-switch] + label:after { background-color: #eee; }
.switch-xl input[data-switch]:checked + label { background-color: #39afd1; }
.switch-xl input[data-switch]:checked + label:after { left: 100px!important; background-color: #eee; }

.switch-100 input[data-switch] + label { width: 100%!important; background-color: #39afd1; }
.switch-100 input[data-switch] + label:after { background-color: #eee; }
.switch-100 input[data-switch]:checked + label { background-color: #ffbc00; }
.switch-100 input[data-switch]:checked + label:after { left: calc(100% - 20px)!important; background-color: #eee; }

.switch-lg input[data-switch] + label { width: 82px!important; background-color: #ffbc00; }
.switch-lg input[data-switch] + label:before { color: #fff; font-size: 14px; }
.switch-lg input[data-switch] + label:after { background-color: #eee; }
.switch-lg input[data-switch]:checked + label { background-color: #39afd1; }
.switch-lg input[data-switch]:checked + label:after { left: 60px!important; background-color: #eee; }

.switch-md input[data-switch] + label { width: 62px!important; }
.switch-md input[data-switch]:checked + label:after { left: 40px!important; }

.switch-sm input[data-switch] + label { width: 52px!important; }
.switch-sm input[data-switch]:checked + label:after { left: 30px!important; }

.switch-lg2 input[data-switch] + label:before { color: #fff!important; }
.switch-lg2 input[data-switch] + label { background-color: #fa5c7c; }
.switch-lg2 input[data-switch]:checked + label { background-color: #0acf97; color: #fff!important; }

.switch-lgh input[data-switch] + label { width: 125px!important; height: 36px!important; }
.switch-lgh input[data-switch] + label:before { font-size: 18px; line-height: 36px; }
.switch-lgh input[data-switch]:checked + label:after { left: 90px!important; }

.switch-lgh input[data-switch] + label:before { }
.switch-lgh input[data-switch] + label:after { height: 30px; width: 30px; }

.switch-xs input[data-switch] + label { width: 52px!important; background-color: #fff; height: 22px!important; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2)!important; -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2)!important; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2)!important; }
.switch-xs input[data-switch] + label:before { color: #fff; font-size: 12px; line-height: 22px; }
.switch-xs input[data-switch] + label:after { background-color: #ccc; left: 2px!important; top: 2px!important; }
.switch-xs input[data-switch]:checked + label { background-color: #444; }
.switch-xs input[data-switch]:checked + label:after { left: 32px!important; height: 18px!important; background-color: #eee; }

.modhp { -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; } 

.page-aside-left { width: 260px; }
.page-aside-right { width: 300px; float: right; position: relative; }
.page-aside-center { margin: -1.5rem 310px -1.5rem 280px; border-left: 5px solid #fafbfe; border-right: 5px solid #fafbfe; padding: 1.5rem 15px; }

.page-aside-left-lg { width: 350px; }
.page-aside-center-lg { margin: -1.5rem 280px -1.5rem 360px; }
.page-aside-right-lg { width: 260px; }


.bloc-nl { background: url(../images/bg_city.png) repeat-x; background-position: center; }
.bloc-nl .bloc { max-width: 780px; }
.bloc-nl .form-check .form-check-sign::after { color: #444; }

/****************** FOOTER  ******************************/
/*
.footer { position: absolute; z-index: 8; width: 100%; height: 124px; line-height: 124px; padding: 0; bottom: 0; background-color: transparent; }
.footer .container	{ width: 100%; max-width: 1280px; margin: 0 auto; }
.footer .copyright img { max-width: 114px; }
.footer li { line-height: 24px; }
*/
@media (max-width: 1198px) {
  .page-aside-left, .page-aside-left-lg { width: 100%; float: none; padding: 0 10px 20px 10px; }
  .page-aside-center, .page-aside-center-lg { margin: 0; border: 0; }
  .page-aside-right, .page-aside-right-lg { width: 100%; float: none; padding: 0 10px 20px 10px; }
  
 	 #grid-data-attrib.table th:nth-child(1), #grid-data-attrib.table td:nth-child(1) { display: block!important; max-width: 100%!important; width: 95%!important; } 
	 #grid-data-lot.table th:nth-child(1), #grid-data-lot.table td:nth-child(1) { display: block!important; max-width: 100%!important; width: 95%!important; }
	 #grid-data-lotentr.table th:nth-child(1), #grid-data-lotentr.table td:nth-child(1) { display: block!important; max-width: 100%!important; width: 95%!important; }
	
}  

.list-group-item.active { color: #444!important; }

.side-nav .side-nav-link:hover, .side-nav .side-nav-link:focus, .side-nav .side-nav-link:active { color: #444; }

.side-nav .side-nav-link, .side-nav .side-nav-link * { font-weight: 100!important; }
.side-nav .side-nav-link:hover, .side-nav .side-nav-link:focus, .side-nav .side-nav-link:active, .side-nav .side-nav-link.active * { font-weight: 900!important; }

.jstree-proton { font-family: 'futura-pt', sans-serif, Arial, sans-serif!important; padding: 15px!important; margin-top: 30px!important; }
.jstree-proton .jstree-hovered { background: #f6f6f6!important; box-shadow: inset 0 0 0 #f6f6f6!important; color: #444!important; }
.jstree-proton .jstree-clicked { background: #eee!important; box-shadow: inset 0 0 0 #eee!important; color: #444!important; }


.vakata-context,
.vakata-context ul {
  background: #fff!important;
  border: none!important;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1)!important; -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1)!important; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1)!important;
}
.vakata-context ul {
   margin-top: -2.7em;
  margin-left: -4px;
}

.vakata-context li > a {
  padding: 0 2em 0 2em!important;
  line-height: 1.8em!important;
  -moz-text-shadow: none!important;
  -webkit-text-shadow: none!important;
  text-shadow: none!important;
  -moz-border-radius: 0!important;
  -webkit-border-radius: 0!important;
  border-radius: 0!important;
}
.vakata-context li > a:hover {
  background-color: #eee!important;
  -moz-box-shadow: none!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
}

.vakata-context li > a > i {
  width: 1.8em!important;
  height: 1.8em!important;
  margin: 0 0 0 -1.5em!important;
  line-height: 1.8em!important;
}
.vakata-context li > a > i:empty {
  width: 1.8em!important;
  line-height: 1.8em!important;
}

.select2-container--bootstrap4 .select2-results__group {
    color: #999!important;
    display: block!important;
    padding: 5px 10px!important;
    font-size: 14px!important;
    line-height: 1.8!important;
    white-space: nowrap!important;
	background: #eee!important;
}

.respLot.select2-container--bootstrap4 {
	 width: 100%!important;
}


@media (max-width: 768px) {
	#progressbar li { width: 33.3%; margin-bottom: 15px; font-size: 14px; }
	.btn { padding: 4px 8px; font-size: 14px; }
	
	.page-aside-left { width: 100%; }
	.page-aside-right { margin-left: 0; }
	
	 #grid-data-attrib.table th:nth-child(1), #grid-data-attrib.table td:nth-child(1) { position:relative!important; display: block!important; max-width: 100%!important;  min-width: 100%!important; width: 100%!important; } 
	 #grid-data-lot.table th:nth-child(1), #grid-data-lot.table td:nth-child(1) { position:relative!important; display: block!important; max-width: 100%!important;  min-width: 100%!important; width: 100%!important; }
	 #grid-data-lotentr.table th:nth-child(1), #grid-data-lotentr.table td:nth-child(1) { position:relative!important; display: block!important; max-width: 100%!important;  min-width: 100%!important; width: 100%!important; }
	 
}

/************************ MULTI STATE SWITCH ************************/
.toggle_radio{
  position: relative;
  background: rgba(255,255,255,1);
  margin: 8px auto;
  overflow: hidden;  z-index: 1002;
  padding: 0 !important;
  -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;
  position: relative;
  height: 30px; width: 124px;
}
.toggle_radio > * { float: left; }
.toggle_radio input[type=radio]{ display: none; /*position: fixed;*/ }
.toggle_radio label {
  font: 90%/1.618 "futura-pt";
  color: rgba(0,0,0,1);
  display: block; z-index: 1002;
  width: 27px;
  height: 27px;
  line-height: 27px;
  margin: 2px 2px;
  -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; cursor: pointer;
  text-align: center; webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2)!important; -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2)!important; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2)!important; 
}

.toggle_radio label i.h4 { font-size: 23px!important; }
	
.toggle_option_slider {
  width: 29px; height: 29px; position: absolute; top: 1px; z-index: 1005;
  -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;
  -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease;
}

.toggle_option1:checked ~ .toggle_option_slider{ background: rgba(250,160,150,0.7); left: 31px; mix-blend-mode: multiply; }
.toggle_option2:checked ~ .toggle_option_slider{ background: rgba(170,236,255,0.7); left: 1px; mix-blend-mode: multiply; }
.toggle_option3:checked ~ .toggle_option_slider{ background: rgba(10,207,151,0.7); left: 93px; mix-blend-mode: multiply; }
.toggle_option4:checked ~ .toggle_option_slider{ background: rgba(255,224,196,0.7); left: 62px; mix-blend-mode: multiply; }

.cbMulti { position: absolute!important; left: 0; right: 0; width: 93px; height: 30px; z-index: 1040!important; top: 50%!important; transform: translateY(-50%)!important; margin: 0 auto; }
.maskCol { 
	position: absolute!important; top: 0; left: 0; right: 0; height: 100vh; display: flex; justify-content: center; width: 100%!important; z-index: 999!important;
	-webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; 
}
th:hover .maskCol, th .maskCol:hover { background: rgba(170,236,255,0.4); }

.bgCol1 { background: rgba(250,160,150,0.3)!important; border-right: 1px solid rgba(250,160,150, 1)!important; border-left: 1px solid rgba(250,160,150, 1)!important; }
.bgCol2 { background: rgba(170,236,255,0.4)!important; border-right: 1px solid rgba(170,236,255, 1)!important; border-left: 1px solid rgba(170,236,255, 1)!important; }
.bgCol3 { background: rgba(10,207,151,0.4)!important; border-right: 1px solid rgba(10,207,151, 1)!important; border-left: 1px solid rgba(10,207,151, 1)!important;  }
.bgCol4 { background: rgba(255,224,196,0.4)!important; border-right: 1px solid rgba(255,224,196, 1)!important; border-left: 1px solid rgba(255,224,196, 1)!important;  }

.cbRow	 { position: absolute!important; width: 50px; height: 24px; z-index: 1052!important; top: 50%!important; transform: translateY(-50%)!important; }
.maskRow { position: absolute!important; top: 0; left: 0; right: 0; height: 100%!important; width: calc(100vw - 50px)!important; z-index: 1051!important; }
.bgRow1 { background: rgba(0,0,0,0.3)!important; border-top: 1px solid rgba(255,255,255,1)!important; border-bottom: 1px solid rgba(255,255,255,1)!important; }

.tableDPGF { position: relative; overflow: hidden;}

.fileuploader-items .fileuploader-item .column-thumbnail { width: 32px!important; height: 32px!important; line-height: 32px!important; }
.fileuploader-items .fileuploader-item .column-title { padding-left: 42px!important; padding-right: 30px!important; color: #444!important; }
.fileuploader-items .fileuploader-item .column-title a { color: #444!important; }
.fileuploader-items .fileuploader-item .column-title div { font-size: 14px!important; font-weight: 500!important; padding: 0!important; }
.fileuploader-items .fileuploader-item .column-title span { font-size: 11px!important; color: #666!important; }
.fileuploader-items .fileuploader-item .column-actions { margin-top: -5px!important;  }

/* THREE STATES BUTTON */

.tgl {
  display: none;
}
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
  box-sizing: border-box;
}
.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
  background: none;
}
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
  background: none;
}
.tgl + .tgl-btn {
  outline: 0;
  display: block;
  width: 5.5em;
  height: 2em;
  position: relative;
}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 33.333%;
  height: 100%;
}
.tgl + .tgl-btn:after {
  left: 50%;
  margin-left: -16.6665%;
}
.tgl + .tgl-btn:before {
  display: none;
}

.tgl-ios + .tgl-btn {
  background-color: #efefef;
  border-radius: 2em;
  padding: 2px;
  transition: all 0.4s ease;
  border: 1px solid #e8eae9;
}
.tgl-ios + .tgl-btn:after {
  border-radius: 2em;
  background: #fbfbfb;
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
  position: absolute; z-index: 5; top: 0;
}

.tgl-ios + .tgl-btn:active {
  box-shadow: inset 0 0 0 2em #e8eae9;
}

.tgl-filter  {
  width: 2.5em;
}

.opt-label {
  cursor: pointer;
  display: block;
  width: 6.5em;
  height: 2em;
  line-height: 2em;
  position: absolute; z-index: 2; border: 1px solid #e8eae9;
} 

.opt-label-filter { width: 2.2em; border: none!important; }

.opt-label, .tgl-btn {
  float: left; -webkit-user-select: none; -ms-user-select: none; user-select: none;
}

.lblNC { padding-top: 3px; color: #aaa; font-size: 16px; }

.opt-label.lbl-l { left: -4.6em; }
.opt-label.lbl-r { left: 3.6em; }

.opt-label-filter.lbl-l { left: 0em; }
.opt-label-filter.lbl-r { left: 3.4em; }
 

.tgl.KO:checked ~ .tgl-btn:after { left: 0; margin-left: 0; }
.tgl.OK:checked ~ .tgl-btn:after { left: 100%; margin-left: -33.333%; }
.tgl.NC {  }

																	
.tgl-ios#KOcheckAll:checked ~ .tgl-btn { background: #FA5C7C; }
.tgl-ios#KOcheckAll:checked ~ .tgl-btn:active { box-shadow: none; }
.tgl-ios#KOcheckAll:checked ~ .tgl-btn:active:after {  margin-left: -0.8em; }

.tgl-ios#OKcheckAll:checked ~ .tgl-btn { background: #0ACF97; }
.tgl-ios#OKcheckAll:checked ~ .tgl-btn:active { box-shadow: none; }
.tgl-ios#OKcheckAll:checked ~ .tgl-btn:active:after { margin-left: -0.8em; }