body{font-family: Gotham; font-weight: normal; font-size: 15px; line-height: 21px; text-align: left; color: #000;  background:#F5F5F5;}
a{color:inherit; text-decoration:none;}
a:hover{color:inherit; text-decoration:none;}
@media all and (min-width:1350px){
	.container, .container-sm, .container-md, .container-lg, .container-xl {max-width: 1350px;}
}
@media all and (min-width:1500px){
	.container, .container-sm, .container-md, .container-lg, .container-xl {max-width: 1500px;}
}

.btn-lien{border:0; padding:0; margin:0; background:none;}

.btn-admin{font-family: Gotham; font-weight: 500; font-size: 16px; color: #fff; fill:#fff;  padding:12px 35px; display:inline-block; background:#9FACCB; transition:all 0.2s; border:0; font-weight:bold;}
.btn-admin:hover{background:#8193C1  !important; color:#FFF;}
.btn-admin.active{background:#8193C1  !important; color:#FFF;}

.btn-stat{position:relative !important; font-family: Gotham; font-weight: 500; font-size: 16px; color: #9FACCB; padding:6px 20px; border:1px solid transparent; display:inline-block; background:none; transition:all 0.2s; font-weight:bold; border-radius:16px;}
.btn-stat:hover, .btn-stat.selected{color:#9FACCB; border:1px solid #9FACCB;}

.btn-admin2{font-family: Gotham; font-weight: normal; font-size: 15px; line-height: 21px; text-align: left; color: #fff; background: #000; display:inline-block; transition:all 0.2s; border:0; padding:10px 18px; border-radius:20px;}
.btn-admin2:hover{background:#8193C1; color:#FFF;}

.btn-admin-medium{}

.btn-admin[name="recherche"]{width:180px;}

.form-control{border-radius:0; border:0; padding:0px 20px; font-family: Gotham; font-weight: normal; font-size: 15px; text-align: left; color: #000; min-width:180px;}
.form-control:not(textarea){ height:45px; line-height:45px;}
.form-control::placeholder{color: #000; opacity: 0.31; font-weight:400;  font-style:italic;}
.form-group .bootstrap-select, .form-horizontal .bootstrap-select, .form-inline .bootstrap-select{line-height:unset !important; padding-top:2px;}

.admin-select .filter-option-inner-inner{ color: #000; opacity: 0.31; font-weight:400;  font-style:italic; background:none;}
.admin-select .dropdown-item {padding: 0px 10px; height:30px; line-height:30px;}
.admin-select .dropdown-item.active, .admin-select .dropdown-item:active {background-color: #9FACCB; color:#FFF;}
.admin-select .btn{background:none; border-radius:0; border:0;}
.admin-select .filter-option-inner-inner{max-width:450px;}

.form-text{word-wrap: anywhere;}

.radio {display: block; position: relative; padding-left: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}
.radio input { position: absolute; opacity: 0; cursor: pointer;}
.checkround {position: absolute; top: 4px; left: 0; height: 14px; width: 14px; background-color: transparent ; border-color:#314051; border-style:solid; border-width:1px; border-radius: 50%; }
.radio input:checked ~ .checkround {background-color: #fff; }
.checkround:after { content: ""; position: absolute; display: none;}
.radio input:checked ~ .checkround:after {display: block; }
.radio .checkround:after { left: 1px; top: 1px; width: 10px; height: 10px; border-radius: 50%; background:#314051;}
.radio span.wrap{position:relative; padding-left:20px;}
.radio span.wrap .checkround{top:2px; position:absolute; padding-left:0;}

/* The check */
.check { display: block; position: relative; padding-left: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.check input { position: absolute; opacity: 0; cursor: pointer; }
.checkmark {position: absolute; top: 3px; left: 0; height: 14px; width: 14px; background-color: #fff ; border-color:#000; border-style:solid; border-width:1px;}
.check input:checked ~ .checkmark { background-color: #fff  ; }
.checkmark:after { content: ""; position: absolute; display: none; }
.check input:checked ~ .checkmark:after { display: block;}
.check .checkmark:after { left: 4px; top: 0px; width: 5px; height: 10px; border: solid ; border-color:#9FACCB; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.cust-btn{ margin-bottom: 10px; background-color: #FFF; border-width: 0px; color: #fff;}
.cust-btn:hover{border-color: #D3DBEA; background-color: #fff; color: #9FACCB; border-radius: 20px; transform-style: 2s;}



.admin_card label{font-family: Gotham; font-weight: bold; font-size: 15px; text-align: left; color: #000;}
.admin_card .form-control{border-radius:0; border:0; padding:0px 20px; font-family: Gotham; font-weight: normal; font-size: 15px; text-align: left; color: #000; background:#F5F5F5;}
.admin_card .form-control:not(textarea){ height:45px; line-height:45px;}
.admin_card .form-control::placeholder{color: #000; opacity: 0.31; font-weight:400; font-style:italic;}

.custom-file label{background:#F5F5F5; border-radius:0; border:0; height:45px; line-height:45px !important; padding:0px 20px; font-family: Gotham !important; font-weight: 400 !important; font-size: 15px !important; text-align: left; color: #BEC3C9 !important;}
.custom-file-input ~ .custom-file-label::after {background-image:url('../images/icon_upload.png');background-position:center center;background-repeat:no-repeat;background-color: #9FACCB;content: "";border-radius:0;height:45px;width:45px;}

.existing_file{background:#F5F5F5; margin-top:16px; padding:0 16px 0 0;}
.existing_file .existing_file_delete{text-align:right; font-family: Gotham; font-weight: bold; font-size: 15px; line-height: 21px; color: #9FACCB;}

 /* Base design */

.navbar{color: #000; background:#FFF;}
.navbar-brand{min-width:calc(230px - 2rem); text-align:center;}
.navbar-brand img{max-height:60px;}

#sidebar-container{background:#000; padding:10px; min-height: 100vh;}
#sidebar-container .list-group-item{background:none; border:0; border-bottom:1px solid #40505F; transition:all 0.2s; font-family: Gotham; font-weight: bold; font-size: 13px; line-height: 21px; text-align: left; color: #fff; border-radius:0; text-transform: uppercase;}
#sidebar-container .list-group-item:hover{background:#40505F; color:#FFF;}
#sidebar-container .list-group .sidebar-submenu a{font-weight:300; text-transform: none; line-height:13px; border-bottom:none; padding:0.45rem 1.25rem 0.45em 1.25rem;}
#body-row {margin-left:0; margin-right:0;}
.sidebar-expanded {width: 230px;}
.sidebar-collapsed {width: 60px;}
.sidebar-separator-title { background-color: #333; height: 35px;}
.sidebar-separator { background-color: #333; height: 25px;} 
.logo-separator {background-color: #333;height: 60px;}
#sidebar-container .list-group .list-group-item[aria-expanded="false"] .submenu-icon::after { content: "\f054"; font-family: "Font Awesome 5 Pro"; display: inline; text-align: right; padding-left: 10px; font-weight:400;}
#sidebar-container .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after { content: " \f078"; font-family: "Font Awesome 5 Pro"; display: inline; text-align: right; padding-left: 10px; font-weight:400;}

.breadcrumbs{font-family: Gotham; font-weight: normal; font-size: 15px; text-align: left; color: #4e4e4e; display:inline-block;}
.breadcrumbs ol{display:block; margin:0; padding:0; list-style-type: none; list-style-position: inside;}
.breadcrumbs li{display:inline-block; position:relative; padding-right:10px;}
.breadcrumbs li:last-child{padding-right:0px;}
.breadcrumbs li:after{content:""; position:absolute; right:0px; top:8px; background:url('../images/breadcrumbs.png') no-repeat; background-size: cover; width:4px; height:8px;}
.breadcrumbs li:last-child:after{content:""; display:none;}
.breadcrumbs li a:hover{text-decoration:underline;}

#main{min-height:350px; margin-top:20px; overflow-x:auto}


.admin_title{position:relative; margin-bottom:20px; padding-bottom:4px;}
.admin_title h1{font-family: Gotham; font-weight: normal; font-size: 25px; text-align: left; color: #000;}
.admin_title button{position:absolute; bottom:0; right:0;}
.admin_title a{position:absolute; bottom:0; right:0;}

.admin_card{background:#FFF; padding:20px; position:relative;}
.admin_card h3{font-family: Gotham; font-weight: bold; font-size: 15px; line-height: 21px; text-align: left; color: #000; position:relative; margin-bottom:12px; padding-bottom:12px;}
.admin_card h3:after{content:""; position:absolute; bottom:0px; height:1px; width:30px; background-color:#9FACCB; left:0;}

.admin_card .admin_card_delete{position:absolute; top:10px; right:10px; opacity:0; display:none; transition:all 0.2s;}
.admin_card:hover .admin_card_delete{opacity:1; display:block;}
.admin_card svg{vertical-align: bottom;}


.admin_table {
	width: 100%;
	position: relative;
}

.admin_table thead {
	position: sticky;
	top: 0;
	z-index: 10;
}

.admin_table thead th {
	font-weight: bold;
	color: #000;
	background: #FFF;
	position: sticky;
	top: 0;
	border-bottom: 2px solid #AF0721;
}

.admin_table .admin_table_action {
	width: 120px;
	text-align: right;
}

.admin_table .admin_table_sort {
	width: 50px;
	text-align: center;
	cursor: grab;
}

.admin_table .admin_table_action a {
	display: inline-block;
	margin: 0 3px;
}

.admin_table,
.admin_table tr,
.admin_table th,
.admin_table td {
	border-collapse: collapse;
	border: 0;
}

.admin_table tr.disabled {
	opacity: 0.6;
}

.admin_table td,
.admin_table th {
	padding: 20px 10px;
	vertical-align: middle;
}

.admin_table tbody tr:nth-child(even) td {
	background: #FFF;
}



.admin_export{text-align:right}
.admin_export button{display:inline-block;}

.admin_filter label{font-weight: bold; font-size: 15px; line-height: 21px; color: #000; display:block;}
.admin_filter select{max-width:250px;}
.admin_filter .protiere-select .btn{width:250px !important;}
.admin_filter{ margin:30px 0;}
.admin_filter .row{display: inline-flex;}

hr{width:100%; height:1px; border:0; margin:24px 0; padding:0; background-color:#D9D9D9;}

/* Page de connexion */


#connexion{background:#F5F5F5;}
#connexion .connexion_logo{text-align:center; margin-bottom:30px;}
#connexion .connexion_form{background:#FFF; padding:20px;}
#connexion h1{font-family: "Caviar Dreams"; font-weight: bold; font-size: 27px; text-align: left; color: #000; text-transform:uppercase; text-align:center; position:relative; margin-bottom:9px; padding-bottom:9px;}
#connexion h1:after{content:""; position:absolute; bottom:0; left:calc(50% - 17px); height:1px; background:#9FACCB; width:35px;}

#connexion .connexion_form label{font-family: Gotham; font-weight: bold; font-size: 15px; line-height: 21px; text-align: left; color: #000;}
#connexion .connexion_form .form-control{background-color:#F5F5F5; width:auto;}
#connexion .connexion_form .form_connexion_icone{display:inline-block; width:40px; text-align:center;}
#connexion .connexion_lost_password{font-family: Gotham; font-weight: bold; text-decoration: underline; font-size: 15px; line-height: 21px; text-align: center; color: #9FACCB;}
#connexion .connexion_back{font-family: Gotham; font-weight: bold; text-decoration: underline; font-size: 15px; line-height: 21px; text-align: center;color: #314051; margin-top:50px;}


/* Footer */
.footer_legal{padding:38px 0 0 0;}
.footer_legal ul{list-style-type: none; list-style-position: inside; margin:0; padding:0; float:left;}
.footer_legal ul li{display:inline-block; margin-right:24px;}
.footer_legal_karita {position:relative; height: 66px; background: transparent; text-align: center; overflow: hidden; width: 100px; margin-top: -25px; float:right;}
.footer_legal_karita a {display: inline-block; text-decoration: none; width:80px; height:54px; }
.footer_legal_karita a img { vertical-align: middle; }
body:not(.iOS) #lines * { mix-blend-mode: lighten; }
.footer_legal_karita #fills * { opacity: 0; mix-blend-mode: lighten; }
.footer_legal_karita #line-i-1 { transform-origin: 30em 8em; }
.footer_legal_karita .fireworks { position: absolute; top: 0; left: 0; width: 100px; height: 25px;}
.footer_legal_karita .st0{fill:#AE9A66;}
.footer_legal_karita svg.logo { opacity: 1; background: rgba(255, 255, 255, 0); width: 80px; position: absolute; margin-top: -5px; margin-left: 48px; display: inline-block; bottom: 0; }
.footer_legal_karita a{ position: relative; }
.footer_legal_karita svg.logo { display: block; text-align: right; right: 0; margin: 0; top: 0; width: 80px; margin-left: 0; margin-right: 0; left: inherit; position: relative; } 




/* Menu Mobile */
.main-menu{width: 100%; height: 100%; opacity: 0; visibility: hidden;}
.nav-open .main-menu {opacity: 1; visibility: visible; background: rgba(44,62,80, 0.98); }
.main-menu .nav li a{font-family: "Caviar Dreams"; font-weight: bold; font-size: 21px; text-align: center; color: #fff; text-transform: uppercase; line-height:1.4em;}
.main-menu .nav li a  img{vertical-align: 2px;}
.main-menu .nav.sousmenu_mobile {margin-top:35px; padding-top:35px; border-top:1px solid #41556A;}
.main-menu .nav.sousmenu_mobile li a{font-family: "Gotham"; font-weight: 500; font-size: 16px; text-align: center; color: #fff; text-transform: none;  line-height:1.3em;}
.main-menu .nav.sousmenu_mobile li a img{vertical-align: -1px;}

.main-menu .nav li{opacity: 0; -webkit-transform: translateY(-40px); transform: translateY(-40px); -webkit-animation-timing-function: cubic-bezier(.45,.005,0,1); -moz-animation-timing-function: cubic-bezier(.45,.005,0,1); -o-animation-timing-function: cubic-bezier(.45,.005,0,1); animation-timing-function: cubic-bezier(.45,.005,0,1);}
.nav-open .main-menu .nav li{ opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform .2s,opacity .2s; transition: transform .2s,opacity .2s;}

.nav-button{position:relative; z-index:1111; height:42px; display:block; width:50px; padding:12px; }
.nav-button #nav-icon3{width:24px;height:22px;display:inline-block;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;}
.nav-button #nav-icon3 span{display:block;position:absolute;height:3px;width:100%;background:#000;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
.nav-button #nav-icon3 span:nth-child(1){top:0}
.nav-button #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3){top:7px}
.nav-button #nav-icon3 span:nth-child(4){top:14px}
.nav-open #nav-icon3 span{background:#FFF;}
.nav-open #nav-icon3 span:nth-child(1){top:9px;width:0;left:50%;}
.nav-open #nav-icon3 span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.nav-open #nav-icon3 span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav-open #nav-icon3 span:nth-child(4){top:9px;width:0;left:50%}
.content_menu_mobile{position:relative;}
.content_menu_mobile_close{position:absolute; top:-54px; left:0; font-family: "Gotham"; font-weight: bold; font-size: 16px; color:#FFF; cursor:pointer;}
.content_menu_mobile_close svg{margin-right:16px; }
.main-menu .flex-center{display:flex;justify-content:center;align-items:start;height:100%; padding:2rem; padding-top:80px;}

.vehicule_mini_tag{ border-radius:20px; padding:8px 15px; display:flex; justify-content:start;align-items:center; font-family: Gotham; font-weight: normal; font-size: 14px; line-height: 11px; text-align: left;color: #fff; max-width: 180px; margin-right:8px;}
.vehicule_mini_tag .vehicule_mini_tag_image{flex-shrink: 0; margin-right:8px;}
.vehicule_mini_tag .vehicule_mini_tag_image img{max-height:20px; object-fit: contain;}
.vehicule_mini_tag .vehicule_mini_tag_titre{max-width:80px;}


.admin_table .vehicule_mini_tag{ border-radius:10px; padding:5px 7px; font-size: 10px; line-height: 11px; max-width: 120px; margin-right:4px;}
.admin_table .vehicule_mini_tag .vehicule_mini_tag_image{margin-right:4px;}
.admin_table .vehicule_mini_tag .vehicule_mini_tag_image img{max-height:12px;}
.admin_table .vehicule_mini_tag .vehicule_mini_tag_titre{max-width:110px;}

.pagination{justify-content:center; margin-top:16px;}
.pagination > li > a, .pagination > li > span{display:inline-block; color:#000; background-color:#EAEAEA; width:39px; height:39px; text-align:center; line-height:39px; border-radius:50%; margin:0 6px;}
.pagination > .active > a, .pagination > .active > span, .pagination > a:hover, .pagination > span:hover, .pagination > a:focus, .pagination > span:focus{background-color:#9FACCB; color:#FFF; }

.histo_lead{margin-bottom:16px;}
.histo_lead .histo_lead_message{padding:20px; text-align:center; background:#F5F5F5;}
.histo_lead .histo_lead_info{font-family: Gotham; font-weight: normal; font-size: 15px; line-height: 21px; text-align: right; color: #000; opacity: 0.31; font-style: italic;}


.analytics_data_wrap{text-align:center; background:#000; font-family: Gotham; font-weight: normal; font-size: 13px; line-height: 21px; color: #fff; padding:25px; height:100%; align-items: center; justify-content: center; display:flex;}
.analytics_data .number{ font-size: 30px; line-height: 40px;}