/*=====================================
 	COMMUN
=====================================*/

@media print{@page {size: landscape}}

body { font-family:"BarlowSemiCondensed", Arial;color:#6d6e71; }

html,
body,
.view { height: 100%; }

.clear { float:none;clear:both;width:0;height:0;}
.hidden { display: none; }

label { margin-bottom: .2rem; }

a { border:none;outline:none;text-decoration:none;color:inherit; }
a:focus { text-decoration:none;outline:none; }
a:hover { text-decoration:none;outline:none;color:#63b5d0; }

hr { border-top: 2px solid #F5F5F5; }

button { cursor:pointer; }
button:focus, select:focus, input:focus { outline:none!important;border-color:#e6e6e6!important;box-shadow:none!important; }
img { border:none; }
strong { font-family:"BarlowSemiCondensed-Bold"; font-weight:normal; }
select { -webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-appearance:none;-o-appearance:none;cursor:pointer; }

.input-abs { position:absolute;z-index: 1;width: 100%;left: 0;top: 0;height: 100%;cursor: pointer;opacity: 0; }
.input-rel { position:relative; z-index:1; margin:0 5px 10px 0; }
.input-abs + span { display:inline-block; background:url("../imgs/radio-off.png") no-repeat  left top; padding:4px 0 4px 28px; font:13px "Gotham-Book"; color:#333333; }
.input-abs:checked + span { background-image:url("../imgs/radio-on.png"); }

.text-underline { text-decoration: underline; }
.color-blue { color:#63b5d0!important; }
.color-grey { color:#777!important; }
.color-green { color:#89C76B!important; }
.color-orange { color:#fbb159!important; }
.color-red { color: #F93154!important; }
.bg-grey { background-color:#DDD!important; }

.bootstrap-select>.dropdown-menu.show { -webkit-transform: scale(1)!important;transform: scale(1)!important;overflow: visible!important; }
.dropdown-item.active, .dropdown-item:active { background-color:#CCC !important; }
.dropdown-toggle::after { color:#CCC; }
.custom-control-input:checked ~ .custom-control-label::before { border-color: #63b5d0;background-color: #63b5d0; }
.page-content { background:url("../imgs/page-content-bg.png") no-repeat center top;background-size: cover;min-height:calc(100vh - 160px);padding-bottom: 50px; }

.container-s { max-width:900px!important;}
.container { max-width:1280px!important;}
.container-m { max-width:1400px!important;}
.container-l { max-width:1600px!important; }
.container-100 { max-width:100%!important;width:100%!important; }

.text-muted { color: #AAA!important; }
.text-darker { color: #333!important; }

.form-group-no-margin .form-group { margin: 0!important; }

.form-group .required:after
{
	content:" *";
	color:red;
}

.form-group .custom-checkbox .required:after
{
	content:"";
	color:inherit;
}

.form-group .custom-radio .required:after { content:""!important; }

.form-checkbox-treeview
{
	margin-left:0;
	padding-left:0;
	color:#999;
}
.form-checkbox-treeview ul { list-style:none; }
.form-checkbox-treeview li { list-style:none; }

button.dropdown-toggle { margin:0; }
.bootstrap-select > .dropdown-toggle::after { color:#222;font-size: 1rem; }

.pagination .page-item.active .page-link { background-color:#63b5d0!important; }
.input-number { width:60px; }

.opacity-50 { opacity:0.5; }
.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:.8!important; }
.opacity-5 { opacity:1!important; }

.white-box-shad {padding: 10px;background: #fff;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);-ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); }
.white-box-shad-titre {position: relative;padding:20px;font: 20px "BarlowSemiCondensed-Bold";text-transform: uppercase;color: #fff;margin-bottom:15px; }
.titre-page {font-size: 1.5rem;text-transform: uppercase;letter-spacing: 1px;position: relative;padding-bottom:5px}
.titre-page::before{content:""; width:90px; height:3px; background:#51a025; position:absolute; left:50% ; bottom: 0px;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0); }
.titre-page.small-border::before{ width:60px; }
.text-info { color: #63b5d0!important; }

.btn-light-green { background-color:#89C76B!important; }
.btn-blue { background-color:#63b5d0!important; }
.bg-light { background-color:#E7E8EA; }
.bg-superlight { background-color:#f9f9f9; }
.bg-green { background-color:#89C76B; }
.bg-orange { background-color:#fbb159; }
.bg-blue { background-color:#63b5d0; }
.bg-grey-important { background-color:#BBB!important; }
.bg-orange-important { background-color:#fbb159!important; }
.bg-grey-dark { background-color:#777!important; }
.bg-white {  background-color:#FFF; }

.border-light { border:1px solid #E7E8EA; }

.btn-tableau a {display: inline-block;width: 30px;height: 30px;transition:none!important; color:#63b5d0!important;text-align:center;line-height:30px;font-size:17px; }
.btn-tableau a:hover, .btn-tableau a:focus{transition:none!important; color:#1a9bcb!important; }
.btn-disabled { background-color:#BBB!important;cursor:not-allowed; }

.font-size-30 { font-size:30px; }
.font-size-24 { font-size:24px; }
.font-size-17 { font-size:17px; }
.font-size-15 { font-size:15px; }
.font-size-12 { font-size:12px; }
.font-size-10 { font-size:10px; }

.table.table th, table.table td { padding:0.75rem; }

.c-pointer { cursor: pointer; }
.c-help { cursor:help; }

.color-blue-light { color:#63b5d0; }

.min-w-0 { min-width:0; }

.w-08 { width:8%; }
.w-10 { width:10%; }
.w-12 { width:12%; }
.w-15 { width:15%; }
.w-20 { width:20%; }
.w-22 { width:22%; }
.w-30 { width:30%; }
.w-40 { width:40%; }
.w-50 { width:50%; }
.w-60 { width:60%; }
.w-70 { width:70%; }
.w-80 { width:80%; }
.w-90 { width:90%; }
.w-100 { width:100%; }

.h-150px { height:150px!important; }
.h-200px { height:200px!important; }
.min-h-35px { min-height:35px!important;}
.max-w-60px { max-width:60px!important; }
.max-w-200px { max-width:200px!important; }
.max-w-400px { max-width:400px!important; }
.max-w-600px { max-width:600px!important; }
.max-w-800px { max-width:800px!important; }

.mt-6 { margin-top:4.5rem!important; }
.mt-7 { margin-top:6rem!important; }
.mt-8 { margin-top:7.5rem!important; }
.mt-9 { margin-top:9rem!important; }
.mt-10 { margin-top:10.5rem!important; }

.min-height-100 { min-height: 100%;}
.min-height-400px { min-height: 400px;}

.line-seperator { border:1px solid #EFEFEF;height:1px;width:100%;display:block }

.font-size-small { font-size: 10px; }
.text-underline { text-decoration:underline; }

.crossicon-wrapper
{
	position:relative;
	display:inline-block;
}

.crossicon:after
{
	position: absolute;
	transform: rotate(45deg);
	content: "|";
	color: red;
	font-weight: 700;
	font-size: 1.7em;
	left: 1rem;
	top: 0rem;
}

.checkbox-lg .custom-control-label::before, 
.checkbox-lg .custom-control-label::after
{
 	top: .8rem;
	width: 1.55rem;
	height: 1.55rem;
}

.checkbox-lg .custom-control-label
{
	padding-top: 13px;
	padding-left: 6px;
}

.checkbox-xl .custom-control-label::before, 
.checkbox-xl .custom-control-label::after
{
	top: 1.2rem;
	width: 1.85rem;
	height: 1.85rem;
}

.checkbox-xl .custom-control-label
{
	padding-top: 23px;
	padding-left: 10px;
}

.table-critical, .table-critical > td, .table-critical > th { background-color: #f5c6cb; }
.table-error, .table-error > td, .table-error > th { background-color: #f5c6cb; }

.border-transparent
{ 
	border-color:transparent!important;
	border-top-color:transparent!important;
	border-right-color:transparent!important;
	border-bottom-color:transparent!important;
	border-left-color:transparent!important;
}

/* Input pour une date d'un formulaire au format champ saissable (pas liste de selection) */

.input-date-field #dateMiseCirculation_day, .input-date-field #dateMiseCirculation_month {
	width: 25% !important;
}

.input-date-field #dateMiseCirculation_year {
	width: 50% !important;
}

.bootstrap-select > .dropdown-toggle { border: 1px solid #ced4da }

.btn-grey{color:#fff;background-color:#616161 !important}
.btn-grey:hover{color:#fff;background-color:#6e6e6e}
.btn-grey:focus,.btn-grey.focus{-webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)}
.btn-grey:focus,.btn-grey:active,.btn-grey.active{background-color:#2e2e2e}

/*=====================================
 	MODAL
=====================================*/

.modal-header .close
{
	font-size: 4rem!important;
	padding: 0rem 1rem;
	margin: -1rem -1rem -1rem auto;
}

.modal-header-no-close .close { display:none }
.modal-xl { max-width:1240px!important; }
.modal-lg .modal-xl {  max-width:none!important; }

/*=====================================
 	TOASTR
=====================================*/

#toast-container > div
{
	padding:20px 20px 20px 50px!important;
	opacity:0.9;
	font-size:15px;
	font-weight:bold;
}

/*=====================================
 	GRADIENT
=====================================*/

.grey-gradient
{
	background: rgb(221,221,221);
	background: linear-gradient(90deg, rgba(221,221,221,1) 0%, rgba(170,170,170,1) 100%); 
}

.new-blue-gradient
{
	background: #63b5d0;
	background: -moz-linear-gradient(left, #63b5d0 0%, #498ec4 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #63b5d0), color-stop(100%, #498ec4));
	background: -webkit-linear-gradient(left, #63b5d0 0%, #498ec4 100%);
	background: -o-linear-gradient(left, #63b5d0 0%, #498ec4 100%);
	background: -ms-linear-gradient(left, #63b5d0 0%, #498ec4 100%);
	background: linear-gradient(to right, #63b5d0 0%, #498ec4 100%);
}

.new-green-gradient
{
	background: #89c76b;
	background: -moz-linear-gradient(left, #89c76b 0%, #51a025 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #89c76b), color-stop(100%, #51a025));
	background: -webkit-linear-gradient(left, #89c76b 0%, #51a025 100%);
	background: -o-linear-gradient(left, #89c76b 0%, #51a025 100%);
	background: -ms-linear-gradient(left, #89c76b 0%, #51a025 100%);
	background: linear-gradient(to right, #89c76b 0%, #51a025 100%);
}

.new-grey-gradient
{
	background: #f1f2f2;
	background: -moz-linear-gradient(left, #f1f2f2 0%, #d1d3d4 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #f1f2f2), color-stop(100%, #d1d3d4));
	background: -webkit-linear-gradient(left, #f1f2f2 0%, #d1d3d4 100%);
	background: -o-linear-gradient(left, #f1f2f2 0%, #d1d3d4 100%);
	background: -ms-linear-gradient(left, #f1f2f2 0%, #d1d3d4 100%);
	background: linear-gradient(to right, #f1f2f2 0%, #d1d3d4 100%);
}

.new-orange-gradient
{
	background: #fc8662;
	background: linear-gradient(40deg, #fca362, #fc8662) !important;
}

.new-purple-gradient
{
	background: #7873f5;
	background: linear-gradient(40deg, #ae73f5, #7873f5) !important;
}

.new-red-gradient
{
	background: #fc6278;
	background: linear-gradient(40deg, #fc6662, #fc6278) !important;
}

/*=====================================
 	TOOLTIP
=====================================*/

.tooltip-inner
{
	max-width: 400px;
}

.tooltip .arrow::before, .material-tooltip .arrow::before
{
	border-color: transparent!important;
}

.tooltip-inner, .material-tooltip , .material-tooltip .backdrop
{
	background: #fff!important;-webkit-box-shadow:  0 0 2px 0 rgba(127, 127, 127, 0.75);box-shadow:  0 0 2px 0 rgba(127, 127, 127, 0.75);-ms-box-shadow:  0 0 2px 0 rgba(127, 127, 127, 0.75);color: #6D6E71;border-radius:0!important; opacity:1!important
}


.tooltip-tr { position:absolute; left:0; top:0; width:100%;height:100%; }

/*=====================================
 	SPINNER OVERLAY
=====================================*/

#spinner-overlay, #simple-overlay
{
	position: fixed;
	top: 0;
	z-index: 10000;
	width: 100%;
	height:100%;
	display: none;
	background-color: rgba(0,0,0,0.6);
}

#spinner-overlay .o-cv-spinner
{
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;  
}

#spinner-overlay .o-spinner
{
	width: 40px;
	height: 40px;
	border: 4px #ddd solid;
	border-top: 4px #63b5d0 solid;
	border-radius: 50%;
	animation: spinner-anime 0.8s infinite linear;
	position:absolute;
}

@keyframes spinner-anime
{
	100% { 
		transform: rotate(360deg); 
	}
}

#js-spinner-overlay-text
{
	display:block;
	color:#FFF;
	padding-top:70px;
}

/*=====================================
 	FRONT
=====================================*/

.logo-max-size
{
	max-width:100px;
	max-height:100px;
}

.logo-max-size-certificat
{
	max-width:100px;
	max-height:100px;
}

.table-bordered-grey, .table-bordered-grey th, .table-bordered-grey td
{
	border: 1px solid #f3f3f3!important;
	border-collapse: collapse;
	background-clip: padding-box; 
}

/*=====================================
 	CERT BG
=====================================*/

.cert-body-bg
{
	background-color: #BBB;
}