div.mainPage {
    padding: 0;
}

.icon {
    height: 16px;
}

th.icon,
td.icon {
    width: 24px;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

tr.subLine > td {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    border: none !important;
}

span.nb_item_list {
    display: block;
    float: right;
    color: darkgrey;
    font-style: italic;
}

span.hl_results {
    font-weight: bold;
}

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

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

/* MAIN NAV BAR */
div.main-navbar {
    margin-bottom: 0;
}

.iconTobBar {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    position: relative;
    top: -5px;
    left: -5px;
    margin-bottom: -15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* SECOND BAR */

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

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 form.navbar_filtre {
    margin-left: auto!important;
}

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

i.btnClearSearch {
    cursor: pointer;
}

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

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

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

/* 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: none; }

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

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

table.scrollingTableList th.id, table.scrollingTableList td.id { width: 45px; }
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;
}

/* 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; }

.td_btn_action {
    width: 20px;
    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; }

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

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

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

/*
/* NAV TABS PANEL
/*/

.nav-tabs-panel {
    border-radius: 5px 5px 0 0;
    border-bottom: none;
    color: #fff;
    background-color: #3296c8;
    padding-top: 5px;
    padding-left: 5px;
}
.nav-tabs-panel>li>a {
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
}

.nav-tabs-panel>li>a:hover {
    color: #2a6496;
}

.tab-content-panel {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 0 0 5px 5px;
}

/* END NAV TABS PANEL */

.center {
    text-align: center;
}

.align_right {
    text-align: right;
}

.unitCell {
    padding-left: 0 !important;
    width:16px;
}

img.icon {
    width: 20px;
}

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

textarea {
    padding: 4px!important;
}

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

thead.fixedHead > tr > td {
    height:0;
    padding:0;
    border:none;
}

thead.fixedHead > tr > th {
    border-width: 0!important;
}

tr.editDisabled > td,
th.editDisabled,
td.editDisabled {
    color: #7c7c7c;
}

.img-thumbnail {
    min-width: 30px;
    min-height: 30px;
    
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/*
/* EdiTable
/*/

td.ediTable,
td.editable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

td.ediTabling {
    padding: 4px!important;
}

input.ediTable {
    width: 100%;
}

select.ediTable {
    display: block;
    width: 100%;
    height: 30px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -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;
}

/*
/* NEW FILE
/*/

.new_file_name {
	color: grey;
	font-size: 0.8em;
	font-style: italic;
}

.new_file_error {
	color: red;
}

#new_doc {
	display: none;
}

/* 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 VIEW */

div.modalView .modal-title > img.photo {
    border: 1px solid #3296c8;
    border-radius: 3px;
    padding: 6px;
    float: left;
    height: 70px;
}

div.modalView .modal-title div.title {
    line-height: 20px;
    padding-top: 25px;
}

div.modalView .modal-title span.title {
    display: inline-block;
    margin-left: 10px;
}

div.modalView .modal-title span.name {
    font-size: 0.8em;
    color: #3296c8;
}

div.modalView .modal-title span.subline {
    display: inline-block;
    font-size: 0.5em;
    color: #777;
    margin-left: 10px;
    line-height: 15px;
}

div.modalView .modal-title span.subline > span.birthday {
    font-weight: 300;
}

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

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; }
table.modal-body tr:last-child th:first-child { border-bottom-left-radius: 6px; }
table.modal-body tr:last-child td:last-child { border-bottom-right-radius: 6px; }

/* INLINE SELECT MANAGER */

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

/* PANIER FORM */

.formPanier .btnGroupeSecondAction {
    border-radius: 0;
    border-left: none;
}

.formPanier div.input-group select.form-control,
.formPanier div.input-group input.form-control,
.formPanier div.input-group span.input-group-btn {
    box-sizing: border-box;
    height: 35px;
}

/* CONTRAT FORM */

.formContrat div.custom_type { margin-top: -10px; }

.formContrat .btnLieuSecondAction,
.formContrat .btnContratTypeSecondAction {
    border-radius: 0;
    border-left: none;
}

.formContrat div.input-group select.form-control,
.formContrat div.input-group input.form-control,
.formContrat div.input-group span.input-group-btn {
    box-sizing: border-box;
    height: 35px;
}

/* MODAL VIEW LEGUME */

#modalViewLegume table.modal-body tbody th { width: 100px; }
#modalViewLegume table.modal-body tfoot { background-color: #f2f2f2; }

/* 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; }