/* Minification failed. Returning unminified contents.
(1569,12): run-time error CSS1030: Expected identifier, found '.'
(1569,22): run-time error CSS1031: Expected selector, found ')'
(1569,22): run-time error CSS1025: Expected comma or open brace, found ')'
(1583,30): run-time error CSS1030: Expected identifier, found '~'
(1583,55): run-time error CSS1031: Expected selector, found ')'
(1583,55): run-time error CSS1025: Expected comma or open brace, found ')'
 */
@font-face {
    font-family: "Open Sans";
    src: url("../fonts/Open_Sans/OpenSans-Regular.eot");
    src: url("../fonts/Open_Sans/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Open_Sans/OpenSans-Regular.woff") format("woff"), url("../fonts/Open_Sans/OpenSans-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans Light";
    src: url("../fonts/Open_Sans/OpenSans-Light.eot");
    src: url("../fonts/Open_Sans/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Open_Sans/OpenSans-Light.woff") format("woff"), url("../fonts/Open_Sans/OpenSans-Light.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans Semi Bold";
    src: url("../fonts/Open_Sans/OpenSans-Semibold.eot");
    src: url("../fonts/Open_Sans/OpenSans-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/Open_Sans/OpenSans-Semibold.woff") format("woff"), url("../fonts/Open_Sans/OpenSans-Semibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

.side_menu-left_arrow {
    float: right;
    height: 8px;
    margin-top: 10px;
}

.navBar {
    border-bottom: 3px solid #1E76E3;
    background-color: #FFFFFF;
    width: 100%;
    height: 103px;
    z-index: 121;
    text-align: center;
}

    .navBar .navBar_item-container {
        max-width: 1170px;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 10px;
    }

    .navBar .navbar_burger-menu, .navBar .navbar_logo, .navBar .navbar_account, .navBar .navbar_account_container {
        display: inline-block;
        *zoom: 1;
        *display: inline;
        cursor: pointer;
    }

    .navBar .navbar_logo {
        height: 55px;
        position: relative;
        top: 19px;
    }

    .navBar .navbar_burger-menu {
        height: 20px;
        float: left;
        position: relative;
        top: 41.5px;
    }

    .navBar .navbar_account_container {
        float: right;
        height: 100%;
    }

        .navBar .navbar_account_container .navbar_account {
            background-color: #F4F5F6;
            padding: 20px 10px 10px 10px;
            height: 100%;
        }

        .navBar .navbar_account_container #profil .navbar_account-icon {
            height: 56px;
        }

        .navBar .navbar_account_container #demande .navbar_account-icon {
            margin-top: 16px;
            height: 40px;
        }

.footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #005499;
    width: 100%;
    height: 56px;
    text-align: center;
}

    .footer .footer_text {
        font-size: 10px;
        color: #25BFFC;
        margin: 0 auto;
        line-height: 56px;
    }

        .footer .footer_text a {
            padding: 0 !important;
            color: #25BFFC;
        }

            .footer .footer_text a:hover {
                text-decoration: none;
                color: #25BFFC;
            }

.bg-breadcrumb {
    background: #1e76e3;
    width: 100%;
    font-size: 12px;
}

.breadcrumb {
    background: #1e76e3;
    border-radius: 0px;
    max-width: 940px;
    margin-bottom: 0px !important;
    margin-left: auto;
    margin-right: auto;
    padding: 8px 10px;
    color: #0ebeff;
    margin-bottom: 5px;
}

    .breadcrumb a {
        color: #0ebeff;
    }

    .breadcrumb .active {
        color: #fff;
    }

    .breadcrumb .home-icon {
        width: 14px;
        height: 14px;
        margin-top: -1px;
    }

    .breadcrumb > li + li::before {
        color: #0ebeff;
    }

    .breadcrumb > li.home + li::before {
        color: #1e76e3 !important;
    }

    .breadcrumb li {
        display: inline-block;
        *zoom: 1;
        *display: inline;
    }

main {
    margin: 0 auto;
    padding-bottom: 20px;
}

.blue_content {
    display: table;
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
    background-color: #f6f6f6;
}

.center {
    margin: 0 auto;
    width: 1000px;
    display: block;
}

.bottom {
    display: inline-table;
    vertical-align: bottom;
}

.no-padding {
    padding: 0px !important;
    margin: 0px !important;
}

.float-right {
    float: right;
}

.contrat-donnees, .contrat-prestations, .contrat-factures, .contrat-synthese, .infos-perso, .infos-perso1, .suivi-livraisons, #tableau-synthese, #suivi-vetements, .saisie-inventaires {
    display: table;
    width: 100%;
    max-width: 1000px;
    margin: 0px auto;
    background-color: #f6f6f6;
    overflow: visible;
}

.column-left, .column-right, .column-left-sm, .column-right-sm {
    font-size: 17px;
    line-height: 28px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    float: left;
    max-width: 470px;
}

    .column-left ul, .column-right ul, .column-left-sm ul, .column-right-sm ul {
        list-style-type: none;
        margin: 0;
        color: #333333;
        padding: 20px 30px;
    }

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

.column-left, .column-right {
    width: 49%;
    padding: 0px 10px;
}

.column-left-sm, .column-right-sm {
    width: 30%;
    margin-bottom: 10px;
}

.block-compte {
    display: table;
    vertical-align: middle;
    background-color: #fff;
    width: 100%;
    max-width: 940px;
    padding: 10px;
    margin: 0 auto;
    height: 70px;
}

    .block-compte button {
        float: right;
        margin-top: 3%;
    }

    .block-compte p {
        display: table-cell;
        vertical-align: middle;
    }

.block-previsions-dotation {
    display: table;
    vertical-align: middle;
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
    height: 70px;
}

    .block-previsions-dotation button {
        float: right;
        margin-top: 3%;
    }

    .block-previsions-dotation p {
        display: table-cell;
        vertical-align: middle;
    }

.k-tabstrip-items .k-item, .k-block, .k-draghandle, .k-inline-block, .k-widget, .k-panelbar .k-tabstrip > .k-content, .k-tabstrip > .k-content, .k-tabstrip-items .k-item {
    box-shadow: none !important;
}

.suivi-tabs .k-tabstrip-items .k-state-default:nth-child(5) .k-link .k-link span, .suivi-tabs .k-tabstrip-items .k-state-default:nth-child(6) .k-link .k-link span {
    /*top: -9px; */
    top: -7px;
    position: relative;
    /* margin-left: 3px; */
    /* display: block; */
    /* text-align: center; */
    float: left;
    /*width: 80px;*/
    width: 120px;
}

.suivi-tabs .k-tabstrip-items .k-state-default:nth-child(2) .k-link .k-link .k-image {
    margin-top: 2px;
}

.suivi-tabs .k-tabstrip-items .k-item .k-image, .suivi-tabs .k-tabstrip-items .k-item .k-sprite {
    /*margin: -3px 7px 0px -6px;*/
    vertical-align: middle;
    display: inline-block;
    float: left;
}

.suivi-tabs .k-tabstrip-items .k-state-default .k-link {
    width: 156px;
    height: 70px;
}

    .suivi-tabs .k-tabstrip-items .k-state-default .k-link .k-link {
        margin-top: 25px;
        height: auto;
        width: auto;
        /* text-align: center; */
    }

#headerimage {
    height: 50px;
    width: 100%;
    background-image: url(/content/img/rld-background.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.content-create {
    width: 940px;
    margin: 0 auto;
}

    .content-create form {
        width: 100%;
        padding: 20px;
    }

        .content-create form .text-content, .content-create form .input-content {
            padding: 0;
        }

    .content-create .button-container-white-right {
        padding: 0;
    }

hr {
    margin-bottom: 0px !important;
    background-color: #fff;
    color: #fff;
    height: 1px;
    border: 0;
}

ul {
    list-style-type: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../img/arrow-select.jpg) !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    background-size: 36px 38px;
    padding-right: 30px !important;
    height: 30px;
}

.inline-block {
    display: inline-block !important;
    *zoom: 1;
    *display: inline;
}

#show-recapitulatif, #hide-porteurs, #show-docs-techniques, #hide-table-factures, #hide-accessoires-vetements, #hide-articles, #show-vetements-synthese, #show-linge-synthese, #show-hygiene-synthese, #show-tapis-synthese, #show-sante-synthese, #show-demandes-synthese, #show-vetements-porteurs, #show-vetements-commande, #show-vetements-stock, #show-vetements-circulation, #show-vetements-perdus, #show-vetements-indicateurs, #show-vetements-export, #show-suivi-livraisons, #show-suivi-reliquats, #hide-liste-porteurs, #hide-calendrier-livraisons, #show-detail-distribution, #hide-synthese-anomalies, #show-liste-prestations, #hide-suivi-prestations, #hide-etat-reserves, #show-suivi-livraisons-hygiene, #show-gestion-porteurs-distrib, #hide-recup-vetements, #hide-historique, #hide-vetements-rendus, #hide-vetements-deteriores, #hide-services-equipes, #hide-exports, #show-demandes-vetements, #hide-demandes-linge, #hide-demandes-hygiene, #hide-recap-prestations {
    display: none;
}

#porteurs, #accessoires-vetements, #articles, #liste-porteurs, #synthese-anomalies, #suivi-prestations, #etat-reserves, #calendrier-livraisons, #recup-vetements, #historique, #vetements-rendus, #vetements-deteriores, #services-equipes, #exports, #show-recap-prestations {
    display: none;
}

.mon-tableau li img {
    margin-right: 3px;
}

.mon-suivi img {
    margin-right: 3px;
}

.k-tabstrip-wrapper {
    width: 100%;
    background-color: #f5f5f5;
    padding: 0;
}

.k-grid .k-selectable {
    cursor: pointer !important;
}

.k-grid tr td {
    text-align: center !important;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
}

.k-grid .k-selectable table tr:hover center {
    cursor: pointer !important;
}

.k-panelbar > li.k-state-default > .k-link, .k-tabstrip-items .k-state-default .k-link {
    color: #fff;
}

.k-autocomplete, .k-button, .k-draghandle, .k-dropdown-wrap, .k-grid-header, .k-grouping-header, .k-header, .k-numeric-wrap, .k-pager-wrap, .k-panelbar .k-tabstrip-items .k-item, .k-progressbar, .k-state-highlight, .k-tabstrip-items .k-item, .k-textbox, .k-toolbar, .km-pane-wrapper > .km-pane > .km-view > .km-content {
    background-image: none !important;
}

    .k-dropdown-wrap.k-state-default {
        border-color: #ccc;
    }

.k-panelbar .k-tabstrip-items .k-link, .k-tabstrip-items .k-link {
    padding: 0px !important;
}

.k-panelbar .k-tabstrip-items .k-item, .k-tabstrip-items .k-item, .k-block, .k-draghandle, .k-inline-block, .k-widget, .k-panelbar .k-tabstrip > .k-content, .k-tabstrip > .k-content, .k-tabstrip-items .k-item {
    border: 0px white !important;
    border-right: 0px solid white !important;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.k-tabstrip-wrapper {
    background-color: #fff;
}

.menu-tabstrip-wrapper {
    background-color: #f5f5f5;
    width: 100%;
    display: block !important;
    height: auto;
    clear: both;
    margin: 0 !important;
    padding: 0 !important;
}

.menu-tabstrip {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 24px !important;
    display: table;
}

    .menu-tabstrip li {
        background-color: #83b0dc !important;
        background-image: none !important;
        color: #fff !important;
        border-radius: 0px !important;
        font-size: 16px;
        line-height: 20px;
        /*padding: 0px 10px !important;*/
        cursor: pointer;
        height: 70px;
        width: 184px;
        text-align: center;
        display: table-cell !important;
        vertical-align: middle !important;
        border-left: 1px solid #fff;
    }

        .menu-tabstrip li:hover {
            background-color: #005499 !important;
        }

li.k-state-active {
    background-color: #005499 !important;
}

    li.k-state-active:before {
        content: url(../img/arrow-down-menu.png) !important;
        display: block;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -10px;
        width: 13px;
        height: 7px;
    }

@media screen\0 {
    li.k-state-active:before {
        margin-top: 45px;
    }
}

.icon-info {
    width: 17px;
    height: 17px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    background-color: #e74c2d;
    border-radius: 50px;
    font-size: 14px;
    color: #fff;
    line-height: 17px;
    text-align: center;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin-left: 5px;
    position: relative;
    z-index: 8;
}

.k-widget.k-dropdown, .k-widget.k-datepicker {
    min-width: 240px;
}

    .k-widget.k-dropdown.k-header {
        padding: 0px !important;
    }

.k-grid {
    font-size: 12px !important;
    width: 100%;
    table-layout: fixed;
}

.k-grid-header {
    border: 1px solid #3498db !important;
    height: 33px !important;
    background-color: #3498db !important;
}

.table-docs .k-grid-header .k-header > .k-link,
.table-docs .k-header,
.k-treemap-title {
    padding: 20px;
}

    .table-docs .k-grid-header .k-header > .k-link a.k-link, .table-docs .k-grid-header .k-header > .k-link span.k-link,
    .table-docs .k-header a.k-link,
    .table-docs .k-header span.k-link,
    .k-treemap-title a.k-link,
    .k-treemap-title span.k-link {
        color: #fff !important;
    }

        .table-docs .k-grid-header .k-header > .k-link a.k-link:hover, .table-docs .k-grid-header .k-header > .k-link span.k-link:hover,
        .table-docs .k-header a.k-link:hover,
        .table-docs .k-header span.k-link:hover,
        .k-treemap-title a.k-link:hover,
        .k-treemap-title span.k-link:hover {
            color: #fff !important;
        }

.k-filter-row th, .k-grid-header th.k-header {
    border: 0px !important;
}

.k-grid-header {
    max-width: 15px;
    /*a.k-link {
        background-image: url('../img/icon-orderby.png') !important;
        background-repeat: no-repeat;
        background-position: right center;
    }

    th.k-header[aria-sort] > a.k-link{
        background-image: none !important;
    }*/
}

    .k-grid-header th.k-header {
        vertical-align: middle;
        text-align: center;
        overflow: visible;
        white-space: normal;
        background-color: #3498db !important;
    }

        .k-grid-header th.k-header > .k-link {
            /* display: table-cell !important; */
            vertical-align: middle !important;
            padding: 4px 3px 6px 0 !important;
            text-align: center;
            width: 100%;
            margin-top: 0px;
            margin-bottom: 0px;
        }

.table-docs {
    background-color: #f6f6f6;
    overflow: hidden;
}

    .table-docs .k-grid td.k-state-selected:hover, .table-docs .k-grid tr.k-state-selected:hover td, .table-docs .k-grid td.k-state-selected:hover, .table-docs .k-grid tr.k-state-selected:hover td {
        background-color: transparent;
    }

    .table-docs .k-header {
        background-image: none !important;
        color: #fff !important;
        padding: 0px;
        width: 20px;
        font-size: 14px;
        background-color: rgba(52, 152, 219, 0) !important;
    }

    .table-docs .k-alt {
        background-color: transparent;
    }

    .table-docs .k-link {
        border: 0px !important;
    }

        .table-docs .k-link:hover {
            color: #005499 !important;
            background-repeat: no-repeat !important;
        }

    .table-docs td {
        border: 1px solid #d6d4d9 !important;
        border: 0px;
    }

    .table-docs col:nth-of-type(odd) {
        background-color: #eaf4fb;
    }

    .table-docs col:nth-of-type(even) {
        background-color: #fff;
    }

    .table-docs .k-grid .k-grid-header tr:hover {
        background-color: #3498db;
    }

    .table-docs .k-grid tr:hover {
        background-color: #d2e4f9;
    }

    .table-docs .k-grid td:hover {
        background-color: transparent;
    }

#documents-techniques.table-docs .k-grid tr:hover {
    background-color: transparent;
}

#documents-techniques.table-docs .k-grid td:hover {
    background-color: #d2e4f9;
}

.k-pager-numbers .k-state-selected {
    color: #005499 !important;
    background-image: none !important;
    border-radius: 0px !important;
    border: 0px !important;
    background: none !important;
}

.k-grid table {
    border-collapse: collapse;
    margin-bottom: 2px;
    /*table-layout:fixed;*/
}

.k-i-arrow-w {
    background-image: url(../img/table-left-1.png) !important;
    background-position: center !important;
    background-size: auto !important;
}

.k-i-seek-w {
    background-image: url(../img/table-left-2.png) !important;
    background-position: center !important;
    background-size: auto !important;
}

.k-i-arrow-e {
    background-image: url(../img/table-right-1.png) !important;
    background-position: center !important;
    background-size: auto !important;
}

.k-i-seek-e {
    background-image: url(../img/table-right-2.png) !important;
    background-position: center !important;
    background-size: auto !important;
}

.k-pager-info {
    display: block;
}

.k-pager-wrap a:hover {
    background: none !important;
}

.k-pager-wrap {
    text-align: center !important;
    display: table;
    margin-left: auto !important;
    margin-right: auto !important;
}

.k-icon, .k-tool-icon, .k-grouping-dropclue, .k-drop-hint, .k-column-menu .k-sprite, .k-grid-mobile .k-resize-handle-inner::before, .k-grid-mobile .k-resize-handle-inner::after, .k-pager-numbers .k-current-page .k-link::after, .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link::after, .k-gantt-views > .k-current-view > .k-link::after {
    background-image: url("../img/spriteorg.png");
    border-color: transparent;
}

.k-icon, k-i-note {
    background-image: url("../img/sprite.png");
    border-color: transparent;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.2), only screen and (min-device-pixel-ratio: 1.2) {
    .k-icon:not(.k-loading),
    .k-grouping-dropclue,
    .k-drop-hint,
    .k-callout,
    .k-tool-icon,
    .k-state-hover .k-tool-icon,
    .k-state-active .k-tool-icon,
    .k-state-active.k-state-hover .k-tool-icon,
    .k-state-selected .k-tool-icon,
    .k-state-selected.k-state-hover .k-tool-icon,
    .k-column-menu .k-sprite,
    .k-mobile-list .k-check:checked,
    .k-mobile-list .k-edit-field [type=checkbox]:checked,
    .k-mobile-list .k-edit-field [type=radio]:checked {
        background-image: url("../img/spriteorg.png");
    }
}

.k-icon, .k-state-disabled .k-icon, .k-column-menu .k-sprite, .k-pager-numbers .k-current-page .k-link::after, .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link::after {
    opacity: 1 !important;
}

    .k-icon.k-i-arrow-60-down {
        background-image: url(/content/img/arrow-select.png) !important;
        background-position: -9px !important;
    }

    .k-icon.k-i-close {
        background-image: url("../img/sprite.png");
    }

span.k-link.k-link-increase .k-icon {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*.k-i-arrow-s {
    height: 36px;
    width: 36px;
    background-position: 0 0 !important;
    background-size: 26px 26px !important;
    background-image: url(../img/arrow-select.jpg) !important;
}*/
.contrat-prestations {
    /*background-color: #eaf4fb !important;*/
    background-color: white !important;
}

.k-i-sort-desc-sm {
    background-position: 0 -32px !important;
}

#table-factures .k-grid-pager {
    display: none;
}

#table-factures tr:FIRST-CHILD + tr + tr + tr, #table-factures tr:FIRST-CHILD + tr + tr + tr + tr, #table-factures tr:FIRST-CHILD + tr + tr + tr + tr + tr {
    display: none;
}

#grid-Open {
    display: none;
}

.k-datepicker {
    padding: 0px !important;
    width: 118px !important;
    /*font-size: 12px !important;*/
}

    .k-datepicker input {
        box-shadow: none !important;
    }

.k-picker-wrap {
    border: 0px !important;
    border: 1px solid #ccc !important;
    /*width: 100px !important;*/
    background-image: url(../img/arrow-select.jpg) !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    padding-left: 6px;
    background-color: #ffffff !important;
}

    .k-picker-wrap:active {
        background-image: none !important;
    }

    .k-picker-wrap:hover {
        /*background-image: none !important;*/
    }

    .k-picker-wrap span {
        /*opacity: 0 !important;*/
    }

#calendrier-livraisons #calendar {
    margin: 0 auto;
    display: block;
}

#table-synthese .k-pager-wrap, #table-synthese-results .k-pager-wrap {
    display: none !important;
}

#table-synthese-results .k-grid-header {
    display: none !important;
}

.date {
    width: 74px !important;
}

.mon-suivi li {
    font-size: 13px !important;
}

.menu-vetements {
    height: 27px;
    width: 29px;
}

.menu-linge-plat {
    height: 17px;
    width: 30px;
}

.menu-hygiene {
    height: 27px;
    width: 16px;
}

.menu-tapis {
    height: 21px;
    width: 29px;
}

.menu-camion {
    height: 19px;
    width: 27px;
}

.menu-sante {
    height: 23px;
    width: 22px;
}

.menu-demandes {
    height: 28px;
    width: 28px;
}

.infos-perso, .infos-perso1 {
    margin-top: 10px;
}

    .infos-perso label {
        width: 33%;
        display: block;
        float: left;
        text-align: right;
        margin-right: 16px;
        padding-top: 5px;
    }

    .infos-perso input {
        width: 33%;
    }

    .infos-perso li {
        margin: 10px 0px;
    }

    .infos-perso1 li {
        font-size: 16px;
    }

    .infos-perso ul {
        margin: 24px 0;
    }

#suivi-livraisons .btn-validate, #suivi-reliquats .btn-validate, #suivi-liste-porteurs .btn-validate {
    position: relative;
    top: 31px;
    /*left: 5px;
        right: 5px;*/
}

.suivi-p {
    background-color: #f5f5f5;
    width: 100%;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    padding: 0px 22px;
    /*box-sizing: padding-box;*/
    margin: 10px 0px 10px 0px;
}

    .suivi-p .suivi-txt {
        color: #f3345d;
        font-weight: bold;
        font-size: 16px;
        margin-right: 10px;
    }

    .suivi-p .suivi-result {
        display: inline-block;
        *zoom: 1;
        *display: inline;
        padding: 0px 16px;
        color: #fff;
        background-color: #f3345d;
        font-size: 21px;
        font-weight: normal;
        margin: 0 12px;
        position: relative;
        top: 4px;
    }

    .suivi-p select {
        width: 160px !important;
        display: inline-block;
        *zoom: 1;
        *display: inline;
        margin-right: 6px;
    }

.porteur-name {
    color: #333333;
    font-weight: bold;
}

.button-group-center {
    margin: 0 auto;
    width: auto;
}

.button-container-white-right, .button-container-grey-right {
    width: 100%;
    padding-right: 20px;
    overflow: auto;
}

.button-container-white-right {
    background-color: white;
    text-align: right;
}

    .button-container-white-right p {
        margin-top: 10px;
        margin-bottom: 0px;
    }

#exports {
    min-height: 180px;
}

.header-grid-toggle {
    background-position: 99% center;
    background-repeat: no-repeat;
    background-image: url("../img/arrow-up.png");
}

    .header-grid-toggle.off {
        background-image: url("../img/arrow-down.png");
    }
button.header-grid-toggle {
    background-image: none;
}

    button.header-grid-toggle.off {
        background-image: none;
    }

.k-state-selected {
    color: black;
}

#multiclientmessage {
    background-color: white;
    border: 1px solid #83b0dc;
    padding: 10px 21px;
    margin: 0px auto 16px auto;
    border-left: 0px;
    border-right: 0px;
    color: #005499;
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
}

    #multiclientmessage #m1 span {
        border: 1px solid #83b0dc;
        padding: 4px 20px;
        border-radius: 4px;
        float: right;
        bottom: 16px;
        position: relative;
        cursor: pointer;
    }

    #multiclientmessage #m2 span {
        width: 20px;
        height: 20px;
        color: transparent;
        position: relative;
        border-radius: 2px;
        cursor: pointer;
        float: right;
        right: 47px;
    }

        #multiclientmessage #m2 span:before, #multiclientmessage #m2 span:after {
            position: absolute;
            top: 9px;
            left: 0px;
            content: '';
            display: block;
            width: 20px;
            height: 2px;
            background-color: #83b0dc;
        }

        #multiclientmessage #m2 span:before {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        #multiclientmessage #m2 span:after {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

#multiclientselector .head-module {
    height: 54px;
}

#multiclientselector .multi-text {
    top: -19px;
}

.k-loading-image {
    background-size: 165px 25px;
    background-position: center bottom 4px;
}

/* BLOCK INFO */
.info_band {
    width: 100%;
    background-color: #f5f5f5;
    min-height: 102px;
}

.info_container {
    width: 920px;
    margin: 0 auto;
    padding-left: 15px;
}

.info_item {
    float: left;
    height: 102px;
    width: 29%;
}

    .info_item:nth-of-type(1) {
        width: 37%;
    }

    .info_item:nth-of-type(3) {
        width: 27%;
    }

    .info_item img {
        float: left;
        position: relative;
    }

    .info_item p {
        color: #746d71;
        font-weight: lighter;
        letter-spacing: -0.5px;
        font-size: 19px;
        padding-left: 8px;
        display: table-cell;
        vertical-align: middle;
        height: 100px;
        line-height: 22px;
    }

        .info_item p span {
            color: #005499;
        }

/* BLOCK MAIN */
.main_content {
    max-width: 900px;
    margin: 0 auto;
}


.main_content_mngUsers {
    margin: 0 auto;
}

.main_item_container {
    float: left;
    position: relative;
    width: 50%;
    padding: 30px;
    height: 280px;
    text-align: center;
    box-sizing: border-box;
}

    .main_item_container:hover {
        transition: all 0.2s;
        cursor: pointer;
        color: #fff;
    }

.block-suivi:hover {
    background-color: #f3345d;
    color: #fff;
}

.block-demandes:hover {
    background-color: #188b05;
    color: #fff;
}

.block-contrat:hover {
    background-color: #005499;
    color: #fff;
}

.block-tableau:hover {
    background-color: #ea6552;
    color: #fff;
}

.block-disabled .circle .block-disabled:hover {
    background-color: #746d71;
}

.main_item_container:hover .circle {
    background-color: #fff;
}

.main_item_container:hover .block-suivi:after {
    border: none !important;
}

.block-suivi:hover .circle {
    background-image: url(../img/icon-suivi-h.png);
}

.block-demandes:hover .circle {
    background-image: url(../img/icon-demandes-h.png);
}

.block-contrat:hover .circle {
    background-image: url(../img/icon-contrat-h.png);
}

.block-tableau:hover .circle {
    background-image: url(../img/icon-tableau-h.png);
}

.block-suivi:after, .block-demandes:after, .block-contrat:after, .block-tableau:after {
    content: '';
    position: absolute;
}

.block-suivi:after {
    bottom: 0px;
    right: 0%;
    width: 11%;
    border-bottom: 2px solid #eceaea;
}

.block-suivi:after {
    height: 18%;
    bottom: 0px;
    right: 0%;
    border-right: 2px solid #eceaea;
}

.block-suivi:hover:after {
    border: 0px !important;
}

.block-demandes:after {
    bottom: 0px;
    left: 0%;
    width: 11%;
    border-bottom: 2px solid #eceaea;
}

.block-demandes:hover:after {
    border: 0px !important;
}

.block-contrat:after {
    top: 0px;
    right: 0%;
    height: 18%;
    border-right: 2px solid #eceaea;
}

.block-contrat:hover:after {
    border: 0px !important;
}

.circle {
    width: 100px;
    height: 100px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 52px 50px;
}

.block-suivi .circle {
    background-color: #f3345d;
    background-image: url(../img/icon-suivi.png);
}

.block-demandes .circle {
    background-color: #188b05;
    background-image: url(../img/icon-demandes.png);
    background-size: 38px 50px;
}

.block-contrat .circle {
    background-color: #005499;
    background-image: url(../img/icon-contrat.png);
    background-position: 30% 45%;
}

.block-tableau .circle {
    background-color: #ea6552;
    background-image: url(../img/icon-tableau.png);
}

.main_item-title {
    font-size: 26px;
    color: #333;
    margin: 20px 0px 10px 0px;
    font-weight: normal;
}

.main_item_text {
    font-size: 16px;
    line-height: 20px;
    color: #746d71;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}

.main_item_container:hover .main_item-title {
    color: #fff;
}

.main_item_container:hover .main_item_text {
    color: #fff;
}

img.info_livraison {
    height: 37px;
    top: 34px;
    padding-left: 5px;
}

img.info_demande {
    height: 40px;
    top: 29.14286px;
    padding-left: 10px;
}

img.info_facture {
    height: 38px;
    top: 34px;
    padding-left: 5px;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 70%;
    margin: auto;
}

.block-disabled .circle,
.block-disabled:hover {
    background-color: #746d71;
}

/* SLIDER */
.slider_container {
    max-width: 1170px;
    margin: 0 auto;
    clear: both;
}

    .slider_container .container {
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 100% !important;
    }

.carousel-control.left, .carousel-control.right {
    background-image: none !important;
    height: 73px !important;
    width: 28px !important;
}

span.sr-only {
    position: relative !important;
    display: block;
    height: 71px !important;
    width: 28px !important;
    top: 160px;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    width: 100% !important;
}

.carousel-control {
    width: 9% !important;
}

.left span {
    background-image: url(../img/arrow-left.png);
    left: 20px;
}

    .left span:hover {
        background-image: url(../img/arrow-left-h.png);
    }

.right span {
    background-image: url(../img/arrow-right.png);
    right: 20px;
}

    .right span:hover {
        background-image: url(../img/arrow-right-h.png);
    }

.carousel-caption {
    top: 10px !important;
    text-shadow: none !important;
    z-index: 8 !important;
    left: 11% !important;
    padding-bottom: 10px !important;
    padding-top: 5px !important;
    right: 11% !important;
    text-align: left !important;
    color: white;
}

    .carousel-caption h3 {
        font-size: 55px !important;
        font-weight: lighter !important;
        line-height: 55px !important;
    }

    .carousel-caption p {
        font-size: 22px !important;
    }

.carousel-control {
    opacity: 1 !important;
}

.carousel-indicators {
    bottom: 5px !important;
    z-index: 8 !important;
}

    .carousel-indicators li {
        background-color: #fff !important;
        border: none !important;
        border-radius: 0px !important;
        height: 2px !important;
        width: 40px !important;
        z-index: 8 !important;
    }

        .carousel-indicators li:hover, .carousel-indicators li:focus {
            background-color: #f3345d !important;
        }

    .carousel-indicators .active {
        background-color: #f3345d !important;
        height: 2px !important;
        width: 40px !important;
    }

.item {
    width: 100%;
    max-width: 1170px;
    height: 327px;
    display: block;
    background-size: cover;
    background-position: center;
}

.slide-1 {
    background-image: url(../img/slide-1.jpg);
}

.slide-2 {
    background-image: url(../img/slide-2.jpg);
}

.slide-3 {
    background-image: url(../img/slide-3.jpg);
}

.slide-4 {
    background-image: url(../img/slide-4.jpg);
}

.slide-5 {
    background-image: url(../img/slide-5.jpg);
}

.slide-6 {
    background-image: url(../img/slide-6.jpg);
}

.barActus-carousel {
    visibility: hidden;
    background-color: rgba(0, 84, 153, 0.7);
    height: 78px;
    line-height: 78px;
    position: absolute;
    z-index: 5;
    width: 100%;
    top: 0;
}

    .barActus-carousel p {
        text-transform: uppercase;
        color: white;
        padding-left: 100px;
        margin-bottom: 0;
    }

.carousel-inner > .item.displayBar > .carousel-caption {
    margin-top: 70px;
}

.actu-btn {
    text-align: right;
    padding-right: 100px;
}

    .actu-btn a {
        background-color: #005499;
        color: #FFF;
        border: none;
        padding: 6px 20px;
    }

        .actu-btn a:hover,
        .actu-btn a:focus {
            background-color: #005499;
            color: #FFF;
            border: none;
        }

@media (max-width: 480px) {
    .actu-btn {
        text-align: center;
        padding-right: 0;
    }

    .barActus-carousel p {
        text-transform: uppercase;
        height: 100%;
        display: block;
        color: white;
        text-align: center;
        padding-left: 0;
    }
}

.item.displayBar .carousel-caption h3 {
    margin-top: 0px;
    font-size: 40px !important;
    line-height: 40px !important;
}

.item.displayBar .carousel-caption p {
    font-size: 20px !important;
}

.item.displayBar .carousel-caption .btnSeeMore {
    visibility: hidden;
    border: 1px solid #25BFFC;
    color: #25BFFC;
    padding: 2px 12px 2px 12px;
}

    .item.displayBar .carousel-caption .btnSeeMore:hover {
        background: #005499;
    }

.date-caption {
    visibility: hidden;
    color: #369ff6;
}

.displayBar {
    visibility: visible !important;
}

.error-message {
    color: #e31e1e;
    padding-top: 10px;
    display: block;
    clear: both;
    width: auto;
}

span.error-img {
    background-image: url(../img/form-error.png);
    background-size: cover;
    height: 20px;
    width: 20px;
    display: inline-block;
    *zoom: 1;
    position: relative;
    font-size: 0px !important;
    left: 10px;
}

span:has(+ .error-img),
input.error-img,
span:has(> .error-img),
div:has(+ .error-img),
.error-img,
.input-validation-error,
.input-validation-error > span,
input:has(+ .field-validation-error),
div:has(> .field-validation-error) .k-editable-area,
.k-widget:has(+ .field-validation-error)
{
    border-color: red !important;
}

.k-widget.k-upload-empty:has(~ .field-validation-error), .k-widget.k-upload-empty:has(~ div>.field-validation-error) {
    border: solid 1px red !important;
}

span.error-img strong {
    display: none;
}

span.error-img-multiselect {
    background-image: url(../img/form-error.png);
    background-size: cover;
    height: 20px;
    width: 20px;
    display: inline-block;
    *zoom: 1;
    position: relative;
    font-size: 0px !important;
    left: 175px;
    vertical-align: text-top;
}


span.error-img-multiselect-validator {
    background-image: url(../img/form-error.png);
    background-size: cover;
    height: 20px;
    width: 20px;
    display: inline-block;
    *zoom: 1;
    position: relative;
    font-size: 0px !important;
    left: 430px;
    vertical-align: text-top;
    bottom: 35px;
}

    span.error-img-multiselect strong {
        display: none;
    }

div.success-img {
    background-image: url(../img/form-check.png);
    background-size: cover;
    height: 20px;
    width: 30px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    position: relative;
    top: 5px;
    left: 10px;
}

.login_content {
    height: 100%;
    width: 100%;
}

    .login_content .form_item-container {
        width: 360px;
        display: block;
        margin: 0 auto;
        padding-left: 35px;
    }

    .login_content .input-email, .login_content .input-password {
        max-width: 294px;
    }

    .login_content .input-email, .login_content .input-password, .login_content .verif-new-password {
        display: inline-block;
        *zoom: 1;
        *display: inline;
    }

    .login_content .input-email, .login_content label.reset {
        margin-top: 3%;
        margin-bottom: 30px;
    }

    .login_content a.lost-password {
        margin-top: 25px;
        margin-bottom: 10px;
        display: block;
        color: #1e76e3;
        font-size: 18px;
        font-weight: lighter;
        text-decoration: underline;
    }

    .login_content .remember {
        margin-bottom: 50px;
        display: block;
        color: #233140;
        font-size: 16px;
        line-height: 20px;
    }

.button-container {
    width: 100%;
    height: 60px;
    display: table;
    vertical-align: middle;
    background-color: #d5d2d2;
}

    .button-container .btn-signin, .button-container .btn-reset {
        background-color: #1e76e3 !important;
        margin: 12px auto;
        display: inline-block;
        *zoom: 1;
        *display: inline;
        font-size: 18px;
        max-width: 120px !important;
        padding: 4px 0px 4px 0px;
        display: block;
        border-radius: 3px !important;
    }

.login-head {
    width: 100%;
    height: 138px;
    margin-bottom: 30px;
    background-image: url(../img/bg-welcome-login.jpg);
    background-color: #005499;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.inner-welcome {
    width: 454px;
    display: block;
    top: 35%;
    margin: 0 auto;
    position: relative;
    height: 46px;
}

    .inner-welcome p {
        font-size: 24px;
        color: #fff;
        margin: 3px 0 0 22px;
        display: inline-block;
        *zoom: 1;
        *display: inline;
    }

    .inner-welcome .circle {
        width: 46px;
        height: 46px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        margin-right: 10px;
        background-size: 28px 30px;
        background-repeat: no-repeat;
        background-color: #fff;
        background-position: center;
        background-image: url(../img/icon-modifier-femme-2.png);
        float: left;
        display: block;
    }

.modal-content {
    color: #005499;
    padding: 20px;
    border-radius: 0px;
    font-weight: bold;
    font-size: 16px;
    border: 1px solid #005499;
    box-shadow: none;
    text-align: center;
    height: auto;
    overflow: auto;
}

    .modal-content:after {
        clear: both;
        content: "";
        display: table;
    }

    .modal-content ul {
        padding: 0;
    }

    .modal-content .button-group-center {
        max-width: 255px;
    }

.modal-dialog {
    margin: 20% auto;
}

.modal-md {
    width: 400px;
}

.modal-sm {
    width: 320px !important;
}

.inner-password {
    width: 600px;
    display: block;
    top: 20%;
    margin: 0 auto;
    position: relative;
    height: 46px;
}

    .inner-password p {
        font-size: 20px;
        color: #fff;
        display: inline-block;
        text-align: center;
    }

.input-email {
    margin-bottom: 30px;
}

.verif-new-password {
    margin-top: 30px;
    margin-bottom: 50px;
    max-width: 294px;
}

.form_item-container {
    max-width: 400px;
    margin: 0 auto;
}

#indicateurs-gauge {
    background-color: #f5f5f5;
    width: 100%;
}

    #indicateurs-gauge p {
        font-size: 24px;
        color: #333333;
        text-align: center;
        padding: 15px 0px;
    }

        #indicateurs-gauge p span {
            color: #ff4c36;
            font-size: 42px;
            font-weight: 600;
            position: relative;
            top: 5px;
        }

    #indicateurs-gauge ul {
        padding-bottom: 30px;
    }

    #indicateurs-gauge li {
        border: 10px solid #ebebeb;
        height: 140px;
        margin: 0px 8px;
        width: 250px;
        display: inline-block;
        background-color: #ffffff;
    }

        #indicateurs-gauge li .txt-taux {
            font-size: 16px;
            color: #333333;
            width: 44%;
            float: left;
            padding: 26px 10px 0 25px;
        }

.charts-block {
    width: 950px;
    height: 300px;
}

.charts-p {
    color: #f3345d;
    display: inline;
    position: relative;
    top: -30px;
    right: -34px;
    font-weight: bold;
    font-size: 16px;
}

    .charts-p span {
        display: inline-block;
        padding: 2px 8px;
        color: #fff;
        background-color: #f3345d;
        font-size: 28px;
        font-weight: normal;
        margin: 0 12px;
        position: relative;
        top: 8px;
    }

#lines-vetements-synthese, #lines-vetements-porteurs, #lines-vetements-circulation, #lines-vetements-commande, #lines-vetements-stock, #lines-vetements-perdus, #lines-linge-synthese, #lines-hygiene-synthese, #lines-tapis-synthese, #lines-sante-synthese, #lines-demandes-synthese {
    display: none;
}

.charts-container .input-group {
    margin: 15px 0px;
}

#vetements-porteurs, #vetements-circulation, #vetements-commande, #vetements-stock, #vetements-perdus {
    margin-bottom: 30px;
}

.radio {
    display: table-cell;
    vertical-align: middle;
}

    .radio label {
        cursor: pointer;
        padding-left: 25px;
        display: table-cell;
        vertical-align: middle;
    }

    .radio input[type=radio],
    .radio input[type=checkbox] {
        display: none;
    }

    .radio label:before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 10px;
        position: absolute;
        border: 1px solid #005499;
        left: 0;
        bottom: 1px;
        background-color: #fff;
    }

    .radio label:before {
        border-radius: 8px;
    }

    .radio .checkbox label {
        margin-bottom: 10px;
    }

        .radio .checkbox label:before {
            border-radius: 3px;
        }

    .radio input[type=radio]:checked + label:before {
        content: "\2022";
        color: #005499;
        font-size: 40px;
        text-align: center;
        line-height: 14px;
    }

    .radio input[type=checkbox]:checked + label:before {
        content: "\2713";
        font-size: 15px;
        color: #005499;
        text-align: center;
        line-height: 15px;
    }

.mon-tableau .k-content {
    overflow-y: hidden !important;
}

.k-configMngusers {
    overflow-y: visible !important;
    height: 62px;
}



.GaugeMeter {
    position: Relative;
    text-align: Center;
    overflow: Hidden;
    cursor: Default;
    display: inline-block;
}

    .GaugeMeter SPAN, .GaugeMeter B {
        width: 54%;
        position: Absolute;
        text-align: Center;
        display: Inline-Block;
        font-size: 50px !important;
        color: #ff4c36 !important;
        font-weight: 100;
        overflow: Hidden;
        white-space: NoWrap;
        text-overflow: Ellipsis;
        margin: 0 23%;
    }

    .GaugeMeter[data-style="Semi"] B {
        width: 80%;
        margin: 0 10%;
    }

    .GaugeMeter S, .GaugeMeter U {
        text-decoration: None;
        font-size: .60em;
        font-weight: 200;
        opacity: .6;
    }

    .GaugeMeter B {
        color: #000;
        font-weight: 200;
        opacity: .8;
    }

/*general styles for all CSS Checkboxes*/
label {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type=checkbox].css-checkbox {
    position: absolute;
    overflow: hidden;
    margin: 8px;
    opacity: 0;
    padding: 0;
    border: 0;
}

    input[type=checkbox].css-checkbox + label.css-label {
        padding-left: 38px;
        height: 28px;
        display: inline-block;
        line-height: 28px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 16px;
        vertical-align: middle;
        cursor: pointer;
    }

    input[type=checkbox].css-checkbox:checked + label.css-label {
        background-position: 0 -28px;
    }

.lite-x-gray {
    background-image: url(../img/checkbox.png);
}

input[type=checkbox].css-checkbox.med + label.css-label.med {
    padding-left: 22px;
    height: 17px;
    display: inline-block;
    line-height: 17px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 28px;
    vertical-align: middle;
    cursor: pointer;
}

input[type=checkbox].css-checkbox.med:checked + label.css-label.med {
    background-position: 0 -17px;
}

input[type=checkbox].css-checkbox.sme + label.css-label.sme {
    padding-left: 22px;
    height: 16px;
    display: inline-block;
    line-height: 16px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 28px;
    vertical-align: middle;
    cursor: pointer;
}

input[type=checkbox].css-checkbox.sme:checked + label.css-label.sme {
    background-position: 0 -16px;
}

input[type=checkbox].css-checkbox.lrg + label.css-label.lrg {
    padding-left: 22px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 28px;
    vertical-align: middle;
    cursor: pointer;
}

input[type=checkbox].css-checkbox.lrg:checked + label.css-label.lrg {
    background-position: 0 -20px;
}

#vetements-export {
    padding-top: 30px;
}

    #vetements-export li {
        width: 32%;
        display: inline-block;
    }

    #vetements-export label {
        margin-bottom: 10px;
    }

#faq-head {
    width: 100%;
    height: 50px;
    background: url(../img/bg-top.jpg) center no-repeat #f5f5f5;
}

.panel-heading {
    border: none;
    padding: 16px 15px;
}

.panel {
    box-shadow: none;
    margin-bottom: 0 !important;
    background: #f6f6f6;
}

.panel-default {
    border: none;
}

    .panel-default p {
        padding: 20px;
    }

.collapse.in {
    background: #ffffff !important;
    box-sizing: border-box;
    color: #333333;
}

#accordion {
    max-width: 940px !important;
    display: block;
    margin: 0 auto;
}

.faq a {
    color: #1e76e3;
    font-weight: bold;
}

    .faq a:after {
        content: url(../img/arrow-down.png);
        height: 8px;
        float: right;
        margin-top: 5px;
    }

.modal_background {
    height: 100%;
    width: 100%;
    background-color: black;
    filter: alpha(opacity=50);
    opacity: 0.5;
    position: absolute;
    z-index: 101;
}

.menu_close {
    height: 35px;
    width: 35px;
    cursor: pointer;
}

.side_menu-left {
    width: 360px;
    height: 100%;
    background-color: #FEFFFF;
    position: absolute;
    z-index: 102;
    overflow: auto;
}

    .side_menu-left #sideleftClose {
        margin: 31px 39px;
    }

    .side_menu-left .last-item {
        border-bottom: 1px solid #CCCFD2;
    }

    .side_menu-left .side_menu-left_item {
        width: 100%;
        min-height: 45px;
        border-top: 1px solid #CCCFD2;
        background-color: #FEFFFF;
        padding: 10px 20px;
        cursor: pointer;
    }

        .side_menu-left .side_menu-left_item #left-icon-1 {
            height: 22px;
        }

        .side_menu-left .side_menu-left_item #left-icon-2 {
            height: 30px;
            margin-left: 22px;
        }

        .side_menu-left .side_menu-left_item #left-icon-3 {
            height: 26px;
            margin-left: 13px;
            margin-right: 12px;
        }

        .side_menu-left .side_menu-left_item #left-icon-4 {
            height: 26px;
            margin-right: 7px;
        }

        .side_menu-left .side_menu-left_item #left-icon-5 {
            height: 26px;
            margin-right: 8px;
        }

        .side_menu-left .side_menu-left_item #left-icon-6 {
            height: 25px;
            margin-left: 25px;
            margin-right: 12px;
        }

        .side_menu-left .side_menu-left_item .side_menu-left_icon, .side_menu-left .side_menu-left_item .side_menu-left_title, .side_menu-left .side_menu-left_item .side_menu-left_open {
            display: inline-block;
            *zoom: 1;
            *display: inline;
        }

        .side_menu-left .side_menu-left_item .side_menu-left_icon {
            margin-left: 20px;
            margin-right: 10px;
        }

        .side_menu-left .side_menu-left_item .side_menu-left_title {
            color: #0E4C80;
            text-transform: capitalize;
            font-family: 'Open Sans Light';
            font-size: 20px;
            height: 21px;
            margin: 0;
            position: relative;
            top: 5px;
        }

        .side_menu-left .side_menu-left_item .side_menu-left_content {
            margin-left: 57px;
            margin-top: 15px;
        }

            .side_menu-left .side_menu-left_item .side_menu-left_content .side_menu-left_text {
                color: #007bc0;
                font-size: 18px;
                font-family: Open Sans Light;
            }

        .side_menu-left .side_menu-left_item #submenu-3 {
            margin-left: 61px;
        }

.side_menu-right-2 {
    width: 552px;
    height: 100%;
    background-color: #f5f5f5;
    position: absolute;
    right: 0;
    z-index: 101;
}

    .side_menu-right-2 .side_menu-right_profile-avatar, .side_menu-right-2 .side_menu-right_profil-header {
        height: 110px;
        display: inline-block;
        *zoom: 1;
        *display: inline;
    }

    .side_menu-right-2 .side_menu-right_btn-blue, .side_menu-right-2 .side_menu-right_btn-grey {
        display: inline-block;
        *zoom: 1;
        *display: inline;
        height: 52px;
        border-radius: 4px;
        border: none;
        text-align: center;
        padding: 15px;
    }

    .side_menu-right-2 .side_menu-right_btn-blue {
        width: 189px;
        background-color: #007bc0;
        color: white;
        margin: 0 5px;
        color: white;
    }

        .side_menu-right-2 .side_menu-right_btn-blue:hover {
            opacity: 0.7;
        }

        .side_menu-right-2 .side_menu-right_btn-blue .btn-icon, .side_menu-right-2 .side_menu-right_btn-blue .btn-text {
            display: inline-block;
            *zoom: 1;
            *display: inline;
        }

        .side_menu-right-2 .side_menu-right_btn-blue .btn-icon {
            margin-right: 6px;
        }

        .side_menu-right-2 .side_menu-right_btn-blue .btn-text {
            margin: 0;
            font-weight: 800;
        }

    .side_menu-right-2 .btn-icon {
        height: 23px;
    }

    .side_menu-right-2 .side_menu-right_btn-grey {
        width: 53px;
        margin-left: 40px;
        background-color: #C0C0C0;
    }

        .side_menu-right-2 .side_menu-right_btn-grey:hover {
            opacity: 0.7;
        }

    .side_menu-right-2 .side_menu-right_btn-blue-contact {
        width: 388px;
        background-color: #005499;
        height: 30px;
        margin: 20px;
        border-radius: 4px;
        border: none;
        color: white;
        padding: 5px 70px;
    }

        .side_menu-right-2 .side_menu-right_btn-blue-contact:hover {
            opacity: 0.7;
        }

    .side_menu-right-2 .side_menu-right_profile-avatar {
        width: 66px;
        background-color: #005499;
        text-align: center;
    }

        .side_menu-right-2 .side_menu-right_profile-avatar .side_menu-right_profile-icon {
            position: relative;
        }

        .side_menu-right-2 .side_menu-right_profile-avatar #sideRightAvatarProfil {
            top: 29.5px;
            height: 41px;
        }

        .side_menu-right-2 .side_menu-right_profile-avatar #sideRightAvatarDemande {
            top: 38.5px;
            height: 23px;
        }

    .side_menu-right-2 .side_menu-right_profil-header {
        width: 463px;
        padding: 4px 22px 22px 25px;
        float: right;
        background-color: #f5f5f5;
    }

        .side_menu-right-2 .side_menu-right_profil-header .side_menu-right_profile_text-container {
            width: 80%;
            display: inline-block;
        }

            .side_menu-right-2 .side_menu-right_profil-header .side_menu-right_profile_text-container .side_menu-right_profile-name {
                font-size: 18px;
                color: #005499;
                text-transform: capitalize;
                margin-bottom: 0px;
            }

                .side_menu-right-2 .side_menu-right_profil-header .side_menu-right_profile_text-container .side_menu-right_profile-name em {
                    text-transform: uppercase;
                    font-style: normal;
                }

            .side_menu-right-2 .side_menu-right_profil-header .side_menu-right_profile_text-container .side_menu-right_profile-info {
                color: #746d71;
                font-size: 14px;
                margin: 0px;
            }

        .side_menu-right-2 .side_menu-right_profil-header #sideRightClose {
            margin-left: 80px;
            margin-top: 30px;
            position: absolute;
            float: right;
        }

    .side_menu-right-2 .side_menu-right_content {
        width: 100%;
    }

    .side_menu-right-2 .side_menu-right_btn-container {
        background-color: #004279;
        padding: 35px 15px;
        margin-bottom: 20px;
    }

    .side_menu-right-2 .side_menu_right_global {
        display: inline-block;
    }

.side_menu-right_demande-header {
    width: 100%;
    height: 60px;
    background-color: white;
    padding: 15px;
}

    .side_menu-right_demande-header .side_menu-right_demande-title {
        color: #005095;
        font-size: 28px;
        margin: 0;
    }

.side_menu-right_input-container {
    height: 185px;
    padding: 15px;
}

    .side_menu-right_input-container span {
        padding: 0px !important;
        box-shadow: none !important;
        margin: 0 !important;
        margin-bottom: 10px !important;
    }

    .side_menu-right_input-container .side_menu-right_autocomplete-sm, .side_menu-right_input-container .side_menu-right_autocomplete-lg {
        height: 38px;
        padding-left: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
        border: 1px solid #D1D1D1;
        background-color: white;
        outline: none;
        margin-bottom: 10px;
    }

        .side_menu-right_input-container .side_menu-right_autocomplete-sm:hover .k-loading, .side_menu-right_input-container .side_menu-right_autocomplete-lg:hover .k-loading {
            display: none !important;
        }

        .side_menu-right_input-container .side_menu-right_autocomplete-sm .side_menu-right-dropdown-value, .side_menu-right_input-container .side_menu-right_autocomplete-lg .side_menu-right-dropdown-value {
            float: left;
            position: relative;
            bottom: 2px;
        }

        .side_menu-right_input-container .side_menu-right_autocomplete-sm .caret, .side_menu-right_input-container .side_menu-right_autocomplete-lg .caret {
            float: right;
            margin-top: 7px;
            color: #1e76e3;
        }

    .side_menu-right_input-container .side_menu-right_autocomplete-sm {
        width: 248px;
    }

    .side_menu-right_input-container .side_menu-right_autocomplete-lg {
        width: 350px;
        display: inline-block;
        *zoom: 1;
        *display: inline;
        float: left;
    }

    .side_menu-right_input-container .side_menu-right_btn-blue-apply {
        height: 35px;
        width: 123px;
        display: inline-block;
        *zoom: 1;
        *display: inline;
        border-radius: 4px;
        border: none;
        background-color: #005499;
        color: white;
        margin-top: 3px;
        margin-left: 30px;
        text-align: center;
        padding: 8px;
    }

        .side_menu-right_input-container .side_menu-right_btn-blue-apply:hover {
            opacity: 0.7;
        }

        .side_menu-right_input-container .side_menu-right_btn-blue-apply .side_menu-right_btn-blue-apply-text {
            margin: 0;
        }

.k-panelbar .k-tabstrip > .k-content, .k-tabstrip > .k-content {
    margin: 0px !important;
    padding: 0px !important;
}

.k-tabstrip:focus {
    box-shadow: none !important;
}

.side_menu-right_options-container {
    width: 100%;
    outline: none !important;
}

    .side_menu-right_options-container .side_menu-right_option, .side_menu-right_options-container .side_menu-right_option-type {
        width: 182.33333px !important;
        border-right: 1px solid #F5F5F5;
        text-align: center;
    }

    .side_menu-right_options-container .side_menu-right_options-list {
        list-style-type: none;
        padding: 0 !important;
        display: inline;
    }

        .side_menu-right_options-container .side_menu-right_options-list .k-link {
            padding: 0px;
        }

        .side_menu-right_options-container .side_menu-right_options-list .k-image {
            margin: 0;
        }

        .side_menu-right_options-container .side_menu-right_options-list .k-loading {
            border: none !important;
            box-shadow: none !important;
        }

        .side_menu-right_options-container .side_menu-right_options-list .k-first {
            box-shadow: none !important;
        }

        .side_menu-right_options-container .side_menu-right_options-list .side_menu-right_option {
            height: 105px !important;
            padding-top: 15px;
            background-color: #83b0dc;
            float: left !important;
            border-radius: 0px !important;
            margin: 0 !important;
            border-left: 0 !important;
        }

            .side_menu-right_options-container .side_menu-right_options-list .side_menu-right_option:focus {
                background-color: #005499;
            }

            .side_menu-right_options-container .side_menu-right_options-list .side_menu-right_option:nth-of-type(1) .side_menu-right_option-icon {
                height: 43px;
            }

            .side_menu-right_options-container .side_menu-right_options-list .side_menu-right_option:nth-of-type(2) .side_menu-right_option-icon {
                height: 25px;
                margin-top: 16px;
            }

            .side_menu-right_options-container .side_menu-right_options-list .side_menu-right_option:nth-of-type(3) .side_menu-right_option-icon {
                height: 43px;
                border-right: none !important;
            }

            .side_menu-right_options-container .side_menu-right_options-list .side_menu-right_option:nth-of-type(3) .side_menu-right_option-name {
                margin-top: 7px !important;
            }

            .side_menu-right_options-container .side_menu-right_options-list .side_menu-right_option .side_menu-right_option-name {
                color: white;
                margin-top: 10px;
                margin-bottom: 0;
                text-transform: capitalize;
            }

            .side_menu-right_options-container .side_menu-right_options-list .side_menu-right_option .side_menu-right_option-arrow {
                height: 7px;
            }

    .side_menu-right_options-container .side_menu-right_option-type-container {
        width: 100%;
        padding-left: 0 !important;
        overflow: hidden;
    }

        .side_menu-right_options-container .side_menu-right_option-type-container .side_menu-right_option-type {
            height: 55px;
            background-color: #FFFFFF;
            float: left;
            border-top: 1px solid #F5F5F5;
            border-bottom: 1px solid #F5F5F5;
            text-align: center;
            padding-top: 18px;
        }

            .side_menu-right_options-container .side_menu-right_option-type-container .side_menu-right_option-type:hover {
                background-color: #26BFFC;
                color: white;
            }

            .side_menu-right_options-container .side_menu-right_option-type-container .side_menu-right_option-type a:hover {
                color: white;
            }

.form-group.inline-block.column-left-sm {
    margin-right: 20px;
}

.control-label {
    color: #0774D8 !important;
    margin-bottom: 4px !important;
    text-align: left !important;
    display: block;
}

.form-control {
    font-size: 16px;
    border-radius: 0px !important;
    display: inline-block;
}


.form-controlfi-customfi {
    font-size: 16px;
    border-radius: 0!important;
    display: inline-block;
    width: 420px !important;
}

.form-controlfi-customfi {
    font-size: 16px;
    border-radius: 0 !important;
    display: inline-block;
    width: 420px !important;
}

.input-group {
    height: 70px;
    min-width: 250px;
    margin-right: 10px;
    margin-bottom: 5px;
}

    .input-group label {
        display: block;
        padding-left: 0;
    }

    .input-group .form-control {
        border-radius: 0;
    }

.input-group-custom {
    height: 70px;
    margin-right: 10px;
    margin-bottom: 5px;
}

    .input-group-custom label {
        display: block;
        padding-left: 0;
    }

    .input-group-custom .form-control {
        border-radius: 0;
    }

.input-group2 {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    height: 70px;
    min-width: 170px;
    margin: 5px;
}

    .input-group2 label {
        display: block;
    }

.input-table {
    display: inline-table !important;
}

label {
    font-size: 16px;
    font-weight: normal;
}

.table-docs .form-control {
    min-width: 216px !important;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.livraison {
    min-width: 216px !important;
    margin-right: 20px;
}

.select-size {
    width: 240px !important;
}

input#autoComplete.form-control.k-input {
    height: 34px;
}

.k-loading {
    display: none !important;
}

div.k-multiselect-wrap.k-floatwrap {
    /*display: inline-block;*/
    *zoom: 1;
    *display: inline;
}

div.k-widget.k-multiselect.k-header.form-control.form_select {
    background-color: transparent;
    border: none !important;
}

div#noms-error.error-img {
    top: 0;
    margin-bottom: 5px;
}

div#checkboxlist-error.error-img.error-message {
    width: auto;
    height: auto;
    padding-top: 0;
    padding-left: 25px !important;
    margin-bottom: 0px !important;
    background-position: left;
    background-size: 18px;
    background-repeat: no-repeat;
    position: relative;
    top: 0;
}

span.k-widget.k-autocomplete.k-header.form-control.k-state-default {
    padding: 0 !important;
    background-color: transparent;
    border: none !important;
}

input#autoComplete.form-control.k-input {
    border: 1px solid #ccc !important;
}

div.k-widget.k-multiselect.k-header.form-control.form_select {
    padding: 0 !important;
}

.k-reset {
    padding: 0 !important;
}

.k-pager-numbers {
    display: inline;
}

.k-multiselect-wrap, .k-multiselect {
    width: 420px;
    border-width: 1px !important;
    border-color: #ccc;
    padding: 0 !important;
    box-shadow: none;
}

/*Recherche multi-client*/
.multiClientSearch .k-multiselect {
    width: 100%;
}

.multiClientSearch .k-multiselect-wrap {
    width: 100%;
}

.form_champ-obligatoire {
    text-align: right;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 0;
    color: #E54D35;
}

.form_fixed-entry {
    margin: 0;
    font-size: 17px;
}

.btn-cancel-2 {
    margin: 12px auto !important;
    font-size: 18px !important;
    max-width: 120px !important;
    padding: 4px 0px 4px 0px;
    border-radius: 3px !important;
    border-color: #0A5499 !important;
    background-color: white !important;
    color: #0A5499 !important;
}

    .btn-cancel-2:focus, .btn-cancel-2:hover {
        background-color: white !important;
    }

.form_header {
    border-bottom: 1px solid #fff;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 20px 0;
}

    .form_header:after {
        clear: both;
        content: "";
        display: table;
    }

.form_row {
    overflow: hidden;
}

.form_layout {
    padding: 20px;
    width: 100%;
    overflow: visible;
    box-sizing: border-box;
    font-size: 17px;
    line-height: 28px;
}

    .form_layout:after {
        clear: both;
        content: "";
        display: table;
    }

    .form_layout fieldset {
        border: none;
    }

    .form_layout div#datepicker-error.error-img {
        margin-left: 30px;
    }

    .form_layout .column-left {
        border-right: none;
        padding-left: 0px;
    }

    .form_layout .form-group {
        margin-left: 0;
    }

    .form_layout .input-group {
        margin: 0;
        margin-bottom: 10px;
        clear: both;
    }

    .form_layout .form_select {
        padding-right: 30px;
        display: inline-block;
        *zoom: 1;
        *display: inline;
    }

    .form_layout .form_comment {
        min-width: 340px !important;
        padding-top: 6px !important;
        height: auto !important;
    }

    .form_layout .form-control {
        width: auto !important;
        min-width: 120px;
        border-radius: 0px !important;
        box-shadow: none !important;
        padding: 0px 6px;
    }

    .form_layout .checkbox .control-label {
        margin-bottom: 10px !important;
    }

    .form_layout .column-right {
        padding-left: 20px;
        padding-bottom: 20px;
    }

    .form_layout .button-group {
        float: right;
        margin-right: 20px;
    }

    .form_layout .address {
        width: 340px !important;
    }

    .form_layout .checkbox-options {
        float: right;
    }

        .form_layout .checkbox-options label {
            padding-left: 0;
            display: inline-block;
            float: left;
            margin-right: 10px;
            margin-top: 6px;
        }

        .form_layout .checkbox-options input {
            display: inline-block;
            *zoom: 1;
            *display: inline;
            width: 80px !important;
        }

        .form_layout .checkbox-options div {
            display: inline-block;
            *zoom: 1;
            *display: inline;
            margin-right: 10px;
            margin-bottom: 10px;
        }

    .form_layout .checkbox label {
        margin-bottom: 10px;
    }

    .form_layout .checkbox-lg {
        width: 700px;
        height: 60px;
    }

        .form_layout .checkbox-lg label {
            margin-top: 6px;
        }

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
    border-radius: 0px !important;
}

select::-ms-expand {
    display: none;
}

.form_layout .checkbox-lg, .margin-form {
    margin-bottom: 80px;
}

.modal-popin {
    min-width: 760px !important;
    margin: 10% auto !important;
}

    .modal-popin .table-docs {
        position: absolute;
        width: 100%;
        max-width: 940px;
    }

.tooltip > .tooltip-inner {
    background-color: #e74c2d;
    padding: 15px !important;
    opacity: 2 !important;
    font-size: 14px;
    border-radius: 0px !important;
}

.tooltip-arrow {
    display: none !important;
}

.tooltip-inner {
    background-color: #e74c2d !important;
    margin-top: 30px;
    opacity: 2 !important;
    text-align: left !important;
    min-width: 180px;
}

.tooltip:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 95%;
    margin-top: -8px;
    width: 0;
    height: 0;
    border-right: 14px solid #E74C2D;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
}

.k-widget.k-tooltip-validation{
    color :red;
    background:none;

}
.btn-primary {
    background-color: #1e76e3 !important;
}

.btn-crt {
    background-color: #1e76e3 !important;
    width: 125px !important;
}

.mon-tableau .button-group-right {
    width: 310px !important;
}

.inventaire .button-group-right {
    min-width: 660px !important;
}

.commandes .button-group-right {
    width: 122px !important;
}

.button-group-center, .button-group-right {
    width: 265px;
    text-align: center;
    display: block;
}

    .button-group-center .btn-validate, .button-group-center .btn-cancel, .button-group-center .btn-confirm, .button-group-center .btn-select, .button-group-center .btn-modal, .button-group-right .btn-validate, .button-group-right .btn-cancel, .button-group-right .btn-confirm, .button-group-right .btn-select, .button-group-right .btn-modal {
        margin: 12px auto;
        display: inline-block;
        font-size: 18px;
        max-width: 120px !important;
        padding: 4px 0px 4px 0px;
        border-radius: 3px !important;
    }

    .button-group-center .btn-retablir, .button-group-right .btn-retablir {
        max-width: 282px !important;
        margin: 12px auto;
        display: inline-block;
        font-size: 18px;
        padding: 4px 0px 4px 0px;
        border-radius: 3px !important;
    }

    .button-group-center .btn-confirm, .button-group-center .btn-validate, .button-group-right .btn-confirm, .button-group-right .btn-validate {
        background-color: #1e76e3 !important;
    }

        .button-group-center .btn-confirm:focus, .button-group-center .btn-confirm:hover, .button-group-center .btn-validate:focus, .button-group-center .btn-validate:hover, .button-group-right .btn-confirm:focus, .button-group-right .btn-confirm:hover, .button-group-right .btn-validate:focus, .button-group-right .btn-validate:hover {
            background-color: #1e76e3;
            outline: none;
        }

    .button-group-center .btn-select, .button-group-right .btn-select {
        max-width: 160px !important;
    }

    .button-group-center .btn-cancel, .button-group-center .btn-select, .button-group-center .btn-modal, .button-group-right .btn-cancel, .button-group-right .btn-select, .button-group-right .btn-modal {
        border-color: #0A5499;
        background-color: white !important;
        color: #0A5499;
        float: left;
    }

        .button-group-center .btn-cancel:focus, .button-group-center .btn-cancel:hover, .button-group-center .btn-select:focus, .button-group-center .btn-select:hover, .button-group-center .btn-modal:focus, .button-group-center .btn-modal:hover, .button-group-right .btn-cancel:focus, .button-group-right .btn-cancel:hover, .button-group-right .btn-select:focus, .button-group-right .btn-select:hover, .button-group-right .btn-modal:focus, .button-group-right .btn-modal:hover {
            background-color: white;
        }

    .button-group-center .btn-confirm, .button-group-right .btn-confirm {
        float: none;
    }

    .button-group-center .btn-delete, .button-group-right .btn-delete {
        background-color: #E54D35 !important;
        border: 1px solid #E54D35;
    }

.button-group-right {
    float: right;
}

.button-group-center, .button-group-center-lg {
    margin: 0 auto;
}

.button-group-center-lg {
    width: auto;
    height: auto;
}

.button-container-white-right, .button-container-grey-right {
    width: 100%;
    padding-right: 20px;
    overflow: auto;
}

.button-container-white-right {
    background-color: white;
}

.button-container-grey-right {
    background-color: #D7D3D2;
}

    .button-container-grey-right .btn-add, .button-container-grey-right .btn-delete {
        min-width: 120px;
        width: auto !important;
        margin: 12px auto;
        margin-left: 20px;
        display: inline-block;
        font-size: 18px;
        padding: 4px 12px;
        border-radius: 3px !important;
        float: left;
    }

    .button-container-grey-right .btn-delete {
        background-color: #E54D35 !important;
        border: 1px solid #E54D35;
    }

.btn-block {
    margin: 0 7px;
}

.btn-ok {
    width: 40px !important;
    display: inline !important;
    padding: 6px 16px !important;
}

.btn-ok2 {
    width: 40px !important;
    display: inline !important;
    padding: 6px 16px !important;
    position: relative !important;
    top: 30px !important;
}

button.grid-button {
    border-radius: 5px;
    border: none !important;
    color: #ffffff;
    font-size: 14px;
    background-color: #1e76e3;
    padding: 4px 10px;
    text-decoration: none;
}

    button.grid-button img {
        height: 8px;
        width: 16px;
    }

button.disabled-grid-button {
    border-radius: 5px;
    border: none !important;
    color: #ffffff;
    font-size: 14px;
    background-color: #808080;
    padding: 4px 10px;
    text-decoration: none;
}

    button.disabled-grid-button img {
        height: 8px;
        width: 16px;
    }

button.modify {
    border-radius: 5px;
    border: none !important;
    color: #ffffff;
    font-size: 18px;
    background-color: #e74c2d;
    padding: 4px 25px;
    text-decoration: none;
}

button.disabled-modify {
    border-radius: 5px;
    border: none !important;
    color: #ffffff;
    font-size: 18px;
    background-color: #808080;
    padding: 4px 25px;
    text-decoration: none;
}

button.export, #show-table-factures, #hide-table-factures {
    border-radius: 5px;
    border: none !important;
    color: #ffffff;
    font-size: 14px;
    background-color: #1e76e3;
    padding: 7px 8px;
    text-decoration: none;
    float: right;
    margin: 12px 0px;
}

    button.export img, #show-table-factures img, #hide-table-factures img {
        height: 8px;
        width: 16px;
    }

    button.exportMonCrt, #show-table-factures img, #hide-table-factures {
        border-radius: 5px;
        border: none !important;
        color: #ffffff;
        font-size: 14px;
        background-color: #1e76e3;
        padding: 7px 8px;
        text-decoration: none;
        float: right;
        margin: 12px 0px;
        width: 125px !important;
    }

    button.exportMonCrtWeek {
        border-radius: 5px;
        border: none !important;
        color: #ffffff;
        font-size: 14px;
        background-color: #1e76e3;
        padding: 7px 8px;
        text-decoration: none;
        float: right;
        margin: 12px 0px;
        width: 125px !important;
    }

    button.exportMonCrtWeekend {
        border-radius: 5px;
        border: none !important;
        color: #ffffff;
        font-size: 14px;
        background-color: #1e76e3;
        padding: 7px 8px;
        text-decoration: none;
        float: right;
        margin: 12px 0px;
        width: 125px !important;
    }

.btn-modal {
    display: inline-block;
    max-width: 282px !important;
    margin: 0px 0px 10px 10px;
}

.saisie-inventaires .btn-validate {
    position: relative;
    /*top: 30px;*/
}

.input-group .btn-validate {
    position: relative;
    top: 0px !important;
}

.saisie-inventaires .btn-print {
    top: 0px;
}

.input-group.inline-block.btn-container {
    top: 28px;
    float: right;
    margin-right: 0px;
    min-width: 72px;
}


.title-top {
    font-size: 24px;
    padding: 15px 0px;
    color: #333333;
}

.title-section {
    font-size: 20px;
    padding: 0px 0px 20px;
    color: #333333;
}

.title-blue {
    color: #1e76e3;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 6px;
}

.title-white {
    color: #1e76e3;
    font-weight: 600;
    font-size: 18px;
}

.title-1 {
    height: 60px;
    width: 100%;
    background-color: #005499;
    display: table;
}

    .title-1 button {
        float: right;
        display: block;
        margin-right: 16px;
        margin-top: 12px;
    }

    .title-1 h2 {
        color: #fff;
        font-size: 28px;
        display: table-cell;
        vertical-align: middle;
        padding-left: 15px;
        font-weight: normal;
    }

.title-faq {
    margin-top: 10px;
    max-width: 940px;
    margin: 0 auto;
}

.title-2 {
    height: 60px;
    width: 100%;
    background-color: #fff;
    display: table;
}

    .title-2 h2 {
        color: #333333;
        font-size: 24px;
        display: table-cell;
        vertical-align: middle;
        padding-left: 15px;
        font-weight: normal;
    }

.title-3 {
    width: 100%;
    background-color: #eaf4fb;
    border-top: 3px solid #005499;
    display: table;
}

    .title-3 label {
        color: #005499;
        display: table-cell;
        vertical-align: middle;
        padding-right: 25px;
    }

    .title-3 img {
        display: inline;
        float: right;
        height: 12px !important;
        position: relative;
        right: 10px;
        top: 7px;
        vertical-align: middle;
        width: 28px !important;
    }

    .title-3 h2 {
        color: #005499;
        font-size: 24px;
        line-height: 60px;
        vertical-align: middle;
        padding-left: 22px;
        font-weight: normal;
        height: 60px;
        width: 100%;
        margin: 0px;
    }

    .title-3 button {
        background-color: #eaf4fb !important;
        border: 0px !important;
        width: 100%;
        /*box-sizing: padding-box;*/
        height: 60px;
        text-align: left;
    }

.title-4 {
    height: 60px;
    width: 100%;
    background-color: #eaf4fb;
    border-top: 3px solid #005499;
    display: table;
}

    .title-4 label {
        color: #005499;
        display: table-cell;
        vertical-align: middle;
        padding-right: 25px;
    }

    .title-4 img {
        width: 28px !important;
        height: 12px !important;
    }

    .title-4 h2 {
        color: #005499;
        font-size: 24px;
        display: table-cell;
        vertical-align: middle;
        padding-left: 25px;
        width: 100%;
        font-weight: normal;
    }

    .title-4 button {
        background-color: #eaf4fb !important;
        border: 0px !important;
        float: right;
        margin: 17px 13px 0px 0px;
    }

.title-5 {
    width: 100%;
    background-color: #eaf4fb;
    border-top: 3px solid #005499;
    display: table;
    height: 60px;
}

    .title-5 h2 {
        color: #005499;
        font-size: 24px;
        display: table-cell;
        vertical-align: middle;
        padding-left: 25px;
        width: 100%;
        font-weight: normal;
    }

.title-6 {
    width: 100%;
    background-color: #eaf4fb;
    display: table;
}

    .title-6 label {
        color: #005499;
        display: table-cell;
        vertical-align: middle;
        padding-right: 25px;
    }

    .title-6 img {
        width: 28px !important;
        height: 12px !important;
    }

    .title-6 h2 {
        color: #005499;
        font-size: 24px;
        display: table-cell;
        vertical-align: middle;
        padding: 10px 0 10px 22px;
        width: 100%;
        font-weight: normal;
    }

    .title-6 button {
        background-color: #eaf4fb !important;
        border: 0px !important;
        float: right;
        margin: 17px 13px 0px 0px;
    }

.long-title h2 {
    font-size: 22px !important;
}

.side_menu-left_title {
    font-family: 'Open Sans' !important;
}

article {
    max-width: 49%;
    width: 100%;
    *zoom: 1;
    *display: inline;
    padding: 20px;
}

    article img {
        height: auto;
        width: 100%;
    }

.main-actu {
    max-width: none !important;
    width: 100% !important;
}

    .main-actu p {
        padding: 10px 0px;
    }

    .main-actu img {
        max-width: 49% !important;
        float: left;
        margin-right: 20px;
    }

.savoir-plus {
    display: block !important;
}

.multi td {
    background: #83b0dc none repeat scroll 0 0 !important;
    color: #fff !important;
    height: 48px !important;
    text-indent: 20px;
    border: 1px solid #fff !important;
}

    .multi td:hover {
        background: #005499 none repeat scroll 0 0 !important;
    }

    .multi td:active {
        background: #005499 none repeat scroll 0 0 !important;
        background-image: url(../img/check-module.jpg) !important;
        background-repeat: no-repeat !important;
        background-position: 6% 14% !important;
    }

    .multi td:focus {
        background: #005499 none repeat scroll 0 0 !important;
        background-image: url(../img/check-module.jpg) !important;
        background-repeat: no-repeat !important;
        background-position: 6% 14% !important;
    }

.multi tbody .k-state-selected {
    background: #005499 none repeat scroll 0 0 !important;
    box-shadow: none !important;
    background-image: url(../img/check-module.jpg) !important;
    background-repeat: no-repeat !important;
    background-position: 6% 14% !important;
}

.multi thead {
    display: none !important;
}

.head-module {
    background-color: #f5f5f5;
    margin-bottom: 10px;
}

.button-group-module {
    width: 420px !important;
    float: right;
}

    .button-group-module .btn-select {
        max-width: 180px;
        display: inline-block;
        margin-top: 5px !important;
        background-color: #f5f5f5 !important;
        color: #005499;
        padding: 8px 4px !important;
    }

    .button-group-module .btn-validate {
        max-width: 140px;
        display: inline-block;
        margin-top: 5px !important;
        padding: 8px 4px !important;
    }

.multi .menu-tabstrip li {
    width: 120px !important;
    height: 54px !important;
}

    .multi .menu-tabstrip li a {
        color: #FFFFFF;
        width: 135px !important;
        height: 54px !important;
        padding: 17px 5px;
        position: relative;
        text-decoration: none !important;
    }

.multi-text {
    color: #f3345d;
    display: inline;
    top: -15px;
    text-align: center;
    position: relative;
}

.filter-multi {
    display: inline;
}

.multi .k-pager-wrap .k-link {
    border: none !important;
}

.multi li.k-state-active::before {
    position: relative !important;
}

#module-multi table {
    width: 940px !important;
    table-layout: fixed;
}

 .client,
#module-multi-client-container .client,
#module-multi-site .site {
    background: #83b0dc none repeat scroll 0 0 !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    cursor: pointer;
    float: left;
    font-size: 11px;
    height: 52px !important;
    line-height: 1.6em;
    overflow: hidden;
    padding: .4em .6em;
    padding-left: 25px;
    position: relative;
    text-overflow: ellipsis;
    vertical-align: middle;
    width: 123px;
}

.grid-container .k-listview {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.grid-container .grid-slot {
    background: #83b0dc;
    border: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 11px;
    line-height: 1.6em;
    overflow: hidden;
    padding: .4em .6em;
    padding-left: 25px;
    position: relative;
    text-overflow: ellipsis;
    vertical-align: middle;
    min-height: 50px;
    max-height: 100px;
}

.grid-container .grid-slot span {
    font-weight: bold;
    white-space: nowrap;
}

.grid-container .grid-slot.k-state-selected {
    background: #005499;
    box-shadow: none;
    background-image: url(../img/check-module.jpg);
    background-repeat: no-repeat;
    background-position: 6% 14%;
}

    .client:hover,
    #module-multi-client-container .client:hover,
    #module-multi-site .site:hover {
        background: #005499 none repeat scroll 0 0 !important;
    }

 .client:active,
    #module-multi-client-container .client:active,
    #module-multi-site .site:active {
        background: #005499 none repeat scroll 0 0 !important;
        background-image: url(../img/check-module.jpg) !important;
        background-repeat: no-repeat !important;
        background-position: 6% 14% !important;
    }

 .client span,
    #module-multi-client-container .client span,
    #module-multi-site .site span {
        font-weight: bold;
        white-space: nowrap;
    }

 .client.k-state-selected,
    #module-multi-client-container .client.k-state-selected,
    #module-multi-site .site.k-state-selected {
        background: #005499 none repeat scroll 0 0 !important;
        box-shadow: none !important;
        background-image: url(../img/check-module.jpg) !important;
        background-repeat: no-repeat !important;
        background-position: 6% 14% !important;
    }

.hidden-multi {
    display: none;
}

.multi .tab-pane {
    display: none;
}

.multi .active {
    display: block;
}

.multi li.active {
    background-color: #005499 !important;
    /*&:before {
        content: url(../img/arrow-down-menu.png) !important;
        display: block;
        top: 100%;
        left: 50%;
        margin-left: -10px;
        width: 13px;
        height: 7px;
        position: relative !important;
    }*/
}

.multi .edit-buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    text-align: right;
}

#calendar table {
    width: 100%;
}

#calendar td {
    width: 8%;
    height: 24px;
    text-align: center;
    font-size: 12px;
}

    #calendar td a {
        color: #333333;
        width: 100%;
        display: inline-block;
        cursor: pointer;
    }

#calendar th {
    width: 8%;
    height: 40px;
    background-color: #3498db !important;
    text-align: center;
    color: #fff !important;
    font-weight: normal !important;
}

#grid-calendar {
    background-color: #eaf4fb;
}

/* page /moncontrat/prestations  */
div#synthese-porteurs div:nth-child(3) {
    margin-right: 70px;
}

/* page /account/personalinfos*/
.infos-perso1 .title-1 {
    margin-bottom: 15px;
}

.infos-perso1 .column-left {
    width: 61%;
    max-width: none;
}

.infos-perso1 .column-right {
    width: 39%;
    max-width: none;
}

.infos-perso1 .control-label {
    width: 130px;
    font-weight: bold;
    text-align: right !important;
    display: inline-block;
    margin-right: 10px;
}

/* page /account/changepassword */
#changepwd .contrat-donnees {
    width: 100%;
}

/* page /vetementsnonnominatifs */
#gestion-porteurs-distrib .btn-primary {
    float: right;
}

#validate-vtSale-filters, #validate-history-filters, #validate-vtNonRendus-filters {
    /*position: inherit !important;*/
}

#vtSalesfilesContainer > div, #vtDeterioresfilesContainer > div {
    width: 150px;
    height: 32px;
}

    #vtSalesfilesContainer > div > div, #vtDeterioresfilesContainer > div > div {
        margin: 0px;
        width: 150px;
    }

/*  FAQ */
.modify, .modify:hover, .modify:focus, .modify:visited {
    border-radius: 5px;
    margin-bottom: 5px;
    border: none !important;
    color: #ffffff;
    font-size: 18px;
    background-color: #e74c2d;
    padding: 4px 25px;
    text-decoration: none;
    display: inline-block;
    /*width:400px;*/
}

    .modify:hover {
        opacity: 0.7;
    }


/* page manageusers */

#manageusers {
    max-width: none;
}

.modifyMgnUsers, .modifyMgnUsers:hover, .modifyMgnUsers:focus, .modifyMgnUsers:visited {
    border-radius: 5px;
    margin-bottom: 5px;
    border: none !important;
    color: #ffffff;
    font-size: 18px;
    background-color: #e74c2d;
    padding: 4px 25px;
    text-decoration: none;
    display: inline-block;
    width: 350px;
}



#adminactions {
    width: 40%;
    margin: 40px auto;
    font-size: 18px;
}

    #adminactions ul li {
        margin-bottom: 10px;
    }

input#vetementsNomPorteur {
    border: 1px solid #cccccc;
    height: 33px;
}

#validate-filters-vetements {
    float: right;
}

#validate-filters-lingeplat {
    float: right;
}

#validate-filters-hygieneservice {
    float: right;
}

.contrat-donnees .form_header {
    margin-bottom: 20px;
}

.contrat-donnees .form_layout .input-group {
    margin-bottom: 19px;
}

.contrat-donnees .form_layout .form-control {
    width: 250px !important;
}

.address-line p {
    margin: 0 !important;
}

.contrat-donnees.affiche-demande .control-label {
    height: 18px;
    padding-top: 0;
}

.contrat-donnees.affiche-demande .form_header {
    padding: 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #005499;
}

    .contrat-donnees.affiche-demande .form_header .form-group {
        margin-bottom: 5px;
    }

.contrat-donnees.affiche-demande .column-right {
    padding-bottom: 0;
}

.contrat-donnees.affiche-demande .container-article {
    border-bottom: 1px solid #0ebeff;
    clear: both;
    overflow: hidden;
    padding-bottom: 15px;
}

    .contrat-donnees.affiche-demande .container-article .form-group {
        margin: 5px 0;
    }

.center .table-docs {
    overflow: hidden !important;
}

/*.k-grid-header tr:hover{
    background-color: #3498db;
}*/
.menu-tabstrip li.k-state-disabled {
    background-color: #746d71 !important;
}

html {
    height: 100%;
    box-sizing: border-box;
}

body {
    font-family: "Open Sans" !important;
    position: relative;
    margin: 0;
    padding-bottom: 4em;
    min-height: 100%;
    outline: none !important;
}

a {
    text-decoration: none;
    background: none;
}

    a:hover {
        text-decoration: none;
        background: none;
    }

b,
strong {
    font-weight: bold !important;
}

.hidden {
    display: none;
}

.inactive_text, .inactive_div {
    cursor: default;
}

.inactive_text {
    color: #C2BFC1 !important;
}

.inactive_div {
    background-color: #746d71 !important;
}

    .inactive_div td {
        background-color: #a6a1a4 !important;
    }

.active_div {
    background-color: #005499 !important;
}

.active_div-2 {
    background-color: #26BFFC !important;
}

ul {
    padding: 0;
}

button {
    padding: 0;
}

.k-grid .k-widget {
    overflow: hidden !important;
}

.disabled {
    pointer-events: none !important;
}

.command-modify {
    border-radius: 5px;
    border: none !important;
    color: #ffffff;
    background-color: #e74c2d;
    text-decoration: none;
    display: inline-block;
    margin: 1px 0px;
}

.modal-dialog-liste-porteur {
    margin: 1% auto;
}

.k-grid .k-state-selected {
    background-color: #c1daf5 !important;
    color: black;
}

.k-grid .k-alt.k-state-selected {
    background-color: #c1daf5 !important;
    color: black;
}

.table-parametrages-generaux {
    margin: auto;
    background-color: aliceblue;
    border-collapse: collapse;
}

    .table-parametrages-generaux td, .table-parametrages-generaux th {
        padding: 6px;
    }

.tooltip-custom {
    background-color: white;
    text-align: center;
    color: black;
    resize: horizontal;
    white-space: nowrap;
    font-size: smaller;
    border: 2px ridge;
}

.table-docs {
    padding: 10px !important;
    background-color: #f6f6f6;
    overflow: hidden;
}

#table-synthese-porteurs table thead tr th:first-child {
    padding-left: 0px;
    padding-right: 0px;
    width: 13px;
}

.Add-Color-Porteur td {
    background-color: #b7d9f1 !important;
}

.pop-in-porteur-creation a:hover {
    cursor: pointer !important;
}

#DemID {
    cursor: pointer !important;
}

#validate-filters-lingeplat {
    float: right;
}

#validate-filters-hygieneservice {
    float: right;
}

.Video-Text {
    padding: 40px;
    text-align: center;
    display: inline-block;
    font-size: 20px;
    font-style: italic;
}

.hide-selected > li.k-state-selected {
    display: none;
}

.successCopy, .successPaste {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    display: none;
}

.table-vertical-scrollbar {
    overflow: scroll;
    height: 400px;
}

/* Begin css Loader */
.loader {
    position: fixed;
    z-index: 999;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 120px;
    height: 120px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* end css Loader */

/*********************************************/
/* Loader custom class Gestion des demandes  */

/* applicable sur le message du loader */
.dmd-msg-loader span.k-loading-text {
    font-size: 2.1rem !important;
    text-indent: 0 !important;
    top: 65% !important;
    left: 40% !important;
    display: inline-block !important;
    padding: 5px !important;
    background-color: #fff !important;
    border-radius: 5px !important;
    border: 1px solid #555 !important;
}
/* loader type roue */
.dmd-img-loader .k-loading-image {
    background-image: url(kendo/bootstrap/loading_2x.gif);
    background-size: auto;
    top: -43%;
}

/* applicable sur le message du loader */
.inv-msg-loader span.k-loading-text {
    font-size: 2.1rem;
    text-indent: 0;
    top: 60%;
    left: 40%;
    display: inline-block;
    padding: 5px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #555;
}
/* loader type roue */
.inv-img-loader .k-loading-image {
    background-image: url(kendo/Bootstrap/loading_2x.gif);
    background-size: auto;
    top: -43%;
}


.admMngUsers .k-grid .k-header.k-grid-toolbar {
    background-color: red;
    color: white;
}
/* .k-grid .k-grid-header .k-header.k-grid-toolbar */
.admMngUsersGrid > .k-grid-header {
    /*background-color: green;*/
    max-width: 830px !important;
    height: 83px !important;
}

.notallowed {
    background-color: #746d71;
}

.customField > .k-widget.k-dropdown {
    width: 500px !important;
}



.b-icon {
    min-width: 25px !important;
}

k-icon.k-i-check {
    background-image: url("../img/sprite.png");
}

.k-icon.k-i-cancel {
    background-image: url("../img/sprite.png");
}

.k-icon.k-i-tick {
    background-image: url("../img/sprite.png");
}


.notallowed h2.header-grid-toggle.off {
    color: white
}

.form-group.required .control-label:after {
    content: "*";
    color: red;
    font-size: 22px;
}

.input-group.required .control-label:after {
    content: "*";
    color: red;
    font-size: 22px;
}

.input-group.required .label-form:after {
    content: "*";
    color: red;
    font-size: 22px;
}


.input-group-req .control-label:after {
    content: "*";
    color: red;
    font-size: 22px;
}

.SelectAllMultiCombo .k-multiselect-wrap.k-floatwrap {
    display: inline;
}



/* DDL style loading  
.k-i-loading, .k-loading, .k-state-hover .k-i-loading, .k-state-hover .k-loading {
    background-image: url('/Content/Styles/kendo/bootstrap/loading.gif');
    display: inline-block !important;
    background-position: 50% 50%;
}



.k-loading-Ddl-Suivi,
.k-loading,
.k-i-loading,
.k-state-hover
.k-loading-image {
    background-image: url('/Content/Styles/kendo/bootstrap/loading.gif') !important;
    display: inline-block !important;
    background-position: 50% 50%;
}
 */


.maintenanceActive {
    background: repeating-linear-gradient(45deg,#0000004f,#0000004f 35px,#fde9e0 0,#fde9e0 70px);
}



.btn-sf {
    margin-left: 10px !important;
}


#module-multi-clients .clients,
#module-multi-client-containers .clients,
#module-multi-site .site {
    background: #83b0dc none repeat scroll 0 0 !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    cursor: pointer;
    float: left;
    font-size: 11px;
    height: 52px !important;
    line-height: 1.6em;
    overflow: hidden;
    padding: .4em .6em;
    padding-left: 25px;
    position: relative;
    text-overflow: ellipsis;
    vertical-align: middle;
    width: 123px;
}

    #module-multi-clients .client:hover,
    #module-multi-client-containers .client:hover,
    #module-multi-site .site:hover {
        background: #005499 none repeat scroll 0 0 !important;
    }

    #module-multi-clients .client:active,
    #module-multi-client-containers .client:active,
    #module-multi-site .site:active {
        background: #005499 none repeat scroll 0 0 !important;
        background-image: url(../img/check-module.jpg) !important;
        background-repeat: no-repeat !important;
        background-position: 6% 14% !important;
    }

    #module-multi-clients .client span,
    #module-multi-client-containers .client span,
    #module-multi-site .site span {
        font-weight: bold;
        white-space: nowrap;
    }

    #module-multi-clients .client.k-state-selected,
    #module-multi-client-containers .client.k-state-selected,
    #module-multi-site .site.k-state-selected {
        background: #005499 none repeat scroll 0 0 !important;
        box-shadow: none !important;
        background-image: url(../img/check-module.jpg) !important;
        background-repeat: no-repeat !important;
        background-position: 6% 14% !important;
    }

.listview-container {
    display: block;
    width: 100%;
    clear: both;
    margin-top: 20px; /* Ajustez selon vos besoins */
}


#module-multi-client .client,
#module-multi-client-containers .client,
#module-multi-site .site {
    background: #83b0dc none repeat scroll 0 0 !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    cursor: pointer;
    float: left;
    font-size: 11px;
    height: 77px !important;
    line-height: 1.6em;
    overflow: hidden;
    padding: .4em .6em;
    padding-left: 25px;
    position: relative;
    text-overflow: ellipsis;
    vertical-align: middle;
    width: 154px;
}

    #module-multi-client .client:hover,
    #module-multi-client-containers .client:hover,
    #module-multi-site .site:hover {
        background: #005499 none repeat scroll 0 0 !important;
    }

    #module-multi-client .client:active,
    #module-multi-client-containers .client:active,
    #module-multi-site .site:active {
        background: #005499 none repeat scroll 0 0 !important;
        background-image: url(../img/check-module.jpg) !important;
        background-repeat: no-repeat !important;
        background-position: 6% 14% !important;
    }

    #module-multi-client .client span,
    #module-multi-client-containers .client span,
    #module-multi-site .site span {
        font-weight: bold;
        white-space: nowrap;
    }

    #module-multi-client .client.k-state-selected,
    #module-multi-client-containers .client.k-state-selected,
    #module-multi-site .site.k-state-selected {
        background: #005499 none repeat scroll 0 0 !important;
        box-shadow: none !important;
        background-image: url(../img/check-module.jpg) !important;
        background-repeat: no-repeat !important;
        background-position: 6% 14% !important;
    }

.seperator {
    margin-bottom :10px
}

.field-validation-error {
    color: red;
}

main.noPaddingBottom {
    margin-bottom :0px !important; 
}

tr.porteurParti td, .porteurParti {
    color: red;
    font-style: italic;
}