.switch{position:relative;display:inline-block;width:60px;height:34px}
.switch2{width:45px;height:26px}
.switch input{display:none}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}
.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:3px;background-color:#fff;-webkit-transition:.4s;transition:.4s}
.slider2{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;    height: 15px;}
.slider2:before{position:absolute;content:"";height: 13px;
    width: 13px;
    left: 3px;
    bottom: 1px;background-color:#fff;-webkit-transition:.4s;transition:.4s}
input:checked + .slider{background-color:#2a3542}
input:focus + .slider{box-shadow:0 0 1px #2a3542}
input:checked + .slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}
input:checked + .slider2{background-color:#2a3542}
input:focus + .slider2{box-shadow:0 0 1px #2a3542}
input:checked + .slider2:before{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translateX(18px)}
.slider.round{border-radius:34px}
.slider.round:before{border-radius:50%}
.slider2.round{border-radius:34px}
.slider2.round:before{border-radius:50%}
.site-footer{position:fixed;width:100%;bottom:0;z-index:10}
#loader{width:100%;background:rgba(108,108,108,0.5);min-height:1000px;position:absolute;z-index:99999999;display:none}
#msg-loading{color:#fff;font-weight:700;font-size:18px}
#percent{color:#fff;font-weight:700;font-size:18px}
.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td{vertical-align:middle}
@keyframes swing {
    0%{transform:rotate(0deg)}
    10%{transform:rotate(10deg)}
    30%{transform:rotate(0deg)}
    40%{transform:rotate(-10deg)}
    50%{transform:rotate(0deg)}
    60%{transform:rotate(5deg)}
    70%{transform:rotate(0deg)}
    80%{transform:rotate(-5deg)}
    100%{transform:rotate(0deg)}
}
@keyframes sonar {
    0%{transform:scale(0.9);opacity:1}
    100%{transform:scale(2);opacity:0}
}
.page-wrapper .sidebar-wrapper,.sidebar-wrapper .sidebar-brand > a,.sidebar-wrapper .sidebar-dropdown > a:after,.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,.sidebar-wrapper ul li a i,.page-wrapper .page-content,.sidebar-wrapper .sidebar-search input.search-menu,.sidebar-wrapper .sidebar-search .input-group-text,.sidebar-wrapper .sidebar-menu ul li a,#show-sidebar,#close-sidebar{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
/*.page-wrapper{height:100vh}*/
.page-wrapper .theme{width:40px;height:40px;display:inline-block;border-radius:4px;margin:2px}
.page-wrapper .theme.chiller-theme{background:#1d1d1d}
.page-wrapper.toggled .sidebar-wrapper{left:0}
@media screen and (min-width: 768px) {
    .page-wrapper.toggled .page-content{padding-left:210px}
}
#show-sidebar{position:fixed;left:0;top:10px;border-radius:0 4px 4px 0;width:35px;transition-delay:.3s;z-index:3}
.page-wrapper.toggled #show-sidebar{left:-40px}
.sidebar-wrapper{width:260px;height:100%;max-height:100%;position:fixed;top:0;left:-300px;z-index:999}
.sidebar-wrapper ul{list-style-type:none;padding:0;margin:0}
.sidebar-wrapper a{text-decoration:none}
.sidebar-content{max-height:calc(100% - 30px);height:calc(100% - 30px);overflow-y:auto;position:relative}
.sidebar-content.desktop{overflow-y:hidden}
.sidebar-wrapper .sidebar-brand{padding:10px 20px;display:flex;align-items:center}
.sidebar-wrapper .sidebar-brand > a{text-transform:uppercase;font-weight:700;flex-grow:1}
.sidebar-wrapper .sidebar-brand #close-sidebar{cursor:pointer;font-size:20px}
.sidebar-wrapper .sidebar-header{padding:20px;overflow:hidden}
.sidebar-wrapper .sidebar-header .user-pic{float:left;width:60px;padding:2px;border-radius:12px;margin-right:15px;overflow:hidden}
.sidebar-wrapper .sidebar-header .user-pic img{object-fit:cover;height:100%;width:100%}
.sidebar-wrapper .sidebar-header .user-info{float:left}
.sidebar-wrapper .sidebar-header .user-info > span{display:block; color: #70829a;}
.sidebar-wrapper .sidebar-header .user-info .user-role{font-size:12px}
.sidebar-wrapper .sidebar-header .user-info .user-status{font-size:11px;margin-top:4px}
.sidebar-wrapper .sidebar-header .user-info .user-status i{font-size:8px;margin-right:4px;color:#5cb85c}
.sidebar-wrapper .sidebar-search > div{padding:10px 20px}
.sidebar-wrapper .sidebar-menu{padding-bottom:10px}
.sidebar-wrapper .sidebar-menu .header-menu span{font-weight:700;font-size:14px;padding:15px 20px 5px;display:inline-block}
.sidebar-wrapper .sidebar-menu ul li a{display:inline-block;width:100%;text-decoration:none;position:relative;padding:8px 0 8px 10px;font-size:12px;}
.sidebar-wrapper .sidebar-menu ul li a:hover{background: #546579!important;color: #fff; font-size: 12px;}
.sidebar-wrapper .sidebar-menu ul li a i{margin-right:10px;font-size:11px;width:30px;height:30px;line-height:30px;text-align:center;border-radius:4px}
.sidebar-wrapper .sidebar-menu ul li a:hover > i::before{display:inline-block;animation:swing ease-in-out .5s 1 alternate; background: #f2f2f2}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f105";font-style:normal;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;background:0 0;position:absolute;right:15px;top:14px}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul{padding:5px 0}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li{padding-left:25px;font-size:13px}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before{content:"\f111";font-family:"Font Awesome 5 Free";font-weight:400;font-style:normal;display:inline-block;text-align:center;text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px;font-size:8px}
.sidebar-wrapper .sidebar-menu ul li a span.label,.sidebar-wrapper .sidebar-menu ul li a span.badge{float:right;margin-top:8px;margin-left:5px}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label{float:right;margin-top:0}
.sidebar-wrapper .sidebar-menu .sidebar-submenu{display:none}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after{transform:rotate(90deg);right:17px}
.sidebar-footer{position:absolute;width:100%;bottom:0;display:flex}
.sidebar-footer > a{flex-grow:1;text-align:center;height:30px;line-height:30px;position:relative}
.sidebar-footer > a .notification{position:absolute;top:0}
.badge-sonar{display:inline-block;background:#980303;border-radius:50%;height:8px;width:8px;position:absolute;top:0}
.badge-sonar:after{content:"";position:absolute;top:0;left:0;border:2px solid #980303;opacity:0;border-radius:50%;width:100%;height:100%;animation:sonar 1.5s infinite}
.page-wrapper .page-content{display:inline-block;width:100%;padding-left:0;padding-top:0;overflow-x:hidden}
/*::-webkit-scrollbar{width:7px;height:7px}
::-webkit-scrollbar-button{width:0;height:0}
::-webkit-scrollbar-thumb{background:#636269;border:0 none #fff;border-radius:50px}
::-webkit-scrollbar-thumb:hover{background:#636269}
::-webkit-scrollbar-thumb:active{background:#636269}
::-webkit-scrollbar-track{background:#333238;border:0 none #fff;border-radius:50px}
::-webkit-scrollbar-track:hover{background:#333238}
::-webkit-scrollbar-track:active{background:#333238}
::-webkit-scrollbar-corner{background:transparent}*/
.chiller-theme .sidebar-wrapper{background:#1d1d1d}
.chiller-theme .sidebar-wrapper .sidebar-header,.chiller-theme .sidebar-wrapper .sidebar-search,.chiller-theme .sidebar-wrapper .sidebar-menu{border-top:1px solid #2b2b2b}
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text{border-color:#2b2b2b;box-shadow:none}
.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role,.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status,.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,.chiller-theme .sidebar-wrapper .sidebar-brand>a,.chiller-theme .sidebar-wrapper .sidebar-menu ul li a,.chiller-theme .sidebar-footer>a{color:#fff}
.page-wrapper.chiller-theme.toggled #close-sidebar{color:#bdbdbd}
.page-wrapper.chiller-theme.toggled #close-sidebar:hover{color:#fff}
.chiller-theme .sidebar-footer{background:#2b2b2b;box-shadow:0 -1px 5px #131212;border-top:1px solid #3a3a3a}
.chiller-theme .sidebar-footer>a:first-child{border-left:none}
.chiller-theme .sidebar-footer>a:last-child{border-right:none}
.chiller-theme .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.chiller-theme .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.chiller-theme .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:#636363}
.chiller-theme .mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}
#topbar.alt{min-height:0;padding:20px 22px;background:#e7e7e7;border-bottom:1px solid #ddd;top:10px}
.form-control{background-color:#fff;border:1px solid #45add4;border-radius:0;height:36px}
.panel{position:relative;margin-bottom:20px;background-color:#fff;border-radius:2px;border:0 solid transparent}
.panel.panel-transparent{background:none;border:0;margin:0;padding:0}
.panel.panel-border{border-style:solid;border-width:0}
.panel.panel-border.top{border-top-width:5px}
.panel.panel-border.right{border-right-width:5px}
.panel.panel-border.bottom{border-bottom-width:5px}
.panel.panel-border.left{border-left-width:5px}
.panel.panel-border > .panel-heading{background-color:#fafafa;border-color:#e5e5e5;border-top:1px solid transparent}
.panel.panel-border > .panel-heading > .panel-title{color:#666}
.panel.panel-border.panel-default{border-color:#DDD}
.panel.panel-border.panel-default > .panel-heading{border-top:1px solid transparent}
.panel-menu{background-color:#fafafa;padding:12px;border:1px solid #e5e5e5}
.panel-menu.dark{background-color:#f8f8f8}
.panel-body .panel-menu{border-left:0;border-right:0}
.panel-heading + .panel-menu,.panel-menu + .panel-body,.panel-body + .panel-menu,.panel-body + .panel-body{border-top:0}
.panel-body{position:relative;padding:5px 0;border:1px solid #e5e5e5;border: 0px solid #e5e5e5;}
.panel-body + .panel-footer{border-top:0}
.panel-heading{position:relative;line-height:36px;background:#fafafa;color:#666;font-size:13px;font-weight:600;padding:0 8px;border:1px solid #e5e5e5;border-top-right-radius:1px;border-top-left-radius:1px}
.panel-heading + .panel-body{border-top:0}
.panel-heading > .dropdown .dropdown-toggle{color:inherit}
.panel-heading .widget-menu .btn-group{margin-top:-3px}
.panel-heading .widget-menu .form-control{margin-top:6px;font-size:11px;height:27px;padding:2px 10px;border-radius:1px}
.panel-heading .widget-menu .form-control.input-sm{margin-top:9px;height:22px}
.panel-heading .widget-menu .progress{margin-top:11px;margin-bottom:0}
.panel-heading .widget-menu .progress-bar-lg{margin-top:10px}
.panel-heading .widget-menu .progress-bar-sm{margin-top:15px}
.panel-heading .widget-menu .progress-bar-xs{margin-top:17px}
.panel-icon{padding-left:5px}
.panel-title{padding-left:6px;margin-top:0;margin-bottom:0;font-size:13px}
.panel-title > .fa,.panel-title > .glyphicon,.panel-title > .glyphicons,.panel-title > .imoon{top:2px;min-width:22px;color:inherit;font-size:14px}
.panel-title > a{color:inherit}
.panel-footer{padding:10px 15px;background-color:#fafafa;border:1px solid #e5e5e5;border-bottom-right-radius:1px;border-bottom-left-radius:1px}
.panel > .list-group{margin-bottom:0}
.panel > .list-group .list-group-item{border-radius:0}
.panel > .list-group:first-child .list-group-item:first-child{border-top-right-radius:1px;border-top-left-radius:1px}
.panel > .list-group:last-child .list-group-item:last-child{border-bottom-right-radius:1px;border-bottom-left-radius:1px}
.panel-heading + .list-group .list-group-item:first-child{border-top-width:0}
.panel-body + .list-group .list-group-item:first-child{border-top-width:0}
.list-group + .panel-footer{border-top-width:0}
.panel > .table,.panel > .table-responsive > .table,.panel > .panel-collapse > .table{margin-bottom:0}
.panel > .table:first-child,.panel > .table-responsive:first-child > .table:first-child{border-top-right-radius:1px;border-top-left-radius:1px}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child{border-top-left-radius:1px}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child{border-top-right-radius:1px}
.panel > .table:last-child,.panel > .table-responsive:last-child > .table:last-child{border-bottom-right-radius:1px;border-bottom-left-radius:1px}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child{border-bottom-left-radius:1px}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child{border-bottom-right-radius:1px}
.panel > .panel-body + .table,.panel > .panel-body + .table-responsive{border-top:1px solid #eee}
.panel > .table > tbody:first-child > tr:first-child th,.panel > .table > tbody:first-child > tr:first-child td{border-top:0}
.panel > .table-bordered,.panel > .table-responsive > .table-bordered{border:0}
.panel > .table-bordered > thead > tr > th:first-child,.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,.panel > .table-bordered > tbody > tr > th:first-child,.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,.panel > .table-bordered > tfoot > tr > th:first-child,.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,.panel > .table-bordered > thead > tr > td:first-child,.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,.panel > .table-bordered > tbody > tr > td:first-child,.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,.panel > .table-bordered > tfoot > tr > td:first-child,.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child{border-left:0}
.panel > .table-bordered > thead > tr > th:last-child,.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,.panel > .table-bordered > tbody > tr > th:last-child,.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,.panel > .table-bordered > tfoot > tr > th:last-child,.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,.panel > .table-bordered > thead > tr > td:last-child,.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,.panel > .table-bordered > tbody > tr > td:last-child,.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,.panel > .table-bordered > tfoot > tr > td:last-child,.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child{border-right:0}
.panel > .table-bordered > thead > tr:first-child > td,.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,.panel > .table-bordered > tbody > tr:first-child > td,.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,.panel > .table-bordered > thead > tr:first-child > th,.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,.panel > .table-bordered > tbody > tr:first-child > th,.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th{border-bottom:0}
.panel > .table-bordered > tbody > tr:last-child > td,.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,.panel > .table-bordered > tfoot > tr:last-child > td,.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,.panel > .table-bordered > tbody > tr:last-child > th,.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,.panel > .table-bordered > tfoot > tr:last-child > th,.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th{border-bottom:0}
.panel > .table-responsive{border:0;margin-bottom:0}
.panel-group{margin-bottom:19px}
.panel-group .panel-title{padding-left:0}
.panel-group .panel-heading,.panel-group .panel-heading a{position:relative;display:block;width:100%}
.panel-group.accordion-lg .panel + .panel{margin-top:12px}
.panel-group.accordion-lg .panel-heading{font-size:14px;height:54px;line-height:52px}
.panel-group .accordion-icon{padding-left:35px}
.panel-group .accordion-icon:after{position:absolute;content:"\f068";font-family:"FontAwesome";font-size:12px;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;color:#555;left:10px;top:0}
.panel-group .accordion-icon.collapsed:after{content:"\f067"}
.panel-group .accordion-icon.icon-right{padding-left:10px;padding-right:30px}
.panel-group .accordion-icon.icon-right:after{left:auto;right:5px}
.panel-group .panel{margin-bottom:0;border-radius:2px}
.panel-group .panel + .panel{margin-top:5px}
.panel-group .panel-heading + .panel-collapse > .panel-body{border-top:0}
.panel-group .panel-footer{border-top:0}
.panel-group .panel-footer + .panel-collapse .panel-body{border-bottom:1px solid #eee}
#sidebar{border-right:1px solid}
.table-responsive{width:100%}
.breadcrumb{background:#fff;padding:5px;width:100%;border-bottom:1px solid #4242}
.breadcrumb a{color:#4a89dc}
.navbar{z-index:0;background: #27438d;}
.blue{color:#20a8d8}
.indigo{color:#6610f2}
.purple{color:#6f42c1}
.pink{color:#e83e8c}
.red{color:#f86c6b}
.orange{color:#f8cb00}
.yellow{color:#ffc107}
.green{color:#4dbd74}
.teal{color:#20c997}
.cyan{color:#17a2b8}
.white{color:#fff}
.gray{color:#73818f}
.gray-dark{color:#2f353a}
.primary{color:#20a8d8}
.secondary{color:#c8ced3}
.success{color:#4dbd74}
.info{color:#63c2de}
.warning{color:#ffc107}
.danger{color:#f86c6b}
.light{color:#f0f3f5}
.dark{color:#2f353a}
/*.bg-aqua,.callout.callout-info,.alert-info,.label-info,.modal-info .modal-body{background-color:#20a8d8!important;background-image: linear-gradient(45deg,#20a8d8,#1de9b6)!important;}*/
/*.bg-moutarde{background-color:#e8a51b!important;background-image:linear-gradient(45deg,#e8a51b,#dbbf34)!important;}
.bg-red{background-color:#f86c6b!important;background-image: linear-gradient(45deg,#ee0979,#ff6a00)!important;}
.bg-red-contrat{background-color:#8158cc!important;background-image: linear-gradient(45deg,#843cf7,#38b8f2)!important;}
.bg-yellow{background-color:#e8a51b!important;background-image:linear-gradient(45deg,#e8a51b,#dbbf34)!important;}
.bg-green{background-color:#00a65a!important;background-image:linear-gradient(45deg,#43a047,#1de9b6)!important;}
.bg-green-contrat{background-color:#00a65a!important;background-image:linear-gradient(45deg,#43a047,#1de9b6)!important;}*/
.bg-product{background-color:#939596!important}
.bg_config{background-color:#9b3cb7!important;background-image: linear-gradient(45deg,#9b3cb7,#ff396f)!important;}
.small-box>.inner{padding:1px 15px;text-align: center;}
.small-box:hover .icon1{font-size:40px!important}
.product a{font-size:10px;margin-bottom:10px}
.product a:hover{background-color:#45add4}
.page-wrapper .page-content{overflow-x:visible}
.admin-form .panel-primary > .panel-heading{border-top-color:#45add4}
.panel-primary > .panel-heading{color:#fff;background-color:#45add4;border-color:#45add4}
.admin-form .panel-heading{padding:5px 20px}
.btn.btn-default,.btn-group-lg .btn,.navbar .navbar-nav > li > a.btn.btn-default,.btn-group-lg .navbar .navbar-nav > li > a.btn{    width: 100%;
    height: 35px;
    border: 1px solid #e2e2e4;
    background: #fff;
}
.admin-form label{font-weight:700}
.glyphicons:empty{margin-top:0px}
.admin-form label,.admin-form input,.admin-form button,.admin-form select,.admin-form textarea{font-size:12px;text-align:center;}
.admin-form .panel-title{font-weight:500;font-size:18px}
.admin-form .heading-border .panel-heading {
    padding: 0px 22px 1px;
}

/*advanced table*/

table tr td {
    padding: 10px;
    font-size: 13px
}

table.display thead th {
    border-bottom: 1px solid #DDDDDD;
}

tr.odd.gradeA td.sorting_1, tr.odd td.sorting_1, tr.even.gradeA td.sorting_1 {
    background: none;
}

td.details {
    background-color: #eee;
}

td.details table tr td, .dataTable tr:last-child {
    border: none;
}

table.display tr.odd.gradeA {
    background-color: #F9F9F9;
}

table.display tr.even.gradeA {
    background-color: #FFFFFF;
}

.dataTables_filter label input {
    float: right;
    margin-left: 10px;
    width: 78%;
}

.dataTables_filter label {
    line-height: 33px;
    width: 100%;
}

.dataTables_length select {
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 5px 8px;
    width: 65px;
}

.dataTables_info, .dataTables_paginate {
    padding: 15px 0;
}

.dataTables_length,.dataTables_filter {
    padding: 15px 0;
}

.cke_chrome {
    border: none !important;
}


.editable-table .dataTables_filter {
    width: 80%;
}

tr.odd.gradeX td.sorting_1, tr.even.gradeX td.sorting_1, table.display tr.even.gradeX, table.display tr.gradeX, tr.even.gradeU td.sorting_1, tr.even td.sorting_1, table.display tr.even.gradeC, table.display tr.gradeC, tr.odd.gradeC td.sorting_1, table.display tr.even.gradeU, table.display tr.gradeU, tr.odd.gradeU td.sorting_1{
    background: none !important;
}
/*anchor*/
a {
    color: #000;
    font-weight: 900;
}

a:hover {
    color: #18a6f0;
}

/*panel*/
.panel {
    border: none;
    box-shadow: none;
}

.panel-heading {
    border-color:#eff2f7 ;
    font-size: 12px;
    font-weight: 300;
}

.panel-title {
    color: #2A3542;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
    font-family: 'Open Sans', sans-serif;
}

/*label*/

.label {
    padding: 0.5em 0.8em;
}

.label-default {
    background-color: #a1a1a1;
}

.label-primary {
    background-color: #59ace2;
}

.label-success {
    background-color: #A9D86E;
}

.label-info {
    background-color: #8175c7;
}

.label-warning {
    background-color: #FCB322;
}

.label-danger {
    background-color: #FF6C60;
}

.label-inverse {
    background-color: #344860;
}

/*text color*/

.text-danger {
    color: #FF6C60;
}

.text-muted {
    color: #a1a1a1;
}

.text-primary {
    color: #59ace2;
}

.text-warning {
    color: #FCB322;
}

.text-success {
    color: #A9D86E;
}

.text-info {
    color: #d0021d;
}



/*modal*/

.modal-content {
    box-shadow: none;
    border: none;
}

.modal-header {
    background: #00A8B3;
    color: #fff;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-bottom: none;
}

.modal-header .close {
    margin-top: 0;
}

/*text input*/

.form-control {
    border: 1px solid #e2e2e4;
    box-shadow: none;
    color: #000;
}


/*.form-control:focus, #focusedInput {
    border: 1px solid #517397;
    box-shadow: none;
}
*/
.form-horizontal .control-label {
    /*font-weight: 300;
    font-size: 14px;*/
    text-align: left;
}

input, textarea, select, button {
    outline: none !important;
}

/*list*/

ul {
    padding-left: 0;
}

/*button*/

.btn-default {
    /*background-color: #bec3c7;*/
    border-color: #bec3c7;
    color: #000;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background-color: #fff;
    border-color: #e2e2e4;
    color: #000;
}

.btn-default:disabled:hover, .btn-default:disabled:focus, .btn-default:disabled:active {
    color: #333;
}


.btn-primary.disabled,
.btn-primary[disabled],
.btn-primary.disabled.active,
.btn-primary.active[disabled]{
    background-color: transparent;
    border-color: transparent;
    color: #FFFFFF;
}



.btn-success {
    background-color: #78CD51;
    /*border-color: #78CD51;*/
    color: #FFFFFF;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    background-color: #6dbb4a;
    /*border-color: #6dbb4a;*/
    color: #FFFFFF;
}

.btn-info {
    background-color: #58c9f3;
    border-color: #58c9f3;
    color: #FFFFFF;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    background-color: #53bee6;
    border-color: #53BEE6;
    color: #FFFFFF;
}

.btn-warning {
    background-color: #f1c500;
    border-color: #f1c500;
    color: #FFFFFF;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
    background-color: #e4ba00;
    border-color: #e4ba00;
    color: #FFFFFF;
}

.btn-danger {
    background-color: #ff6c60;
    border-color: #ff6c60;
    color: #FFFFFF;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
    background-color: #ec6459;
    border-color: #ec6459;
    color: #FFFFFF;
}


.btn-white {
    box-shadow: none !important;
}

/*Rounded Button*/

.btn-round {
    border-radius: 30px;
    -webkit-border-radius: 30px;
}

/*shadow button*/

.btn-shadow.btn-default {
    box-shadow: 0 4px #9c9c9c;
}
.btn-shadow.btn-primary {
    box-shadow: 0 4px #29b392;
}
.btn-shadow.btn-success {
    box-shadow: 0 4px #61a642;
}
.btn-shadow.btn-info {
    box-shadow: 0 4px #1caadc;
}
.btn-shadow.btn-warning {
    box-shadow: 0 4px #cab03f;
}
.btn-shadow.btn-danger {
    box-shadow: 0 4px #d1595a;
}


/*dropdown shadow*/

.btn-group.open .dropdown-toggle, .btn-white.active, .btn:active, .btn.active {
    box-shadow: none;
}

/*dropdown select bg*/
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #7a7c877a;
    color: #27438d;
    text-decoration: none !important;
}

/*split dropdown btn*/

.btn-white {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border-color: rgba(150, 160, 180, 0.3);
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.05) inset;
}

/*breadcrumbs*/

/*.breadcrumb {
    background-color: #fff;
}*/
/*.breadcrumb {
    background-color: #F2F2F2 !important;
    box-shadow: 0 2px 5px #bfbdbd !important;
    font-family: "museo-sans", sans-serif !important;
}
*/

/*tab*/

.nav-tabs > li > a {
    margin-right: 1px;
}

/*collapse*/

.panel-default > .panel-heading {
    background-color: #FFFFFF;
    border-color: #DDDDDD;
    color: #797979;
    border: 0;
    border-bottom: 1px solid #eff2f7;
}

/*nav inverse*/

.navbar-inverse {
    background-color: #7087A3;
    border-color: #7087A3;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus{
    background-color: #08c;
}

/*.navbar-inverse .navbar-nav > li a:hover {
    color: #fff;
}

.navbar-inverse .navbar-nav > li > ul > li a:hover {
    color: #fff;
}
*/

.dropdown-menu-large .glyphicon-minus{
    margin-left: 15px;
}
.navbar-inverse .navbar-brand {
    color: #FFFFFF;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

.navbar-inverse .navbar-nav > .dropdown > a .caret {
    border-bottom-color: #fff;
    border-top-color: #fff;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #000;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff;
}
.navbar {
    border: 0;
    border-radius: 0px;
    margin-bottom: 0;
    border-bottom: 0px solid #ededf3;
    padding: 0px 0;
}
/*nav justified*/

.nav-justified {
    width: auto !important;
}

.nav-justified li:last-child > a:hover, .nav-justified li.active:last-child > a {
    border-radius: 0 4px 0 0 !important;
    -webkit-border-radius: 0 4px 0 0 !important;
}
.nav > .dropdown-megamenu {
    position: static;
}
@media (max-width: 767px) {
    .navbar-nav .open .dropdown-container {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        border: 0;
        box-shadow: none;
        border-radius: 0;
    }
}
.dropdown-large{
    position: static !important;

}
.dropdown-menu-large {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-width: 100%;

}
.dropdown-menu-large > li > ul {
    padding: 0;
    margin: 0;
}
.dropdown-menu-large > li > ul > li {
    list-style: none;
}
.dropdown-menu-large > li > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight:300;
    line-height: 1.428571429;
    color: #333333;
    white-space: normal;
}
.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}
.dropdown-menu-large .disabled > a,
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
    color: #999999;
}
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: not-allowed;
}
.dropdown-menu-large .dropdown-header {
    color: #428bca;
    font-size: 18px;
}
@media (max-width: 768px) {
    .dropdown-menu-large {
        margin-left: 0 ;
        margin-right: 0 ;
    }
    .dropdown-menu-large > li {
        margin-bottom: 30px;
    }
    .dropdown-menu-large > li:last-child {
        margin-bottom: 0;
    }
    .dropdown-menu-large .dropdown-header {
        padding: 3px 15px !important;
    }
}
/*list group*/

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background-color: #27438d;
    border-color: #27438d;
    color: #FFFFFF;
    z-index: 2;
}

.list-group-item-heading {
    font-weight: 300;
}

/*progress*/

.progress {
    box-shadow: none;
    background: #f0f2f7;
}

/*alert*/

.alert-success, .alert-danger, .alert-info, .alert-warning {
    border: none;
}

/*table*/

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    padding: 3px;
}



.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-left: 0;
    position: static;
}
.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
select.input-sm {
    height: 30px;
    line-height: 30px;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #ddd;
}
.table-bordered {
    border: 1px solid #ddd;
}

.hotel-room{
    /* background: rgb(245, 245, 245) none repeat scroll 0 0;*/

    padding: 1%;

    /*  -webkit-border-radius: 0 0 5px 5px;
      -moz-border-radius: 0 0 5px 5px;
      border-radius: 0 0 5px 5px;*/
    height: inherit;
    width: 100%;
    float: left;
    /*  border: 1px solid #cfcfcf;*/
}
.width70 {
    float: left !important;
    height: 39px;
    background-repeat: no-repeat;
    padding-top: 11px;
    padding-left: 15px;
    background: #3498db;
    -moz-border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
    color: #fff;
    font-weight: 600;
}
.width30 {
    float: right !important;
    height: 39px;
    /* background-color: #131210;*/
    color: #000;
    text-align: center;
    /* -moz-border-radius: 0 5px 0 0;
     -webkit-border-radius: 0 5px 0 0;
     -o-border-radius: 0 5px 0 0;
     border-radius: 0 5px 0 0;*/
    font-weight: 600;
    margin-top:-42px;
}
/*.form-control {
    height: 42px;
    padding: 6px 31px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #555;
    background-color: #eee;
}*/
.accordion {
    background-color:#ddd;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.active1, .accordion:hover {
    background-color: #ddd;
}

.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.active1:after {
    content: "\2212";
}


/* Style the accordion panel. Note: hidden by default */
div.panel.show {
    opacity: 1;
    max-height: 500px; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
    overflow: auto;
}



.panel{
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0 6px 0 0 rgba(0,0,0,.01), 0 15px 32px 0 rgba(0,0,0,.06);
}
.col-md-offset-1 {
    margin-left: 17.333333%;
}
/*.panel-body .row span{
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff
}*/
.col-md-offset-1 {
    margin-left: 17.333333%;
}
.admin-form .panel-title {
    text-align: left;
    font-weight: 300;
    font-size: 18px;
    padding: 0px 0 12px 0px;
    margin: 0px 0 9px 0px;
    background: transparent;

}
.nopaddingleft {
    padding-left: 0;
}
.table-striped>tbody>tr:nth-of-type(odd){background-color:#eee}
.admin-form .heading-border .panel-heading {
    padding: 0px 9px 1px;
}

.admin-form .heading-border .panel-heading {
    padding: 0px 22px 1px;
}
.mfp-content{
    width: 790px;
}

/*.dropdown-menu {
    background-color: #aaa; }*/
.panel-footer {
    padding: -4px 15px;}
.btn{
    border: none;
    border-radius: 0px;
    position: relative;
    padding: 9px 8px }

.item-info:hover > .btn-edit{
    visibility: visible !important;
}
.item-info:hover > .btn-edit-reseau{
    visibility: visible !important;
}
.item-info:hover > .btn-delete-reseau{
    visibility: visible !important;
}
hr{
    margin-top: 6px;
}

/********************/
.select2-selection__rendered {
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1)!important;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1)!important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1)!important;
}
.select2-container--default .select2-selection--single{
    border: 0;
    margin-top: 4.9px;
    height: 34px
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px;
}
.select2-dropdown{
    background: white;
    top: 15px;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,0.17);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    font-weight: normal;
    list-style: none;
    border-radius: 4px;
}
.select2-dropdown:before{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 13px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(255,255,255,1) transparent;


}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: 700;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0;
}
.box-inn-sp {
    background: #fff;
    /* padding: 25px; */
    border-radius: 4px;
    box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.05);
}
.inn-title {
    padding: 15px 25px;
    background: #ffffff;
    border-bottom: 1px solid #e8edf2;
    border-radius: 4px;
}
.tab-inn {
    padding: 25px;
}
.inn-title h4 {
    font-weight: 700;
    color: #344054;
}
/*    .form-control:focus, #focusedInput {
        border: 0;
        box-shadow: none;
    }
*/
.bor h3 {
    margin-top: 10px;
}
/* fallback */

/*-------------------------------------------------------*/
/* 7.DROPDOWN
/*-------------------------------------------------------*/

.drop-down-meta {
    position: absolute;
    /* right: 30px;*/
    padding: 3px;
    color: black;
    z-index: 999;
    top: 15px;
    background: #e3e8ea;
    width: 30px;
    height: 30px;
    border-radius: 25px;
}
.drop-down-meta:hover {
    background: #29a0da;
    color: #fff;
}
.box-inn-sp {
    background: #fff;
    /* padding: 25px; */
    border-radius: 4px;
    box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 25px;
}


* {  -webkit-box-sizing: border-box;          box-sizing: border-box;}

@media screen and (min-width: 400px){
    .form-item {
        margin: 12px 24px 0 0;
    }
}

.form-item {
    position: relative;
    margin: 12px 0 10px;
}

/* written by riliwan balogun http://www.facebook.com/riliwan.rabo*/
.board{
    background: #fff;
    margin-top: -35px
}
.board .nav-tabs {
    position: relative;
    /* border-bottom: 0; */
    /* width: 80%; */
    margin: 40px auto;
    margin-bottom: 0;
    box-sizing: border-box;

}

.board > div.board-inner{
    background: #fafafa url(http://subtlepatterns.com/patterns/geometry2.png);
    background-size: 30%;
}

p.narrow{
    width: 60%;
    margin: 10px auto;
}

.liner{
    height: 2px;
    background: #ddd;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    /* background-color: #ffffff; */
    border: 0;
    border-bottom-color: transparent;
}
.nav-tabs > li.active > a:before{
    content: "";
    position: absolute;
    /* background: black; */
    margin-left: -10px;
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 10px;
    border-top-color: #27438d;
    pointer-events: none;
    bottom: -19px;
    z-index: 1;
    left: 50%;
}
span.round-tabs{
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: white;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}

span.round-tabs.one{
    color: #fff;border: 2px solid #ddd;background: #ddd !important;
}

li.active span.round-tabs.one{
    background: #e4ba00 !important;
    border: 2px solid #e4ba00;
    color: rgb(255, 255, 255);
}

span.round-tabs.two{
    color: #fff;border: 2px solid #ddd;background: #ddd !important;
}

li.active span.round-tabs.two{
    background: #e4ba00 !important;
    border: 2px solid #e4ba00;
    color: rgb(255, 255, 255);
}

span.round-tabs.three{
    color: #fff;border: 2px solid #ddd;background: #ddd !important;
}

li.active span.round-tabs.three{
    background: #e4ba00 !important;
    border: 2px solid #e4ba00;
    color: rgb(255, 255, 255);
}

span.round-tabs.four{
    color: #fff;border: 2px solid #ddd;background: #ddd !important;
}

li.active span.round-tabs.four{
    background: #e4ba00 !important;
    border: 2px solid #e4ba00;
    color: rgb(255, 255, 255);
}


/* .nav-tabs > li.active > a span.round-tabs{
     background: #fafafa;
 }
 .nav-tabs > li {
     width: 25%;
 }*/
/*li.active:before {
    content: " ";
    position: absolute;
    left: 45%;
    opacity:0;
    margin: 0 auto;
    bottom: -2px;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    z-index: 1;
    transition:0.2s ease-in-out;
}*/
/*.nav-tabs > li:after {
    content: " ";
    position: absolute;
    left: 45%;
    opacity:0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #ddd;
    transition:0.1s ease-in-out;

}
.nav-tabs > li.active:after {
    content: " ";
    position: absolute;
    left: 47%;
    opacity:1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #e4ba00;

}
.nav-tabs {
    border-bottom: 1px solid #e4ba00;
}
.nav-tabs > li a{
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

.nav-tabs > li a:hover{
    background: transparent;
}*/

.tab-content{
}
.tab-pane{
    position: relative;
    padding-top: 50px;
}
.tab-content .head{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.btn-outline-rounded{
    padding: 10px 40px;
    margin: 20px 0;
    border: 2px solid transparent;
    border-radius: 25px;
}

.btn.green{
    background-color:#5cb85c;
    /*border: 2px solid #5cb85c;*/
    color: #ffffff;
}



@media( max-width : 585px ){

    .board {
        width: 90%;
        height:auto !important;
    }
    span.round-tabs {
        font-size:16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .tab-content .head{
        font-size:20px;
    }
    .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height:50px;
    }

    .nav-tabs > li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }

    .btn-outline-rounded {
        padding:12px 20px;
    }
}

.select2-selection__rendered {
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1)!important;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1)!important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1)!important;
}
.select2-container--default .select2-selection--single{
    border: 0;
    margin-top: 4.9px;
    height: 34px
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px;
}
.select2-dropdown{
    background: white;
    top: 15px;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,0.17);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    font-weight: normal;
    list-style: none;
    border-radius: 4px;
}
.select2-dropdown:before{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 13px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(255,255,255,1) transparent;


}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: 700;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0;
}
.box-inn-sp {
    background: #fff;
    /* padding: 25px; */
    border-radius: 4px;
    box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.05);
}
.inn-title {
    padding: 15px 25px;
    background: #ffffff;
    border-bottom: 1px solid #e8edf2;
    border-radius: 4px;
}
.tab-inn {
    padding: 25px;
}
.inn-title h4 {
    font-weight: 700;
    color: #344054;
}
/*    .form-control:focus, #focusedInput {
        border: 0;
        box-shadow: none;
    }*/

.bor h3 {
    margin-top: 10px;
}
/* fallback */

/*-------------------------------------------------------*/
/* 7.DROPDOWN
/*-------------------------------------------------------*/

.drop-down-meta {
    position: absolute;
    right: 30px;
    padding: 3px;
    color: black;
    z-index: 999;
    top: 15px;
    background: #e3e8ea;
    width: 30px;
    height: 30px;
    border-radius: 25px;
}
.drop-down-meta:hover {
    background: #29a0da;
    color: #fff;
}
.box-inn-sp {
    background: #fff;
    /* padding: 25px; */
    border-radius: 4px;
    box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.05);
}
.material-icons:after{
    content: '\2807';
    font-size: 30px;
    padding-left: 7px;
    margin-top: -8px;
    position: absolute;

}

* {  -webkit-box-sizing: border-box;          box-sizing: border-box;}

@media screen and (min-width: 400px){
    .form-item {
        margin: 12px 24px 0 0;
    }
}

.form-item {
    position: relative;
    margin: 12px 0 60px;
}
/*****************************/

canvas2{
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.ActiveUsers {
    background: #f4f2f1;
    border: 1px solid #d4d2d0;
    border-radius: 4px;
    font-weight: 300;
    /* padding: .5em 1.5em; */
    white-space: nowrap;
    padding: 1.5em 2.5em;
}
.table > tbody > tr.grise {
    color: red;
}
.task-thumb-details {
    display: inline-block;
    margin: 6px 0 0 10px;
}
.tableaux{
    display:inline-block;
    vertical-align:top;
}
.admin-form .heading-border .panel-heading {
    padding: 0px 22px 1px;
}
.mfp-content{
    width: 790px;
}
#myMap {
    height: 700px;
    width: 100%;
}
/* .mfp-bg{
     z-index: 2
 }*/
/*    .mfp-wrap{
        z-index: 2
    }*/
.c {
    margin-bottom: -7px;
    margin-top: -8px;}
.open>.dropdown-menu {
    display: block;
    /*min-width: auto !important;*/
}
.form-group{
    margin-bottom: 0px;
}
.form-group label{
    padding-right: 0;
    font-size: 12px;
    margin-top: 0px;
}
textarea.form-control {
    height: 36px;
}
.tab-pane{
    background: #fff; padding: 15px; border: #27438d 1px solid
}
.btn-Nouveau:hover{
    text-decoration: underline
}
.mb5 {
    margin-bottom: 5px !important;
}
.checkbox-custom {
    background-color: transparent;
    color: inherit;
}
/*.form-control {
        border: 1px solid #37bc9b;
        box-shadow: none;
        color: #c2c2c2;
    }*/
.admin-form .heading-border .panel-heading {
    padding: 0px 22px 1px;
}

.mfp-content{
    width: 100%;
    height:100%
}
.item-info:hover > .btn-edit{
    visibility: visible !important;
}
.item-info:hover > .btn-edit-reseau{
    visibility: visible !important;
}
.item-info:hover > .btn-delete-reseau{
    visibility: visible !important;
}
.btn.btn-xs, .btn-group-xs .btn, .navbar .navbar-nav > li > a.btn.btn-xs, .btn-group-xs .navbar .navbar-nav > li > a.btn {
    padding: 6px 9px;
}
.hotel-room{
    background: rgb(245, 245, 245) none repeat scroll 0 0;
    padding: 10px;
    height: inherit;
    width: 100%;
    float: left;
    border: 1px solid #cfcfcf;
}
.width70 {
    float: left !important;
    height: 39px;
    background-repeat: no-repeat;
    padding-top: 11px;
    padding-left: 15px;
    background: #3498db;
    color: #fff;
    font-weight: 600;
}
.width30 {
    float: left !important;
    height: 39px;
    background-color: #131210;
    color: white;
    text-align: center;
    font-weight: 600;
}
.btn-light:not(:disabled):not(.disabled).active{
    color: #212529;
    border-color: #09afee;
    background: #09afee;
}
.card-body .col{
    font-size: 12px;
    text-align: left
}
.calendar_transfert {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 1.5rem;
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    width: 100%;
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}
.colorpicker.dropdown-menu {
    z-index: 10025;
}
.switch2 {
    width: 45px;
    height: 26px;
    margin-top: 4px;
}
.admin-form .heading-border .panel-heading {
    padding: 0px 22px 1px;
}
.mfp-content{
    width: 790px;
}
.item-info:hover > .btn-edit-profile{
    visibility: visible !important;
}
.loader,
.loader:after {
    border-radius: 50%;
    width: 45px;
    height: 45px;
}
.loader {
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(0, 0, 0, 0.2);
    border-right: 1.1em solid rgba(0, 0, 0, 0.2);
    border-bottom: 1.1em solid rgba(0, 0, 0, 0.2);
    border-left: 1.1em solid #000;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
#dynamic-table a {
    color: #000;
}
#dynamic-table a:hover {
    text-decoration: underline;
}
.panel-body table td a {
    color: #000;
}.ui-autocomplete-category{font-weight:700;padding:.2em .4em;margin:.8em 0 .2em;line-height:1.5;color:#092a5e}
.ui-autocomplete{background:#fff;border:1px solid rgba(0,0,0,0.1);box-shadow:rgba(0,0,0,0.176) 0 .5rem 1rem;width:250px;z-index: 99999;}
.ui-autocomplete .ui-menu-item {    display: block;
    font-size: 12px;
    /* color: #424242; */
    font-weight: 400;
    padding-left: 10px;
    clear: both;
    margin-bottom: 6px;
    text-transform: capitalize;cursor: pointer}
.ui-menu .ui-menu-item a{display: block;font-size:10px;/*color:#424242;*/font-weight:400;background-color:#f8f9fa;/*padding:.5rem 1rem;*/clear:both;margin-bottom:6px;text-transform:capitalize}
.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{margin-bottom:6px}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    color: #fff;
    background-color: transparent;
    background-image: -moz-linear-gradient(top, #27a2cf, #1e83a9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#27a2cf), to(#1e83a9));
    background-image: -webkit-linear-gradient(top, #b5966a, #1e83a9);
    background-image: -o-linear-gradient(top, #27a2cf, #1e83a9);
    background-image: linear-gradient(to bottom,#27a2cf , #1e83a9);
    background-repeat: repeat-x;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5966a', endColorstr='#ecc388', GradientType=0);
}
.card .card-header {
    padding: 10px 20px 10px;
    border-bottom: 1px solid #fef;
    margin-bottom: 15px;
}
.table th {
    font-weight: 700 !important;
    text-transform: capitalize
}
/*table img {
    width: inherit !important;
}*/
.btn-outline {
    background-color: transparent  !important;
    color: inherit;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
    border: 1px solid #428bca;
}

.btn-success.btn-outline {
    color: #4caf50;
    border: 1px solid #4caf50;
}
.btn-success {
    color: #4caf50;
    border: 1px solid #4caf50;
}
.btn-success.btn-outline:hover {
    background-color: #4caf50 !important;
    border: 1px solid #4caf50;
}
.btn-success.btn-outline:hover .fa, .btn-success.btn-outline:hover .glyphicon{
    color:#fff !important
}
.btn-success.btn-outline .fa, .btn-success.btn-outline .glyphicon  {
    color: #4caf50;
}

.btn-info.btn-outline {
    color: #5bc0de;
    border: 1px solid #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
    border: 1px solid #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
    border: 1px solid #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}
.swiper-container {
    width: 100%;
    height: 700px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
}
.swiper-slide {
    background-size: cover;
    background-position: center;

}
.gallery-top {
    height: 89%;
    width: 100%;
}
.gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
    width: 10%;
    height: 50%;
    opacity: 0.4;
}
.gallery-thumbs .swiper-slide-active {
    opacity: 1;
}
/*.nav .dropdown:hover .dropdown-menu {display: block;    margin-top: 0px;
                                border-radius: 2px;
                                border-top: 3px solid #27438d;    background: transparent;}*/

.nav-left .dropdown-menu {
    background: transparent;
    border: 0;
    box-shadow: none;
}
#formSeek .dropdown-menu {
    top: 22px;
    background: white;
}
li.dropdown.dropdown-large.open, li.dropdown.open {
    background: #243c7b;
}
.nav .dropdown .panel-dashboard {
    border-radius: 0;
    border-top: 4px solid #27438e;
    border-right: 1px solid #27438e;
    border-bottom: 1px solid #27438e;
    border-left: 1px solid #27438e;
}
.nav .dropdown .panel-dashboard .panel-heading {
    padding: 4px;
    border-bottom: 1px solid #e6e8e6;
}
.panel-heading h2 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    color: #27438e;
    font-family: 'Roboto', sans-serif;
    margin: 0;
}.panel-footer {
     background: #fff;
     border-top: 0;
     padding: 30px 20px;
 }
.btn.btn-info,  .btn.btn-info:focus, .btn.btn-info:active, .btn.btn-info.active, .btn.btn-info:active:focus, .btn.btn-info:active:hover, .btn.btn-info.active:focus, .btn.btn-info.active:hover, .open > .btn.btn-info.dropdown-toggle, .open > .btn.btn-info.dropdown-toggle:focus, .open > .btn.btn-info.dropdown-toggle:hover, .navbar .navbar-nav > li > a.btn.btn-info, .navbar .navbar-nav > li > a.btn.btn-info:hover, .navbar .navbar-nav > li > a.btn.btn-info:focus, .navbar .navbar-nav > li > a.btn.btn-info:active, .navbar .navbar-nav > li > a.btn.btn-info.active, .navbar .navbar-nav > li > a.btn.btn-info:active:focus, .navbar .navbar-nav > li > a.btn.btn-info:active:hover, .navbar .navbar-nav > li > a.btn.btn-info.active:focus, .navbar .navbar-nav > li > a.btn.btn-info.active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle:hover {
    background-color: #27438d;
    color: #FFFFFF;
    width: auto;
    margin-bottom: 5px !important;
    text-align: left;
    font-size: 1.2rem;
    font-weight: 600;
}
.btn.btn-info:hover {
    background-color: #18a6f0;
}


.item_autre_services {
    background: #fff;
    padding: 16px;
    margin: 0;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 0, 0, 0.4);
}

.icons_autre_services.icon_rose {
    background: #e2007a;
}
.item_autre_services:hover .icons_autre_services.icon_rose {
    background: #b8005f;
}
.item_autre_services:hover .icons_autre_services.icon_orange {
    background: #c67200;
}
.icons_autre_services.icon_orange {
    background: #f18f00;
    padding: 23px;
}
.item_autre_services:hover .icons_autre_services.icon_bleu_ciel {
    background: #1f739c;
}
.icons_autre_services.icon_bleu_ciel {
    background: #289cd3;
}
.item_autre_services:hover .icons_autre_services.icon_bleu {
    background: #191a41;
}
.icons_autre_services.icon_bleu {
    background: #23246c;
}

.icons_autre_services {
    width: 106px;
    height: 106px;
    transition: all .2s ease;
}
.icons_autre_services, .icons_modems {
    text-align: center;
    padding: 25px;
    margin: 3px auto 17px;
    border-radius: 500px;
}
.item_autre_services .right_item_autre_services>a, .item_autre_services h2 {
    line-height: 1.1;
}
.item_autre_services .right_item_autre_services>a, .item_autre_services h2, .titre_item_modems {
    color: #1b1b1b;
    font-size: 12px;
    display: block;
    margin-bottom: 20px;
    text-align: center;
    outline: 0;
    font-weight: 700;
    text-transform: uppercase;
}.item_autre_services p {
     font-size: 12px;
     text-align: center;
 }
.item_autre_services p, p.error_alert {
    font-family: Cabin,sans-serif;
    color: #767373;
    margin-bottom: 15px;
}
.icons_autre_services, .nos_reseaux ul li a {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
}
.text-date{
    background: lightblue;
    text-align: center;
    padding: 5px;
    height: 44px;
    margin-top: 0;
    color: black;
    font-size: 2rem;
    border-radius: 20px;
}

.dropdown .dropdown-menu {
    /*  box-shadow: 0 1px 3px rgba(0,0,0,.1);*/
}.dropdown-menu-header {
     border-bottom: 1px solid #E6E6E6;
 }ul.nav li .scrollable-container {
      position: relative;
  }
ul.nav li .media-list {
    max-height: 18.2rem;

} .dropdown-header {
      padding: 10px;
      margin-top: 0px;
      text-transform: uppercase;
      color: #818A91;
      background: white;
  }.grey.darken-2 {
       color: #616161!important;
   }.dropdown-notification .notification-tag {
        position: relative;
        top: -28px;
        right: 20px;
    }

.badge-warning {
    background-color: #F6BB42;
}
.badge {
    font-weight: 400;
}
.badge, .badge[class*=badge-] a {
    color: #FFF;
}  .media {
       padding: 1rem;
       border: none;
       border-bottom: 1px solid #E6E6E6;
   }
.message-list a:hover{
    background: #dedede !important
}
/*.dropdown-menu>li>a {
    color: #fff;
}*/
inner  .dropdown-menu>li>a {
    color: #000;
}
/*

style login page

*/



.content_login label,
.content_login p ,
.content_login h3 {
    text-align: left;
    text-align: left;
    width: 100%;
}
/************* icons *************/
.my_icons {
    display: inline-block;
    vertical-align: middle;
}

.icon_mail {
    background-image: url("../../img/web_mail.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

.icon_boutique {
    background-image: url("../../img/boutique.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 27px;
    height: 24px;
}
/************* /icons *************/

header {
    background: #fff;
    width: 100%;
    border-bottom: 1px solid #c0bebf;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

ul.navbar-nav {
    display: inline-block;
}

.text_right {
    text-align: right;
}

.text_left {
    text-align: left;
}

.text_center {
    text-align: center;
}

ul.reseaux_sociaux {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-right: 30px;
    display: inline-block;
}

ul.reseaux_sociaux li {
    display: inline-block;
}

ul.reseaux_sociaux li a {
    color: #afaeae;
    font-size: 16px;
    margin-left: 15px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

ul.reseaux_sociaux li:first-child a {
    margin-left: 0;
}

ul.reseaux_sociaux li a:hover,
ul.reseaux_sociaux li a:focus {
    text-decoration: none;
}

ul.reseaux_sociaux li a:hover i.fa-facebook,
ul.reseaux_sociaux li a:focus i.fa-facebook {
    color: #4367c8;
}

ul.reseaux_sociaux li a:hover i.fa-twitter,
ul.reseaux_sociaux li a:focus i.fa-twitter {
    color: #38c4ff;
}

ul.reseaux_sociaux li a:hover i.fa-google-plus,
ul.reseaux_sociaux li a:focus i.fa-google-plus {
    color: #f00000;
}

ul.reseaux_sociaux li a:hover i.fa-youtube-play,
ul.reseaux_sociaux li a:focus i.fa-youtube-play {
    color: #f00000;
}

ul.liste_espace {
    padding: 0;
    margin: 0;
}

ul.liste_espace li {
    height: 87px;
    line-height: 87px;
    display: inline-block;
}

ul.liste_espace li a {
    text-transform: uppercase;
    font-family: Cabin,sans-serif;
    padding: 0 10px;
    color: #a5a5bb;
    transition: all .2s ease;
    font-size: 15px;
    font-weight: 700;
    display: inline-block;
}


.menu_top{
    display: inline-block;
}

ul.liste_espace li.active_espace:first-child a, ul.liste_espace li:first-child a:focus, ul.liste_espace li:first-child a:hover,  ul.liste_espace li:last-child a:hover{
    text-decoration: none;
    background: #fff;
    color: #23246c;
}
.logo_site {
    margin-top: 10px;
    margin-right: 25px;
    display: inline-block;
    vertical-align: middle;
}

.etiquette {
    margin-top: 17px;
}

ul.liste_service {
    padding: 0;
    position: relative;
}

ul.liste_service li {
    text-align: center;
    border-right: 1px solid #e6e6e6;
    height: 87px;
    float: right;
    width: 33%;
    list-style: none;
}

ul.liste_service li a {
    color: #afaeae;
    transition: all .2s ease;
    padding: 13px 20px;

    font-size: 16px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    display: inline-block;
    font-weight: 600;
    text-align: center;
}
ul.liste_service li:first-child a:hover,
ul.liste_service li:first-child a:focus {
    color: #17a6ef;
    text-decoration: none;
}
ul.liste_service li:last-child a:hover,
ul.liste_service li:last-child a:focus {
    color: #ee8e1f;
    text-decoration: none;
}
ul.liste_service li:last-child a {
    border-right: 0px solid #afaeae;
}

ul.liste_service li a i {
    margin-right: 12px;
}

ul.liste_service li a:hover i,
ul.liste_service li a:focus i {
    background-position: right 0;
}
.content_login {
    /*background: #f1f2f3;*/
    /* overflow: hidden; */
    /* position: relative; */
    margin-top: 200px;
}
.content_login .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
.content_login > p {
    text-align: center;
    color: #fff;
    font-size: 29px;
    line-height: 29px;
    text-align: center;
    margin: 70px auto 60px auto;
    max-width: 950px;
    position: relative;
    z-index: 5;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
.content_login .container {
    z-index: 5;
    position: relative;
}
.content_login .row {
    box-shadow: 15px 20px 0px rgb(0 0 0 / 10%);
}
.titre_bloc {
    color: #27438e;
    font-weight: 700;

    margin: 15px 0;
    padding: 0;
    text-align: left;
}
.content_login .container .row .col-lg-6 {
    min-height: 340px;
    padding: 30px;
}
.content_login .container .row .col-lg-6:first-child {
    background: #27438e;
    text-align: center;
    padding-top: 12%;
    border-right: 2px solid #27438e;
    background-size: contain;
}
.content_login .container .row .col-lg-6:last-child {
    background: #fff;
}
.liste_login {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.liste_login > li {
    display: inline-block;
    float: left;
    width: 50%;
    padding-top: 15px;
    padding-bottom: 15px;
}
.liste_login > li > a {
    display: block;
}
.liste_login > li span {
    float: left;
    width: 60px;
    height: 60px;
    background: #fff;
    display: inline-block;
    border: 2px solid #e3e2e2;
    border-radius: 4px;
    text-align: center;
    line-height: 54px;
    color: #17a6ef;
    font-size: 30px;
}
.liste_login > li div {
    margin-left: 74px;
}
.liste_login > li div h2 {
    color: #1f1f25;

    font-size: 20px;
    margin: 2px 0 5px 0;
    padding: 0;
}
.liste_login > li > a:hover,
.liste_login > li > a:focus {
    text-decoration: none;
}
.liste_login > li > a:hover div h2,
.liste_login > li > a:focus div h2 {
    color: #17a6ef;
    text-decoration: none;
}
.liste_login > li > a:hover span,
.liste_login > li > a:focus span {
    background: #17a6ef;
    color: #fff;
    text-decoration: none;
    border: 2px solid #17a6ef;
}
.liste_login > li div h3 {
    color: #7a7a7a;

    font-size: 14px;
    margin: 0;
    padding: 0;
    font-weight: 300;
}
footer {
    padding-top: 40px;
    padding-bottom: 50px;
}
footer p {
    text-align: center !important;
    margin: 0;
    padding: 0;
    color: #767676;
    font-size: 14px;

    font-weight: 300;
}
footer p a,
footer p a:hover,
footer p a:focus {
    color: #27438e;
}
footer p.copyright a {
    color: #767676;
}
footer p.copyright a:hover,
footer p.copyright a:focus {
    color: #FEB600;
    text-decoration: none;
}

.text_login {
    font-size: 14px;
    color: #303030;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}
.wrapper_input {
    position: relative;
    clear: both;
    margin-bottom: 10px;
}
.my_label {
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #c3c3c3;
    border-right: 1px solid #e9e9e9;
    font-size: 16px;
    font-family: 'roboto', arial;
    color: #27438e;
    text-align: left;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
}
.wrapper_input input.form-control {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #c3c3c3;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.wrapper_input input.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #c3c3c3;
}
.input_login .my_label {
    width: 140px;
}
.input_password .my_label {
    width: 140px;
}
.wrapper_input.input_login input.form-control {
    padding-left: 150px;
}
.wrapper_input.input_password input.form-control {
    padding-left: 150px;
}
label.error {
    color: red;
    float: left;
}
.compte_oublie {
    color: #767676;
    font-family: 'roboto', arial;
    font-size: 14px;
    font-weight: 400;
    margin-right: 20px;
    margin-top: 3px;
    display: inline-block;
    vertical-align: middle;
}
.compte_oublie:hover,
.compte_oublie:focus {
    text-decoration: none;
    color: #ee8e1f;
}
.btn_blue {

    vertical-align: middle;
    height: 50px;
    line-height: 50px;
    background: #27438e;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    padding: 0 25px;
    font-weight: 700;
    text-align: center;
    margin: 30px auto;
    outline: none;
    border: none;
    border-radius: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.btn_blue:hover,
.btn_blue:focus {
    background: #18a6f0;
    color: #fff;
    text-decoration: none;
}
.adsl-space{ min-height: 450px}
.captcha_input { padding: 0}
.captcha-adsl img{ display: inline-block; margin:-5px 0 0 1%}
.captcha-adsl label{ background: #ffffff}
.btn_inscri small, .small, .msg small{ font-size: 100%}
.compte_oublie.msg{ margin-right: 0}
.btn_blue.btn_login { margin:0;}

@media (max-width: 992px) {
    .menu_top{
        height: 45px;
        line-height: 45px;
        background: #1f1f25;
        z-index: 1010;
        transition: top .5s ease;
        -webkit-transition: top .5s ease;
        -moz-transition: top .5s ease;
        -o-transition: top .5s ease;
        position: absolute;
        top: 0;
        text-align: right;
        width: 100%;
        left: 0;
    }
    ul.liste_espace li{
        height: 46px;
        line-height: 46px;
    }
    ul.liste_espace li a{
        font-size: 13px;
    }
    .center_responsive{
        padding-top: 50px;
        position: static;
    }
    .box_search{
        margin-top: 50px;
    }

}
@media (max-width: 768px) {/** maj 03-04-2017 lh **/

    .blc_header_login{display: none}}
@media (max-width: 630px) {
    ul.liste_espace li a{font-size: 16px}
    ul.liste_espace li a{padding: 0 10px}
    ul.reseaux_sociaux{margin-right: 0}
    .liste_service li span{display: none}
    .content_login > p{line-height: 1}
    ul.liste_service li{
        height: auto;
        width: auto;
    }
    ul.liste_service li a i{
        margin: 0;
    }
    ul.liste_service{
        display: inline-block;
        padding-top: 10px;
        margin: 0;
        width: 100%;
    }


}

@media (max-width: 480px) {


    .content_login > p {margin:20px auto 20px; font-size: 20px }
    .liste_login > li div{margin-left: 0; min-height: 60px}
    .liste_login > li span{float: none; display: inline-block; width: 100%}
    .liste_login > li:nth-child(2n):after{content:"";clear: both; display: block}
    .liste_login{display: block; overflow: hidden}

    .menu_top {
        height: auto;

    }

    ul.liste_espace {

        display: block;

    }



    ul.liste_espace li.active_espace{
        position: relative;
    }

    ul.liste_espace li a {
        text-transform: uppercase;
        font-family: Cabin,sans-serif;
        padding: 0 10px;
        color: #a5a5bb;
        transition: all .2s ease;
        font-size: 15px;
        font-weight: 700;

    }
    ul.liste_espace li a span {display:none;}
    .menu_top .text_right, .center_responsive, .middle_header .text_right {text-align: center}


    .bg,.content_login > p{display: none}
    .titre_bloc{margin: 10px 0}
    .content_login .container .row .col-lg-6{padding:10px 15px; min-height: inherit;}
    .reseaux_sociaux { display:none !important;}

    ul.liste_service li a{
        padding: 5px 10px;
    }
    ul.liste_service{
        padding-top: 15px;
    }
}
.text-black{
    color:black
}
.item-info{
    cursor: pointer
}
.item-info:hover{
    background: #eaeaea;

}
.prepend-icon {
    top: 0;
    left: 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
}
.disableInput{
    background: #808080a6;
    width:100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    cursor: not-allowed;
}
.dataTables_filter{
    margin-top: -35px;
}
.col-sm-6 .dataTables_filter{
    margin-top: 0px !important;
}


/** authentification **/

.login-block{
    background: linear-gradient(-45deg, #83b6d5, #fff, #d7d7d7, #fff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    width:100%;
    padding : 100px 0;
    height: 100%;
}
.img-fluid{background:url(../img/1.jpg)
no-repeat left bottom; background-size:cover; min-height:500px; border-radius: 0 10px 10px 0; padding:0;}
.container-login{background:#ffffffdb; border-radius: 10px; box-shadow:15px 20px 0px #2b306a;padding: 0;border: 2px solid #2b306a;}

.login-sec{padding: 40px 46px 30px 46px !important; position:relative;}
.login-sec .copy-text{position:absolute; width:80%; bottom:20px; font-size:13px; text-align:center;}
.login-sec .copy-text i{color:#FEB58A;}
.login-sec .copy-text a{color:#E36262;}
.login-sec h2{margin-bottom:30px; font-weight:800; font-size:30px; color: #050033;}
.login-sec h2:after{content:" "; width:100px; height:5px; /*background:#1e5bc6;*/ display:block; margin-top:20px; border-radius:3px; margin-left:auto;margin-right:auto}
.btn-login{
    background: #ec5b34;
    color: #fff !important;
    font-weight: 600;
    border-radius: 24px;
    font-size: 16px;
    width: 100%;
    padding: 14px;
    text-transform: uppercase;
}
.btn-login:hover {
    background: #2b306a;
}

.color-text-auth {
    color: #000;
    font-weight: bold;
}

.margin-20{
    margin-top: 20px;
}
.margin-40{
    margin-top: 40px;
}

.lien-support:hover{
    color: #2b306a;
}

@media only screen and (max-width: 1366px){
    .login-block{
        height: auto;
    }
}