a {
    color: #00543C;
    text-decoration: none;
}

a:focus, a:hover {
    color: #00543C;
    text-decoration: underline;
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    outline-color: #00543C;
}

a.current-page {
    background-color: #e5e5df;
    color: #000!important;
    border-left: solid 6px #00543C;
}

a.current-page:hover {
    border-left: solid 6px #00543C!important;
}
a#responsive-search-back {
    text-decoration: underline;
}
p a, span a, .modal-footer a:not(.btn), .row a:not(.btn):not([role=tab]):not([role=button]):not(.thumbnail) {
    color: #00543C;
    text-decoration: none;
    border-bottom: dotted 1px transparent;
}

p a:hover, span a:hover, .modal-footer a:not(.btn):hover, .row a:not(.btn):not([role=tab]):not([role=button]):not(.thumbnail):hover {
    text-decoration: none;
    border-bottom: dotted 1px #00543C!important;
}

.tab-pane a {
    color: #00543c!important;
    text-decoration: underline!important;
}

.tab-pane a.btn.btn-primary {
    color: #fff!important;
    text-decoration: none!important;
}
.tab-pane a.btn.btn-primary:hover {
    color: #00543c!important;
}


/* NAV */

.nav-tabs .active a, .nav-tabs .active a:hover {
    color: #000!important;
    border: none!important;
    border-bottom: solid 6px #00543C!important;
    font-weight: 400;
}


.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff!important;
    background-color: #00543C;
    text-decoration: none!important;
}

.nav-pills li a {
    padding: 6px 9px 6px 9px;
    font-size: .9em;
    color: #00543C;
    font-weight: 600;
}

.nav-pills li a:hover {
    color: #00543C;
    border: none;
}


/* ROW bg colors */

.booking-grid>div>.row:hover {
    background-color: white;                
}

.booking-grid>div>.row:nth-child(odd) {
    background-color: #fafaf8!important;    
}


/* main buttons */

.btn-primary {
    color: #fff;
    background-color: #00543C;
    border-color: #00543C;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    outline-color: #00543c;
}

.btn-success {
    background-color: #00543C;
    border-color: #00543C;
}

.btn-success:hover {
    color: #00543c;
    background: white;
    border: 1px solid #00543c;
}

.btn-success.focus, .btn-success:focus {
    color: #00543c;
    background: white;
    border-color: #00543c;
}

.btn-main {
    background-color: #00543C;
    color: #fff !important;
    font-weight: 600;
    min-width: 65px;
}
.btn-default {
    border-color: unset;
}
.btn-default:hover {
    color: #00543C !important;
    background-color: #fff !important;
    border-color: #00543C;
}

.btn-default.focus, .btn-default:focus {
    color: #00543C!important;
    background-color: #fff;
    border-color: #00543C;
}

.btn-primary.active.focus, 
.btn-primary.active:focus, 
.btn-primary.active:hover, 
.btn-primary:active.focus, 
.btn-primary:active:focus, 
.btn-primary:active:hover, 
.open>.dropdown-toggle.btn-primary.focus, 
.open>.dropdown-toggle.btn-primary:focus, 
.open>.dropdown-toggle.btn-primary:hover {
    color: #00543c;
    background-color: #fff;
    border-color: #00543c;
}
.btn-success.active.focus, 
.btn-success.active:focus, 
.btn-success.active:hover, 
.btn-success:active.focus, 
.btn-success:active:focus, 
.btn-success:active:hover, 
.open>.dropdown-toggle.btn-success.focus, 
.open>.dropdown-toggle.btn-success:focus, 
.open>.dropdown-toggle.btn-success:hover {
    color: #00543c;
    background-color: #fff;
    border-color: #00543c;
}

.btn-success.active, 
.btn-success:active, 
.open>.dropdown-toggle.btn-success {
    color: #00543c!important;
    background-color: #fff!important;
    border-color: #00543c!important;
    background-image: none;
}


#bookings #filter-result-row .action-panel a {
    font-size: 13px!important;
    font-weight: 600!important;
    border: none;
    text-decoration: none!important;
    color: #fff!important;
}



/* BUTTONS */

.booking-grid>div>.row:hover .btn-xs {
    border: 1px solid #00543c;
    background: #00543c;
    color: #fff;
}

.booking-grid>div>.row:hover .btn-xs:hover {
    background: #fff;
    color: #00543c;    
}

.table-buttons .btn-xs {
    border: 1px solid #00543c;
    background: #00543c;
    color: #fff;
}

.table-buttons .btn-xs:nth-child(odd) {
    margin-right: 10px;
}

.btn-primary:hover, 
.btn-primary:focus {
    color: #00543C;
    background-color: #fff;
    border-color: #00543C;
}


button.btn.btn-primary.find-a-room.btn-filter-search.dynamic-filter-button {
    background-color: #00543c!important;
    border: 1px solid #00543c;
}
button.btn.btn-primary.find-a-room.btn-filter-search.dynamic-filter-button:hover {
    background-color: #fff!important;
    border: 1px solid #00543c !important;
    color: #00543C !important;

}

#favoriteRoomsContainer button {
    margin-bottom: 20px;
}

/* BOOKINGS */

#bookings #filter-result-row #filter-column .btn-default {
    color: #00543C;
}

#bookings #filter-result-row #filter-column .input-group-addon span {
    color: #00543C;
}

#bookings #filter-result-row .panel .panel-heading:not(#date-time-filters-header):not(#specific-room-filters-responsive):not(#responsive-attendee-header) {
    background-color: #00543C;
    color: #fff;
}

.bookings-datepicker-text {
    color: #00543c;
}

#booking-details-modal .booking-details-ics-link {
    color: #00543c;
}

.bootstrap-datetimepicker-widget.dropdown-menu a {
    color: #00543C!important;
}


.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #00543C;
    color: #fff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
}

.bootstrap-datetimepicker-widget table td.today:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #00543C;
    border-top-color: rgba(0,0,0,.2);
    position: absolute;
    bottom: 4px;
    right: 4px;
}

#room-request-container .cart-header-container {
    color: #00543c;
    font-weight: 600;
    margin-top: .3em;
    margin-right: 15px;
    cursor: pointer;
}


.modal-header {
    border-top: solid 6px #00543C;
    border-radius: 0;
    border-bottom: none;
    padding: 15px 15px 0 15px;
}

#room-request-content .template-head a, #editReservationContainer .template-head a {
    font-size: .8em;
    color: #00543C;
}


.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(0 0 0 / 40%);
}

.fa-plus-circle {
    color: #00543C!important;
}
a.fa.fa-minus-circle {
    text-decoration: none!important;
}
a.fa.fa-pencil {
    text-decoration: none!important;
}
.progress-bar-success {
    background-color: #00543C;
}


/* LOGO area */

.ems-logo-link {
    margin-left: 30px;
}
/*.ems-logo {
    max-width: 200px;
    max-height: 59px;
    margin-left: 10px !important;
}*/
.ems-logo {
    max-width: 140px;
    max-height: 44px;
    margin-left: 10px !important;
    margin-top: -10px;
}

.navbar .navbar-brand {
    padding-top: 6px;        
    width: 300px;
    padding-left: 0;
    margin-left: 15px;
}
.navbar-brand label.lineheader {
    background: white;
}

.navbar-brand {
    float:none;
}

/* PAGINATION */

.grid-page-nav .grid-page-btn.active {
    background-color: #00543C;
    color: #fff;
}

.grid-page-nav .grid-page-btn {
    border: 2px solid #00543C;
    border-radius: 3px;
    padding: 4px 11px;
    margin-left: 3px;
    margin-right: 3px;
    cursor: pointer;
}

.grid-page-nav {
    text-align: center;
    font-weight: 600;
    color: #00543C;
    margin-top: 20px;
}

.grid-page-nav .grid-page-btn:hover {
    background-color: #4C8776;
    color: #fff;
}

/* OTHER */

span.at-icon-wrapper {
    background-color: #cd542c!important;
}

.help-text-icon {
    color: #00543c!important;
}
#pc_HomeHelp p {
    margin-top: 30px!important;
    text-decoration: none!important;
}

.row.form-group.events-container-row .col-xs-4 {
    width: unset;
    margin-top: 20px;
}

/* MOBILE */


@media only screen and (max-width: 499px) {
        /* Site Home Welcome blurb? */
    div#pc_HomeHelp {
        margin-top: 30px;
    }
} 
@media only screen and (max-width: 499px) {
    .table-buttons .btn-xs:nth-child(odd) {
        margin-right: 0px;                      
}
@media only screen and (max-width: 499px) {    
    #page-title-responsive h1 {
        color: #000;
        font-size: 24px;
        font-weight: 400;
        margin-top: 0;
        margin-bottom: 20px!important;   
    }
}
@media only screen and (max-width: 499px) {
    .dynamic-filter-content .dynamic-filter-container .dynamic-filter-item-add {
        font-weight: normal;
        text-decoration: underline!important;
    }
}
@media only screen and (max-width: 499px) {
    .dynamic-filter-content .dynamic-filter-container .dynamic-filter-row:nth-child(odd) {
        background-color: #fafafa;
        padding-top: 20px;      
    }
}
@media only screen and (max-width: 499px) { 
    .dynamic-filter-content .dynamic-filter-container .dynamic-filter-row.roomrequest {
        padding-bottom: 0;
        margin: 0;
        padding-top: 20px;      
    }
}
@media only screen and (max-width: 499px) {
    .btn-filter-search {
        margin-top: 20px!important;              
    }   
}
@media only screen and (max-width: 499px) {
    .panel-title>a {
        color: white!important;
    }
}
@media only screen and (max-width: 499px) {    
    .checkbox span a {
        color: #00543c!important;
        text-decoration: underline!important;
    }
}
@media only screen and (max-width: 499px) {    
    div#add-to-calendar-ics-row a {
        color: #00543c;
        text-decoration: underline;
    }
}
@media only screen and (max-width: 499px) {    
    span.text-danger {
        white-space: normal!important;
    }
}
@media only screen and (max-width: 499px) {    
    #room-request-content #resource-warning-row .so-violation-header, 
    #editReservationContainer #resource-warning-row .so-violation-header {
        border-top: 1px solid #e5e5df;
        padding: 20px;              
        margin-top: 20px;
    }
}
@media only screen and (max-width: 499px) {    
    #room-request-content #resource-warning-row .warning-msg, 
    #editReservationContainer #resource-warning-row .warning-msg {
        font-size: 20px;        
        color: #e16f6f;
    }
}
@media only screen and (max-width: 499px) {    
    div#breadcrumb {
        margin-top: 20px;
    }
}
@media only screen and (max-width: 499px) {    
    h2 {
        font-size: 1.5em;
        padding-bottom: 9px;
        color: #53585f;
        line-height: 1.5;       
    }
}
@media only screen and (max-width: 499px) {    
    div#template-grid a {
        color: #00543c;
        text-decoration: underline;
    }
}
@media only screen and (max-width: 499px) {    
    h1 {
        font-size: 30px;        
    }
}
@media only screen and (max-width: 499px) {    
    #bookings #filter-result-row .panel #date-time-collapse .date-container {
        margin-top: 10px;
        padding-left: 5px;
        height: 65px;
        margin-bottom: 20px;        
    }
}

@media only screen and (max-width: 499px) { 
    .ems-logo {
        margin-left: 0!important;
    }
}
@media only screen and (max-width: 499px) { 
    #reservations-grid-current a {
        text-decoration: underline;
    }
}
@media only screen and (max-width: 499px) { 
    #reservations-grid-current .sortable-grid-header .grid-text-center {
        text-align: left;
    }
}
/*@media only screen and (max-width: 499px) { 
    #reservations-grid-current .col-xs-2,
    #reservations-grid-current .col-xs-1 {
        width: unset;
    }
}*/
@media only screen and (max-width: 499px) { 
    #reservations-container .col-xs-4 {
        width: unset;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 499px) { 
    #reservations-container .col-xs-4 button, 
    #reservations-container .col-xs-4 #reservation-search {
        width: 300px;
    }
}
@media only screen and (max-width: 499px) { 
    .calendar-scroller-container .week-date-left, 
    .calendar-scroller-container .week-date-right {
        color: #00543c!important;
    }
}
@media only screen and (max-width: 499px) { 
    .calendar-scroller-container .calendar-scroller-cal .calendar-scroller-cal-scroll .calendar-scroller-day.selected {
        color: #000000!important;
        background-color: #ccddd8!important;
    }
}
@media only screen and (max-width: 499px) { 
    .calendar-scroller-container .calendar-scroller-cal .calendar-scroller-cal-scroll .calendar-scroller-day.selected>.day {
        color: #000000;
    }
}


/* TABLET */

@media (min-width: 500px) and (max-width: 1024px){
    #reservations-container .col-xs-4 {
        width: unset;
        margin-top: 20px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    #reservations-grid-current .col-xs-1.grid-text, 
    #reservations-grid-current .col-xs-2.grid-text, 
    #reservations-grid-current .col-xs-3.grid-text, 
    #reservations-grid-current .col-xs-1, 
    #reservations-grid-current .col-xs-2, 
    #reservations-grid-current .col-xs-3 {
        width: 50%;
    }
}


/* Android hamburger menu toggle border*/

@media (max-width: 991px) and (min-width: 200px) {
    .navbar-toggle i {
        font-size: 2em;
        color: #444!important;
        height: 30px!important;
        width: 32px!important;
    }
}
.toggle-border {
    border: #000 solid 2px;
    border-color: #000;
    border-radius: 4px;
    background-color: #fff;
    width: 32px!important;
    height: 32px!important;
    position: relative;
    top: -2px;
}