/* primary theme */

/*@import url('/fonts/Lato2OFLWeb/LatoLatin/latolatin-opt.css');*/

.primary-theme, h1:not(.transparent) {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    background-color: var(--body-alt-bg) !important;
}

.navbar-atm-left,
.navbar-atm-right {
    background-color: var(--body-bg);
}

.navbar-atm-left {
    box-shadow: 2px 0 5px #ccc;
}
.navbar-atm-right {
    box-shadow: -2px 0 5px #ccc;
}

.home-tile {
    background-color: var(--input-bg);
}

.person-tile {
    background-color: transparent;
}

.job-tile,
.leave-tile,
.requests-tile {
    border: solid 1px #ddd;
    border-radius: 5px;
    box-shadow: 0 2px 5px #ccc, inset 0 5px 0px var(--ess-alt-colour);
}

.job-tile {
    box-shadow: inset 0 5px 0px var(--ess-main-colour), 0 2px 5px #ccc;
}

.btn {
    /*font-size: 1.6rem;*/
    background-image: none;
    text-shadow: none;
}
.btn-primary {
    background-color: #4d73a8;
}
.btn-secondary {
    border: solid 2px #BED0F7;
    background-color: #fff;
}

/* navbar */
.ess-navbar .ess-navbar-item-icon {
    background: url('home-icons_v2.svg') 0 80px;
    width: 80px;
    height: 80px;
    display: block;
    margin: 0 auto;
}
.ess-navbar li:hover {
    background-color: transparent;
}

.ess-navbar-places .home .ess-navbar-item-icon { background-position: 0 240px; }
.ess-navbar-places .home.highlight .ess-navbar-item-icon { background-position: 0 0; }

.ess-navbar-places .calendar .ess-navbar-item-icon { background-position: -80px 240px; } 
.ess-navbar-places .calendar.highlight .ess-navbar-item-icon { background-position: -80px 0; }

.ess-navbar-places .request .ess-navbar-item-icon { background-position: -240px 240px; } 
.ess-navbar-places .request.highlight .ess-navbar-item-icon { background-position: -240px 0; }

.ess-navbar-places .schedule .ess-navbar-item-icon { background-position: -160px 240px; } 
.ess-navbar-places .schedule.highlight .ess-navbar-item-icon { background-position: -160px 0; }

.ess-navbar-places .settings .ess-navbar-item-icon { background-position: -320px 240px; } 
.ess-navbar-places .settings.highlight .ess-navbar-item-icon { background-position: -320px 0; }

.ess-navbar-places .links .ess-navbar-item-icon { background-position: 0px 80px; } 
.ess-navbar-places .links.highlight .ess-navbar-item-icon { background-position: 0 160px; }

.ess-navbar-actions .job .ess-navbar-item-icon{ background-position: -400px 0; }
.ess-navbar-actions .clock-in .ess-navbar-item-icon { background-position: -480px 0; } 
.ess-navbar-actions .clock-out .ess-navbar-item-icon { background-position: -560px 0; } 
.ess-navbar-actions .clock-in-ba .ess-navbar-item-icon { background-position: -640px 0; } 
.ess-navbar-actions .clock-out-ba .ess-navbar-item-icon { background-position: -720px 0; } 
.ess-navbar-actions .logout .ess-navbar-item-icon { background-position: -800px 0; } 

/* tabs */
.nav-tabs.ess-tabs li a,
.nav-tabs.calendar-buttonsbar li a {
    background-color: transparent;
    border-width: 0 0 1px 0;
    border-color: #ccc;
    color: #aaa;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.3rem;
}
.nav-tabs.ess-tabs li.active a,
.nav-tabs.ess-tabs li.active a:focus,
.nav-tabs.calendar-buttonsbar-top li.active a {
    background-color: transparent;
    border-width: 0 0 3px 0;
    border-color: #383b41;
    color: #383b41;
}

.my-account-banner .my-account-banner-title { font-size: 3rem; background-color: #4d73a8; }
.my-account-banner-subtitle { font-weight: 300; font-size: 2rem; margin: 0; margin-bottom: 6px; }
.my-account-banner-subtitle:nth-child(3) { font-weight: 200; margin: 0; }

.calendar-datepicker {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.calendar-datepicker .display-date {
    font-size: 1.6rem;
    color: #555;
    background-color: white;
    border: solid 1px #aaa;
    border-radius: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

.calendar-datepicker .display-date > span {
    line-height: 1;
}

.calendar-datepicker .pager-btn {
    display: inline-block;
    position: relative;
}

.calendar-datepicker .pager-btn:before,
.calendar-datepicker .pager-btn:after{
    position: absolute;
    top: 3px;
}

.calendar-datepicker .pager-btn-prev:before {
    left: 0;
}

.calendar-datepicker .pager-btn-next:after {
    right: 0;
}

.ess .multi-checkbox input[type=checkbox]:before {
    background-color: #f8f9fb;
    border-color: #f8f9fb;
}

.jumbotron {
    padding: 30px 20px;
    overflow-x: hidden;
    border-radius: 5px;
    border-color: #ccc;
    background-color: #fefefe;
    box-shadow: 0 2px 3px #aaa;
}

/* settings page */
.my-account-banner {
    background-color: #4d73a8;
    color: #fff;
    border-radius: 5px;
    overflow-x: visible;
}


.product-title {
    font-family: 'Lato';
    letter-spacing: -0.1em;
    color: #005d8e;
}

/* RESPONSIVE */

@media only screen and (max-width: 767px) and (orientation: portrait)  {
    /* calendar view right hand menu */
    .nav-tabs.calendar-buttonsbar-bottom .nav-btn {
        text-transform: none;
        border-width: 0 0 0 1px;
    }
    
    .nav-tabs.calendar-buttonsbar-bottom li.active a,
    .nav-tabs.calendar-buttonsbar-bottom li:visited a,
    .nav-tabs.calendar-buttonsbar-bottom li:active a:hover,
    .nav-tabs.calendar-buttonsbar-bottom li:active a:focus,
    .nav-tabs.calendar-buttonsbar-bottom li:visited a:hover,
    .nav-tabs.calendar-buttonsbar-bottom li.active:hover a,
    .nav-tabs.calendar-buttonsbar-bottom li:hover a{
        border-width: 0 0 0 3px;
    }
    
}


#calendar_table th {
    font-size: 1.2rem;
}