@charset 'UTF-8';

/* IE 10-11 viewport bug */
@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}
/* End IE 10-11 viewport bug */

html, body {
    height: 100%;
    position: relative;
    font-size: 0.9em;
}

#videoEnergie a {
    color: #e95902;
}

#videoEnergie.current{
    background: #e95902 !important;
}
#videoEnergie.current a {
    color:white;
}

/*.mce-container[class*="mce-first"]{
    display:none;
}*/

/* Tiny-MCE : correctif pour masquage du premier champ indiquant le path de l'image sélectionnée 
    peut potentiellement masquer systématiquement *tous* les premiers champs d'une fenêtre tiny-MCE 
    d'ici-là, il faudra s'assurer de savoir comment créer une instance de fenêtre personnalisée */
.mce-window[aria-label^="Insert/edit image"] .mce-window-body .mce-first.mce-formitem {
    margin-top: -30px !important;
    height: 0px !important;
    display: none;
}

body.login {
    background-position: center center;
}

ul {
    padding: 0;
}

a, a:hover, a:active, a:focus, button, button:hover, button:active, button:focus {
    outline: 0;
}

.vat {
    vertical-align: top
}

.row, .pagination {
    margin: 0;
}

.w25 {
    width: 25% !important;
}

.w50 {
    width: 50% !important;
}

.p2 {
    padding: 1em;
}

/*!important*/
.mb15 {
    margin-bottom: 15px !important;
}

.mb1 {
    margin-bottom: 10px !important;
}

.mb2 {
    margin-bottom: 2px !important;
}

.mb6 {
    margin-bottom: 6px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt1 {
    margin-top: 10px !important;
}

.mt2 {
    margin-top: 20px !important;
}

.mt05em {
    margin-top: 0.5em;
}

.ml2 {
    margin-left: 20px !important;
}

/* règles à la Knacss pour les margin et padding */
.nma {
    margin: 0 !important;
}

.nml {
    margin-left: 0 !important;
}

.nmr {
    margin-right: 0 !important;
}

.nmt {
    margin-top: 0 !important;
}

.nmb {
    margin-bottom: 0 !important;
}

.npa {
    padding: 0 !important;
}

.npl {
    padding-left: 0 !important;
}

.npr {
    padding-right: 0 !important;
}

.npt {
    padding-top: 0 !important;
}

.pt10 {
    padding-top: 10px !important;
}

.npb {
    padding-bottom: 0 !important;
}

.nps {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.pao5em {
    padding: 0.5em;
}

.pl6 {
    padding-left: 6px;
}

.pr6 {
    padding-right: 6px;
}

.pa15 {
    padding: 15px;
}

.epl {
    padding-left: 30px;
}

.epr {
    padding-right: 30px;
}

/* règles à la Knacss pour les bordures */
.bb {
    border-bottom: 1px solid #ccc;
}

/* règles à la Knacss pour les tableaux 
   oh = one_half 
   ot = one_third
   of = one_fourth
   */
.oh {
    width: 50%;
}

.ot {
    width: 33.33%;
}

.of {
    width: 25%;
}

/* titrage a la Knacss */
.h4-like {
    font-size: 1.2em;
}

.fondContraste {
    background-color: #ebebeb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 30px;
}

/* line 48, ../sass/styles.scss */
.strong {
    font-weight: bold !important;
}

/* line 49, ../sass/styles.scss */
.wrapper {
    width: 80%;
    margin: 0 auto;
}

/* line 50, ../sass/styles.scss */
.login .wrapper {
    width: 310px;
    margin: 0 auto;
    padding: 20px 0;
    min-width: 310px;
}

/* line 51, ../sass/styles.scss */
.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

/* line 52, ../sass/styles.scss */
.nopaddingleft {
    padding-left: 0 !important;
}

/* line 53, ../sass/styles.scss */
.nopaddingright {
    padding-right: 0 !important;
}

/* line 54, ../sass/styles.scss */
.a-negative {
    color: #f50017;
}

/* line 55, ../sass/styles.scss */
.c-positive {
    color: #0aaf1a;
}

/* line 56, ../sass/styles.scss */
.positive {
    color: #0aaf1a;
}

/* line 57, ../sass/styles.scss */
td.entretien i {
    color: #a17ae9;
}

/* line 58, ../sass/styles.scss */
.b-limit {
    color: #e9b63c;
}

/* line 59, ../sass/styles.scss */
.me {
    color: #32a4e6;
}

/* line 60, ../sass/styles.scss */
.interlocuteur {
    color: #b11f9e;
}

.MentionsLegalesfooter {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: white;
    color: #68a0da;
    text-align: center;
    min-height: 40px;
    z-index: 800;
}

    .MentionsLegalesfooter p {
        padding-top: 10px;
    }

#modalMentionsLegales,
#modalPolitiqueConfidentialite {
    width: 80vw;
    height: 80vh;
    top: 10vh;
    left: 10vw;
    font-size: 0.9em;
}

    #modalMentionsLegales .modal-mentions-body,
    #modalPolitiqueConfidentialite .modal-mentions-body {
        height: 70vh;
        width: 80vw;
        top: 0%;
        left: 0%;
        overflow: scroll;
        overflow-x: hidden;
        overflow-y: scroll;
    }

        #modalMentionsLegales .modal-mentions-body p,
        #modalPolitiqueConfidentialite .modal-mentions-body p {
            padding-left: 10px;
        }

        #modalMentionsLegales .modal-mentions-body li,
        #modalPolitiqueConfidentialite .modal-mentions-body li {
            padding-left: 20px;
        }

    #modalMentionsLegales .modal-title,
    #modalPolitiqueConfidentialite .modal-title {
        text-align: center;
        color: #3f607c;
    }

    #modalMentionsLegales .modal-dialog,
    #modalPolitiqueConfidentialite .modal-dialog {
        width: 100%;
        height: 100%;
    }
/* ################# Messages ############# */
.alert {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.alert-warning, .alert-danger, .alert-success {
    border: none;
    background-image: none !important;
}

.notif-ctnr.alert-warning,
.alert.alert-warning {
    background-color: #f8efc0 !important;
    -moz-box-shadow: #d3bf6e 0 2px;
    -webkit-box-shadow: #d3bf6e 0 2px;
    box-shadow: #d3bf6e 0 2px;
}


.notif-ctnr.alert-danger,
.alert.alert-danger {
    background-color: #edc9c9 !important;
    -moz-box-shadow: #d38585 0 2px;
    -webkit-box-shadow: #d38585 0 2px;
    box-shadow: #d38585 0 2px;
}

.notif-ctnr.alert-success,
.alert.alert-success {
    background-color: #DFF0D8 !important;
    -moz-box-shadow: #b8d8ab 0 2px;
    -webkit-box-shadow: #b8d8ab 0 2px;
    box-shadow: #b8d8ab 0 2px;
}

/* Fond principal de l'application */
body {
    background-color: #3f607c;
}

header {
    height: 93px;
    background: #fbfbfb;
    border-bottom: 3px solid #b9d3ee;
}

.form-control {
    border: 1px solid #bbb;
}

#areaSelection, #colSelection {
    margin-top: 3px;
}

    #areaSelection label, #colSelection label {
        margin-top: 0.6rem;
        color: #5181B7;
        font-family: Raleway, arial, verdana, sans-serif;
        font-size: 0.7rem;
        font-weight: bold;
    }

#areaLabelResponsive, #colLabelResponsive {
    font-size: 1.1em;
}

.areas-label-block {
    margin-top: 0.25em;
}

/* line 75, ../sass/styles.scss */
.logo {
    margin-top: 10px; /* linked to notifs container same property */
}

/* ######## Login panel ######## */

/* line 79, ../sass/styles.scss */
.login .logo {
    margin-top: 50px;
}

/* -------- Bannière Promo -------- */
.promoban {
    text-align: center;
    width: 100%;
    padding: 0.5em;
}

    .promoban,
    .promoban img {
        border: none;
    }

        /* largeur responsive */
        .promoban img {
            max-width: 100%;
            max-height: 100%;
        }

/* -------- IFrame web-accueil -------- */
#iframe1 {
    border-style: none;
    width: 100%;
    height: 80px;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: white;
    color: #68a0da;
    text-align: center;
    min-height: 40px;
    z-index: 800;
    opacity: 1;
}

#web-accueil-1 {
    border-style: none;
    width: 100%;
    height: 80px;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: white;
    color: #68a0da;
    text-align: center;
    min-height: 40px;
    z-index: 800;
    opacity: 0;
}

    #web-accueil-1 p {
        padding-top: 10px;
    }

/* line 83, ../sass/styles.scss */
.notifscontainer ul {
    margin-top: 20px;
    margin-left: 10px;
    padding: 0px;
}

    /* line 88, ../sass/styles.scss */
    .notifscontainer ul li {
        display: inline-block;
        margin-right: 10px;
    }

.notifscontainer i.fa {
    font-size: 1.4vw; /* viewport relatidve size unit */
}

/* line 93, ../sass/styles.scss */
.notifscontainer i {
    position: relative;
}

/* line 97, ../sass/styles.scss */
.notifscontainer li.new-events i {
    color: #d9505d;
}

/* line 101, ../sass/styles.scss */
.notifscontainer li.new-events a:hover i {
    color: #ae343f;
}

/* line 105, ../sass/styles.scss */
.number-events {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background-color: #d9505d;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.75), inset 0 1px 1px rgba(246, 197, 207, 0.75);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.75), inset 0 1px 1px rgba(246, 197, 207, 0.75);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.75), inset 0 1px 1px rgba(246, 197, 207, 0.75);
    border: solid 1px #be281c;
    position: absolute;
    left: 14px;
    top: -13px;
    color: white;
    font-family: arial;
    font-size: 12px;
    padding: 3px 5px;
}

/* ######################################################################################
                     MENU DE NAVIGATION PRINCIPAL & SOUS-MENU
*/


/* line 119, ../sass/styles.scss */
ul.menu {
    display: table;
    margin: 0 auto;
}

    /* line 124, ../sass/styles.scss */
    ul.menu li {
        margin-top: 25px;
        list-style: none;
        float: left;
        font-weight: 500;
        padding: 0 0.8rem;
        height: 68px;
    }

        /* line 133, ../sass/styles.scss */
        ul.menu li i {
            padding-top: 12px;
        }

    ul.menu > li a {
        cursor: default;
    }

    ul.menu li li a {
        cursor: pointer;
    }

    /* line 137, ../sass/styles.scss */
    ul.menu li a {
        font-size: 13px;
        font-family: 'Raleway', sans-serif;
        color: #5181B7;
        display: block;
    }

    /* line 144, ../sass/styles.scss */
    ul.menu li:hover, ul.menu li:focus,
    ul.menu li.current {
        background: #5181B7;
        -moz-border-radius-topleft: 5px;
        -webkit-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
        -moz-border-radius-topright: 5px;
        -webkit-border-top-right-radius: 5px;
        border-top-right-radius: 5px;
        -webkit-box-shadow: inset 0 4px 0 #b9d3ee;
        -moz-box-shadow: inset 0 4px 0 #b9d3ee;
        box-shadow: inset 0 4px 0 #b9d3ee;
    }
        
/* line 150, ../sass/styles.scss */
ul.menu li.current a {
    color: white;
    /*text-shadow: 0 0 20px #2bc4f6;*/
}

            /* line 155, ../sass/styles.scss */
            ul.menu li.current a div {
                /*text-shadow: 0 1px 1px rgba(40, 87, 140, 0.44);*/
            }

    /* line 159, ../sass/styles.scss */
    ul.menu li a:hover, ul.menu li a:focus {
        text-decoration: none;
        color: #fff;
        /*color: #68ade9;*/
    }

    ul.menu li.current a:hover, ul.menu li.current a:focus {
        color: white;
    }

/* ################# SUB-MENU ################ */
.submenu ul.parametrages li {
    /*width: 96px;*/
}

.submenu {
    position: absolute;
    left: 50%;
    display: block;
    box-sizing: border-box;
    z-index: 10;
    width: 1080px;
    height: 114px;
    margin: 0;
    margin-top: 10px;
    margin-left: -540px;
    padding: 0;
    text-align: center;
    background-color: #5181B7;
    /*background: url(../images/background-submenu.png) center bottom no-repeat;*/
    box-shadow: rgba(0,0,0,.3) 0 2px 2px 0;
}

ul.menu li > .submenu {
    display: none;
}

ul.menu li:hover > .submenu ul li.current,
ul.menu li:hover > .submenu {
    display: block;
}

.submenuBlock {
    position: relative;
    display: inline-block;
    margin: 0 auto;
}

/* line 366, ../sass/styles.scss */
.submenu ul {
    margin: 0 auto;
}

    /* line 372, ../sass/styles.scss */
    .submenu ul li {
        list-style: none;
        display: inline-block;
        width: 120px;
        font-size: 14px;
        font-weight: 500;
    }

        /* line 380, ../sass/styles.scss */
        ul.menu li.current .submenu ul li a,
        .submenu ul li a {
            color: #B9D3EE; /* white */
            font-family: 'Raleway', sans-serif;
            display: block;
            height: 100%;
            text-shadow: none;
        }

            /* line 387, ../sass/styles.scss */
            ul.menu li.current .submenu ul li a:hover,
            .submenu ul li a:hover {
                text-decoration: none;
                color: #fff;
                /*text-shadow: 0 0 20px #2bc4f6;*/
            }

        .submenu ul li.current {
            box-shadow: none;
            margin: 0;
            margin-top: 23px;
        }

        .submenu ul li:hover {
            box-shadow: none;
        }

/* line 396, ../sass/styles.scss */
ul.menu li.current .submenu ul li.current a,
ul.menu li.current .submenu ul li.current a:hover {
    color: #68a0da;
    background: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 0 0 0 transparent;
    padding: 2px 0 5px 0;
}

/* Largeurs spécifiques pour les menus qui devraient prendre deux lignes si ces styles n'étaient pas ajoutés */
.submenu li#supervision_etats a {
    width: 95px;
}

.submenu ul li a.disabled-link,
.submenu ul li a.disabled-link:hover {
    color: #7ba2cd !important;
    text-shadow: none !important;
    background-color: transparent !important;
    cursor: not-allowed;
}

/* line 405, ../sass/styles.scss */
a.toggle-submenu {
    background-color: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff');
    /* IE */
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px 14px 0 14px;
    position: absolute;
    bottom: 0;
    line-height: 1px;
    color: white;
    left: 50%;
}

    /* line 417, ../sass/styles.scss */
    a.toggle-submenu:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }

    /* line 421, ../sass/styles.scss */
    a.toggle-submenu i {
        line-height: 3px;
    }

    /* line 425, ../sass/styles.scss */
    a.toggle-submenu.inverse {
        -moz-border-radius-topleft: 0px;
        -webkit-border-top-left-radius: 0px;
        border-top-left-radius: 0px;
        -moz-border-radius-topright: 0px;
        -webkit-border-top-right-radius: 0px;
        border-top-right-radius: 0px;
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-bottom-left-radius: 5px;
        border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px;
        padding: 0 14px 5px 14px;
    }

/* line 167, ../sass/styles.scss */
.main-container {
    position: relative;
}

/* line 221, ../sass/styles.scss */
.userconnect {
    color: #68A0DA;
}

    .userconnect a {
        font-family: Raleway;
        font-weight: 500;
        font-size: 15px;
        color: #68a0da;
        line-height: 93px;
        text-decoration: none;
    }
        /* line 229, ../sass/styles.scss */
        .userconnect a:hover {
            color: #386da5;
        }
        /* line 233, ../sass/styles.scss */
        .userconnect a i {
            position: relative;
            top: -3px;
            left: 3px;
        }

.main-window {
    position: relative;
    display: none;
    background: #f9f9f9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    /*-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);*/
    z-index: 2;
    margin: 0.5em 0;
    box-shadow: #b9d3ee 0 4px;
}

/* Affichage par défaut de la fenêtre de login */
.login .main-window {
    margin-top: 50px;
    display: block;
}

/* ############################# PANELS BOOTSTRAP ############################# */
.heading {
    color: #707070;
    background-color: #acc7d8;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    /*border-bottom: 1px solid #828282;*/
    padding: 0.5em 1em;
    vertical-align: middle;
    /*margin-top:20em;*/
}

    /*.heading a {
  color: #1e1e1e;
  text-transform: lowercase;
}*/

    .heading span.breadcrumbcustom {
        text-transform: none;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        font-weight: 500;
        margin-right: 10px;
    }

        .heading span.breadcrumbcustom a, .heading span.breadcrumbcustom .aires, .heading span.breadcrumbcustom .supervision, .heading span.breadcrumbcustom .parametrages {
            text-transform: uppercase;
        }

    .heading i {
        color: #5181b7;
        padding-right: 1em;
    }

/* Panel de contenu principal de l'application */
.content {
    background: transparent;
    height: 100%;
}

/* line 297, ../sass/styles.scss */
.dropdown-menu.user > li {
    border-bottom: 1px solid #8cc8fd;
    border-top: 1px solid #154D86;
}

/* line 302, ../sass/styles.scss */
.dropdown-menu.user {
    background: #68a0da;
    border: none;
    top: 66%;
    padding: 0;
    min-width: 0;
    width: 130px;
    position: absolute;
    left: auto;
    right: -11px;
}

    /* line 312, ../sass/styles.scss */
    .dropdown-menu.user > li:first-child {
        border-top: none;
    }

    /* line 316, ../sass/styles.scss */
    .dropdown-menu.user > li:last-child {
        border-bottom: none;
    }

    /* line 320, ../sass/styles.scss */
    .dropdown-menu.user > li:first-child a:hover, .dropdown-menu.user > li:first-child > a:focus {
        -moz-border-radius-topleft: 4px;
        -webkit-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -webkit-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
    }

    /* line 324, ../sass/styles.scss */
    .dropdown-menu.user > li:last-child a:hover, .dropdown-menu.user > li:last-child > a:focus {
        -moz-border-radius-bottomleft: 4px;
        -webkit-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    /* line 328, ../sass/styles.scss */
    .dropdown-menu.user > li:first-child:hover, .dropdown-menu.user > li:first-child:focus {
        border-bottom: 1px solid white;
    }

    /* line 332, ../sass/styles.scss */
    .dropdown-menu.user > li > a {
        font-weight: 500;
        color: white;
        font-size: 14px;
        /*text-shadow: 0 1px 1px rgba(38, 96, 156, 0.75);*/
    }

        /* line 339, ../sass/styles.scss */
        .dropdown-menu.user > li > a:hover, .dropdown-menu.user > li > a:focus {
            color: #68a0da;
            background-color: white;
            text-shadow: none;
        }

    /* trick css pour faire la flèche haut du menu */
    .dropdown-menu.user:after {
        position: absolute;
        top: -6px;
        left: 96px;
        display: inline-block;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #68a0da;
        border-left: 6px solid transparent;
        content: '';
    }

.custom-dropdown {
    max-height: 200px !important;
    overflow: hidden;
    overflow-y: auto;
}

/* line 431, ../sass/styles.scss */
.nav-tabs {
    padding-left: 20px;
    border-bottom: 1px solid #bf404c;
}

    /* line 436, ../sass/styles.scss */
    .nav-tabs li a {
        font-family: 'Raleway', sans-serif;
        font-weight: 500;
        background-color: #eee;
        border: 0 none;
        color: #d9505d;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d4d4d4), color-stop(100%, #f5f5f5));
        background-image: -webkit-linear-gradient(#d4d4d4, #f5f5f5);
        background-image: -moz-linear-gradient(#d4d4d4, #f5f5f5);
        background-image: -o-linear-gradient(#d4d4d4, #f5f5f5);
        background-image: linear-gradient(#d4d4d4, #f5f5f5);
        text-shadow: 0 1px 1px white;
    }

    /* line 448, ../sass/styles.scss */
    .nav-tabs > li.active a,
    .nav-tabs li.active a:hover,
    .nav-tabs li.active a:focus {
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d9505d), color-stop(100%, #bf404c));
        background-image: -webkit-linear-gradient(#d9505d, #bf404c);
        background-image: -moz-linear-gradient(#d9505d, #bf404c);
        background-image: -o-linear-gradient(#d9505d, #bf404c);
        background-image: linear-gradient(#d9505d, #bf404c);
        border: 1px solid transparent;
        color: white;
        text-shadow: 0 1px 1px #d64e5b;
        background-color: #d9505d;
    }

/* ####################################### Responsive Tabs ####################################### */


.r-tabs .r-tabs-nav .r-tabs-anchor {
    padding: 0.6em 1.4em 0.8em 1.4em !important;
}

.r-tabs-tab,
.r-tabs-tab a {
    -moz-border-radius: 3px 3px 0 0 !important;
    -webkit-border-radius: 3px 3px 0 0 !important;
    border-radius: 3px 3px 0 0 !important;
}

.r-tabs .r-tabs-nav .r-tabs-state-default .r-tabs-anchor {
    position: relative;
    top: -1px;
    color: #68a0da !important;
    background-color: #e5e5e5 !important; /* ancienne valeur #ddd */
}

    .r-tabs .r-tabs-nav .r-tabs-state-default .r-tabs-anchor:hover {
        color: #5181b7 !important;
        background-color: #bee1f5 !important; /* ancienne valeur #eee */
    }

/* curseur de souris par défaut sur le tab actif (non cliquable) */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    color: #5181b7 !important;
    cursor: default;
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    background-image: none !important;
}

/* le tab quand il est en mode compact | surcharge des styles du plugin responsiveTabs */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    background-image: none !important;
}

/*.tab-content {
  padding: 20px;
  background-color: coral;
}*/

a.appinfo-tooltip i {
    color: #68A0DA;
}

/* line 473, ../sass/styles.scss */
td.ok .glyphicon {
    color: #0066ad;
    font-size: 1.2em;
}

/* line 478, ../sass/styles.scss */
td.error .glyphicon {
    color: #808080;
    font-size: 1.2em;
}

/* line 483, ../sass/styles.scss */
tr:hover .row-actions {
    visibility: visible;
}

/* line 485, ../sass/styles.scss */
.row-actions {
    visibility: hidden;
    font-size: 12px;
}

/* ############################# TABLEAUX ############################# */
/* centrer verticalement tout les contenu d'en-têtes de tableaux */
table th,
table thead th
table tfoot th, {
    vertical-align: middle !important;
}

table.blue-heading > thead > tr th,
table.blue-heading > tfoot > tr th {
    background: #dfecf4;
    border-bottom: 3px solid #c7d6e0;
    color: #5181b7;
    font-size: 1em;
    padding: 0.5em;
}

    /* line 499, ../sass/styles.scss */
    table.blue-heading > thead > tr th:first-child,
    table.blue-heading > tfoot > tr th:first-child {
        -moz-border-radius-topleft: 5px;
        -webkit-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
    }

    /* line 503, ../sass/styles.scss */
    table.blue-heading > thead > tr th:last-child,
    table.blue-heading > tfoot > tr th:last-child {
        -moz-border-radius-topright: 5px;
        -webkit-border-top-right-radius: 5px;
        border-top-right-radius: 5px;
    }

/* line 511, ../sass/styles.scss */
table.blue-heading.tablesorter-bootstrap > thead > tr th,
table.blue-heading.tablesorter-bootstrap > tfoot > tr th {
    padding: 8px 2px;
}

.tablesorter-bootstrap tfoot td {
    background: #e4e4e4;
    font-weight: 500;
}

/* Surcharge du style de Bootstrap pour les lignes alternées */
.table-striped > tbody > tr:nth-child(odd),
.table-striped > tbody > tr.odd {
    background-color: #efefef !important;
}

.table-hover > tbody > tr,
.table-striped > tbody > tr,
.table-striped > tbody > tr {
    background-color: unset;
    transition-property: background-color;
    transition-duration: 0.2s;
}

    .table-hover > tbody > tr:hover,
    .table-striped > tbody > tr.odd:hover,
    .table-striped > tbody > tr:hover {
        cursor: pointer;
        background-color: #bee1f5 !important; /* old value #dfecf4 */
    }

    .table-hover > tbody > tr.hover {
        cursor: pointer;
        background-color: #bee1f5 !important; /* old value #dfecf4 */
        transition-property: background-color;
        transition-duration: 0.2s;
    }

    .table-hover > tbody > tr.not-hover {
        cursor: pointer;
        background-color: #fbfbfb !important; /* old value #dfecf4 */
        transition-property: background-color;
        transition-duration: 0.2s;
    }

/* -------------- filtres tablesorter -------------- */
.tablesorter-filter-row {
    background-color: #efefef;
}

.tablesorter-filter {
    border-color: #ccc;
}

    .tablesorter-filter.disabled {
        border-color: #ddd;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.tablesorter tbody td,
.tablesorter tfoot th,
.tablesorter tfoot td {
    padding: 4px;
    vertical-align: top;
}

.tablesorter .header,
.tablesorter .tablesorter-header {
    /* black (unsorted) double arrow */
    /*background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);*/
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAGaZzP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
    /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNpiYBgFRAADIL4Ppalm4Hsg/g+lDahp4H9qGIzuwgRKXYzLyxQFxX48GpEN3k+KoQJAvB6PSwyg8gIDni5BLphPwKXzSXUpTcI0AUe6RE+3CaQGAbrBCZQaiM3g/9QwEJfBCdRKDQnUNhAGFIZfiQ4QYAD8hT8H4VeoJQAAAABJRU5ErkJggg==);*/
    /* white (unsorted) double arrow */
    /* background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); */
    /* image */
    /* background-image: url(images/black-unsorted.gif); */
    background-repeat: no-repeat;
    background-position: center right;
    padding: 4px 18px 4px 4px;
    white-space: normal;
    cursor: pointer;
}

.tablesorter .headerSortUp,
.tablesorter .tablesorter-headerSortUp,
.tablesorter .tablesorter-headerAsc {
    background-color: #bee1f5;
    /* black asc arrow */
    /*background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);*/
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAGaZzP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
    /* white asc arrow */
    /* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); */
    /* image */
    /* background-image: url(images/black-asc.gif); */
}

.tablesorter .headerSortDown,
.tablesorter .tablesorter-headerSortDown,
.tablesorter .tablesorter-headerDesc {
    background-color: #bee1f5;
    /* black desc arrow */
    /*background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);*/
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAGaZzP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
    /* white desc arrow */
    /* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); */
    /* image */
    /* background-image: url(images/black-desc.gif); */
}

.tablesorter thead .sorter-false,
.tablesorter tfoot .sorter-false {
    background-image: none;
    cursor: default;
    padding: 4px;
}

/* tfoot */
.tablesorter tfoot .tablesorter-headerSortUp,
.tablesorter tfoot .tablesorter-headerSortDown,
.tablesorter tfoot .tablesorter-headerAsc,
.tablesorter tfoot .tablesorter-headerDesc {
    /* remove sort arrows from footer */
    background-image: none;
}

/* table processing indicator */
.tablesorter .tablesorter-processing {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    /* background-image: url(images/loading.gif) !important; */
    background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
}

/* hidden filter row */
.tablesorter .tablesorter-filter-row.hideme td {
    /*** *********************************************** ***/
    /*** change this padding to modify the thickness     ***/
    /*** of the closed filter row (height = padding x 2) ***/
    padding: 2px;
    /*** *********************************************** ***/
    margin: 0;
    line-height: 0;
    cursor: pointer;
}

.tablesorter .tablesorter-filter-row.hideme * {
    height: 1px;
    min-height: 0;
    border: 0;
    padding: 0;
    margin: 0;
    /* don't use visibility: hidden because it disables tabbing */
    opacity: 0;
    filter: alpha(opacity=0);
}
/* filters */
.tablesorter input.tablesorter-filter,
.tablesorter select.tablesorter-filter {
    width: 98%;
    height: auto;
    margin: 0;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #bbb;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: height 0.1s ease;
    -moz-transition: height 0.1s ease;
    -o-transition: height 0.1s ease;
    transition: height 0.1s ease;
}
/* rows hidden by filtering (needed for child rows) */
.tablesorter .filtered {
    display: none;
}

/* ajax error row */
.tablesorter .tablesorter-errorRow td {
    text-align: center;
    cursor: pointer;
    background-color: #e6bf99;
}

#superConsosAnormales #pager {
    display: none;
}

/* GESTION > USAGERS : largeur max de certaines colonnes */
#thNom, #thNom input,
#thPrenom, #thPrenom input {
    max-width: 150px;
    text-align: left;
}

#thAge, #thAge input,
#thSexe, #thSexe input {
    max-width: 50px;
    text-align: left;
}

#thAffecte, #thAffecte input {
    max-width: 80px;
    text-align: left;
}

#tfNom, tfPrenom, tfAge, tfSexe, tfStatut, tfAutorisations, tfFamille, tfAffecte, tfCreerPar {
    text-align: left;
}

/* ############################# END TABLEAUX  */


/* line 515, ../sass/styles.scss */
i.fa-question-circle {
    color: #969696;
}

/* line 519, ../sass/styles.scss */
.tooltip-inner {
    text-align: left;
}

/* line 523, ../sass/styles.scss */
.label-entretien {
    background: #a17ae9;
}

/* line 539, ../sass/styles.scss */
i.fa-arrow-circle-down, i.fa-arrow-circle-up {
    line-height: 20px;
    width: 100%;
    text-align: center;
}

/* line 545, ../sass/styles.scss */
.popover {
    max-width: none;
    font-size: 13px;
}

    /* line 550, ../sass/styles.scss */
    .popover .table {
        margin-bottom: 0;
    }

/* line 554, ../sass/styles.scss */
.popover-content {
    padding: 5px;
}

/* line 558, ../sass/styles.scss */
.popover thead th {
    text-align: center;
}

/* line 562, ../sass/styles.scss */
.popover tr.footer, .table tr.footer {
    background: #e4e4e4;
    font-weight: bold;
}

    .table tr.footer:hover {
        background: inherit;
    }

.popover td {
    text-align: right;
}

    .popover td:first-child {
        text-align: left;
    }

    .popover td.warningGrpConso,
    #tabOccup span.warningGrpConso {
        color: #d9534f;
    }

/* line 571, ../sass/styles.scss */
.hover-marker .title {
    font-weight: bold;
    margin-bottom: 5px;
}

/* line 576, ../sass/styles.scss */
.hover-marker .content {
    background: none;
    padding-top: 0;
    min-width: 150px;
    min-height: 85px;
}

.panel-default {
    border-color: #C2BABA;
}

.panel-heading {
    background-image: none !important;
    background-color: #efefef !important;
    border: none !important;
}

    /* highlighted panel-heading */
    .panel-heading.highlighted {
        color: #274e75;
        background-color: #C4D3DF;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #E3F4FF), color-stop(100%, #C4D3DF));
        background-image: -webkit-linear-gradient(#E3F4FF, #C4D3DF);
        background-image: -moz-linear-gradient(#E3F4FF, #C4D3DF);
        background-image: -o-linear-gradient(#E3F4FF, #C4D3DF);
        background-image: linear-gradient(#E3F4FF, #C4D3DF);
    }

    /* line 643, ../sass/styles.scss */
    .panel-heading a, .panel-heading {
        font-family: 'Raleway', sans-serif;
        font-weight: 500;
        font-size: 16px;
        color: #515151;
        text-decoration: none;
        display: block;
    }

        /* line 652, ../sass/styles.scss */
        .panel-heading a {
            margin: -10px -15px;
            padding: 10px 15px;
        }

            /* line 657, ../sass/styles.scss */
            .panel-heading a:hover {
                color: #5181b7;
                background-color: #e1ecf7;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                border-radius: 3px;
            }

.panel-body {
    border: none !important;
}

/* line 665, ../sass/styles.scss */
td.positive {
    color: #0aaf1a;
}

/* line 669, ../sass/styles.scss */
td.negative {
    color: #f50017;
}

td.seuil {
    color: #e1962c;
}

/* line 673, ../sass/styles.scss */
.table-bordered > thead > tr > th:first-child {
    border-left: 1px solid transparent !important;
}

.table-bordered > thead > tr > th:last-child {
    border-right: 1px solid transparent !important;
}

.table-bordered > thead > tr > th {
    border-right: 1px solid #ddd !important;
}

.table-bordered > tbody > tr > td {
    border-right: 1px solid #5e91ca !important;
}

.table-bordered > tfoot > tr > td {
    border-right: 1px solid #5e91ca !important;
}

.table-bordered > tbody > tr > td:last-child {
    border-right: 1px solid #ddd !important;
}

.table-bordered > tfoot > tr > td:last-child {
    border-right: 1px solid #ddd !important;
}

table.empty-first-cell tr th:first-child {
    background: transparent !important;
    border-left: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
}

table.empty-first-cell tr th:nth-child(2) {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}

/* line 678, ../sass/styles.scss */
table.empty-first-cell.table-bordered {
    border: 0 none;
}

/* line 682, ../sass/styles.scss */
table tr td {
    vertical-align: middle !important;
}

/* line 690, ../sass/styles.scss */
.panel-body ul {
    margin-left: 25px;
}

/* line 694, ../sass/styles.scss */
.form-horizontal .control-label {
    text-align: left;
}

/* line 698, ../sass/styles.scss */
.footer-submit {
    background: #c5c5c5;
}

.well {
    /*padding: 19px 19px 0 19px !important;*/
    background-image: none !important;
    background-color: #e7e7e7;
    /*border: 1px solid #AAA9A9;*/
    border: none !important;
    -webkit-box-shadow: #b9d3ee 0 -4px;
    -moz-box-shadow: #b9d3ee 0 -4px;
    box-shadow: #b9d3ee 0 -4px;
}

/* line 708, ../sass/styles.scss */
label {
    /*line-height: 1em;*/
    font-weight: normal;
}

.label {
    font-size: 1em;
}

.control-label {
    padding-top: 7px;
}

/* line 712, ../sass/styles.scss */
textarea {
    resize: vertical;
}

/* line 716, ../sass/styles.scss */
.input-euro, .new-sold {
    padding: 7px 0 0 0;
}

/* line 721, ../sass/styles.scss */
/*.map *, .map *:before, .map *:after {
  -webkit-transform: none !important;
}*/

/* line 726, ../sass/styles.scss */
a.add {
    font-size: 14px;
    padding: 0.5em 1.5em;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
    border-radius: 14px;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF4D8CCD', endColorstr='#FF27598D');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d8ccd), color-stop(100%, #3b76b3));
    background: -webkit-linear-gradient(#4d8ccd, #3b76b3);
    background: -moz-linear-gradient(#4d8ccd, #3b76b3);
    background: -o-linear-gradient(#4d8ccd, #3b76b3);
    background: linear-gradient(#4d8ccd, #3b76b3);
    -webkit-box-shadow: #89b3de 0 1px 0 inset;
    -moz-box-shadow: #89b3de 0 1px 0 inset;
    box-shadow: #89b3de 0 1px 0 inset;
    border: 1px solid #3569a0;
    color: white;
    text-shadow: #214a75 0 -1px 0;
    padding: 7px 15px;
    line-height: 1;
}

    a.add:hover {
        text-decoration: none;
        background-color: #3569a0;
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #397fc7), color-stop(100%, #3569a0));
        background: -webkit-linear-gradient(#397fc7, #3569a0);
        background: -moz-linear-gradient(#397fc7, #3569a0);
        background: -o-linear-gradient(#397fc7, #3569a0);
        background: linear-gradient(#397fc7, #3569a0);
    }
    /* line 39, ../../../../../Ruby193/lib/ruby/gems/1.9.1/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
    a.add:active {
        -webkit-box-shadow: #316294 0 1px 2px inset;
        -moz-box-shadow: #316294 0 1px 2px inset;
        box-shadow: #316294 0 1px 2px inset;
    }
    /* line 6, ../../../../../Ruby193/lib/ruby/gems/1.9.1/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
    a.add.disabled, a.add[disabled] {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        opacity: 0.6;
        background: #3b76b3;
        cursor: default;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    /* line 74, ../../../../../Ruby193/lib/ruby/gems/1.9.1/gems/sassy-buttons-0.2.6/stylesheets/_sassy-buttons.sass */
    a.add::-moz-focus-inner {
        padding: 0 !important;
        margin: -1px !important;
    }

/* line 732, ../sass/styles.scss */
.pager button {
    font-size: 12px !important;
    font-size: 5px;
    padding: 0.5em 1.5em;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF4D8CCD', endColorstr='#FF27598D');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d8ccd), color-stop(100%, #3b76b3));
    background: -webkit-linear-gradient(#4d8ccd, #3b76b3);
    background: -moz-linear-gradient(#4d8ccd, #3b76b3);
    background: -o-linear-gradient(#4d8ccd, #3b76b3);
    background: linear-gradient(#4d8ccd, #3b76b3);
    -webkit-box-shadow: #89b3de 0 1px 0 inset;
    -moz-box-shadow: #89b3de 0 1px 0 inset;
    box-shadow: #89b3de 0 1px 0 inset;
    border: 1px solid #3569a0;
    color: white;
    text-shadow: #214a75 0 -1px 0;
    padding: 6px 8px;
    line-height: 1;
}

    /* line 36, ../../../../../Ruby193/lib/ruby/gems/1.9.1/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
    .pager button:hover {
        text-decoration: none;
        background-color: #3569a0;
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #397fc7), color-stop(100%, #3569a0));
        background: -webkit-linear-gradient(#397fc7, #3569a0);
        background: -moz-linear-gradient(#397fc7, #3569a0);
        background: -o-linear-gradient(#397fc7, #3569a0);
        background: linear-gradient(#397fc7, #3569a0);
    }
    /* line 39, ../../../../../Ruby193/lib/ruby/gems/1.9.1/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
    .pager button:active {
        -webkit-box-shadow: #316294 0 1px 2px inset;
        -moz-box-shadow: #316294 0 1px 2px inset;
        box-shadow: #316294 0 1px 2px inset;
    }
    /* line 6, ../../../../../Ruby193/lib/ruby/gems/1.9.1/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
    .pager button.disabled, .pager button[disabled] {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        opacity: 0.6;
        background: #3b76b3;
        cursor: default;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    /* line 74, ../../../../../Ruby193/lib/ruby/gems/1.9.1/gems/sassy-buttons-0.2.6/stylesheets/_sassy-buttons.sass */
    .pager button::-moz-focus-inner {
        padding: 0 !important;
        margin: -1px !important;
    }

    /* line 739, ../sass/styles.scss */
    .pager button:hover, .pager button:focus {
        color: #b7d3f0;
    }

/* line 743, ../sass/styles.scss */
.pager .form-control {
    width: auto;
    display: inline-block;
    padding: 0;
    font-size: 12px;
}

/* line 750, ../sass/styles.scss */
a.delete {
    color: #f50017;
}

/* line 754, ../sass/styles.scss */
.icon-tools {
    width: 75px;
}

/* line 759, ../sass/styles.scss */
#modalFamille1 .modal-dialog, #archive .modal-dialog {
    width: 800px;
}

#report .modal-dialog {
    width: 810px !important;
}

/* line 763, ../sass/styles.scss */
.btn-default.sassy {
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF4D8CCD', endColorstr='#FF27598D');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d8ccd), color-stop(100%, #3372b4));
    background: -webkit-linear-gradient(#4d8ccd, #3372b4);
    background: -moz-linear-gradient(#4d8ccd, #3372b4);
    background: -o-linear-gradient(#4d8ccd, #3372b4);
    background: linear-gradient(#4d8ccd, #3372b4);
    -webkit-box-shadow: #89b3de 0 1px 0 inset;
    -moz-box-shadow: #89b3de 0 1px 0 inset;
    box-shadow: #89b3de 0 1px 0 inset;
    border: 1px solid #2d66a0;
    color: white;
    text-shadow: #214a75 0 -1px 0;
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    width: 100%;
}

    .btn-default.sassy:hover {
        text-decoration: none;
        background-color: #2d66a0;
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #397fc7), color-stop(100%, #2d66a0));
        background: -webkit-linear-gradient(#397fc7, #2d66a0);
        background: -moz-linear-gradient(#397fc7, #2d66a0);
        background: -o-linear-gradient(#397fc7, #2d66a0);
        background: linear-gradient(#397fc7, #2d66a0);
    }
    /* line 39, ../../../../../Ruby193/lib/ruby/gems/1.9.1/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
    .btn-default.sassy:active {
        -webkit-box-shadow: #2a5e94 0 1px 2px inset;
        -moz-box-shadow: #2a5e94 0 1px 2px inset;
        box-shadow: #2a5e94 0 1px 2px inset;
    }
    /* line 6, ../../../../../Ruby193/lib/ruby/gems/1.9.1/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
    .btn-default.sassy.disabled, .btn-default.sassy[disabled] {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        opacity: 0.6;
        background: #3372b4;
        cursor: default;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

/* line 770, ../sass/styles.scss */
tr.text-center > th {
    text-align: center;
}

    /* line 774, ../sass/styles.scss */
    tr.text-center > th.text-left {
        text-align: left;
    }

/* -----------------------FORMULAIRES ----------------------- */
input.txtLogin, input:-webkit-autofill, .form-control:focus {
    background-color: #fff !important;
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    box-shadow: 0 0 0 1000px white inset !important;
}

.pager img, label {
    cursor: pointer;
}

/* line 787, ../sass/styles.scss */
.form-group {
    margin-bottom: 10px;
}

/* line 791, ../sass/styles.scss */
iframe {
    width: 100%;
}

/* line 795, ../sass/styles.scss */
.navbar i {
    width: 20px;
}

/* ---plugin jQuery Multi-Select --- */
.ms-container {
    margin-bottom: 15px;
}

li.ms-optgroup-label:hover {
    color: #08c;
    background-color: #bee1f5;
}

li.ms-elem-selectable.ms-hover,
li.ms-elem-selection:hover {
    cursor: pointer;
    color: #fff !important;
    text-decoration: none;
    background-color: #08c;
}

.select-place {
    margin-top: -2px;
    margin-right: -10px;
    padding: 0.2em 0.5em;
}

    li.ms-elem-selection.ms-hover .select-place,
    li.ms-elem-selection:hover .select-place,
    .select-place:hover {
        z-index: 1050;
        color: #000;
        cursor: default;
        /*background: #fff;*/
    }

li.ms-elem-selection.place1 {
    background-color: #d3bf6e;
}

li.ms-elem-selection.place2 {
    background-color: #0aaf1a;
}

li.ms-elem-selection.place3 {
    background-color: #d9505d;
}

li.ms-elem-selection.place4 {
    background-color: #f0ad4e;
}

li.ms-elem-selection.place5 {
    background-color: #b8d8ab;
}

li.ms-elem-selection.place6 {
    background-color: #346fa3;
}

li.ms-elem-selection.place7 {
    background-color: #a17ae9;
}


#select-all, #deselect-all {
    color: #2a6496;
    text-decoration: underline;
    cursor: pointer;
}
/* --- END jQuery Multi-Select */

/* line 803, ../sass/styles.scss */
.chosen-container {
    width: 100%;
}

/* line 807, ../sass/styles.scss */
select.form-control + .chosen-container.chosen-container-single .chosen-single {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-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;
    background-image: none;
}

    /* line 826, ../sass/styles.scss */
    select.form-control + .chosen-container.chosen-container-single .chosen-single div {
        top: 4px;
        color: #000;
    }

/* line 831, ../sass/styles.scss */
select.form-control + .chosen-container .chosen-drop {
    background-color: #FFF;
    border: 1px solid #CCC;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 2px 0 0;
}

/* line 843, ../sass/styles.scss */
select.form-control + .chosen-container .chosen-search input[type=text] {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid #CCC;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    background-image: none;
}

/* line 862, ../sass/styles.scss */
select.form-control + .chosen-container .chosen-results {
    margin: 2px 0 0;
    padding: 5px 0;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    margin-bottom: 5px;
}

    /* line 872, ../sass/styles.scss */
    select.form-control + .chosen-container .chosen-results li,
    select.form-control + .chosen-container .chosen-results li.active-result {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.428571429;
        color: #333;
        white-space: nowrap;
        background-image: none;
    }

        /* line 885, ../sass/styles.scss */
        select.form-control + .chosen-container .chosen-results li:hover,
        select.form-control + .chosen-container .chosen-results li.active-result:hover,
        select.form-control + .chosen-container .chosen-results li.highlighted {
            color: #FFF;
            text-decoration: none;
            background-color: #428BCA;
            background-image: none;
        }

/* line 892, ../sass/styles.scss */
select.form-control + .chosen-container-multi .chosen-choices {
    display: block;
    width: 100%;
    min-height: 34px;
    padding: 6px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid #CCC;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    background-image: none;
}

    /* line 911, ../sass/styles.scss */
    select.form-control + .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
        height: auto;
        padding: 5px 0;
    }

    /* line 916, ../sass/styles.scss */
    select.form-control + .chosen-container-multi .chosen-choices li.search-choice {
        background-image: none;
        padding: 3px 24px 3px 5px;
        margin: 0 6px 0 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.428571429;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        border: 1px solid #ccc;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        color: #333;
        background-color: #FFF;
        border-color: #CCC;
    }

        /* line 935, ../sass/styles.scss */
        select.form-control + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
            top: 8px;
            right: 6px;
        }

/* line 942, ../sass/styles.scss */
select.form-control + .chosen-container-multi.chosen-container-active .chosen-choices,
select.form-control + .chosen-container.chosen-container-single.chosen-container-active .chosen-single,
select.form-control + .chosen-container .chosen-search input[type=text]:focus {
    border-color: #66AFE9;
    outline: 0;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

/* line 949, ../sass/styles.scss */
select.form-control + .chosen-container-multi .chosen-results li.result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
    background-color: white;
}

/* line 956, ../sass/styles.scss */
td i.fa-bars {
    cursor: move;
}

/* line 960, ../sass/styles.scss */
.over-drop {
    border: 3px dashed #aaa !important;
}

/* line 960, ../sass/styles.scss */
.over-drop-top {
    border-top: 3px dashed #aaa !important;
}

/* line 960, ../sass/styles.scss */
.over-drop-top2 {
    border-top: 3px dashed #aaa !important;
}

/* line 960, ../sass/styles.scss */
.over-drop-bottom {
    border-bottom: 3px dashed #aaa !important;
}

/* line 960, ../sass/styles.scss */
.over-drop-bottom2 {
    border-bottom: 3px dashed #aaa !important;
}

/* line 960, ../sass/styles.scss */
.over-drop-left {
    border-left: 3px dashed #aaa !important;
}

/* line 960, ../sass/styles.scss */
.over-drop-left2 {
    border-left: 3px dashed #aaa !important;
}

/* line 960, ../sass/styles.scss */
.over-drop-right {
    border-right: 3px dashed #aaa !important;
}

/* line 960, ../sass/styles.scss */
.over-drop-right2 {
    border-right: 3px dashed #aaa !important;
}

/* line 964, ../sass/styles.scss */
span.last-update {
    line-height: 30px;
    /*margin-left: 15px;*/
}

/* line 969, ../sass/styles.scss */
.form-control.red {
    border-color: #d9534f;
    color: #d9534f;
}

    /* line 974, ../sass/styles.scss */
    .form-control.red:focus {
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
    }

/* line 978, ../sass/styles.scss */
.form-control.orange {
    border-color: #f0ad4e;
    color: #f0ad4e;
}

    /* line 983, ../sass/styles.scss */
    .form-control.orange:focus {
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(240, 173, 78, 0.6);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(240, 173, 78, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(240, 173, 78, 0.6);
    }

/* line 1001, ../sass/styles.scss */
.delete-tarif {
    position: absolute;
    right: 145px;
    top: 10px;
    cursor: pointer;
}
    /* line 1007, ../sass/styles.scss */
    .delete-tarif:hover {
        color: red;
    }

/* line 1012, ../sass/styles.scss */
.message {
    padding: 10px;
    border-top: 1px dotted silver;
}
    /* line 1016, ../sass/styles.scss */
    .message:last-child {
        border-bottom: 1px dotted silver;
    }
    /* line 1019, ../sass/styles.scss */
    .message:hover {
        background: #f5f5f5;
    }

/* line 1024, ../sass/styles.scss */
.bootstrap-switch-id-simplifiedDisplay {
    margin-bottom: 20px;
}

/* ########################## bouton primary style bleu ######################### */
.btn-primary,
.btn-primary:visited,
.btn-primary:active,
.btn-primary:focus {
    margin-bottom: 4px;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
    border: none !important;
    background-image: none !important;
    background-color: #68a0da !important;
    text-shadow: none !important;
    box-shadow: #346fa3 0 4px !important;
}

    .btn-primary:hover {
        margin-top: 3px;
        margin-bottom: 1px;
        color: #def !important;
        border-bottom: none !important;
        background-color: #5181b7 !important;
        -moz-box-shadow: #b9d3ee 0 -4px !important;
        -webkit-box-shadow: #b9d3ee 0 -4px !important;
        box-shadow: #b9d3ee 0 -4px !important;
    }

    .btn-primary.disabled {
        margin-top: 5px;
        color: #92a6b7 !important;
        background-color: #d0dbe5 !important;
        box-shadow: #b3c4d3 0 1px !important;
        opacity: 1;
    }

.btn.btn-primary.disabled:hover {
    /*margin-bottom: unset !important;*/
    margin-top: 5px !important;
    margin-bottom: 4px !important;
    color: unset;
    -webkit-font-smoothing: antialiased;
    border: none;
    background-image: none;
    background-color: #d0dbe5 !important;
    text-shadow: none;
    -moz-box-shadow: #b3c4d3 0 1px !important;
    -webkit-box-shadow: #b3c4d3 0 1px !important;
    box-shadow: #b3c4d3 0 1px !important;
}

/*.well .btn.btn-primary.disabled:hover {
    margin-bottom: 3px !important;
    margin-top: 0;
    color: unset;
    -webkit-font-smoothing: antialiased;
    border: none;
    background-image: none;
    background-color: #68a0da !important;
    text-shadow: none;
    -moz-box-shadow: #346fa3 0 4px !important;
    -webkit-box-shadow: #346fa3 0 4px !important;
    box-shadow: #346fa3 0 4px !important;
}*/

button.btn.btn-primary.disabled:hover {
    margin-top: -3px;
}

/* cas des boutons dans un header de panel */
.heading .btn-primary:hover {
    -moz-box-shadow: #84a4b2 0 -4px !important;
    -webkit-box-shadow: #84a4b2 0 -4px !important;
    box-shadow: #84a4b2 0 -4px !important;
}

.heading .btn-primary i {
    color: #fff;
}

.heading .btn-primary:hover i {
    color: #def !important;
}

/* cas des boutons dans un puits (well) conteneur de pied de formulaire */
.well .btn-primary:hover,
.well .btn-default:hover {
    -moz-box-shadow: #828282 0 -4px !important;
    -webkit-box-shadow: #828282 0 -4px !important;
    box-shadow: #828282 0 -4px !important;
}



/* ########################## bouton default style bleu ######################### */
#btnLogin, #btnRetourLogin, #btnOubli {
    width: 100%;
}

.btn-default,
.btn-default:visited,
.btn-default:active,
.btn-default:focus {
    margin-bottom: 4px;
    color: #626262;
    text-shadow: none;
    border: none;
    -moz-box-shadow: #828282 0 4px;
    -webkit-box-shadow: #828282 0 4px;
    box-shadow: #828282 0 4px;
    background-image: none;
    background-color: #ccc !important;
}

    .btn-default.active,
    .btn-default:hover {
        margin-top: 4px;
        margin-bottom: 0;
        color: #626262 !important;
        border: none;
        -moz-box-shadow: #b9d3ee 0 -4px;
        -webkit-box-shadow: #b9d3ee 0 -4px;
        box-shadow: #b9d3ee 0 -4px;
        background-image: none;
        background-color: #aaa !important;
    }

.btn-default-contextmenu,
.btn-default-contextmenu:visited,
.btn-default-contextmenu:active,
.btn-default-contextmenu:focus {
    margin-bottom: 2px;
    color: #626262;
    text-shadow: none;
    border: none;
    -moz-box-shadow: #c2c2c2 0 2px;
    -webkit-box-shadow: #c2c2c2 0 2px;
    box-shadow: #c2c2c2 0 2px;
    background-image: none;
    background-color: #ddd !important;
}

    .btn-default-contextmenu:hover {
        margin-top: 2px;
        margin-bottom: 0;
        color: #626262 !important;
        border: none;
        -moz-box-shadow: #b9d3ee 0 -2px;
        -webkit-box-shadow: #b9d3ee 0 -2px;
        box-shadow: #b9d3ee 0 -2px;
        background-image: none;
        background-color: #eee !important;
    }

/* -------------------------btn-danger --------------------- */
.btn-danger,
.btn-danger:visited,
.btn-danger:active,
.btn-danger:focus {
    margin-bottom: 4px;
    color: #fff;
    text-shadow: none;
    border: none;
    -moz-box-shadow: #9b0000 0 4px;
    -webkit-box-shadow: #9b0000 0 4px;
    box-shadow: #9b0000 0 4px;
    background-image: none;
    background-color: #d9534f !important;
}

    .btn-danger:hover {
        margin-top: 4px;
        margin-bottom: 0;
        color: #ddd !important;
        border: none;
        -moz-box-shadow: #b9d3ee 0 -4px;
        -webkit-box-shadow: #b9d3ee 0 -4px;
        box-shadow: #b9d3ee 0 -4px;
        background-image: none;
        background-color: #a33e3e !important;
    }

.btn-info {
    background-color: #0896ba !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#27ccf6", endColorstr="#0796ba");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#27ccf6), to(#0796ba));
    background-image: -moz-linear-gradient(top, #27ccf6, #0796ba);
    background-image: -ms-linear-gradient(top, #27ccf6, #0796ba);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #27ccf6), color-stop(100%, #0796ba));
    background-image: -webkit-linear-gradient(top, #27ccf6, #0796ba);
    background-image: -o-linear-gradient(top, #27ccf6, #0796ba);
    background-image: linear-gradient(#27ccf6, #0796ba);
    border-color: #0796ba #0796ba #0785a4;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.29);
    -webkit-font-smoothing: antialiased;
}

/* -------------------- Bootstrap popover --------------------- */
/* line 1067, ../sass/styles.scss */
#popover-target label {
    margin: 0 5px;
    display: block;
}

/* line 1071, ../sass/styles.scss */
#popover-target input {
    margin-right: 5px;
}

/* line 1075, ../sass/styles.scss */
.popover {
    margin-top: -74px;
    /* adjust popover position */
    z-index: 10000;
}

.grid {
    position: absolute;
    width: 1500px;
    height: 700px;
    z-index: 20000;
    padding: 10px;
}

/* line 1108, ../sass/styles.scss */
.scroll-top, .scroll-bottom {
    position: absolute;
    height: 30px;
    width: 100%;
    background: rgba(50, 50, 50, 0.5);
    z-index: 30000;
}

/* line 1116, ../sass/styles.scss */
.scroll-bottom {
    bottom: 0;
}

/* line 1120, ../sass/styles.scss */
.scroll-left, .scroll-right {
    height: 100%;
    width: 30px;
    position: absolute;
    background: pink;
    opacity: 0.2;
    z-index: 30000;
}

/* line 1129, ../sass/styles.scss */
.scroll-right {
    right: 0;
    top: 0;
}

/* line 1134, ../sass/styles.scss */
.block-grid {
    float: left;
    width: 90px;
    height: 70px;
    margin: 0 10px 10px 0;
}

/* line 1141, ../sass/styles.scss */
.hover-emplacement {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 2px dashed silver;
}

/* PLAN DE MASSE (PM) --------------------------------------------------------------- */

#map {
    padding: 0.5em;
    z-index: 910;
}

/* panneau de légende du plan de masse ------------------------ */
.legende {
    position: absolute;
    z-index: 950;
    top: 10px;
    right: 10px;
    font-size: 1em;
    background-color: rgb(255,255,255);
    border: 1px solid #C2BABA;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .legende.collapsed {
        height: 30px;
        overflow: hidden;
    }

    .legende.expanded {
        height: auto;
    }

    .legende .header {
        margin: 0;
        padding: 8px 15px 9px 15px;
        color: #333;
        font-family: Raleway, sans-serif;
        font-size: 1em;
        background-color: rgb(239,239,239);
        -webkit-border-top-left-radius: 3px;
        border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-top-right-radius: 3px;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

        .legende .header span {
            float: right;
        }

        .legende .header:hover {
            color: #5181b7;
            background-color: #bee1f5;
            cursor: pointer;
        }

    .legende ul {
        margin: 10px;
        list-style-type: none;
    }

        .legende ul li {
            margin: 3px 0;
        }

    .legende span[class^="lbl-"] {
        display: inline-block;
        margin-right: 3px;
        padding-top: 5px;
        border-top: 5px solid #fff;
        height: 3px;
        width: 16px;
        vertical-align: top;
    }

    .legende span.lbl-occupe-soldepos {
        background-color: #0aaf1a;
    }

    .legende span.lbl-occupe-soldeseuil {
        background-color: #f0ad4e;
    }

    .legende span.lbl-occupe-soldeneg {
        background-color: #d9534f;
    }

    .legende span.lbl-libre {
        background-color: #898989;
    }

    .legende span.lbl-entretien {
        background-color: #68a0da;
    }

    .legende span.lbl-hors-service {
        background-color: #797979;
    }
/* Fin panneau de légende du plan de masse */

.wrapper-plan-masse {
    /*position: relative;*/
    margin-bottom: 15px !important;
    height: 100%;
    min-height: 406px;
    background: url('../images/logo-wa3_login.png') #d8d8d8 no-repeat;
    background-position: 2% 98%;
    background-size: 120px;
    border: 1px solid #C2BABA;
}

/* line 1085, ../sass/styles.scss */
.wrapper-plan-masse-conf {
    /*position: relative;*/
    /*overflow: hidden;
  overflow-y: hidden !important;*/
    height: 600px;
}

img.imgPlanMasse {
    z-index: 0;
    width: 100%;
    height: auto;
    /*width: inherit;*/
}

/* objet graphique emplacement -------------------------- */
/* global style */
.emplmntPM {
    /*background: white;*/
    position: absolute;
    font-size: 1em;
    cursor: pointer;
    overflow: hidden;
}

    /* collapsed status */
    .emplmntPM.collapsed {
        z-index: 50;
        width: 33px;
        height: 42px;
        border: 0;
        background-size: cover;
    }

        .emplmntPM.collapsed.occupe.soldePositif {
            color: #0aaf1a;
            background: url('../images/pm-emp-occupe-solde-pos.png') transparent no-repeat 0 0;
        }

        .emplmntPM.collapsed.occupe.soldeNeg {
            color: #d9534f;
            background: url('../images/pm-emp-occupe-solde-neg.png') transparent no-repeat center center;
        }

        .emplmntPM.collapsed.occupe.soldeSeuil {
            color: #f0ad4e;
            background: url('../images/pm-emp-occupe-solde-seuil.png') transparent no-repeat center center;
        }

        .emplmntPM.collapsed.libre {
            color: #898989;
            background: url('../images/pm-emp-libre.png') transparent no-repeat center center;
        }

        .emplmntPM.collapsed.entretien {
            color: #68a0da;
            background: url('../images/pm-emp-entretien.png') transparent no-repeat center center;
        }

    /* expanded status */
    .emplmntPM.expanded {
        /*padding: 3px;*/
        z-index: 100;
        height: 30px;
        width: auto;
        background-image: none;
        background-color: #fff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0 0 17px rgba(7, 7, 7, 0.85), inset 0 0 1px white;
        -moz-box-shadow: 0 0 17px rgba(7, 7, 7, 0.85), inset 0 0 1px white;
        box-shadow: 0 0 17px rgba(7, 7, 7, 0.85), inset 0 0 1px white;
    }

        .emplmntPM.expanded div {
            display: inline-block;
        }

    .emplmntPM.collapsed div {
        display: none;
    }

        .emplmntPM.collapsed div.nomEmplmnt {
            display: inline-block;
            width: 33px;
            margin: 5px auto 0 auto;
            text-align: center;
        }

    .emplmntPM div.iconeEmplmntPM {
        padding: 2px 0 0 3px;
    }

    .emplmntPM div.iconeEmplmntPM,
    .emplmntPM div.nomEmplmnt,
    .emplmntPM div.indic-eau,
    .emplmntPM div.indic-elec {
        vertical-align: top;
        width: 24px;
        height: 24px;
    }

    .emplmntPM div.indic-eau,
    .emplmntPM div.indic-elec {
        width: 24px;
        height: 24px;
    }

        .emplmntPM div.indic-eau i,
        .emplmntPM div.indic-elec i {
            line-height: 24px;
            vertical-align: middle;
        }

    .emplmntPM div.nomEmplmnt {
        padding: 0 5px;
        font-size: 0.8em;
        line-height: 24px;
        text-align: center;
        text-wrap: normal;
        -ms-word-break: break-all;
        word-break: break-all;
        /*Non standard for webkit*/
        word-break: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }

    .emplmntPM.expanded div.nomEmplmnt {
        width: auto !important;
    }

    .emplmntPM.expanded.occupe {
        border: 3px solid transparent;
    }

        .emplmntPM.expanded.occupe.soldeNeg {
            border: 3px solid #d9534f;
        }

        .emplmntPM.expanded.occupe.soldeSeuil {
            border: 3px solid #f0ad4e;
        }

        .emplmntPM.expanded.occupe.soldePositif {
            border: 3px solid #0aaf1a;
        }

    .emplmntPM.expanded.libre {
        border: 3px solid #898989;
    }

    .emplmntPM.expanded.entretien {
        border: 3px solid #68A0DA;
    }

@media screen and (max-width: 1280px) {
    .emplmntPM.occupe.soldeNeg {
        border: 3px solid #d9534f;
    }

    .emplmntPM.occupe.soldeSeuil {
        border: 3px solid #f0ad4e;
    }

    .emplmntPM.occupe.soldePositif {
        border: 3px solid #0aaf1a;
    }
}

/* icones d'état à l'intérieur de l'objet graphique emplacement */
.emplmntPM.libre i.af-icone-emplacement-libre,
.emplmntPM.occupe i.af-icone-emplacement-occupe,
.emplmntPM.entretien i.af-icone-emplacement-entretien,
.emplmntPM.hs i.af-icone-emplacement-hors-service {
    width: 24px;
    height: 24px;
    text-align: center;
    background-color: #fff;
}

.emplmntPM.libre i.af-icone-emplacement-libre {
    color: #898989;
}

.emplmntPM.occupe i.af-icone-emplacement-occupe {
    color: #0aaf1a;
}

.emplmntPM.entretien i.af-icone-emplacement-entretien {
    color: #68A0DA;
}

.emplmntPM.hs i.af-icone-emplacement-hors-service {
    color: #797979;
}


.iconeEmplmntPM {
    font-size: 1.4em;
}

/* icones actionneurs */
.emplmntPM i.af.icone-elec-fermee, .emplmntPM i.af.icone-eau-fermee, .emplmntPM i.af.icone-elec-ouverte, .emplmntPM i.af.icone-eau-ouverte {
    font-size: 1.2em;
}

.emplmntPM i.af.icone-eau-reduc .emplmntPM i.af.icone-elec-reduc{
    font-size: 3.8em;
}

.emplmntPM i.fa.fa-lightbulb-o {
    font-size: 1.5em;
}

/* Blocs d'actions */
.actionsEmplmntLibre,
.actionsEmplmntOccupe,
.actionsEmplmntEntretien {
    /*height: 80px;*/
    padding-left: 2.5em;
}

    .actionsEmplmntLibre a.btn.btn-default,
    .actionsEmplmntOccupe a.btn.btn-default,
    .actionsEmplmntEntretien a.btn.btn-default {
        box-sizing: border-box;
        display: inline-block;
        width: 120px;
        margin: 0.4em auto;
    }

        .actionsEmplmntLibre a.btn.btn-default:hover,
        .actionsEmplmntOccupe a.btn.btn-default:hover,
        .actionsEmplmntEntretien a.btn.btn-default:hover {
            margin-top: 4px;
            margin-bottom: -4px;
        }

/* line 1180, ../sass/styles.scss */
.table.emplacements .tablesorter-filter-row td:nth-child(2) .tablesorter-filter {
    width: 130px;
}

/* line 1184, ../sass/styles.scss */
.dropdown-menu.fix {
    right: 0;
    left: auto;
}

/* line 1189, ../sass/styles.scss */
.invalid {
    border-color: #e9322d !important;
    -moz-box-shadow: 0 0 6px #f8b9b7 !important;
    -webkit-box-shadow: 0 0 6px #f8b9b7 !important;
    box-shadow: 0 0 6px #f8b9b7 !important;
}

/* line 1194, ../sass/styles.scss */
.img-dropdown {
    margin-right: 10px;
}

/* line 1198, ../sass/styles.scss */
.navbar {
    display: none;
}

/* line 1202, ../sass/styles.scss */
.table-responsive {
    border: 0 none;
}

/* line 1206, ../sass/styles.scss */
.header-left {
    width: 27%;
    float: left;
}

/* line 1211, ../sass/styles.scss */
.header-center {
    width: 50%;
    float: left;
}

/* line 1216, ../sass/styles.scss */
.header-right {
    width: 23%;
    float: right;
}

/* line 1221, ../sass/styles.scss */
h2.introuvable {
    font-family: 'Raleway', sans-serif;
}

/* ----------------------Marc's added ------------------------*/
.extrapadding-bottom {
    padding-bottom: 15px !important;
}

.lightgray-background {
    background-color: #fafafa;
}

/* bootstrap modal windows vertical space and scroll fixes */
.modal-dialog {
    margin: 0 auto !important;
}

.modal-open .modal {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-y: scroll;
}

label.disabled {
    color: #9a9e9f;
}

[required="required"], .required {
    font-size: 1.2rem;
    font-weight: bold;
    color: #8A6D3B;
}

/* boutons add et canceladd - ajouter et annuler l'ajout en cours d'un élément de facturation custom */
.btn.add, .btn.add-cancel {
    /*margin-bottom: 5px;*/
    /*line-height: 1.25;*/
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
    border-radius: 14px;
}

/* surcharge du style bootstrap par défaut pour l'iso-fonctionnel v2 */
.has-warning .form-control {
    background-color: #FFEEDD;
}

/* extension du has-warning par défaut de bootstrap | non défini pour les labels */
label.status {
    padding: 0.5em 0; /* on ferre à gauche */
}

label.has-warning, p.has-warning,
.panel-heading .panel-title.has-warning span,
.panel-heading.has-warning a {
    padding: 0.5em; /* le ferrage à gauche se fait à partir du fond */
    color: #8A6D3B;
    background-color: #ffe6ce;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.panel-heading.has-warning {
    border: 1px solid #8A6D3B;
    border-radius: 4px;
}

    .panel-heading.has-warning a:hover {
        background-color: #ffdd9b;
    }

.panel-heading label.has-warning {
    padding: 0.3em 1em !important;
}

.panel-heading .panel-title.has-warning span {
    margin-top: -1.95em;
    padding: 0.6em 2em;
    font-size: 0.7em;
    font-weight: 500;
}

/* extension du has error de bootstrap */
.has-error .form-control {
    background-color: #f2e4de;
}

/* ----------- Responsive TABS jQuery plugin additional styles */
ul.r-tabs-nav li.disabled a.r-tabs-anchor {
    color: #6e6e6e;
    background-color: #cdcdcd;
    cursor: default;
}

/* CARTE */
#carte-aires {
    height: 660px;
}



@media screen and (max-width: 1400px) {
    #carte-aires {
        height: 550px;
    }
}

/* --------------------GESTION > OCCUPATION  -------------------------------- */
#blocDonnees {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 30%;
    height: 100%;
    background-color: #1e1e1e;
    overflow: auto;
}

    #blocDonnees .boutonBascule {
        width: 27px;
        height: 27px;
        font-size: 1.5em;
        line-height: 1.2em;
        color: #333;
        background-color: rgb(195,197,194);
        cursor: pointer;
        border: 1px solid #7e7f7d;
        text-align: center;
    }

    #blocDonnees .conteneurDonnees {
        padding: 0.5em;
        height: auto;
        color: #efefef;
        z-index: 101;
        line-break: normal;
    }

/* ------------------- modales occupation ------------------*/
#tabOccupModalDeplacer .modal-dialog {
    width: 50%;
    margin-left: 25%; /* (100%-width) / 2 */
}

#modalListUsager .modal-header,
#modalListUsager .modal-title {
    cursor: move;
}

#modalListUsager {
    width: unset;
}

/* jquery UI resizable  */
.ui-resizable-e {
    right: 0;
}

.ui-resizable-s {
    bottom: 0;
}

/* ----------------- END modales occupation ----------------*/

ul.listeOccupants {
    margin-top: 0.3em;
    margin-left: 0;
    list-style: none;
}

    ul.listeOccupants li {
        display: inline-block;
        margin-right: 0.5em;
        padding: 0.3em 0.6em;
    }

        ul.listeOccupants li.labelListe {
            padding-left: 0;
        }

        ul.listeOccupants li.respOccupDepl {
            font-weight: 700;
        }

/* Barre d'information pour l'affichage, regroupant des éléments d'information */
#infoRow {
    /*margin: 1em;*/
    line-height: 0.5em;
}

#infobar .label {
    font-size: 1em;
}

.infobar, infobar-timeline {
    display: inline-block;
    padding: 0 1em;
    margin: 0 0.3em;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 30px;
}

.infobar {
    background-color: #ebebeb;
}

.infobar-timeline {
    background-color: #68a0da;
    color: #fff;
    z-index: 100;
}


.infobar-default {
    border-color: #ebebeb;
}

.infobar-danger {
    background-color: #d9534f;
    border-color: #d9534f;
    color: #f2dede;
}

.infobar > div {
    /*display: inline-block;*/
}

.inline-list > * {
    display: inline-block;
}

/* Timeline de la vue d'occupation */
.timeline {
    height: 300px;
}

/* Plan de masse */
#planMassePanelSitu {
    height: 234px;
}

#planMassePanelActions {
    height: auto;
}

/* --------------------GESTION > OCCUPATION > TABLEAU D'OCCUPATIONS -------------------------------- */

tr.hs, tr.hs a {
    color: rgb(175,175,175);
}

    tr.hs .nomEmpl a:hover {
        background: transparent !important;
    }

/* icones générales dans les tableaux */
/*i{
    font-size: 2.1em;
}*/

/* limiter la taille des cellules de drag and drop */
table#tabOccup thead th:first-child,
table#tabOccup tbody td:first-child {
    width: 20px !important;
}

/* icones etat emplacement */
table tbody i.af.icone-emplacement-libre,
table tbody i.af.icone-emplacement-occupe,
table tbody i.af.icone-emplacement-entretien,
table tbody i.af.icone-emplacement-hors-service {
    font-size: 2.1em;
}

table#tabOccup i.af.icone-eau-ouverte,
table#tabOccup i.af.icone-elec-ouverte,
table#tabOccup i.af.icone-eau-fermee,
table#tabOccup i.af.icone-elec-fermee,
table#tabOccup i.fa.fa-lightbulb-o,
table#tabOccup i.fa.fa-question-circle,
table#tabOccup i.af.icone-eau-reduc,
table#tabOccup i.af.icone-elec-reduc {
    font-size: 1.6em;
    padding: 3px;
}



i.af.icone-emplacement-libre {
    color: rgb(130,130,130);
}

i.af.icone-emplacement-occupe {
    color: rgb(10,175,26);
}

i.af.icone-emplacement-entretien {
    color: rgb(104,160,218);
}

i.af.icone-emplacement-hors-service {
    color: rgb(175,175,175);
}


/* ------------------ menu actions emplacement ------------------ */
#tabOccup td.nomEmpl span.caret {
    position: relative;
    top: -10px;
}

#tabOccup td.nomEmpl a,
#tabOccup td.nomEmpl a:link,
#tabOccup td.nomEmpl a:visited,
#tabOccup td.nomEmpl a:active {
    font-weight: 700;
}

    #tabOccup td.nomEmpl a:first-child {
        padding-left: 0.5em;
    }


#tabOccup td.nomEmpl > a:first-child:hover {
    background-color: #fff;
    padding: 0.5em;
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/* tableau d'occupation : bloc conteneur du menu */
.menu-actions ul {
    position: absolute;
    display: none;
    z-index: 10;
    max-width: 400px;
    padding: 0.5em;
    list-style-type: none;
    background-color: #bee1f5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0 3px 4px;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0 3px 4px;
    box-shadow: rgba(0,0,0,0.2) 0 3px 4px;
}

.action-libre ul {
    margin-top: -90px;
}

.action-occupee ul {
    margin-top: -133px;
}

.action-entretien ul {
    margin-top: -90px;
}

.menu-actions ul li {
    display: inline-block;
    padding: 0.3em;
    list-style: none;
}

    .menu-actions ul li a,
    .menu-actions ul li a:link,
    .menu-actions ul li a:visited,
    .menu-actions ul li a:active {
        width: 120px;
        font-weight: 500 !important;
    }

.menu-actions.tabsynth ul {
    margin-top: 0.6em;
}

#tableauSynthese tbody tr td.nom-empl {
    overflow: visible;
}

/* FIN menu actions emplacement ------------------ */

/* Choix des occupants sur emplacement ----------- */
table.tableauoccupant {
    width: 100%;
    margin: 0;
}

table.tableauoccupantdisabled {
    width: 100%;
    margin: 0;
    cursor: not-allowed;
}

table.tableauoccupant:hover td.nomcomplet {
    color: #fff;
}

table.tableauoccupant:hover td.infosoccupant_titre {
    color: #eee;
}

table.tableauoccupantdisabled:hover td.nomcomplet {
    color: #aaa;
}

table.tableauoccupantdisabled:hover td.infosoccupant_titre {
    color: #aaa;
}


td.nomcomplet {
    font-weight: bold;
    text-align: left;
    color: #3F607C;
}

td.infosoccupant_titre {
    font-weight: normal;
    text-align: left;
    font-size: smaller;
    width: 25%;
    color: #aaa;
}

td.infosoccupant {
    font-weight: bold;
    text-align: center;
    font-size: smaller;
    width: 25%;
}

td.infosfamille {
    font-weight: bold;
    text-align: left;
    font-size: smaller;
    width: 25%;
}

table#tabOccup i.af.icone-eau-ouverte,
table#tabOccup i.fa.fa-lightbulb-o {
    color: rgb(10,175,26);
}

table#tabOccup i.af.icone-eau-fermee,
table#tabOccup i.af.icone-elec-fermee {
    color: rgb(245,0,23);
}

table#tabOccup i.af.icone-eau-reduc,
table#tabOccup i.af.icone-elec-reduc {
    color: rgb(245,150,23);
}

    table#tabOccup i.af.icone-eau-fermee.user,
    table#tabOccup i.af.icone-elec-fermee.user {
        color: rgb(0,0,23);
    }

    table#tabOccup i.af.icone-eau-fermee.isma,
    table#tabOccup i.af.icone-elec-fermee.isma,
    table#tabOccup i.af.icone-eau-ouverte.isma,
    table#tabOccup i.fa.fa-lightbulb-o.isma {
        border-color: rgb(0,0,23);
        border-style: solid;
        border-width: medium;
        border-radius: 10%;
        width: 30px;
    }


    .table-scroll {
        max-height: 500px; /* adjust as needed */
        overflow-y: auto;
        overflow-x: auto;
        display: block;
        padding-bottom: 50px;
    }
    .table-scroll table {
        border-collapse: separate;
        border-spacing: 0;
    }

    .table-scroll thead {
        position: sticky;
        top: 0;
        background: white;
        z-index: 10;
        /* makes it look separated */
        border-bottom: 2px solid #dee2e6;
        /* optional nicer effect */
        box-shadow: 0 2px 2px rgba(0,0,0,0.05);
    }



/*a.tabOccAlarme, a.tabOccAlarme:link, a.tabOccAlarme:visited, a.tabOccAlarme:active {
    color: #d9505d;
}

    a.tabOccAlarme:hover {
        color: #ae343F;
}*/

/*a.tabOccAlerteConso, a.tabOccAlerteConso:link, a.tabOccAlerteConso:visited, a.tabOccAlerteConso:active {
    color: #f0ad4e;
}

    a.tabOccAlerteConso:hover {
        color: #f7db41;
}*/

td.periodeDerogation i.fa-square-o,
td.periodeForcage i.fa-square-o {
    color: #9a9e9f;
}

td.periodeDerogation i.fa-check-square-o,
td.periodeForcage i.fa-check-square-o {
    color: #7a7e7f;
}

td.periodeDerogation i.fa-square,
td.periodeForcage i.fa-square {
    color: #ededed;
}

/*td.tempsOccupation i {
  color: #cdcecf;
}

    td.tempsOccupation i.tpsOccupDanger {
  color: #f50017;
}

    td.tempsOccupation i.tpsOccupWarning {
  color: #e1962c;
}

    td.tempsOccupation i.tpsOccupSuccess {
  color: #0aaf1a;
}*/

/* --------------------- GESTION > OCCUPATION > TAB SYNTHESE  -------------------------------------- */
.tabSynthNomResp,
.tabSynthEtatEmpl {
    font-weight: 700;
}

.tabSynthNomResp {
    margin-right: 0.3em;
    clear: left;
}

.tabSynthListOccup {
    list-style: none;
}

    .tabSynthListOccup li {
        display: inline-block;
        padding: 0.3em 0.8em 0.3em 0;
    }

#tableauSynthese table tr.separateurLigne {
    border-bottom: solid #316294 3px;
}

/* --------------------- GESTION > OCCUPATION > TABOCCUP > EMPLACEMENT OCCUPE ---------------------- */
td.cell-header {
    color: #8a8f8d;
    background-color: #e2effd;
}
/* Onglet Situation */
#divSituationActuelle table thead th:first-child,
#divSituationActuelle table tbody td:first-child {
    width: 25% !important;
}

/* surcharge le style bootstrap et donne de la place pour une unité */
.with-unit {
    display: inline;
    width: 90%;
}

.with-unit-4car {
    display: inline;
    width: 72%;
}

.fa.fa-bed.red, .fa.fa-bed.green, .fa.fa-bed.blue, .fa.fa-bed.yellow, .fa.fa-bed.black,
.fa.fa-ban.red, .fa.fa-ban.yellow, .fa.fa-ban.blue, .fa.fa-ban.black,
.fa.fa-check.green, .fa.fa-check.yellow, .fa.fa-check.blue, .fa.fa-check.black,
.fa.fa-times.red, .fa.fa-times.blue, .fa.fa-times.black, .fa.fa-times-circle.red, .fa.fa-times-circle.blue, .fa.fa-times-circle.black,
.fa.fa-commenting.green, .fa.fa-commenting.red, .fa.fa-commenting.yellow, .fa.fa-commenting.blue, .fa.fa-commenting.black,
.fa.fa-exclamation-circle.green, .fa.fa-exclamation-circle.red, .fa.fa-exclamation-circle.yellow, .fa.fa-exclamation-circle.blue, .fa.fa-exclamation-circle.black,
.fa.fa-exclamation.green, .fa.fa-exclamation.red, .fa.fa-exclamation.yellow, .fa.fa-exclamation.blue, .fa.fa-exclamation.black,
.fa.fa-eye-slash.green, .fa.fa-eye-slash.red, .fa.fa-eye-slash.yellow, .fa.fa-eye-slash.blue, .fa.fa-eye-slash.black,
.fa.fa-flag.green, .fa.fa-flag.red, .fa.fa-flag.yellow, .fa.fa-flag.blue, .fa.fa-flag.black,
.fa.fa-gavel.green, .fa.fa-gavel.red, .fa.fa-gavel.yellow, .fa.fa-gavel.blue, .fa.fa-gavel.black,
.fa.fa-lock.red, .fa.fa-lock.yellow, .fa.fa-lock.blue, .fa.fa-lock.black,
.fa.fa-minus-circle.red, .fa.fa-minus-circle.yellow, .fa.fa-minus-circle.blue, .fa.fa-minus-circle.black,
.fa.fa-star.green, .fa.fa-star.red, .fa.fa-star.yellow, .fa.fa-star.blue, .fa.fa-star.black,
.fa.fa-star-o.green, .fa.fa-star-o.red, .fa.fa-star-o.yellow, .fa.fa-star-o.blue, .fa.fa-star-o.black,
.fa.fa-street-view.green, .fa.fa-street-view.red, .fa.fa-street-view.yellow, .fa.fa-street-view.blue, .fa.fa-street-view.black,
.fa.fa-tag.green, .fa.fa-tag.red, .fa.fa-tag.yellow, .fa.fa-tag.blue, .fa.fa-tag.black,
.fa.fa-tags.green, .fa.fa-tags.red, .fa.fa-tags.yellow, .fa.fa-tags.blue, .fa.fa-tags.black,
.fa.fa-times-circle-o.red, .fa.fa-times-circle-o.yellow, .fa.fa-times-circle-o.blue, .fa.fa-times-circle-o.black,
.fa.fa-unlock.green, .fa.fa-unlock.yellow, .fa.fa-unlock.blue, .fa.fa-unlock.black,
.fa.fa-unlock-alt.green, .fa.fa-unlock-alt.yellow, .fa.fa-unlock-alt.blue, .fa.fa-unlock-alt.black,
.fa.fa-user-times.red, .fa.fa-user-times.yellow, .fa.fa-user-times.blue, .fa.fa-user-times.black {
    font-size: 1.5em;
}

.fa.fa-chevron-down.black {
    font-size: 1.2em;
}

.red {
    color: #f50017;
}

.green {
    color: #0aaf1a;
}

.yellow {
    color: #f0ad4e;
}

.blue {
    color: #3569a0;
}

.black {
    color: #333;
}

.rouge-alarme {
    color: #f50017;
}

.force {
    padding: 3px;
    /* background-color : rgb(255,227,0); */
    /* border-radius : 10%; */
    background-image: radial-gradient(rgb(255, 227, 0) 10%, rgba(0,0,0,0));
}

a .rouge-alarme:hover {
    color: #ae343F;
}


.orange-alarme {
    color: #e1962c;
}

a .orange-alarme:hover {
    color: #f7db41;
}

.grey {
    color: #cdcecf;
}

.genre-masculin {
    color: #68A0DA;
}

.genre-feminin {
    color: #eca7c9;
}

.genre-inconnu {
    color: #808080;
}

/* --------------------SUPERVISION > COMPTEURS --------------------*/
#superCompteurs tbody tr td span.label.label-danger {
    margin: 0;
    padding: 0;
    font-size: 100%;
    background: transparent;
}

#superCompteurs tr {
    cursor: default;
}

#superCompteurs tbody tr td span.label.label-danger a,
#superCompteurs tbody tr td span.label.label-danger a:link,
#superCompteurs tbody tr td span.label.label-danger a:visited {
    display: block;
    padding: 0.4em 0.8em;
    color: #fff;
    background: #d9534f;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: #9b0000 0 4px;
    -webkit-box-shadow: #9b0000 0 4px;
    box-shadow: #9b0000 0 4px;
}

    #superCompteurs tbody tr td span.label.label-danger a:hover {
        display: block;
        margin-top: 6px;
        color: #ddd;
        background: #a33e3e;
        text-decoration: none;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: #b9d3ee 0 -4px;
        -webkit-box-shadow: #b9d3ee 0 -4px;
        box-shadow: #b9d3ee 0 -4px;
    }

/* ########## mode édition ########### */
table#superCompteurs th {
    -moz-hyphens: none;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
    -ms-word-break: keep-all;
    word-break: keep-all;
}

td.index-elec-actuel .input-group-addon:first-child,
td.index-eau-actuel .input-group-addon:first-child {
    width: auto;
}

/*td.index-elec-actuel input, 
td.index-eau-actuel input{
    max-width: 80%;
}*/

p.label {
    display: block;
    line-height: 1.2em;
}

    p.label a {
        white-space: normal;
    }

/* #################################### MEDIA QUERIES #################################### */
@media screen and (max-width: 1400px) {
    /* line 1226, ../sass/styles.scss */
    .wrapper {
        width: 95%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 768px) {
    /* responsive helpers */
    .xs-mt15 {
        margin-top: 15px;
    }

    .xs-mb15 {
        margin-bottom: 15px;
    }

    /* line 1230, ../sass/styles.scss */
    table.emplacements .tablesorter-filter-row td:first-child {
        display: none !important;
    }

    /* line 1234, ../sass/styles.scss */
    a.add {
        width: 100%;
    }

    /* line 1236, ../sass/styles.scss */
    .form-group .btn {
        /*margin-top: 10px;*/
    }

    /* line 1240, ../sass/styles.scss */
    .ip-address {
        margin-bottom: 5px;
    }

    .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
        margin-bottom: 0 !important;
        background-image: none !important;
        background-color: #efefef !important;
        -moz-border-radius: 5px 5px 0 0 !important;
        -webkit-border-radius: 5px 5px 0 0 !important;
        border-radius: 5px 5px 0 0 !important;
    }

    /* le tab quand il est en mode compact | surcharge des styles du plugin responsiveTabs */
    .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
        margin-bottom: 0.5em !important;
        color: #5181b7 !important;
        background-image: none !important;
        background-color: #ddd !important;
        -moz-border-radius: 3px !important;
        -webkit-border-radius: 3px !important;
        border-radius: 3px !important;
    }

    /* menu actions format mobile */
    /* on limite sa largeur */
    .menu-actions ul {
        max-width: 220px;
    }

        /* on refait passer les boutons à la verticale */
        .menu-actions ul li {
            display: block;
        }

            /* et tant qu'à faire on leur donne une taille de texte lisible sur mobile */
            .menu-actions ul li a,
            .menu-actions ul li a:link,
            .menu-actions ul li a:visited,
            .menu-actions ul li a:active {
                text-align: center;
                width: 180px;
                font-weight: 500 !important;
                font-size: 1.8em;
            }

    /*.heading.row div:first-child{ 
        width: auto;
        float: none !important; 
    }*/

    /*#ContentPlaceHolderBody_exportUserControl_boutonsExport{
        width: 100%;
        margin: 0.2em auto !important;
        float: none !important;
    }*/

    /* barre d'info tableau d'occupation */
    #infoRow {
        float: none !important;
    }

        #infoRow .infobar {
            width: 100%;
            margin: 0 auto 0.5em auto !important;
            text-align: center;
        }

    td.index-eau-actuel .input-group-addon,
    td.index-eau-actuel input,
    td.index-elec-actuel .input-group-addon,
    td.index-elec-actuel input {
        padding: 0.3em;
    }

    td.index-eau-actuel input,
    td.index-elec-actuel input {
        min-width: 75px;
    }

    table#superCompteurs th {
        word-break: normal;
        hyphens: auto;
    }
}

/* ############################ FORMAT TABLETTE ########################### */
@media screen and (max-width: 1110px) {
    /* line 1247, ../sass/styles.scss */
    .login .main-container {
        padding-top: 0;
    }

    /* line 1251, ../sass/styles.scss */
    .main-container {
        padding-top: 45px;
        padding-bottom: 5px;
    }

    /* marc's action : enlevé .tooltip de la liste */
    header, .submenu, .facettes, .print-export, .r-tabs-state-disabled {
        display: none !important;
    }

    /* line 1260, ../sass/styles.scss */
    .navbar {
        display: block !important;
        margin-bottom: 0 !important;
    }

    /* line 1264, ../sass/styles.scss */
    .nopaddingleft {
        padding-left: 15px !important;
    }

    /* line 1268, ../sass/styles.scss */
    .nopaddingright {
        padding-right: 15px !important;
    }

    /* line 1272, ../sass/styles.scss */
    .nopadding, .input-euro, .new-sold {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* line 1277, ../sass/styles.scss */
    .login .main-window {
        margin: 20px 0;
    }

    /* line 1281, ../sass/styles.scss */
    .p2 {
        padding: 10px;
        /*!important*/
    }

    /* line 1285, ../sass/styles.scss */
    .wrapper {
        width: 100%;
        margin: 0 auto;
    }

    /* line 1287, ../sass/styles.scss */
    .main-window {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
    }

    /* line 1291, ../sass/styles.scss */
    a.add, a.back-button, a.home-button {
        font-size: 14px;
        padding: 0.5em 1.5em;
        display: inline-block;
        cursor: pointer;
        -webkit-border-radius: 14px;
        -moz-border-radius: 14px;
        -ms-border-radius: 14px;
        -o-border-radius: 14px;
        border-radius: 14px;
        *zoom: 1;
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF4D8CCD', endColorstr='#FF27598D');
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d8ccd), color-stop(100%, #3b76b3));
        background: -webkit-linear-gradient(#4d8ccd, #3b76b3);
        background: -moz-linear-gradient(#4d8ccd, #3b76b3);
        background: -o-linear-gradient(#4d8ccd, #3b76b3);
        background: linear-gradient(#4d8ccd, #3b76b3);
        -webkit-box-shadow: #89b3de 0 1px 0 inset;
        -moz-box-shadow: #89b3de 0 1px 0 inset;
        box-shadow: #89b3de 0 1px 0 inset;
        border: 1px solid #3569a0;
        color: white;
        text-shadow: #214a75 0 -1px 0;
        padding: 15px;
        line-height: 1;
        text-align: center;
        font-size: 18px;
    }

        /* line 36, ../../../../../Ruby193/lib/ruby/gems/1.9.1/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
        a.add:hover, a.back-button:hover, a.home-button:hover {
            text-decoration: none;
            background-color: #3569a0;
            background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #397fc7), color-stop(100%, #3569a0));
            background: -webkit-linear-gradient(#397fc7, #3569a0);
            background: -moz-linear-gradient(#397fc7, #3569a0);
            background: -o-linear-gradient(#397fc7, #3569a0);
            background: linear-gradient(#397fc7, #3569a0);
        }
        /* line 39, ../../../../../Ruby193/lib/ruby/gems/1.9.1/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
        a.add:active, a.back-button:active, a.home-button:active {
            -webkit-box-shadow: #316294 0 1px 2px inset;
            -moz-box-shadow: #316294 0 1px 2px inset;
            box-shadow: #316294 0 1px 2px inset;
        }
        /* line 6, ../../../../../Ruby193/lib/ruby/gems/1.9.1/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
        a.add.disabled, a.add[disabled], a.back-button.disabled, a.back-button[disabled], a.home-button.disabled, a.home-button[disabled] {
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            opacity: 0.6;
            background: #3b76b3;
            cursor: default;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }
        /* line 74, ../../../../../Ruby193/lib/ruby/gems/1.9.1/gems/sassy-buttons-0.2.6/stylesheets/_sassy-buttons.sass */
        a.add::-moz-focus-inner, a.back-button::-moz-focus-inner, a.home-button::-moz-focus-inner {
            padding: 0 !important;
            margin: -1px !important;
        }

    /* line 1299, ../sass/styles.scss */
    span.last-update {
        line-height: 30px;
        /*margin-left: 0;*/
    }

    /* line 1304, ../sass/styles.scss */
    button.visible-xs {
        display: block;
        width: 100%;
    }

    /* line 1309, ../sass/styles.scss */
    #select-tarif-sejour {
        margin-bottom: 5px !important;
    }

    /* line 1313, ../sass/styles.scss */
    .ms-container {
        background: none !important;
    }

    /* GESTION > OCCUPATION : La liste des usagers n'est pas utilisable en-dessous du format tablette : on la masque */
    #listeUsagers {
        display: none;
    }


    /* En tactile, PAS d'event hover ! donc faire apparaître les commandes de lignes dans les tableaux */
    .row-actions,
    tr:hover .row-actions {
        visibility: visible;
    }

        .row-actions a {
            font-size: 1em;
            /*padding: 0.3em 1em;
        color: rgb(98,98,98);
        background-color: #ccc;*/
        }

    /*.row-actions a.delete {
        color: #fff;
        background-color: #d9534f;
    }*/
}


@media screen and (max-width: 768px) {
    #resetFilters {
        width: 100%;
        margin-bottom: 15px;
        padding: 0.8em;
        font-size: 1.2em;
        -moz-border-radius: 14px;
        -webkit-border-radius: 14px;
        border-radius: 14px;
    }

    .nps-sm {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 380px) {
    .tiny-w100 {
        width: 100%;
    }

    /* line 1321, ../sass/styles.scss */
    ul.nav-tabs {
        padding-left: 0;
    }
        /* line 1324, ../sass/styles.scss */
        ul.nav-tabs > li {
            float: none;
        }
            /* line 1327, ../sass/styles.scss */
            ul.nav-tabs > li:first-child a {
                border-radius: 4px 4px 0 0;
            }
            /* line 1331, ../sass/styles.scss */
            ul.nav-tabs > li > a {
                margin: 0;
                border-radius: 0;
            }
}

/* ######################## STYLES POUR IMPRESSION ######################## */
@media print {
    /* line 1342, ../sass/styles.scss */
    a:link:after, a:visited:after {
        content: " (" attr(href) ") ";
        display: none;
    }

    /* line 1347, ../sass/styles.scss */
    tr.tablesorter-filter-row, .navbar, header, .submenu, .heading, hr, .visible-print.filtered {
        display: none !important;
    }

    /* line 1351, ../sass/styles.scss */
    table.emplacements tbody tr.used, table.emplacements tbody tr.free, table.emplacements tbody tr.entretien {
        border-top: 2px solid black;
    }

    /* line 1356, ../sass/styles.scss */
    table.emplacements th {
        display: table-cell;
    }

    /* line 1360, ../sass/styles.scss */
    .collapse {
        display: block !important;
        height: auto !important;
    }

    /* line 1365, ../sass/styles.scss */
    input, .panel-default {
        border: 0 none;
        box-shadow: none;
    }

    /* line 1370, ../sass/styles.scss */
    .form-group {
        margin-bottom: 0;
    }

    /* line 1374, ../sass/styles.scss */
    .wrapper, html, body {
        width: 100%;
    }
}
/* ######################## END STYLES POUR IMPRESSION ######################## */


/*
    Classes de l'upload de fichier
*/

div#icons-files-download {
    margin: 0px;
    /*background-color: rgba(203, 203, 203, 0.15);*/
    /*padding: 1em;
    padding-top: 2px;*/
    /*border-radius: 8px;
    border: 1px solid #CBCBCB;*/
    box-sizing: border-box;
}

.Fichier .imageFiles {
    background: url(../Images/glyphicons-37-file.png) center top no-repeat;
    height: 32px;
    /*min-width: 32px;*/
    display: inline-block;
}

.Fichier .nameFile {
    padding-left: 5px;
    cursor: pointer;
}

.Fichier {
    /*background: white;
    border: 1px solid rgba(0, 0, 0, 0.16);*/
    padding: 10px;
    overflow: hidden;
    /*margin: 5px;*/
}

#menuImportation {
    margin-top: 10px;
    margin-bottom: 10px;
}

    #menuImportation > div, #menuImportation > button {
        display: inline-block;
    }

#menuImportLogo {
    margin-top: 10px;
    margin-bottom: 10px;
}

    #menuImportLogo > div, #menuImportLogo > button {
        display: inline-block;
    }

#menuImportSignature {
    margin-top: 10px;
    margin-bottom: 10px;
}

    #menuImportSignature > div, #menuImportSignature > button {
        display: inline-block;
    }
/*

#headImport h4 {
    display: inline-block;
    margin-right: 25px;
}

#headImport {
    width: 100%;
    padding: 5px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.22);
    margin-bottom: 10px;
}

div#fileUploadImages {
    display: inline;
}*/

/*.btnImageModal {
    margin-top: 0 !important;
}*/

div#fileUploadImages-button {
    line-height: 19px !important;
}

div#fileUploadLogo-button, div#fileUploadSignature-button {
    line-height: 19px !important;
}

/*supprimer les flèches des input number html*/
/*input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}*/

/* DESACTIVATION DE LIENS (http://stackoverflow.com/questions/9682082/disabled-dropdown-menu-items-using-twitter-bootstrap) */
/* @marc : ajout de styles complémentaires pour le menu de navigation, tout en conservant ces styles génériques. cf. section Menu de Nav
   */
a.disabled-link,
a.disabled-link:visited,
a.disabled-link:active,
a.disabled-link:hover {
    background-color: #d9d9d9 !important;
    color: #aaa !important;
}




/* div du message emplacement libre sur le plan de masse, manque l'option pour centrer verticalement */
#msgEmplmntLibre {
    display: block;
    margin: 0 auto;
}

/* test pour essayer des trucs pour retablir le tableau de situation actuelle d'un emplacement occupé du plan de masse */
.situationOccupePM {
    margin: 0px !important;
    table-layout: fixed;
}

    .situationOccupePM td {
        padding-bottom: 0px !important;
        overflow: hidden;
        white-space: nowrap;
    }

/* overlay sur la page de connexion pour faire patienter l'utilisateur*/
.modalIndex {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6) 50% 50% repeat;
}

    .modalIndex div {
        position: relative;
        width: 180px;
        height: 64px;
        margin: 0 auto;
        top: 50%;
    }

    .modalIndex i {
        font-size: 2.2em;
        color: #fff;
    }

body.loading {
    overflow: hidden;
}

    body.loading .modalIndex {
        display: block;
    }

.modalArchives {
    height: 880px;
    /*height: 850px; en temps normal */
}

.iframeArchives {
    height: 750px;
}

.tool-window {
    position: fixed;
    top: 10%;
    bottom: 0;
    left: 40%;
    z-index: 10;
    overflow: visible;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    width: 600px;
    height: 370px !important; /* hauteur minimale de la fenêtre - 
    /!\ désactive les contrôles du dessous par recouvrement invisible dans la vue complète si modifié */
    background-color: transparent;
}

.divFamilleDrag.ui-draggable {
    cursor: move;
}

.modal-footerRegie {
    text-align: right;
}

.tooltip-wide .tooltip {
    min-width: 200px;
}

.icone-genre-wide {
    font-size: 1.6em;
}

.separateurLigneSynthese {
    border-top-style: solid;
    border-top-color: #ddd !important;
}

/*TinyMCE*/

.tinymce {
    border: 1px solid;
    border-color: #ccc;
    border-radius: 5px;
    padding: 5px;
}


/* #colsBlock span {display:inline-block; margin-top: 0.5em; } */
#colsBlock span {
    display: inline-block;
}
/* #areasBlock span {display:inline-block; margin-top: 0.5em; } */
#areasBlock span {
    display: inline-block;
}

.dropTarget {
    border: 3px solid transparent;
}

/* objet graphique emplacement paramétrages */
.emplmntPMParam {
    background: white;
    position: absolute;
    padding: 6px;
    font-size: 1em;
    background: url('../images/pm-emp-libre.png') transparent center center no-repeat;
    background-size: contain;
    cursor: pointer;
    width: 42px;
    height: 42px;
}

    .emplmntPMParam div.row {
        margin-top: 5px;
    }

/* tableau situation sur plan de masse emplacements */
.table_situation_pm {
    width: inherit;
}

.fs18px {
    font-size: 18px;
}

.not-underline {
    text-decoration: none !important;
}

.even-row {
    background-color: #efefef !important;
}

.odd-row {
    background-color: #f9f9f9 !important;
}

.phone-number::-webkit-outer-spin-button, .phone-number::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.phone-number[type=number] {
    -moz-appearance: textfield;
}

/* ============================================================================
   Refonte ConsultConso — système de design "Web Accueil".
   Déplacé depuis le <style> inline de ConsultConso.aspx.
   Tout est porté sous .cc-modern pour ne pas fuiter vers les autres pages.
   Police : Inter en tête de pile (à auto-héberger côté projet pour une fidélité
   totale), repli système sinon. Palette bleu / gris / orange + accents vert & violet.
   ============================================================================ */
.cc-modern {
    --cc-navy:#0c2444; --cc-navy2:#16406e;
    --cc-blue:#2f6fe0; --cc-blue2:#2554d6;
    --cc-green:#16a35a; --cc-orange:#e08a10; --cc-purple:#7c4dff; --cc-danger:#e5484d;
    --cc-ink:#1e2d3f; --cc-soft:#64758a; --cc-faint:#9aa8b8;
    --cc-card:#ffffff; --cc-app:#f6f8fb; --cc-line:#dbe2ec; --cc-track:#cfd9e4;
    --cc-shadow:0 2px 6px rgba(15,30,55,.09),0 14px 32px rgba(15,30,55,.16);
    --cc-shadow-hover:0 4px 10px rgba(15,30,55,.12),0 22px 46px rgba(15,30,55,.20);
    --cc-r:16px;
    font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    color:var(--cc-ink); -webkit-font-smoothing:antialiased; letter-spacing:-.005em;
}
.cc-modern .cc-num { font-variant-numeric:tabular-nums; }

/* greeting */
.cc-greet { font-size:15px; color:var(--cc-soft); }
.cc-greet-name { font-size:22px; font-weight:800; margin:2px 0 16px; }

/* info 2x2 */
.cc-info { background:var(--cc-card); border:1px solid var(--cc-line); border-radius:var(--cc-r); box-shadow:var(--cc-shadow); display:grid; grid-template-columns:1fr 1fr; overflow:hidden; }
.cc-info-cell { display:flex; gap:11px; padding:5px 16px; border-top:1px solid var(--cc-line); }
.cc-info-cell:nth-child(-n+2) { border-top:0; }
.cc-info-cell:nth-child(odd) { border-right:1px solid var(--cc-line); }
.cc-info-cell .fa { color:var(--cc-blue); font-size:16px; margin-top:2px; width:18px; text-align:center; flex:0 0 auto; }
.cc-info-cell .cc-lbl { font-size:10.5px; letter-spacing:.04em; text-transform:uppercase; color:var(--cc-faint); font-weight:700; }
.cc-info-cell .cc-val { font-size:13.5px; font-weight:700; margin-top:2px; word-break:break-word; }
/* Mots de liaison a l'interieur d'une valeur en gras (ex. "sur emplacement"). */
.cc-info-cell .cc-val .cc-val-normal { font-weight:400; }

/* Derniere ligne de la carte d'identite : "Etat des fluides" a gauche (memes intitules que les
   autres cellules), derogation a droite. Occupe toute la largeur de la grille (1fr 1fr). */
.cc-info-cell.cc-info-fluides { grid-column:1 / -1; border-right:0; }
/* Memes teintes que precedemment : vert quand la derogation est active, orange sinon. */
.cc-derog-on { color:rgb(10,175,26); font-weight:700; }
.cc-derog-off { color:#e1962c; font-weight:700; }

/* Un compartiment par fluide : nom au-dessus, etat en dessous. */
.cc-fluides-etat { display:flex; align-items:flex-start; flex-wrap:wrap; gap:6px 30px; margin-top:2px; }
.cc-fluide { display:flex; flex-direction:column; gap:1px; }
.cc-fluide .n { font-size:13.5px; font-weight:700; }
.cc-fluide .st { display:inline-flex; align-items:center; gap:6px; font-size:12.5px; color:var(--cc-soft); }
.cc-fluide .st .dot { display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--cc-green); }
.cc-fluide.off .st .dot { background:var(--cc-faint); }
.cc-fluide.reduit .st .dot { background:var(--cc-orange); }
@media (max-width:520px){ .cc-info{ grid-template-columns:1fr; } .cc-info-cell:nth-child(2){ border-top:1px solid var(--cc-line); } .cc-info-cell:nth-child(odd){ border-right:0; } }

/* credit hero */
.cc-hero { position:relative; overflow:hidden; margin:16px 0 4px; border-radius:var(--cc-r); padding:22px; color:#fff;
    background:linear-gradient(135deg,#5f809c 0%,#3f607c 70%); box-shadow:0 10px 26px rgba(63,96,124,.40); }
.cc-hero .cc-wm { position:absolute; right:8px; top:1px; font-size:96px; color:rgba(255,255,255,.13); line-height:1; }
.cc-hero .cc-hero-lbl { font-size:11px; letter-spacing:.14em; text-transform:uppercase; font-weight:800; opacity:.92; }
.cc-hero .cc-hero-val { font-size:28px; font-weight:800; letter-spacing:-.02em; margin:2px 0 14px; }
.cc-hero .cc-hero-val label { margin:0; font-weight:800; }
.cc-hero-actions { display:flex; flex-wrap:wrap; gap:10px; }
.cc-hero-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg,#5f809c 0%,#3f607c 70%);
    color: #ffffff;
    font-weight: 700;
    font-size: 13px;
    border: 0;
    border-radius: 11px;
    padding: 9px 14px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,.14);
    text-decoration: none;
}
/* Le bouton plein est desormais un aplat degrade a libelle blanc : au survol on garde
   le blanc, sinon le libelle passait en bleu fonce sur fond bleu fonce. Le variant .ghost
   et la carte negative reprennent la main plus bas. */
.cc-hero-btn:hover { color:#fff; text-decoration:none; }
.cc-hero-btn:hover:not(.ghost) { filter:brightness(1.08); }
.cc-hero-btn.ghost { background:rgba(255,255,255,.16); color:#fff; box-shadow:none; border:1px solid rgba(255,255,255,.4); }
.cc-hero-btn .fa { font-size:13px; }

/* Ligne "Mettre a jour", entre la carte d'infos et la carte credit.
   Bouton et legende restent cote a cote a toutes les largeurs, mobile compris : nowrap sur
   la ligne, et c'est le TEXTE de la legende qui passe sur plusieurs lignes dans sa propre
   case. Le bouton ne se comprime pas (flex:0 0 auto + nowrap sur son libelle), la legende
   prend ce qui reste.
   min-width:0 est indispensable : sans lui un conteneur flex refuse de descendre sous la
   largeur de son contenu, la legende deborderait au lieu de se replier.
   La marge basse reste a 0, celle de .cc-hero (16px) fait deja l'espacement. */
.cc-maj-row { display:flex; align-items:center; flex-wrap:nowrap; gap:12px; margin:14px 0 0; }
.cc-maj-row .cc-maj-btn { flex:0 0 auto; white-space:nowrap; }
.cc-maj-note { flex:1 1 0; min-width:0; display:flex; align-items:center; gap:8px;
               margin:0; font-size:12px; line-height:1.35; color:var(--cc-soft); }
.cc-maj-note .fa { flex:0 0 auto; color:var(--cc-blue); font-size:14px; }
/* Le texte est lui aussi un element flex : sans min-width:0 il garde sa largeur de contenu
   et deborde au lieu de passer sur deux lignes. C'est la ligne qui fait tenir le repli. */
.cc-maj-note > span { min-width:0; overflow-wrap:anywhere; }

/* Sous 400px le libelle du bouton mange la place de la legende : on resserre le bouton
   plutot que de laisser le texte se reduire a une colonne de deux mots. */
@media (max-width:400px) {
  .cc-maj-row { gap:10px; }
  .cc-maj-row .cc-maj-btn { padding:9px 11px; }
  .cc-maj-note { font-size:11.5px; gap:7px; }
}

/* credit hero : le bleu est le rendu normal. Seul un solde negatif change la couleur
   (classe posee cote serveur, cf. AppliquerCouleurCarteCredit). */
.cc-hero.is-negatif { background:linear-gradient(269deg,#de3244 0%,#3f607c 90%); box-shadow:0 10px 26px rgba(200,53,58,.40); }

/* Le bouton plein reprend la teinte de sa carte, sinon son libelle reste bleu sur fond rouge. */
.cc-hero.is-negatif .cc-hero-btn:not(.ghost),
.cc-hero.is-negatif .cc-hero-btn:not(.ghost):hover { color:#c8353a; }

/* Paiement en ligne : masque tant que "Ajouter du credit" n'a pas ete clique (cf. initPelPromotion). */
.cc-pel-panel.cc-pel-hidden { display:none; }

/* Carte credit : sous-titre, encart de repartition et note de bas de carte.
   L'encart est blanc et pose sur le degrade de la carte, il garde donc les couleurs
   de texte "claires" du reste de la page et non celles de la carte. */
.cc-hero .cc-hero-sub { font-size:13px; line-height:1.45; opacity:.92; max-width:34em; margin:-8px 0 16px; }

/* L'encart de repartition n'a plus de fond blanc : il se fond dans la carte, comme les
   pastilles. Pas de titre, pas de libelle sous les pastilles - l'icone porte le poste et
   la note en bas de carte rappelle lesquels. */
/* Fond blanc PLEIN et non translucide : par transparence, le degrade de la carte transparaissait
   au travers du texte et cernait les glyphes d'un lisere clair.
   margin-top : quand la repartition est affichee, la valeur totale est masquee et le titre
   "Mon credit disponible" se retrouve directement au-dessus de cet encart. */
.cc-hero .cc-repartition { background:#fff; border-radius:14px; padding:16px 10px; margin:16px 0 14px; box-shadow:0 4px 14px rgba(0,0,0,.10); }
.cc-repartition-items { display:flex; flex-wrap:nowrap; }
.cc-repartition-item { display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px; flex:1 1 0; min-width:0; padding:0 6px; }
/* Icone seule, sans pastille, agrandie pour compenser la disparition du rond.
   Bleu plus doux que --cc-blue : sur fond blanc et a cette taille, l'icone doit accompagner
   le montant sans lui voler la vedette. */
.cc-repartition-ic { display:flex; align-items:center; justify-content:center; font-size:40px; line-height:1; color:#5897cb; }
/* font-weight 700 et non 800 : Inter n'est pas auto-heberge (cf. remarque en tete de section),
   la pile retombe sur Segoe UI / system-ui qui n'a pas de graisse 800. Le navigateur la
   SYNTHETISE alors en repassant sur le contour du glyphe, ce qui cerne le montant d'un lisere
   clair. 700 correspond a une vraie graisse Bold, donc pas de contour ajoute. */
.cc-repartition-txt .v { display:block; font-size:18px; font-weight:700; white-space:nowrap; }

/* Pastilles uniformes : icone blanche sur rond gris translucide. Les classes cc-rep-* restent
   utilisees cote serveur pour choisir le glyphe (goutte / eclair / maison). */

/* Les MONTANTS reprennent la classe de seuil calculee par Styles.getDecimalCssClass, la meme
   que le tableau "Ma situation" : positive / seuil (sous le seuil du groupe) / negative.
   Teintes IDENTIQUES a td.positive / td.seuil / td.negative definis plus haut dans ce fichier :
   un meme solde doit s'afficher exactement de la meme couleur dans la carte et dans les
   tableaux de "Ma situation".
   La classe est posee sur .v uniquement (la regle globale ".positive" colorerait sinon toute
   la ligne, libelle compris). */
.cc-repartition-txt .v { color:var(--cc-ink); }
.cc-repartition-txt .v.positive { color:#0aaf1a; }
.cc-repartition-txt .v.seuil { color:#e1962c; }
.cc-repartition-txt .v.negative { color:#f50017; }


/* Ecrans etroits : les trois postes restent sur UNE SEULE ligne, en colonnes.
   La pastille passe au-dessus du libelle (au lieu d'etre a cote) : c'est ce qui permet de
   tenir a trois de front sur un telephone tout en gardant les montants lisibles.
   min-width:0 est indispensable, sinon le min-width:135px du mode large ferait passer les
   postes a la ligne. */
@media (max-width:560px) {
    .cc-hero { padding:16px; }
    .cc-hero .cc-hero-val { font-size:24px; margin:2px 0 12px; }
    .cc-hero .cc-repartition { padding:11px 10px; margin-bottom:12px; }

    /* Meme disposition qu'en grand, simplement resserree pour tenir a trois de front. */
    .cc-hero .cc-repartition { padding:13px 6px; }
    .cc-repartition-item { gap:8px; padding:0 4px; }
    .cc-repartition-ic { font-size:32px; }
    .cc-repartition-txt .v { font-size:15px; }
}

.cc-sec-lbl { font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--cc-faint); font-weight:800; margin:24px 2px 12px; }
.cc-astreinte { display:block; margin-top:14px; font-size:13px; color:var(--cc-soft); font-weight:600; }

/* accordion → rounded cards with icon tiles */
.cc-accordion { margin-top:4px; }
.cc-accordion .panel { position:relative; background:var(--cc-card); border:1px solid var(--cc-line); border-radius:var(--cc-r) !important; box-shadow:var(--cc-shadow); margin-bottom:1px; overflow:hidden; transition:box-shadow .18s ease; }
.cc-accordion .panel:hover { box-shadow:var(--cc-shadow-hover); }
/* Emplacement d'origine de la carte Paiement (marqueur invisible pour le retour animé) */
.cc-pel-slot { display:none; }
.cc-accordion .panel-heading { background:var(--cc-card); border:0; padding:0; }
.cc-accordion .panel-title { margin:0; font-size:inherit; }
.cc-accordion .cc-head { display:flex; align-items:center; gap:13px; padding:15px 16px; text-decoration:none; color:var(--cc-ink); position:relative; }
.cc-accordion .cc-head:hover { text-decoration:none; color:var(--cc-ink); background:var(--cc-app); }
.cc-accordion .cc-head:focus { text-decoration:none; color:var(--cc-ink); }
.cc-accordion .cc-ic { width:40px; height:40px; border-radius:11px; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; }
.cc-accordion .cc-ic .fa { font-size:18px; }
.cc-ic-blue{ background:#e8f0fe; color:#2f6fe0; } .cc-ic-green{ background:#e2f6ec; color:#16a35a; }
.cc-ic-orange{ background:#fdeede; color:#e08a10; } .cc-ic-purple{ background:#efeafe; color:#7c4dff; }
.cc-ic-slate{ background:#eef1f5; color:#64758a; }
.cc-accordion .cc-head-txt { flex:1; min-width:0; }
.cc-accordion .cc-head-txt .t { display:block; font-weight:700; font-size:15px; }
.cc-accordion .cc-head-txt .s { display:block; font-size:12.5px; color:var(--cc-soft); margin-top:1px; }
/* Chevron d'ouverture : caret FontAwesome (\f0da = fa-caret-right), plus lisible que le
   simple guillemet '\203A' utilise auparavant. Il pointe a droite quand la carte est fermee
   et bascule vers le bas a l'ouverture (Bootstrap retire .collapsed sur l'entete ouvert). */
.cc-accordion .cc-head::after { content:'\f0da'; font-family:FontAwesome; font-style:normal; font-weight:normal;
    font-size:26px; line-height:1; color:var(--cc-soft); flex:0 0 auto; margin-right:8px;
    -webkit-font-smoothing:antialiased; transition:transform .2s ease; transform:rotate(0deg); }
.cc-accordion .cc-head:not(.collapsed)::after { transform:rotate(90deg); }
.cc-accordion .panel-body { border-top:1px solid var(--cc-line); }

/* clean up injected bootstrap tables inside the cards */
.cc-modern .panel-body .table { margin-bottom:0; }
.cc-modern .panel-body .table.blue-heading > thead > tr > th { background:#eef4fd; color:var(--cc-soft); border-color:var(--cc-line); font-size:12px; letter-spacing:.02em; }
.cc-modern .panel-body .table > tbody > tr > td,
.cc-modern .panel-body .table > tbody > tr > th { border-color:var(--cc-line); vertical-align:middle; }
.cc-modern .panel-body .table.table-bordered { border-radius:12px; }
.cc-modern .well { background:var(--cc-app); border:1px solid var(--cc-line); border-radius:12px; box-shadow:none; }
.cc-modern .btn-primary { background:var(--cc-blue); border-color:var(--cc-blue); border-radius:10px; font-weight:700; }
.cc-modern .btn-primary:hover { background:var(--cc-blue2); border-color:var(--cc-blue2); }

/* ---- Absence (ex "Je m'absente"), conforme au spec : interrupteur bleu, on = Actif/ouvert ---- */
.cc-abs-intro { font-size:13.5px; color:var(--cc-soft); margin:0 0 16px; }
.cc-abs-row { display:flex; align-items:center; gap:14px; background:var(--cc-card); border:1px solid var(--cc-line); border-radius:var(--cc-r); padding:14px 16px; box-shadow:var(--cc-shadow); }
.cc-abs-row + .cc-abs-row { margin-top:12px; }
.cc-abs-ic { width:48px; height:48px; border-radius:50%; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; color:#fff; }
.cc-abs-ic .fa { font-size:21px; }
.cc-abs-mid { flex:1; }
.cc-abs-mid .n { font-weight:700; font-size:15px; }
.cc-abs-mid .st { font-size:12.5px; color:var(--cc-soft); display:flex; align-items:center; gap:6px; margin-top:2px; }
.cc-abs-mid .st .dot { width:8px; height:8px; border-radius:50%; background:var(--cc-green); }
.cc-abs-row.off .cc-abs-mid .st .dot { background:var(--cc-faint); }
/* Etat 4 (Reduction) : ni ouvert ni ferme, puissance reduite. */
.cc-abs-row.reduit .cc-abs-mid .st .dot { background:var(--cc-orange); }
/* Consigne de l'usager pas encore appliquee par la borne. */
.cc-abs-pending { margin-left:8px; font-size:11px; font-style:italic; color:var(--cc-faint); }
/* Commande indisponible : mode Coupé, ou forçage fait sur la borne. Le voyant d'état garde sa
   couleur — seule la commande s'éteint, l'information reste lisible. */
.cc-abs-verrou-motif { margin-left:8px; font-size:11px; font-style:italic; color:var(--cc-faint); }
.cc-abs-row.cc-abs-verrou .cc-switch { opacity:.45; cursor:not-allowed; }
.cc-abs-row.cc-abs-verrou .cc-switch input { cursor:not-allowed; }
.cc-abs-right { display:flex; flex-direction:column; align-items:flex-end; gap:8px; }
.cc-abs-act { font-size:12.5px; font-weight:700; color:var(--cc-danger); }
.cc-abs-row.off .cc-abs-act { color:var(--cc-green); }
.cc-switch { position:relative; display:inline-block; width:48px; height:27px; flex:0 0 auto; margin:0; cursor:pointer; }
.cc-switch input { position:absolute; inset:0; width:100%; height:100%; opacity:0; margin:0; cursor:pointer; }
.cc-switch .tr { position:absolute; top:0; left:0; right:0; bottom:0; border-radius:999px; background:var(--cc-track); transition:background .2s ease; }
.cc-switch .kn { position:absolute; top:3px; left:3px; width:21px; height:21px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.35); transition:transform .2s ease; }
.cc-switch input:checked ~ .tr { background:var(--cc-blue); }
.cc-switch input:checked ~ .kn { transform:translateX(21px); }
.cc-switch input:focus ~ .tr { box-shadow:0 0 0 3px rgba(47,111,224,.4); }
.cc-abs-banner { display:flex; align-items:center; gap:10px; margin-top:16px; padding:12px 14px; border-radius:12px; font-size:12.5px; color:var(--cc-blue2); background:#eaf1fb; border:1px solid #cfe0f8; }
.cc-abs-banner .fa { color:var(--cc-blue); }

/* ============================================================================
   En-tete bureau ESPACE USAGER (Site.Master, bloc #headerUsager).
   Navigation reduite : quelques liens en ligne, sans les sous-menus du personnel.
   ============================================================================ */
.cc-nav-usager > ul { list-style:none; margin:0; padding:0; display:flex; align-items:center; gap:28px; height:93px; }
.cc-nav-usager > ul > li { display:flex; align-items:center; }
.cc-nav-usager a { display:inline-flex; align-items:center; gap:8px; font-family:Raleway, arial, verdana, sans-serif;
    font-weight:700; font-size:13px; text-transform:uppercase; letter-spacing:.03em; color:#5181B7; text-decoration:none; }
.cc-nav-usager a:hover, .cc-nav-usager a:focus { color:#2554d6; text-decoration:none; }
.cc-nav-usager .fa { font-size:17px; }

/* ============================================================================
   Navbar mobile (visible ≤1110px) — logo Web Accueil + fond #3f607c.
   Classe .cc-navbar ajoutée sur la navbar responsive de Site.Master. Non porté
   sous .cc-modern car la navbar est hors de la zone de contenu de la page.
   ============================================================================ */
/* background-image:none est indispensable : bootstrap-3.5.5-theme.min.css peint un degrade
   (#3c3c3c -> #222) sur .navbar-inverse. Un simple background-color reste dessous et ne se
   voit pas - c'est ce qui laissait la barre grise malgre la couleur declaree ici. */
.cc-navbar.navbar-inverse { background-color:#3f607c; background-image:none; border-color:#35526b; }
.cc-navbar .cc-navbar-brand { display:flex; align-items:center; padding-top:8px; padding-bottom:8px; height:50px; }
.cc-navbar .cc-navbar-logo { height:34px; width:auto; display:block; }
.cc-navbar.navbar-inverse .navbar-toggle { border-color:rgba(255,255,255,.45); }
.cc-navbar.navbar-inverse .navbar-toggle .icon-bar { background-color:#fff; }
.cc-navbar.navbar-inverse .navbar-toggle:hover,
.cc-navbar.navbar-inverse .navbar-toggle:focus { background-color:rgba(255,255,255,.12); }

/* ----------------------------------------------------------------------------
   Vue intermediaire (768px -> 1110px) : garder le menu REPLIE derriere le burger.
   Bootstrap 3 ne replie sa navbar qu'en dessous de 768px, alors que la bascule
   bureau/mobile de l'application se fait a 1110px (cf. @media 1110px plus haut).
   Entre les deux, la navbar mobile s'affichait donc deployee, tous les liens a plat
   contre le bord gauche. On rejoue ici, pour cette plage uniquement, le comportement
   que Bootstrap applique en dessous de 768px.
   Portee limitee a .cc-navbar : les autres navbars de l'application ne changent pas.
   ---------------------------------------------------------------------------- */
@media (min-width:768px) and (max-width:1110px) {
    .cc-navbar .navbar-header { float:none; }
    .cc-navbar .navbar-toggle { display:block; }

    .cc-navbar .navbar-collapse { border-top:1px solid rgba(0,0,0,.15); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1); box-shadow:inset 0 1px 0 rgba(255,255,255,.1); }
    .cc-navbar .navbar-collapse.collapse { display:none !important; height:auto; padding-bottom:15px; overflow:visible !important; }
    .cc-navbar .navbar-collapse.collapse.in { display:block !important; overflow-y:auto !important; }
    .cc-navbar.navbar-fixed-top .navbar-collapse { padding-right:15px; padding-left:15px; max-height:340px; }

    .cc-navbar .navbar-nav { float:none !important; margin:7.5px -15px; }
    .cc-navbar .navbar-nav > li { float:none; }
    .cc-navbar .navbar-nav > li > a { padding-top:10px; padding-bottom:10px; }
    .cc-navbar .navbar-nav.navbar-right { margin-right:-15px; }

    /* Sous-menus a plat dans le menu deplie, comme en dessous de 768px : sinon ils
       s'ouvriraient en pop-up absolu par-dessus le reste du menu. */
    .cc-navbar .navbar-nav .open .dropdown-menu { position:static; float:none; width:auto; margin-top:0; background-color:transparent; border:0; -webkit-box-shadow:none; box-shadow:none; }
    .cc-navbar .navbar-nav .open .dropdown-menu > li > a,
    .cc-navbar .navbar-nav .open .dropdown-menu .dropdown-header { padding:5px 15px 5px 25px; }
    .cc-navbar .navbar-nav .open .dropdown-menu > li > a { line-height:20px; }
    .cc-navbar.navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color:#d9e2ea; }
    .cc-navbar.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    .cc-navbar.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color:#fff; background-color:transparent; }
}

/* ============================================================================
   Confirmations d'encaissement et de solde
   Meme presentation pour les deux, et le code couleur historique conserve :
   bleu #68a0da pour les montants, orange #ea6706 pour le mode de paiement.
   ========================================================================= */
.solder-recap-empl { font-size:15px; color:#68a0da; font-weight:bold; margin-bottom:12px; }
.solder-recap { margin:10px 0; }
.solder-recap-ligne {
    padding:8px 12px; margin-bottom:6px;
    border:1px solid #e1e7ec; border-left:3px solid #68a0da; border-radius:3px;
    background:#f8fafc;
}
.solder-recap-gf { display:block; color:#2c3e50; }
.solder-recap-gf strong { color:#68a0da; font-size:15px; }
.solder-recap-mode { display:block; margin-top:4px; font-size:12px; color:#7b8a99; }
.solder-recap-mode strong { color:#ea6706; font-size:14px; }
.solder-recap-avertissement {
    margin:14px 0 0; padding-top:10px; border-top:1px solid #e8ecef;
    font-size:12.5px; color:#a0522d;
}
.solder-recap-avertissement .fa { margin-right:5px; }

/* Sens du solde — « montant a recuperer » / « montant a restituer ». Mis en
   evidence uniquement dans le recapitulatif : c'est la que la confusion coute
   cher, et l'en-tete du panneau reste inchange. */
.solder-recap-gf .solde-sens { font-weight:bold; color:#2c3e50; }

/* Total de l'encaissement, detache du detail par un filet. */
.solder-recap-total {
    margin:12px 0 0; padding-top:10px; border-top:1px solid #e8ecef;
    font-size:14px; color:#2c3e50;
}
.solder-recap-total strong { color:#68a0da; font-size:16px; }