@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Light.eot?62352558');
  src: url('../fonts/Gotham-Light.eot?62352558#iefix') format('embedded-opentype'),
       url('../fonts/Gotham-Light.woff2?62352558') format('woff2'),
       url('../fonts/Gotham-Light.woff?62352558') format('woff'),
       url('../fonts/Gotham-Light.ttf?62352558') format('truetype'),
       url('../fonts/Gotham-Light.svg?62352558#Gotham-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{font-family: Gotham; font-weight: normal; font-size: 15px; line-height: 21px; text-align: left; color: #1D1D1b;  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:#0063c9; transition:all 0.2s; border:0; font-weight:bold;}
.btn-admin:hover{background:#1370cf  !important; color:#FFF;}

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

.btn-admin-medium{}

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

.form-control{border-radius:0; border:0; height:45px; line-height:45px; padding:0px 20px; font-family: Gotham; font-weight: normal; font-size: 15px; text-align: left; color: #1d1d1b; min-width:180px;}
textarea.form-control{height:unset !important; line-height:unset !important;  padding:8px !important;}
.form-control::placeholder{color: #1d1d1b; 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: #1d1d1b; 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: #0063c9; color:#FFF;}
.admin-select .btn{background:none; border-radius:0; border:0;}
.admin-select .filter-option-inner-inner{max-width:450px;}


.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:#0E3F44; 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:#0063c9;}
.radio span.wrap{position:relative; padding-left:20px;}
.radio span.wrap .checkround{top:2px; position:absolute; padding-left:0;}

.admin_card label{font-family: Gotham; font-weight: bold; font-size: 15px; text-align: left; color: #1d1d1b;}
.admin_card .form-control{border-radius:0; border:0; height:45px; line-height:45px; padding:0px 20px; font-family: Gotham; font-weight: normal; font-size: 15px; text-align: left; color: #1d1d1b; background:#F5F5F5;}
.admin_card .form-control::placeholder{color: #1d1d1b; 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: #0063c9;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: #eb093d;}

 /* Base design */

.navbar{color: #1D1D1b; background:#FFF;}
.navbar-brand{min-width:calc(230px - 2rem); text-align:center; display: inline-block;}
.navbar-brand img{max-height:40px;}

#sidebar-container{background:#1D1D1b; padding:10px; min-height: 100vh;}
#sidebar-container .list-group-item{background:none; border:0; border-bottom:1px solid #494947; 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, #sidebar-container .list-group-item.active{background:#494947; 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;}


.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: #1d1d1b;}
.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: #1d1d1b; position:relative; margin-bottom:12px; padding-bottom:12px;}
.admin_card h3:after{content:""; position:absolute; bottom:0px; height:1px; width:30px; background-color:#0063c9; 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%;}
.admin_table .admin_table_action{width:150px; 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_action .fa{font-size:12px; border-radius:50%; background:#000; color:#FFF; width:22px; height:22px; text-align:center; line-height:22px;}
.admin_table .admin_table_action .fa-trash{background:#eb093d;}
.admin_table .admin_table_action .fa-copy{background:#268d2a;}
.admin_table .admin_table_action .fa-eye{background:#0063c9;}
.admin_table .admin_table_action .fa-pen{background:#000;}
.admin_table .admin_table_action .fa-file-invoice{background:#0063c9;}
.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 thead th{font-weight:bold; color:#1d1d1b; background:#FFF;}
.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: #1d1d1b; 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: #1d1d1b; 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:#0063c9; width:35px;}

#connexion .connexion_form label{font-family: Gotham; font-weight: bold; font-size: 15px; line-height: 21px; text-align: left; color: #1d1d1b;}
#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: #0063c9;}
#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;}


/* 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:#1D1D1b;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; }

@media all and (max-width:768px){
  .menu_admin{width:100%;}
  .sub_menu_admin{width:100%; margin-top:16px; display:flex; justify-content: space-between; align-items: center;}
}

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

.main-menu .flex-center{display:flex;justify-content:center;align-items:start;height:100%; padding:2rem; padding-top:80px;}

.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:#0063c9; color:#FFF; }