.calendar-title {
    margin-bottom: .5em;
}

.holidayColor {
    background-color: #EAEBED;    
}

.holiday {    
    font-size:16pt;
    font-style: italic;
    border: 3px double !important;
    border-color: #BABBBB !important;    
}

.holiday > div {
    margin-top: -4px;
    max-height: 28.75px;
}

.focusedOutline {
    outline: solid #0000FF;
}

.normalWeekCode {
    background-color: #D9EDF7;
    color: black;
}

.selected-day {      
    background-color: #d8eeca;
    font-size: 22pt;
}

.selected-day > div {
    margin-top: -6px;
    margin-bottom: 6px;    
    max-height: 28.75px;
}


.highlightedWeekCode {
    background-color: #2572B4;    
    font-size: 22pt;
    color: white;
}

.highlightedWeekCode > div {
    margin-top: -6px;   
    max-height: 28.75px;
    max-width: 45.75px;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}
.add-left-right-padding {
    padding-right: 15px;
    padding-left: 15px;
}


/*#region Overlay Styling*/
.overlay-def .mfp-close {
    color: black;
}
.overlay-def.wb-bar-b, .overlay-def.wb-bar-t {
    background-color: white;
}
#bottom-bar {
    border-radius: 0;
    border: 0;
    background-clip: border-box;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0px;
}
.mfp-arrow:focus, .mfp-close:focus {
    outline: 1px dotted #000000;
}
#bottom-bar .pager {
    line-height: 52px !important;
    margin: 20px 45px 0 45px;
}
#bottom-bar .pager li {
    margin-left: 6px;
    margin-right: 6px;
    display: inline-block;
}
.pager > li.disabled {
    display: inline;
    pointer-events: none;
}
#bottom-bar .pager .next > a {
    position: relative;
    bottom: 19px;
    float: none;
}
#bottom-bar .pager .previous > a {
    position: relative;
    bottom: 19px;
    float: none;
}
#bottom-bar .pager .clear > a {
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 28.75px;
    float: none;
}
.readonly {
    background-color: #eaebed;
    max-width: 52px;
}

.width-80 {
    max-width: 80px;
}

.width-100 {
    max-width: 100px;
}
/*#endregion*/

/*verticle spacing*/
.h1, .h2, h1, h2 {
    margin-top: 0px;
}

/*#region Prevent Tables Mergin Into Each Other*/
.col-lg-4 {
    min-width: 480px;
}

@media (min-width: 768px) {
    .col-md-6 {
        width: 100%;
    }
}

@media (min-width: 1070px) {
    .col-lg-4 {
        width: 50%;
        height: 397.35px;
    }
    .col-md-6 {
        width: 50%;
    }
}

@media (min-width: 1550px) {

    .col-lg-4 {
        width: 33.33333333%;
        height: 397.35px;
    }
}
/*#endregion*/