body {
    padding-top: 10px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.navbar-inverse .navbar-nav > li > a {
    color: #ff0060;
    font-size:1.5em;
}

.navbar-inverse {
    background-color: #ffffff;
    border-color: #ffffff;
}



.modal-header .close {
    padding: 0;
     margin: 0
}

.datepicker.dropdown-menu {
    z-index: 10000;
}

/*Twitter Type Ahead*/
.twitter-typeahead {
    width: 100%;
}

    .twitter-typeahead .tt-query,
    .twitter-typeahead .tt-hint {
        margin-bottom: 0;
    }

.tt-dropdown-menu {
    min-width: 160px;
    margin-top: 2px;
    padding: 5px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
}

.tt-suggestion {
    display: block;
    padding: 3px 20px;
}

    .tt-suggestion.tt-is-under-cursor {
        color: #fff;
        background-color: #0081c2;
        background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
        background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
        background-image: -o-linear-gradient(top, #0088cc, #0077b3);
        background-image: linear-gradient(to bottom, #0088cc, #0077b3);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0)
    }

        .tt-suggestion.tt-is-under-cursor a {
            color: #fff;
        }

    .tt-suggestion p {
        margin: 0;
    }

.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #FAFAFA;
    border-color: #EEEEEE;
}

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
    }

.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #FAFAFA;
    border-color: #EEEEEE;
    margin-bottom: 5px;
}

.panel-title {
    font-size: 14px;
    color: #ffffff !important;
}

.panel-title > a {
    display: block;
    padding: 15px;
    text-decoration: none;
    color:#ffffff !important;
    font-size:16px;
}

#headingOne {
    background-color: #99b433;
}

#headingTwo {
    background-color: #1e7145;
}

#headingThree {
    background-color: #ff0097;
}

div#headingFour {
    background: #3e3e3e;
}

.bootbox-close-button{
    display:none;
}

.tt-menu {
    color: white;
    background: gray;
    width:40%;
}
.HRAllocationModal {
max-width:850px;
}
.HRAllocationModal .Candidat .tt-menu {
width:100%;    
}
.col-sm-12.col-xs-12.form-group.Candidat, .Candidat .col-md-12.row {
    padding: 0;
}
.headerBg {
    background: #333;
    color: white;
}
.HRAllocationModal .modal-header {
    background: #4267b2;
    color: white;
}
.blueText {
    color: #4267b2;
}
#SelectCandidat {
    padding-top: 50px;
}
.modal {
    overflow: auto !important;
}
.legends {
padding-top:10px;
}
.container-fluid .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75) !important;
}
.container-fluid .bg-dark.navbar-dark .navbar-nav .nav-link:focus, .bg-dark.navbar-dark .navbar-nav .nav-link:hover, .bg-dark.navbar-dark .navbar-nav .active > .nav-link {
    color: rgba(255, 255, 255, 0.75) !important;
}
.fullwidthTypeahead .tt-menu {
width:100%;
}
.navbar a img {
    width: 213px;
}
.gridTable th {
    background-color: #333333;
    color: white;
    padding: 5px;
    border-right-style: groove;
}

.repeater:nth-child(odd) {
    background: #f5f5f5;
}
.repeater:nth-child(even) {
    background: #eaf8e6;
}
.dashedBottomBorder {
    border-bottom: 1px solid #B5B5B5;
}
.jumbotron.col-sm-12.row {
    padding-top: 15px;
    width: 1500px !important;
    max-width: 1500px !important;
    border: 1px solid #808080;
}
.dashedBottomBorder .col-sm-2, .dashedBottomBorder .col-sm-1, .dashedBottomBorder .col-sm-4, .dashedBottomBorder .rightBorder {
    border-right: 1px solid #b5b5b5;
}
.noBorder {
    border-bottom: 0;
    /*margin-bottom: -20px;*/
}
.doublePullup .col-sm-2{
    margin-top:-30px;
}
.triplePullup .col-sm-2 {
    margin-top: -50px;
}
.fourPullup .col-sm-2 {
    margin-top: -70px;
}

.leftBorder {
    border-left: 1px solid #b5b5b5;
}
.headerRow {
    background: #17a2b8;
    color: white;
}
div.loader {
    width: 100%;
    top: 0;
    position: absolute;
    background: rgba(0,0,0,0.5);
    height: 100%;
    display:none;
    z-index:100;
}
.loader img {
    width: 100px;
    left: 40%;
    top: 40%;
    position: absolute;
}
.grid {
    height: 98vh;
}
.container.ng-scope {
    width: 100%;
    max-width: 100%;
}

table#employeeTable {
width:2500px;
}
#employeeTable thead {
    background: #17a2b8;
    color: white;
}

.maxImage{
    max-width:100px;
}



@media only screen and (min-width : 1024px) and (max-width : 1224px) { /*--- Tablet landscape --- */
}

@media print {

    @page {
        size: landscape !important;
    }
    /*body {
        writing-mode: tb-rl;
    }*/
    /* ISO Paper Size */
    @page {
        size: A3 landscape !important;
    }

    input,button {
        display: none !important;
    }
    .container {
        margin-left: 0;
    }
    table#employeeTable {
        width: 2200px !important;
    }

    table#employeeTable td:nth-child(1) {
        width: 300px;
    }

    table#employeeTable td:nth-child(3) {
        width: 230px;
    }

    #employeeTable thead {
        background: #3e3e3e !important;
        color: black !important;
    }
}