@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 {
    width: 80vw;
    height: 80vh;
    top: 10vh;
    left: 10vw;
    font-size: 0.9em;
}

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

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

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

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

    #modalMentionsLegales .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.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 {
    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-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;
    }



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