/*
 *  Document   : lsf-foyer.css
 *  Author     : LSF Énergie
 *  Description: THEME LSF FOYER (charte graphique LSF Énergie)
 *
 */

/* Main Dark Colors */
body,
.nav.navbar-nav-custom > li > a,
.navbar-default .navbar-nav > li > a,
.form-control,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
li.dropdown-header,
.chosen-container-single .chosen-single,
.themed-color-dark {
    color: #123B3A;
}

#page-container,
#sidebar,
#sidebar-alt,
.table-pricing.table-featured td,
.table-pricing td.table-featured,
.themed-background-dark {
    background-color: #123B3A;
}

.themed-border-dark {
    border-color: #123B3A;
}

header.navbar-inverse.navbar-fixed-bottom {
    border-top-color: #123B3A;
}

header.navbar-inverse.navbar-fixed-top,
.table-pricing.table-featured th,
.table-pricing th.table-featured {
    border-bottom-color: #123B3A;
}

.navbar.navbar-inverse {
    background-color: #1F5654;
}

/* Main Light Colors */
.sidebar-nav a,
.header-section h1 i,
blockquote:before {
    color: #F1EFEA;
}

#page-content,
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th,
ul.wysihtml5-toolbar a.btn.wysihtml5-command-active,
.slider-track,
.nav-horizontal a {
    background-color: #F1EFEA;
}

blockquote,
.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td,
.table tbody + tbody,
.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td,
.list-group-item,
.nav-tabs > li > a:hover,
.pager > li > a,
.pager > li > span,
.pager > li.disabled > a:hover,
.dropzone,
ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
    border-color: #F1EFEA;
}

.dataTables_wrapper > div {
    border-color: #F1EFEA;
    border-top-width: 0;
}

header.navbar-default.navbar-fixed-bottom,
.content-header,
li.dropdown-header,
.breadcrumb-top,
.style-alt footer {
    border-top-color: #F1EFEA;
}

header.navbar-default.navbar-fixed-top,
.block-title,
fieldset legend,
.form-bordered .form-group,
.wizard-steps,
.nav-tabs,
li.dropdown-header,
.style-alt .content-header,
.style-alt .breadcrumb-top {
    border-bottom-color: #F1EFEA;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-color: #F1EFEA;
    border-bottom-color: transparent;
}

.block-title .nav-tabs > li.active > a,
.block-title .nav-tabs > li.active > a:hover,
.block-title .nav-tabs > li.active > a:focus {
    border-color: #F1EFEA;
    border-bottom-color: #ffffff;
}

.block-title,
.navbar.navbar-default,
.form-bordered .form-group.form-actions,
.table tfoot > tr > th,
.table tfoot > tr > td,
a.list-group-item:hover,
a.list-group-item:focus,
.nav > li > a:hover,
.nav > li > a:focus,
li.dropdown-header,
.style-alt .content-header + .breadcrumb-top,
.style-alt .breadcrumb-top + .content-header,
.style-alt footer,
.dropzone,
.dataTables_wrapper > div {
    background-color: #F7F5F0;
}

.nav-horizontal i {
    color: #B6B0A0;
}

.switch-default input:checked + span,
.style-alt .block-title {
    background-color: #E0DDD3;
}

.block,
.form-control,
.input-group-addon,
.switch-default span,
.dropdown-menu,
.style-alt .block,
.chosen-container-single .chosen-single,
.chosen-container-single .chosen-search input[type="text"],
.chosen-container-multi .chosen-choices,
div.tagsinput,
.select2-container .select2-dropdown,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #E0DDD3;
}

footer,
.media-feed > .media {
    border-top-color: #E0DDD3;
}

.content-header,
.content-top,
.block-top,
.breadcrumb-top,
.style-alt .block-title {
    border-bottom-color: #E0DDD3;
}

.content-header-media {
    border-top-color: #0A2726;
}

/* Main Highlight Colors */
.text-primary,
.text-primary:hover,
a,
a:hover,
a:focus,
.nav-pills > .active > a > .badge,
.pagination > li > a,
.pagination > li > span,
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link.btn-icon:hover,
.btn-link.btn-icon:focus,
.themed-color {
    color: #C7623D;
}

.nav.navbar-nav-custom > li.open > a,
.nav.navbar-nav-custom > li > a:hover,
.nav.navbar-nav-custom > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.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:hover,
.navbar-inverse .navbar-nav > .open > a:focus,
a.sidebar-brand:hover,
a.sidebar-brand:focus,
a.sidebar-title:hover,
a.sidebar-title:focus,
#to-top:hover,
.timeline-list .active .timeline-icon,
.table-pricing.table-featured th,
.table-pricing th.table-featured,
.wizard-steps div.done span,
.wizard-steps div.active span,
.switch-primary input:checked + span,
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pager > li > a:hover,
.pagination > li > a:hover,
.label-primary,
.chosen-container .chosen-results li.highlighted,
.chosen-container-multi .chosen-choices li.search-choice,
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
.bootstrap-timepicker-widget table td a:hover,
div.tagsinput span.tag,
.slider-selection,
.themed-background,
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-results__option--highlighted[aria-selected],
.nav-horizontal a:hover,
.nav-horizontal li.active a {
    background-color: #C7623D;
}

.timeline-list .active .timeline-icon,
.form-control:focus,
.wizard-steps span,
.switch-primary span,
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus,
.pager > li > a:hover,
.pagination > li > a:hover,
.chosen-container .chosen-drop,
.chosen-container-multi .chosen-choices li.search-choice,
.chosen-container-active .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single,
.chosen-container-active .chosen-choices,
div.tagsinput span.tag,
.themed-border,
.select2-container.select2-container--open .select2-dropdown,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--multiple,
.select2-container--default.select2-container--focus.select2-container--open .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #C7623D;
}

.nav .caret,
.nav a:hover .caret,
.nav a:focus .caret {
    border-top-color: #C7623D;
    border-bottom-color: #C7623D;
}

.sidebar-nav a.active,
.sidebar-nav ul a.active,
.sidebar-nav ul a.active:hover {
    border-left-color: #C7623D;
}

/* NProgress */
#nprogress .bar {
    background-color: #C7623D;
}

#nprogress .peg {
    box-shadow: 0 0 10px #C7623D, 0 0 5px #C7623D;
}

#nprogress .spinner-icon {
    border-top-color:  #C7623D;
    border-left-color: #C7623D;
}

/* FullCalendar buttons */
.fc-state-default {
    background-color: #C7623D;
    border-color: #8A4026;
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
    background-color: #8A4026;
}

.fc-state-highlight {
    background-color: #F7F5F0;
}

/* Specific for default & primary button */
.btn-default {
    background-color: #F1EFEA;
    border-color: #E0DDD3;
    color: #123B3A;
}

.btn-default:hover {
    background-color: #F1EFEA;
    border-color: #B6B0A0;
}

.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .btn-default.dropdown-toggle {
    background-color: #E0DDD3;
    border-color: #E0DDD3;
}

.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
    background-color: #E0DDD3;
    border-color: #E0DDD3;
}

.btn-primary {
    background-color: #C7623D;
    border-color: #8A4026;
}

.btn-primary.btn-alt {
    color: #8A4026;
}

.btn-primary:hover {
    background-color: #8A4026;
    border-color: #8A4026;
    color: #ffffff;
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary.active,
.btn-primary.active:hover,
.btn-primary.active:focus,
.open .btn-primary.dropdown-toggle,
.open .btn-primary.dropdown-toggle:hover,
.open .btn-primary.dropdown-toggle:focus,
.open .btn-primary.dropdown-toggle.focus {
    background-color: #8A4026;
    border-color: #5C2A19;
    color: #ffffff;
}

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
.btn-primary[disabled]:active:focus,
.btn-primary[disabled].active:focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary:active:focus,
fieldset[disabled] .btn-primary.active:focus {
    background-color: #C7623D;
    border-color: #C7623D;
}

/* Mini Sidebar */
@media screen and (min-width: 992px) {
    .sidebar-mini.sidebar-visible-lg-mini #sidebar .sidebar-nav .sidebar-nav-menu + ul {
        border-left-color: #C7623D;
        background-color: #123B3A;
    }
}

/*
=================================================================
CHARTE LSF FOYER - OVERRIDES GLOBAUX
Palette : vert pétrole (logo) #123B3A / orange terracotta #C7623D
          sable clair #F7F5F0 / sable moyen #F1EFEA
=================================================================
*/

/* ---- 1. Encadrés (blocks, panels, wells, fieldset) : pas de bordure ---- */
/* Note: on ne cible PAS .form-control, .input-group-addon, .table-bordered,
   .chosen-*, .select2-*, .dropdown-menu, .tagsinput pour ne pas impacter
   les grilles JDGrid qui utilisent leurs propres couleurs de bordure. */
.block,
.block.full,
.panel,
.panel-default,
.panel-default > .panel-heading,
.well,
fieldset {
    border-color: transparent !important;
    border-width: 0 !important;
}

/* Widgets (Total CEE, Statut Comptable, Obligé…) : bordure orange héritée -> vert logo */
.widget .widget-extra,
.widget .widget-extra-full {
    border-color: #123B3A !important;
}

/* Reset JDGrid : les .block internes aux grilles/modales JDGrid gardent leur couleur d'origine */
.jdgridbox .block,
.modal-jdgrid-filter .block,
.modal-jdgrid-newview .block,
.modal-jdgrid-columns .block,
.modal-jdgrid-multiselect .block,
.modal-jdgrid-category .block,
.modal-jdgrid-views .block,
.modal-jdgrid-updaterec .block,
.jdmodaltbchk .block {
    border-color: #dbe1e8 !important;
}

/* Reset JDGrid : pas de bordure verte autour du .block qui contient une grille JDGrid */
.block:has(.jdgridbox) {
    border-color: transparent !important;
    border-width: 0 !important;
}

/* Formulaires bordés : suppression du pointillé entre form-groups */
.form-bordered .form-group {
    border-bottom: none !important;
}

/* ---- 2. Onglets : fond vert logo + texte blanc, actif en fond orange ---- */
/* :not([style*="background"]) protège les onglets qui ont une couleur de fond
   forc\u00e9e en inline (ex: Recensement OK/KO dans lotins.php) */

/* Espacement vertical entre les rangées d'onglets quand ils passent sur plusieurs lignes */
.nav-tabs > li {
    margin-bottom: 6px !important;
}

.nav-tabs > li > a:not([style*="background"]),
.block-title .nav-tabs > li > a:not([style*="background"]) {
    background-color: #123B3A !important;
    color: #ffffff !important;
    border-color: #123B3A !important;
}

.nav-tabs > li > a:not([style*="background"]):hover,
.nav-tabs > li > a:not([style*="background"]):focus,
.block-title .nav-tabs > li > a:not([style*="background"]):hover,
.block-title .nav-tabs > li > a:not([style*="background"]):focus {
    background-color: #1F5654 !important;
    color: #ffffff !important;
    border-color: #123B3A !important;
}

.nav-tabs > li.active > a:not([style*="background"]),
.nav-tabs > li.active > a:not([style*="background"]):hover,
.nav-tabs > li.active > a:not([style*="background"]):focus,
.block-title .nav-tabs > li.active > a:not([style*="background"]),
.block-title .nav-tabs > li.active > a:not([style*="background"]):hover,
.block-title .nav-tabs > li.active > a:not([style*="background"]):focus {
    background-color: #C7623D !important;
    color: #ffffff !important;
    border-color: #C7623D !important;
}

/* Nav-pills (utilisés comme onglets ailleurs) */
.nav-pills > li > a {
    color: #123B3A;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #ffffff;
    background-color: #C7623D;
}

/* Barre de navigation horizontale (Dashboard / Lots / Dossiers…) : actif en vert logo */
.nav-horizontal a {
    color: #123B3A !important;
}

.nav-horizontal a:hover,
.nav-horizontal li.active a,
.nav-horizontal li.active a:hover,
.nav-horizontal li.active a:focus {
    background-color: #123B3A !important;
    color: #ffffff !important;
}

/* ---- 3. Écran de connexion : blanc -> sable ---- */
body.login-page,
body.login-page #page-container,
body.login-page #main-container {
    background-color: #F7F5F0 !important;
}

#login-container .block,
#login-container > .block,
#login-alt-container .block,
#login-alt-container > .block {
    background-color: #F7F5F0 !important;
    border-color: #123B3A !important;
}

#login-container .form-control,
#login-alt-container .form-control {
    background-color: #F7F5F0 !important;
    border-color: #123B3A !important;
    color: #123B3A !important;
}

#login-container .input-group-addon,
#login-alt-container .input-group-addon {
    background-color: #F1EFEA !important;
    border-color: #123B3A !important;
    color: #123B3A !important;
}

/* Titre du bloc de login : fond vert pétrole opaque, aligné avec le fond du SVG du logo */
#login-container .login-title,
#login-alt-container .login-title {
    background-color: #123B3A !important;
    border-top-color: #C7623D !important;
}

/* Le SVG du logo a déjà un fond vert pétrole : on le fond dans le bandeau */
#login-container .login-title img,
#login-alt-container .login-title img {
    background-color: #123B3A;
    display: inline-block;
}

/* ---- 4. Page lotins.php : boutons d'action en vert logo ---- */
body.page-lotins .btn-primary,
body.page-lotins .btn-info {
    background-color: #123B3A !important;
    border-color: #123B3A !important;
    color: #ffffff !important;
}

body.page-lotins .btn-primary:hover,
body.page-lotins .btn-primary:focus,
body.page-lotins .btn-primary:active,
body.page-lotins .btn-primary.active,
body.page-lotins .open > .btn-primary.dropdown-toggle,
body.page-lotins .btn-info:hover,
body.page-lotins .btn-info:focus,
body.page-lotins .btn-info:active,
body.page-lotins .btn-info.active,
body.page-lotins .open > .btn-info.dropdown-toggle {
    background-color: #1F5654 !important;
    border-color: #0A2726 !important;
    color: #ffffff !important;
}

/* ---- 5. Page dossier.php : boutons outline (.btn-alt) - bordure et texte vert logo ---- */
body.page-dossier .btn-primary.btn-alt,
body.page-dossier .btn-danger.btn-alt,
body.page-dossier .btn-warning.btn-alt,
body.page-dossier .btn-success.btn-alt,
body.page-dossier .btn-info.btn-alt,
body.page-dossier .btn-default.btn-alt {
    border-color: #123B3A !important;
    color: #123B3A !important;
}

body.page-dossier .btn-primary.btn-alt:hover,
body.page-dossier .btn-primary.btn-alt:focus,
body.page-dossier .btn-primary.btn-alt:active,
body.page-dossier .btn-danger.btn-alt:hover,
body.page-dossier .btn-warning.btn-alt:hover,
body.page-dossier .btn-success.btn-alt:hover,
body.page-dossier .btn-info.btn-alt:hover,
body.page-dossier .btn-default.btn-alt:hover {
    background-color: #123B3A !important;
    border-color: #123B3A !important;
    color: #ffffff !important;
}