body {
    padding-top: 70px;
}

body.modal-open {
    overflow: visible;
}

.login-container {
    padding: 30px 0;
    position: relative;
}

.login-form {
    background-color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    font-size: 16px;
    margin: auto;
    max-width: 94%;
    padding: 30px 30px 15px;
    width: 420px;
}

.tr1 {
    background-color:#DDD;
}

tr.comment {
    background-color: #FFEEDD;
}

tr.comment-employees {
    background-color: #ffe9cc;
}

tr.breakline td {
    height:1px;
    padding:1px !important;
    margin:0;
    background-color:#000;
}

.paddingbottom {
    margin-bottom:20px;
}

.red {
    color:#ed1c24;
}

.green {
    color:#2b542c;
}

.specialcolor {
    color:#BBBBBB;
}

.darkgrey {
    background-color:#DDDDDD;
}

.maintable {
    font-size:12px;
}

.maintable th {
    width:200px;
    background-color:#DDDDDD;
}

.maintable th a {
    color:#000;
}

.precheck {
    text-align:center;
}

.textareamail {
    height:200px !important;
}

.allreadyplanned {
    color:#761c19;
    font-weight:bold;
}

.allreadyworkingtoday a {
    color:#3c763d;
    font-weight:bold;
}

.freeday a {
    color: #D89A28;
    font-weight: bold;
}

.not-available {
    color: #FF4500;
    font-weight: bold;
}

span.disabled {
    color:#AAA;
}

.margintop {
    margin-top:20px;
}

.center {
    text-align:center;
}

.holiday select {
    font-size:11px;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 1340px;
}

h1 {
    font-size:20px;
}

.emptyalert {
    font-weight:bold;
    color:#a94442;
}

.navigation li {
    float:left;
    list-style: none;
    display:block;
    margin-right:20px;
}

.removeslotbtn {
    font-weight:bold;
    color:#ac2925;
}

.chooseEmployee, .selectHourModal {
    cursor: pointer;
}

.employeeExist {
    color:#ed1c24;
    font-weight: bold;
}

.hourOptions, .selectHourModal {
    font-weight: bold;
}

.hourOptions span, .hourType {
    color: orange;
}

.selectHourModal {
    text-decoration: underline;
}

#startHour, #endHour {
    width: 80%;
}

.check-rooster-schedule {
    margin: 0;
}

.legend .specialcolor {
    background-color: #BBBBBB;
    color: white;
}

.legend .not-available {
    background-color: #FF4500;
}

.legend .freeday {
    background-color: #D89A28;
}

.holiday-comment {
    height: 150px;
    width: 215px;
}

ul.hrnotification {
    margin:0px;
    padding:0px;
    margin-left:10px;
}

ul.hrnotification li {
    font-size:10px;
}

.navbar-header {
    float: none;
}
.navbar-left,.navbar-right {
    float: none !important;
}
.navbar-toggle {
    display: block;
}
.navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
    overflow-y: auto;
    max-height: 100%;
}
.navbar-collapse.collapse {
    display: none!important;
}
.navbar-nav {
    float: none!important;
    margin-top: 7.5px;
}
.navbar-nav>li {
    float: none;
}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.collapse.in{
    display:block !important;
}

.holidayPhonebook {
    color:red;
}

/* =============================  FOR LOADER ============================= */
/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Transparent Overlay */
.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

.loading-popover {
    position: relative;
}

.spinner {
    min-width: 24px;
    min-height: 24px;
}
.spinner:before {
    content:'Loading…';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin-top: -10px;
    margin-left: -10px;
}
.spinner:not(:required):before {
    content: '';
    border-radius: 50%;
    border-top: 2px solid #03ade0;
    border-right: 2px solid transparent;
    animation: spinner .6s linear infinite;
    -webkit-animation: spinner .6s linear infinite;
}

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.forgot-password:focus, .forgot-password:hover {
    outline-offset: -2px;
    text-decoration: underline;
    color: #23527c !important;
}

.specialJobsAlert,.bonusJobsAlert {
    color:#d9534f;
}
.specialJobsAlert::after,.bonusJobsAlert::after {
    content: "\f06a";
    font-family: FontAwesome;
}

table.tableSmallerFont td,table.tableSmallerFont th {
    font-size:13px;
}

table.tableSmallerFont thead {
    background-color:#EEE;
}