.mandatory {
    color: red;
}

.overlayContainer {
    display: none;
}

.overlayBackground {
    top: 0px;
    left: 0px;
    padding-left: 100px;
    position: absolute;
    z-index: 1000;
    height: 100%;
    width: 100%;
    background-color: #808080;
    opacity: 0.3;
}

.overlayContent {
    position: absolute;
    border: 1px solid #000;
    background-color: #fff;
    font-weight: bold;
    height: 100px;
    width: 300px;
    z-index: 1000;
    text-align: center;
}

.help-block {
    color: #a94442;
}

.comment {
    color: #0010FF;
}

.etat-validee {
    color: white;
    font-weight: bold;
    border-radius: 2px;
    background-color: #3B9F3B;
    padding: 4px;
    width: 70px;
    display: block;
    text-align: center;
}

.etat-en-cours {
    color: white;
    font-weight: bold;
    border-radius: 2px;
    background-color: #1756B4;
    padding: 4px;
    width: 70px;
    display: block;
    text-align: center;
}

.etat-refusee {
    color: #AF5600;
    font-weight: bold;
    border-radius: 2px;
    background-color: #FF9E1A;
    padding: 4px;
    width: 70px;
    display: block;
    text-align: center;
}

.etat-modifiee {
    color: #FFE27A;
    font-weight: bold;
    border-radius: 2px;
    background-color: #FF9E1A;
    padding: 4px;
    width: 70px;
    display: block;
    text-align: center;
}

.etat-annulee {
    color: white;
    font-weight: bold;
    border-radius: 2px;
    background-color: gray;
    padding: 4px;
    width: 70px;
    display: block;
    text-align: center;
}

.etat-annulation {
    color: white;
    font-weight: bold;
    border-radius: 2px;
    background-color: purple;
    padding: 4px;
    width: 70px;
    display: block;
    text-align: center;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
    background-color: #CBE9FB;
}
/* Sidebar Gray Variation */

#page-container,
#page-leftbar,
.focusedform {
    background-color: #e6e9ee;
}

#sidebar > li.active > a {
    background-color: #4697ce;
}

#sidebar > li.active > a,
body.collapse-leftbar #sidebar > li.active:hover > a {
    color: #ffffff;
}

#sidebar a:hover,
body.collapse-leftbar #sidebar > li:hover,
body.collapse-leftbar #sidebar > li.keep-open {
    background-color: rgba(255, 255, 255, 0.4);
}

    #sidebar a:hover,
    #sidebar a:hover i,
    body.collapse-leftbar #sidebar > li:hover > a,
    body.collapse-leftbar #sidebar > li:hover > a i,
    body.collapse-leftbar #sidebar > li.keep-open > a,
    body.collapse-leftbar #sidebar > li.keep-open > a i {
        color: #3d414a;
    }

#sidebar ul,
#sidebar ul li a {
    background-color: #d9dbe0;
}

    #sidebar li a,
    #sidebar ul li.active:not(.open) > a {
        color: #656b79;
    }

    #sidebar ul li a {
        color: #656b79;
    }

#search form .search-query {
    background: #d9dbe0;
    color: #656b79;
}

    #search form .search-query:-moz-placeholder {
        color: rgba(101, 107, 121, 0.5);
    }

    #search form .search-query::-moz-placeholder {
        color: rgba(101, 107, 121, 0.5);
    }

    #search form .search-query:-ms-input-placeholder {
        color: rgba(101, 107, 121, 0.5);
    }

    #search form .search-query::-webkit-input-placeholder {
        color: rgba(101, 107, 121, 0.5);
    }

#search form button[type="submit"] i {
    color: #656b79;
}

body.collapse-leftbar #search.keep-open > a {
    background: #d9dbe0 !important;
}

    body.collapse-leftbar #search.keep-open > a:hover {
        background: #656b79;
    }

#sidebar .divider {
    background-color: #d9dbe0;
}

    #sidebar .divider:hover {
        background-color: #d9dbe0;
    }

#sidebar ul li.active a {
    color: #3d414a !important;
}

#horizontal-navbar {
    background-color: #e6e9ee;
}

    #horizontal-navbar .navbar-nav > .open > a {
        background: rgba(255, 255, 255, 0.4);
        color: #3d414a;
    }

    #horizontal-navbar .navbar-nav ul {
        background-color: #d9dbe0;
        padding: 5px 0;
    }

        #horizontal-navbar .navbar-nav ul li a {
            color: #656b79;
            padding: 10px 15px;
        }

            #horizontal-navbar .navbar-nav ul li a:hover {
                background: rgba(255, 255, 255, 0.4);
                color: #3d414a;
            }

    #horizontal-navbar .navbar-nav li a {
        color: #656b79;
    }

        #horizontal-navbar .navbar-nav li a i {
            color: #656b79;
        }

    #horizontal-navbar .navbar-nav li.active > a,
    #horizontal-navbar .navbar-nav li.active > a i,
    #horizontal-navbar .navbar-nav li.active > a:hover,
    #horizontal-navbar .navbar-nav li.active > a:hover i {
        background-color: #4697ce;
        color: #ffffff;
    }

    #horizontal-navbar .navbar-nav li a:hover,
    #horizontal-navbar .navbar-nav li a:hover i {
        background: rgba(255, 255, 255, 0.4);
        color: #3d414a;
    }

nav.navbar {
    background: #e6e9ee;
}

    nav.navbar .navbar-toggle,
    nav.navbar .navbar-toggle:hover,
    nav.navbar .navbar-toggle:focus {
        color: #ffffff;
    }

@media (min-width: 768px) {
    #horizontal-navbar.large-icons-nav .navbar-nav li ul {
        background-color: #d9dbe0;
    }

        #horizontal-navbar.large-icons-nav .navbar-nav li ul li a {
            color: #656b79;
        }

            #horizontal-navbar.large-icons-nav .navbar-nav li ul li a:hover {
                background: rgba(255, 255, 255, 0.4);
                color: #3d414a;
            }
}

.topNegative1000 {
    top: -1000px !important;
}

.topZero {
    top: 0 !important;
}

.mainview-animation {
    position: relative;
}

    .mainview-animation.ng-enter {
        -webkit-transition: .3s linear all;
        /* Safari/Chrome */
        -moz-transition: .3s linear all;
        /* Firefox */
        -o-transition: .3s linear all;
        /* Opera */
        transition: .3s linear all;
        /* IE10+ and Future Browsers */
    }

    .mainview-animation.ng-enter {
        opacity: 0;
    }

        .mainview-animation.ng-enter.ng-enter-active {
            opacity: 1;
        }

.navbar.navbar-default.ng-hide {
    display: none;
}

#page-rightbar .jspHorizontalBar {
    /*display: none !important;*/
}

.fc-grid .fc-day-number {
    padding: 5px 6px;
}

.large-icons-nav #top-nav > li > ul {
    top: 85px;
}

#top-nav li > ul {
    display: none;
    position: absolute;
    z-index: 100;
    top: 40px;
    left: 0;
    padding-left: 0;
    min-width: 200px;
}

@media (max-width: 768px) {
    #top-nav li > ul {
        position: inherit !important;
        top: 0px !important;
        padding-left: 20px !important;
    }
}

#top-nav li > ul li {
    list-style-type: none;
}

    #top-nav li > ul li ul {
        left: 100%;
    }

    #top-nav li > ul li a {
        width: 100%;
        display: inline-block;
    }

        #top-nav li > ul li a:hover {
            text-decoration: none;
        }

#top-nav li:hover > ul {
    display: block;
}

#horizontal-navbar .navbar-nav li.active a:before {
    display: none;
}

.panel-heading > h4 {
    display: inline-block;
}

.panel-heading > .badge {
    display: inline-block;
    position: relative;
    top: -4px;
    text-align: center;
    padding: 4px 7px;
}

.options input {
    color: black;
    /*margin-top: 6px;*/
}

input.inline-checkbox {
    vertical-align: text-bottom;
    margin-top: 8px;
}

.old-message strong {
    width: 100px;
    display: inline-block;
    text-align: right;
    margin-right: 8px;
}

.table-vcenter > thead > tr > th,
.table-vcenter > tbody > tr > th,
.table-vcenter > tfoot > tr > th,
.table-vcenter > thead > tr > td,
.table-vcenter > tbody > tr > td,
.table-vcenter > tfoot > tr > td {
    vertical-align: middle;
}

.hidden-preserve-width {
    display: block !important;
    visibility: hidden !important;
    height: 0 !important;
}

.pointer-cursor {
    cursor: pointer;
}