div.mainPage { padding: 0; }

.center { text-align: center; }
.right { text-align: right; }

.border-left { border-left: 1px solid #ddd; }
.border-right { border-right: 1px solid #ddd; }

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

span.hl_results { font-weight: bold; }

.imgContainer {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

input[type=date].form-control { padding-right: 3px; }

select.form-control { padding-left: 8px!important; }

textarea { padding: 4px!important; }

.input-group-addon.active { background-color: #5bc0de; }

div.intl-tel-input { display: block; }

.ui-autocomplete { z-index: 10000; }

@media (min-width: 1180px) { .modal-xl { width: 1120px; } }

/* MAIN NAV BAR */

div.main-navbar { margin-bottom: 0; }

div.main-navbar a.brand img { 
    height: 46px;
    position: relative;
    top: -11px;
}

div.main-navbar button.navbar-toggle { margin-right: 5px; padding: 5px; }

div.main-navbar a.btnAdmin {
    background-size: 24px;
    background-position: 12px;
    background-image: url(../img/gears.svg);
    background-repeat: no-repeat;
    padding-left: 42px;
}

/* SECOND BAR */

div.secondbar {
    border-top : none;
    background-color: #e7e7e7;
    margin-bottom: 0;
}

div.secondbar button.navbar-toggle { 
    margin: 5px;
    padding: 4px 9px;
    border-color: #CCC;
}

div.secondbar a.brand > img {
    display: inline-block;
    height: 46px;
    position: relative;
    top: -13px;
    margin-right: 10px;
}
    
div.secondbar a.brand > span {
    display: inline-block;
    font-size: 18px;
    line-height: 46px;
    position: relative;
    top: -13px;
}

div.secondbar ul.navbar-nav li > a:hover,
div.secondbar ul.navbar-nav li.active > a:hover,
div.secondbar ul.navbar-nav li.active > a {
    background-color: #CFF1FF;
    color: #3296C8;
}

div.secondbar .form-filtre-search { padding-right: 0; }

div.secondbar .form-filtre-search i.btnClearSearch { cursor: pointer; }

div.secondbar .form-filtre-search span.separator {
    display: inline-table;
    vertical-align: middle;
    width: 0; height: 30px;
    margin: 0 5px;
    border-left: 1px solid #CCCCCC;
}

div.secondbar .form-filtre-search button.btnPrint span.txt { display: none; }

@media (max-width: 767px) {
    div.main-navbar a.brand img { height: 40px; }
    
    div.secondbar { min-height: 0; }
    div.secondbar a.brand { height: 40px; padding: 10px; }
    
    div.secondbar div.navbar-filtre-search { border-top: 1px solid #CCCCCC; padding: 0 5px; }
    div.secondbar .form-filtre-search { padding: 5px 0; margin: 0; }
    div.secondbar .form-filtre-search > *:not(:last-child) { padding-bottom: 7px; }
    
    div.secondbar .form-filtre-search span.separator {
        width: 100%; height: 0px;
        margin: 0;
        border-left: none;
        border-top: 1px solid #CCCCCC;
    }
    
    div.secondbar .form-filtre-search button.btnPrint { width: 100%; }
    div.secondbar .form-filtre-search button.btnPrint span.txt { display: inline; }
    div.secondbar div.input-group.order {
        display: table!important;
        width: 100%;
        border-top: 1px solid #ccc;
        padding: 7px 0 0 0;
    }
    
    div.secondbar button.btnPrint { margin-top: -5px; }
}

/* LIST */

table.scrollingTableList { margin: 0; }

table.scrollingTableList ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 16px;
    background-color: rgba(51, 122, 183, .2);
}

table.scrollingTableList ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(51, 122, 183, .5);
  box-shadow: 0 0 1px rgba(51, 122, 183, .5);
}

table.scrollingTableList tbody { display: block; overflow: auto; margin: 0; }

table.scrollingTableList tbody tr:first-child td { border-top: none; }

table.scrollingTableList thead, table.scrollingTableList tbody tr { 
    display: table;
    width: 100%;
    table-layout: fixed;
}

table.scrollingTableList:not(.no-scroll) thead { width: calc( 100% - 15px ); }

table.scrollingTableList th.id, table.scrollingTableList td.id { width: 45px; }
table.scrollingTableList th.tarif, table.scrollingTableList td.tarif { width: 140px; }
table.scrollingTableList th.groupe, table.scrollingTableList td.groupe { width: 100px; }
table.scrollingTableList th.valeur, table.scrollingTableList td.valeur { width: 130px; }
table.scrollingTableList th.tel, table.scrollingTableList td.tel { width: 150px; }
table.scrollingTableList th.email, table.scrollingTableList td.email { width: 300px; }
table.scrollingTableList th.contrat_type, table.scrollingTableList td.contrat_type { width: 300px; }
table.scrollingTableList th.panier_type, table.scrollingTableList td.panier_type { width: 160px; }
table.scrollingTableList th.date, table.scrollingTableList td.date { width: 140px; }
table.scrollingTableList th.freq, table.scrollingTableList td.freq { width: 160px; }
table.scrollingTableList th.lieu, table.scrollingTableList td.lieu { width: 200px; }
table.scrollingTableList th.items_long, table.scrollingTableList td.items_long { width: 120px; }
table.scrollingTableList th.items, table.scrollingTableList td.items { width: 55px; }
table.scrollingTableList th.btn_action, table.scrollingTableList td.td_btn_action { width: 30px; }
table.scrollingTableList th.btn_action[colspan="2"] { width: 60px; }
table.scrollingTableList th.btn_action[colspan="3"] { width: 90px; }

table.scrollingTableList td.loader {
    background-color: rgba(161, 95, 150, .1);
    height: 100px;
    background-image: url('../img/wait.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

table.scrollingTableList img.icon {
    width: 16px;
    height: 16px;
    position: relative;
    top: -2px;
    left: -2px;
    margin-right: 2px;
}

.td_btn_action {
    width: 30px;
    text-align: center;
    padding-left: 0!important;
    padding-right: 0!important;
}
.td_btn_action > button {
    text-decoration:none!important;
    padding-left: 2px;
    padding-right: 2px;
}
.td_btn_action li > a:hover, .td_btn_delete > button, .td_btn_delete > a { color: #d9534f; }
.td_btn_delete > button:hover, .td_btn_delete > a:hover { color: #c9302c; }
.td_btn_archive > button, .td_btn_archive > a { color: #f0ad4e; }
.td_btn_archive > button:hover, .td_btn_archive > a:hover { color: #ec971f; }
.td_btn_unarchive > button, .td_btn_unarchive > a { color: #5bc0de; }
.td_btn_unarchive > button:hover, .td_btn_unarchive > a:hover { color: #269abc; }

@media only screen and (hover: none) and (pointer: coarse){
    table.scrollingTableList:not(.no-scroll) thead { width: 100%!important; }
}

/* MODALS */

div.modaLoader {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(64, 64, 64, 0.3);
    background-image: url(../img/wait.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 2000;
    display: none;
}
div.modaLoader.show { display: block; }

div.modal-header > h2.modal-title > img { height: 50px; margin-right: 5px; }

div.modal-header > .db_ref {
    float: right;
    position: relative;
    top: 28px;
    right: -12px;
    color: #CCCCCC;
    font-style: italic;
}

table.modal-body { margin-bottom: 0; }
table.modal-body tr:last-child { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
table.modal-body tr:last-child td:first-child { border-bottom-left-radius: 6px; !important }
table.modal-body tr:last-child th:first-child { border-bottom-left-radius: 6px; !important }
table.modal-body tr:last-child td:last-child { border-bottom-right-radius: 6px; !important }

@media (max-width: 767px) {
    div.modal-header, div.modal-footer { padding: 10px; }
    div.modal-header > h2.modal-title { font-size: 22px; } 
    div.modal-header > h2.modal-title > img { height: 35px; }
    div.modal-header > .db_ref { top: 22px; }
    
    .modal-body { font-size: 12px; }    
}

/* INLINE SELECT MANAGER */

div.inlineSelectManager .form-control { height: 35px;}
div.inlineSelectManager span.input-group-btn { border: none; }
div.inlineSelectManager span.input-group-btn button { height: 35px;}
div.inlineSelectManager .btnSecondAction { border-radius: 0; border-left: none; }

/* FORM TABS */

div.formTabs div.tab:not(.active) { display: none; }
div.formTabs div.tab { overflow-y: scroll; }
div.formTabs table.modal-body tr:first-child th,
div.formTabs table.modal-body tr:first-child td { border-top: none; }

@media (max-width: 767px) {
    ul.formTabsBtns > li > a { padding: 10px; }
}

/* FEEDBACKS */

span.form-control-feedback { position: absolute; }
div.form-group.has-feedback > span.form-control-feedback { top: 33px; }
div.has-feedback > span.form-control-feedback { top: 9px; }

/* CUSTOM COLOR */

/* Panel */

.panel-custom {
  border-color: #3296c8;
}
.panel-custom > .panel-heading {
  color: #fff;
  background-color: #3296c8;
  border-color: #3296c8;
}
.panel-custom > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #3296c8;
}
.panel-custom > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #3296c8;
}

/* Btn */

.btn-custom {
  color: #fff;
  background-color: #3296c8;
  border-color: #357ebd;
}

.btn-custom > a { color: #fff; }

.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active,
.open .dropdown-toggle.btn-custom {
  color: #fff;
  background-color: #4687bf;
  border-color: #285e8e;
}
.btn-custom:active, .btn-custom.active,
.open .dropdown-toggle.btn-custom { background-image: none; }

.btn-custom.disabled, .btn-custom[disabled], fieldset[disabled] .btn-custom,
.btn-custom.disabled:hover, .btn-custom[disabled]:hover, fieldset[disabled] .btn-custom:hover,
.btn-custom.disabled:focus, .btn-custom[disabled]:focus, fieldset[disabled] .btn-custom:focus,
.btn-custom.disabled:active, .btn-custom[disabled]:active, fieldset[disabled] .btn-custom:active,
.btn-custom.disabled.active, .btn-custom[disabled].active, fieldset[disabled] .btn-custom.active { background-color: #3296c8; border-color: #357ebd; }
.btn-custom .badge { color: #3296c8; background-color: #fff; }

/* MODAL ADMIN CONSOLE */

#modalAdminConsole div.modal-body {
    height: 500px;
    overflow-y: scroll;
    background-color: black;
}

#modalAdminConsole div.modal-body > ul {
    width: 100%;
    height: 100%;
    color: white;
    list-style: none;
    padding: 0;
}

#modalAdminConsole div.modal-body > ul > li.mt { margin-top: 10px; }
