@charset "utf-8";


/* Overides from app */
body{background-color: #f4f4f4 !important;}
/*
a {color: #005b7f !important;}
a:hover {color: #023a50 !important;}
*/

a {
    color: #2582c5;
}

a:hover {
    color: #0c89e3;
}


.text-primary {color: #2582c5 !important;}
/* Not sure why this was there. It breaks the scroll
.table-responsive{overflow-x:visible !important;}
*/
.sticky-top {border-top: 0px solid #ccc; background-color: #fff;}
.sticky-top {border-top: 0px solid #ccc; background-color: #fff;}
.sticky-sub {top: 64px; position: sticky; z-index: 1020; border-top: 1px solid #666;}

.form-control:focus {border-color: #3397be !important;}
.btn-primary {background-color: #2582c5; border-color: #005b7f !important;}
.btn-primary:hover {background-color: #003471 !important;border-color: #0076a3;}
.btn-primary.disabled, .btn-primary:disabled {background-color: #005b7f;border-color: #005b7f;}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,.show > .btn-primary.dropdown-toggle {background-color: #005b7f !important;border-color: #023f57 !important;}
.btn-outline-primary {color: #005b7f;border-color: #005b7f;}
.btn-outline-primary:hover {background-color: #005b7f !important;border-color: #005b7f !important;}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {color: #005b7f;}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,.show > .btn-outline-primary.dropdown-toggle {background-color: #005b7f !important;border-color: #005b7f !important;}
.dropdown-item.active, .dropdown-item:active {color: #005b7f !important; font-weight: 800; font-size: 1.1em;}
.custom-control-input:checked ~ .custom-control-label::before {color: #005b7f !important;}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {background-color: #005b7f !important;}
.custom-select:focus {border-color: #3397be !important;}
.custom-file-input:focus ~ .custom-file-label {border-color: #3397be !important;}
.custom-file-input:focus ~ .custom-file-label::after {border-color: #3397be !important;}
.custom-range::-webkit-slider-thumb {background-color: #005b7f !important;}
.custom-range::-moz-range-thumb {background-color: #005b7f !important;}
.custom-range::-ms-thumb {background-color: #005b7f !important;}
.nav-link {padding: 15px 20px 15px 20px;}
.nav-bm-plus {font-size: 11px; vertical-align: text-top; padding-top: 4px;}
.nav-pills .show > .nav-link {background-color: #005b7f !important;}
.page-item.active .page-link {color: #005b7f!important; border-color: #005b7f !important;}
.badge-primary {background-color: #005b7f !important;}
.no-uppercase {text-transform: none !important;}

table.dataTable.sagacityDataTable thead .sorting_asc {
    background-image: none;
}

table.dataTable.sagacityDataTable thead .sorting_desc {
    background-image: none;
}

table.dataTable.sagacityDataTable thead .sorting {
    background-image: none;
}

table.dataTable.sagacityDataTable thead th, table.dataTable.sagacityDataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #ccc;
    background-color: #333;
    color: #fff
}

table.dataTable.sagacityDataTable.no-footer {
    border-bottom: 1px solid #ccc;
}

.mai-datatable-footer {
    background-color: #e1e1e1;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {padding: 0px; margin: 0px;}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border:  none !important;
    padding: 1px;
    background: none !important;
    background-color: none !important;
}

.page-item:first-child .page-link, .page-item:last-child .page-link  {
    border-radius: 9px;
    padding: 0.4rem 1rem 0.6rem;
}

.paginate_button .page-link {
    color: #005b7f !important;
    border-color: #ccc !important;
    border-radius: 5px;
}

.paginate_button.active .page-link {
    color: #005b7f !important;
    border-color: #09afd9 !important;
    border-radius: 5px;
}


.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

.badge {
    display: inline-block;
    padding: 0.15em 0.4em .2em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.list-group-item.active {background-color: #005b7f !important;border-color: #005b7f !important;}
.mai-sub-header .navbar {margin-bottom: -1px;}
@media (min-width: 992px) {
    .modal-lg { max-width: 800px;}
}
.main-content {padding: 10px 10px 45px 10px;margin-top: 5px;}

.container-wide {max-width: 1400px;}


.mai-mega-menu-section > .nav-link {color: #005b7f !important;}
.navbar .navbar-nav .mai-mega-menu-sub-items .dropdown-item:hover, .navbar .navbar-nav .mai-mega-menu-sub-items .dropdown-item.active {color: #005b7f !important;}
.mai-sub-header {background-color: #005b7f;}
.mai-sub-header .navbar-toggler {background-color: #000000 !important;}
.mai-sub-header .navbar-nav > .nav-item > .nav-link:hover {color: #2daddf !important;}
.mai-sub-header .navbar-nav > .nav-item.open > a, .mai-sub-header .navbar-nav > .nav-item.open:hover > a {color: #023154 !important; }


@media (max-width: 767.98px) {
    .mai-sub-header .navbar-nav > .nav-item.open > a, .mai-sub-header .navbar-nav > .nav-item.open:hover > a {
        color: #ffffff !important;}
    .mai-sub-header .navbar-nav > .nav-item.open > a, .mai-sub-header .navbar-nav > .nav-item.open {
        color: #ffffff !important;}
    .mai-nav-tabs-sub > .nav-item > .nav-link.active {
        color: #ffffff !important;
    }
    .mai-nav-tabs-sub > .nav-item > .nav-link.active:hover {
        color: #ffffff !important;
        font-weight: bold !important;
    }
    .mai-nav-tabs-sub > .nav-item > a:hover {color: #0daed6 !important;}
    .mai-nav-tabs-sub > .nav-item > .nav-link {color: #ffffff !important; font-size: 1.1em !important;}
    .mai-nav-tabs-sub > .nav-item > .nav-link .icon {color: #ffffff !important;}
}

@media (max-width: 767.98px) {
    .mai-top-header .navbar-brand {
        display: flex !important;
        height: 62px !important;
        width: 60px !important;
        background-image: url("../img/footer-s.png") !important;
        margin-right: 15px !important;
    }
}

@media (max-width: 575.98px) {
    .mai-top-header .navbar-brand {
        display: inline-flex!important;
        height: 62px !important;
        width: 45px !important;
        background-image: url("../img/footer-s.png") !important;
        margin-right: 15px !important;
    }
}

@media (max-width: 991.98px) {
    .mai-top-header .navbar-brand {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100% !important;
        flex: 1 1 100% !important;
    }
}

.mai-top-header .navbar-brand {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto !important;
    flex: 1 0 auto !important;
}


.mai-sub-header .search {border-bottom: 1px solid #0d1f3d !important;}
.mai-sub-header .search > input {background-color: #0a7ba7 !important;}
.mai-sub-header .search > input:focus {border-color: #003663 !important;}

.mai-nav-tabs-sub > .nav-item > .nav-link.active {
    color: #025a9b;
    font-weight: 600 !important;

}

.mai-nav-tabs-sub > .nav-item > .nav-link .icon-sub-nav {
    margin-right: 4px;

}

.mai-nav-tabs-sub > .nav-item > .nav-link.active .icon-sub-nav {
    color: #04b354;
    font-weight: 600 !important;
    margin-right: 4px;

}

@media (min-width: 991px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
}




.splash-container .user-message {background-color: #005b7f !important;}
.splash-container .alternative-message {color: #cccccc !important;}
.splash-container .alternative-message a {color: #25bdf6 !important;}
.splash-container .form-message .out-links {text-align: center;display: block;margin-top: 3rem;color: #ababab !important;}
.splash-container .form-message .out-links a {color: #ababab !important;}
.splash-container .input-group .input-group-prepend .icon {color: #00aeef !important;}

@media (max-width: 767.98px) {
    .mai-top-header {background-color: #005b7f;}
}
.mai-top-header .navbar-brand {height: 50px;width: 250px;background-image: url("../img/sagacity-golf.png");}
.mai-top-header .navbar-pga {height: 50px;width: 450px; background-image: url("../img/sagacity-golf-pga.png");}

@media (min-width: 576px) and (max-width: 767px) {
    .mai-top-header .navbar-brand {width: 70px;}
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .mai-top-header .navbar-brand {
        background-image: url("../img/sagacity-golf2x.png") !important;
        background-size: 250px 50px !important;
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), (min-resolution: 192dpi) and (max-width: 767px) {
    .mai-top-header .navbar-brand {
        background-image: url("../img/footer-s.png") !important;
        background-size: 50px 75px !important;
    }
}




.mai-top-header .mai-icons-nav > .nav-item.dropdown > .nav-link .indicator {background: #005b7f !important;}
.mai-top-header .mai-icons-nav > .nav-item.dropdown.show > a .icon, .mai-top-header .mai-icons-nav > .nav-item.dropdown.show:hover > a .icon { color: #003663 !important;}
.mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-notifications > .content > ul > li > a .icon > span, .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-notifications > .content > ul > li > a .img > span, .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-messages > .content > ul > li > a .icon > span, .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-messages > .content > ul > li > a .img > span, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-notifications > .content > ul > li > a .icon > span, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-notifications > .content > ul > li > a .img > span, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-messages > .content > ul > li > a .icon > span, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-messages > .content > ul > li > a .img > span {color: #005b7f !important;}
.mai-top-header .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item:hover {background-color: #197ea6 !important;}
.switch-button input[type="checkbox"]:checked + span {background-color: #005b7f !important;}
.color-swatch-primary .state-names {border-color: #005b7f !important;}
.color-swatch-primary .colors .normal-state {background-color: #005b7f !important;}
.color-swatch-primary .colors .hover-state { background-color: #1e7ca1 !important;}
.clr-primary {background-color: #005b7f !important;}
.bs-grid-block .content .device:before {color: #005b7f !important;}

@media (max-width: 1199.98px) {
    .bs-grid-block .content .device:before { color: #005b7f !important;}
}

@media (max-width: 991.98px) {
    .bs-grid-block .content .device:before {color: #005b7f;}
}
.icon-container:hover .icon span {color: #005b7f !important;}
.icon-container:hover .icon-class {color: #005b7f !important;}
.card-border-color-primary {border-top-color: #005b7f;}
.card-header-color-primary {background-color: #005b7f;}
.card-header-color-dark .tools .icon:hover { color: #02d0fe !important;}
.card-full-color-primary {background-color: #005b7f;}
.card-body a {color: #005b7f !important;}
.pricing-table-title {color: #005b7f;}
.pricing-table-dark .pricing-table-features b {color: #005b7f;}
.pricing-table-primary { background-color: #005b7f;}
.table-filters-container {border: 0px !important;border-bottom: 1px solid #ffffff;}
.table-filter-title { margin-bottom: 4px;}
.table-filter-title a {color: #787878;}
.table-filter-title a i {color: #2582c5;}
.widget-tile-wide .icon {color: #005b7f;}
.timeline-item:before {border: 2px solid #005b7f;}
.widget.widget-fullwidth .widget-info .counter-block .title {color: #005b7f;}
.widget-chart-container .indicator-equal .icon {color: #005b7f;}
.badge-primary {background-color: #005b7f;border-color: #005b7f;}
.btn.btn-outline-primary {border-color: #005b7f;}
.btn.btn-outline-primary:hover {background-color: #005b7f;border-color: #005b7f;}
.btn.btn-outline-primary.disabled, .btn.btn-outline-primary:disabled { color: #005b7f;}
.btn.btn-outline-primary:active, .btn.btn-outline-primary.active,.show > .btn.btn-outline-primary.dropdown-toggle {background-color: #005b7f;border-color: #005b7f;}

.btn-primary:hover, .btn-primary.hover {background-color: #005b7f !important;}
.show > .btn-primary.dropdown-toggle:focus, .show > .btn-primary.dropdown-toggle.focus {background-color: #005b7f;}
.show > .btn-primary.dropdown-toggle:focus:hover, .show > .btn-primary.dropdown-toggle:focus.hover, .show > .btn-primary.dropdown-toggle.focus:hover, .show > .btn-primary.dropdown-toggle.focus.hover {background-color: #005b7f;}
.btn-primary.disabled, .btn-primary:disabled {background-color: #005b7f;border-color: #005b7f;}
.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active,.show > .btn-primary.dropdown-toggle {background-color: #005b7f;}
.btn-primary:not([disabled]):not(.disabled):active:hover, .btn-primary:not([disabled]):not(.disabled):active:focus, .btn-primary:not([disabled]):not(.disabled):active.focus, .btn-primary:not([disabled]):not(.disabled).active:hover, .btn-primary:not([disabled]):not(.disabled).active:focus, .btn-primary:not([disabled]):not(.disabled).active.focus,.show > .btn-primary.dropdown-toggle:hover,	.show > .btn-primary.dropdown-toggle:focus,.show > .btn-primary.dropdown-toggle.focus {background-color: #005b7f;}
.btn-dark:not([disabled]):not(.disabled).active,.open > .btn-dark.dropdown-toggle {color: #005b7f;}
.btn-dark:not([disabled]):not(.disabled).active:hover, .btn-dark:not([disabled]):not(.disabled).active:focus, .btn-dark:not([disabled]):not(.disabled).active.focus, .open > .btn-dark.dropdown-toggle:hover,.open > .btn-dark.dropdown-toggle:focus,	.open > .btn-dark.dropdown-toggle.focus {color: #005b7f;}
.btn-link-primary {color: #005b7f;}
.btn-link-primary:focus, .btn-link-primary.focus {color: #005b7f;}
.accordion .card-header button[aria-expanded='true'] {color: #005b7f;}
.accordion-dark .card-header button[aria-expanded='true'] {color: #005b7f;}
.custom-control-input:checked ~ .custom-control-label::after {color: #005b7f;}
.custom-control-input:checked ~ .custom-control-label::before {border-color: #005b7f;}
.custom-control-input:checked ~ .custom-control-color::after { background-color: #005b7f;}
.custom-radio-icon input[type="radio"]:checked + .custom-control-label { border-color: #005b7f;color: #005b7f;}
.custom-radio-icon input[type="radio"]:checked + .custom-control-label i {color: #005b7f;}
.dropdown-item.active:hover, .dropdown-item.active:active { color: #005b7f !important;}
.dropdown-menu-dark .dropdown-item.active {color: #005b7f;}
.dropdown-menu-dark .dropdown-item:hover:hover, .dropdown-menu-dark .dropdown-item:hover:focus {background-color: #005b7f !important;}
.list-group-item.active .badge { color: #005b7f;}
.active .list-group-item .badge {color: #005b7f;}
.modal-header-colored-primary, .modal-dark .modal-header-colored-primary {background-color: #005b7f;}
.modal-full-color-primary .modal-header {background-color: #005b7f;}
.modal-full-color-primary .modal-body, .modal-full-color-primary .modal-footer { background-color: #005b7f;}
.modal-full-color-primary .btn-default {color: #005b7f;}
.modal-full-color-primary .btn-default:active {color: #005b7f;}
.nav-link.hover, .nav-link:hover { color: #005b7f !important;}
.nav-tabs-dark .nav-link.active {color: #005b7f;}
.nav-tabs-primary .nav-link.active { background-color: #005b7f !important;}
.nav-tabs-primary + .tab-content {background-color: #005b7f !important;}
.table > thead.primary > tr > th {color: #005b7f;}
.table-primary > td { background-color: #005b7f;}
.table-hover .table-primary:hover {background-color: #005b7f !important;}
.table-hover .table-primary:hover > th {background-color: #005b7f !important;}
.table tbody tr.online td:first-child { border-left: 3px solid #005b7f;}
.table tbody tr.primary td:first-child {border-left: 3px solid #005b7f;}
.docs .page-aside .aside-content .aside-nav .navbar-nav > .nav-item > .nav-link.active {color: #005b7f !important;}
.docs .page-aside .aside-content .aside-nav .navbar-nav > .nav-item > ul .nav-link.active { color: #005b7f !important;}
.aside-nav .navbar-nav li.active a {color: #005b7f !important;}
.aside-nav .navbar-nav li.active a .icon {color: #005b7f !important;}
.email-list-item-unread:after {background-color: #005b7f !important;}
.mai-error .error-image svg .cls-1 {fill: #005b7f;}
.gallery-container .item .photo .description .icon a:hover {color: #005b7f !important;}
.invoice-company-info {margin-top: 200px;}
.login-forgot-password a {color: #14bbe0;}
.datepicker table tr td.active, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.active.disabled, .datepicker table tr td.active.active.disabled:hover {background-color: #005b7f;}
.datepicker table tr td span.active, .datepicker table tr td span.active.active, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active.active.disabled, .datepicker table tr td span.active.active.disabled:hover {background-color: #005b7f !important;}
.datepicker .next:hover {color: #005b7f !important;}
form.dropzone .dz-preview.dz-file-preview .dz-image, form.dropzone .dz-preview.dz-image-preview .dz-image {border: 3px solid #005b7f;}
form.dropzone .dz-preview.dz-file-preview.dz-success .dz-image, form.dropzone .dz-preview.dz-image-preview.dz-success .dz-image {border-color: #005b7f;}
.tooltip-chart .content-chart span {color: #3397be;}
.full-calendar .fc-view-container .fc-event-container .fc-event {background: #005b7f;}
.fullcalendar-external-events .fc-event { background: #005b7f;}
.gritter-theme .gritter-title {color: #005b7f;}
.gritter-color.primary { background: #005b7f;}
.ms-container .ms-selection li.ms-hover {background-color: #005b7f;}
.ms-container .ms-list.ms-focus {border-color: #005b7f;}
.dd-list .dd-item .dd-handle:hover, .dd-list .dd3-item .dd-handle:hover {background: #005b7f;border-color: #005b7f;}
.dd-list .dd-item .dd3-handle, .dd-list .dd3-item .dd3-handle {border: 1px solid #005b7f;background: #005b7f;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #005b7f;}
.slider-selection {background: #005b7f;border: 1px solid #005b7f;}
.fuelux .wizard > .steps-container > ul.steps li.active {color: #005b7f;}
.fuelux .wizard > .steps-container > ul.steps li.complete { background: #005b7f;}
.fuelux .wizard > .steps-container > ul.steps li.complete .chevron:before {border-left: 14px solid #005b7f;}
.cal-calendar:after {background-color: #005b7f;}
.cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a:hover {color: #005b7f !important;}
.cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-active, .cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-highlight { background-color: #005b7f;}
.cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-highlight {background-color: #005b7f;}
.add-note .icon {color: #005b7f;}
.cal-notes span.date { color: #005b7f;}
.cal-notes ul li span.hour {color: #005b7f;}
.indicator-item-icon .icon {color: #005b7f;}
.usage.usage-primary {background-color: #005b7f;}
.user-display-stat-counter {color: #005b7f;}
.user-stats-indicator-counter {color: #005b7f;}
.invoice-company-info a {color: #023050 !important;}
#FacTable a {color: #074f82 !important;}
.table-striped a {color: #074f82 !important;}
.breadcrumb a {color: #074f82 !important;}
.btn-secondary a {color: #074f82 !important;}

.btn-green {background-color: #0d9a56; border-color: #0d9a56 !important;}
.btn-green:hover {background-color: #036d3a !important;border-color: #036d3a;}
.btn.btn-outline-green {border-color: #0d9a56; color: #0d9a56; }
.btn.btn-outline-green:hover {background-color: #0d9a56;border-color: #0d9a56; color: #fff !important;}

.btn-gray {background-color: #333; border-color: #333 !important;}
.btn-gray:hover {background-color: #000 !important;border-color: #000;}
.btn.btn-outline-gray {border-color: #666; color: #666; }
.btn.btn-outline-gray:hover {background-color: #333;border-color: #333; color: #fff !important;}


.progress-bar {background-color: #005b7f;}
.table-bordered > thead > tr > th {
    border-bottom: 1px solid #666;
}

.modal-filter .modal-dialog {
    width: 350px !important;
    max-width: none;
}

.modal-filter .modal-content {
    width: 350px !important;
    max-width: none;
}

.modal-filter .modal-body {
    padding: 0px 0px 10px 20px;
    margin-top: -40px;
    width: 85%;
}

.modal-filter p {
    font-size: .9em;
}

.modal-filter .custom-control .custom-control-label {
    font-size: .9em;
}

.modal-filter h4 {
    font-size: 1em;
    text-transform: uppercase;
}





/* End Overides from app */

/* Custom Sagacity */

/* Home */

.btn-wide {width: 100%;}

.btn-gray {
    color: #fff;
    background-color: #666;
    border-color: #ccc;
}

.btn-gray:hover {
    color: #fff;
    background-color: #333;
    border-color: #ccc;
}

.btn-gray:focus, .btn-gray.focus {
    box-shadow: 0 0 0 0 rgba(88, 199, 239, 0.5);
}

.btn-dark-blue {
    color: #fff;
    background-color: #0f365c;
    border-color: #ccc;
}

.btn-dark-blue:hover {
    color: #fff;
    background-color: #054787;
    border-color: #ccc;
}

.btn-dark-blue:focus, .btn-dark-blue.focus {
    box-shadow: 0 0 0 0 rgba(88, 199, 239, 0.5);
}

.btn-home > .icon {
    display: block;
    font-size: 3rem;
    line-height: 1;
    margin-bottom: .3rem;
}

.btn-home {
    padding: 6.5rem 4rem;
    text-align: center;
    min-width: 255px;
    font-size: 1.2em;
}

.btn-home:hover {
    background-color: #00aeef !important;
}

.home-card {min-height: 270px; background-color: #005b7f;  border: 1px solid #00aeef; background-image: url("../img/home-card-bgx15.png");   background-size: cover; background-position: center; background-repeat: no-repeat;}
.home-card .home-icon {text-align: center; margin: 0px; font-size: 3rem; color: #fff; height: 65px;}
.home-card .card-footer {display: flex; justify-content: space-around; padding-top: 0px; align-items: center;}
.icon-pga {margin-top: 0px;}
.icon-pga img {height: 25px;}
.icon-ngcoa img  {height: 23px;}
.icon-sagacity img {height: 40px;}
.home-card .pricing-header {font-size: .8rem; text-align: center;color: #ccc; text-transform: uppercase; letter-spacing: 1px;}

.icon-pga p {font-size: .8rem; color: #ffffff; text-transform: uppercase; margin-top: -5px;}

.home-card .home-name {color: #ffffff; text-align: center; font-size: 1.4em; font-weight: 400; margin-top: -10px;}
.home-card .card-body {text-align: center;}
.home-card .card-header {display: flex; justify-content: space-between; align-items: flex-start; padding-top: 15px; margin-left: 5px;}

.card-pga {background-image: none; align-content: center;}

.card-pga .card-header {text-align: center;}

.icon-lock {display: flex; align-items: baseline;}
.icon-lock a .fas {font-size: 1.4rem; color: #999; margin-left:5px;}
.icon-lock {font-size: .8rem; color: #ccc; text-transform: uppercase; letter-spacing: 1px;}
.card-pga .card-body {text-align: center; padding: 20% 10% 20%;}
.card-pga .home-name {margin-top: 2px;}

.big {padding: 200px}
.big .home-icon {font-size: 16rem; color: #fff; height: auto;}
.big .home-name {font-size: 5.4em; font-weight: 400;}


.home-card:hover {background-color: #00aeef;border: 1px solid #005b7f;}
.home-card-no-access:hover {background-color: #005b7f; border: 1px solid #666;}

.home-card-no-access {background-color: #333; border: 1px solid #666;}
.home-card-no-access p {color: #ccc; font-size: .9em;}

.card-suppressed {background-color: #999; border: 1px solid #666;}
.card-suppressed:hover {background-color: #999;border: 1px solid #666;}
.required {color: red;}

.home-upload {padding: 20px;}
.home-upload-list li {color: #999; font-size: .9em;}
.home-upload-hdr {text-transform: uppercase; font-weight: 400; color: #05538d; font-size: .8em; }
.upload-icon {text-align: center;}
.upload-icon .icon {font-size: 3.2em; color: #09afd8; }
.btn-upload-home {width: 100%;}
.upload-notes {color: #999; font-size: .9em;}
.upload-notes-hdr {font-size: 1.2em !important;}
/* TOP NAV */


.nav-link {padding: 10px 12px 12px 15px;}

.mai-sub-header .navbar-nav > .nav-item > .nav-link {
    font-family: "Raleway", sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 54px;
    min-width: 180px;
    padding: 0 50px;
    border-radius: 4px 4px 0 0;
    color: #FFFFFF;
    transition: color .12s ease-in-out;
}

.mai-sub-header .navbar-nav > .nav-item > .nav-link.nav-link-home {  min-width: 80px;}


.nav-link .icon {
    font-size: .9rem;
    vertical-align: middle;
}

.mai-sub-header .navbar-nav > .nav-item > .nav-link > .icon {
    font-size: 1.4rem;
}

.mai-sub-header .navbar-nav > .nav-item > .nav-link > .fas {
    font-size: 1.4rem;
    margin-right: 5px;

}

.mai-sub-header .navbar-nav > .nav-item.open .nav-link > .icon-top-nav {
    color: #04b354;
}



@media (min-width: 768px) and (max-width: 1199px) {
    .mai-nav-tabs-sub > .nav-item > .nav-link { font-size: 1em !important;}
    .mai-sub-header .navbar-nav > .nav-item > .nav-link > .icon {
        display: none !important;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
    .mai-nav-tabs-sub > .nav-item > .nav-link { font-size: .9em !important;}
    .nav-link {padding: 10px 15px 15px 15px;}

    .mai-sub-header .navbar-nav > .nav-item > .nav-link {
        font-size: .9rem;
        min-width: 120px;
        padding: 0 22px;
    }
}

.nav-link-admin {padding: 10px 6px 6px 15px; min-width: 30px;}
.mai-nav-tabs-sub > .nav-item > .nav-link { font-size: 1.2em;}
.mai-nav-tabs-sub > .nav-item > .nav-link .name { display: inline-block;}
.mai-nav-tabs-sub > .nav-item > .nav-link .icon {font-size: 1.0em; vertical-align: baseline; color: #333;}
.mai-nav-tabs-sub > .nav-item > .nav-link {
    padding: 0 26px;
    line-height: 68px;
}



@media (max-width: 767.98px) {
    .mai-nav-tabs-sub {
        background-color: #333;
        padding-left: 60px;
    }
    .nav-item-print {display: none;}
}


.facilityNav { color: #ffffff; font-size: 1.231rem; padding-right: 30px;}
.facilityNav a { color: #ffffff;}

@media (max-width: 575px) {

    .facilityNav .icon {display: none !important;}
    .facilityNav { font-size: 1rem; padding-right: 10px;}
    .nav-item-print {display: none;}
}



.facsearch { color: #545454; }
.mai-user-nav > .nav-item.dropdown > .nav-link .user-name {
    margin-left: 1px!important;
    padding-right: 4px;
}

.mai-sub-header > .container {
    padding-top: 10px;
}

/*.container-nochild {margin-top: -83px; z-index: 2; position: relative;} */
.container-nochild {margin-top: -76px; z-index: 2; position: relative;}
.container-marketing {margin-top: 10px; min-height: 300px; position: relative; }



.container-marketing-content {margin-top:20px;}

.container-marketing-nav-row .icon-lock {float: right; color: #666;}

.container-marketing-content h1 {font-size: 2.8rem; font-weight: 600; color: #013f6e;}
.container-marketing-content h2 {font-size: 2.2rem; color: #2582c5;}
.container-marketing-content h4 {font-size: 1.9rem; line-height: 2.8rem; margin-top: 40px; font-weight: 600;}
.container-marketing-content h5 {font-size: 1.6rem; line-height: 2rem; text-transform: uppercase; font-weight: 700;}
.container-marketing-content p {font-size: 1.2rem; line-height: 2.2rem;}

.container-marketing-nav-row {padding-top: 0px;}

.marketing-content-cta {background-color: #e1e1e1; border-radius: 20px; padding: 20px;}
.marketing-content-cta img { max-width:100%; height:auto; border-radius: 20px;}
.marketing-content-cta h4 {font-size: 1.5rem; color: #04538c; margin-top: 10px; line-height: 2.3rem;}
.marketing-content-cta .btn-primary {background-color: #bbbbbc; border-color: #fff !important; color: #333;}
.marketing-content-cta .btn-primary:hover {background-color: #333 !important; border-color: #fff !important; color: #fff;}
.marketing-content-ss img { max-width:100%; height:auto;}

#video-forecaddie .full-width {width: 70%;}

.container-no-access {display: none;}

.row-right {margin-top: -76px; z-index: 1000; position: relative;}

@media only screen and (max-width: 768px) {
    .container-nochild {margin-top: 0px;}
    .row-right {margin-top: 0px;}
}

@media (min-width: 768px) and (max-width: 991px) {

    .head-inputs { margin-top: 18px;}

}

.page-header {font-size: 1.4em; font-weight: 500; color: #013f6e; padding-top: 8px; margin-bottom: 8px;}

.breadcrumb {margin-top: -5px; text-transform: uppercase; border-bottom: 1px dotted #ccc; font-size: .8em; background-color: transparent; padding-left: 2px; letter-spacing: .5px; color: #918f8f; }

.bc-page-header {border-bottom: 0px;}
.breadcrumb-item .icon { font-size: 1.1rem; padding-top: 1px; display:block;}



.mobileShow {display: none;}

@media (max-width: 575px) {
    .mobileShow {display: block;}
    .mobileHide {display: none;}

}
@media (min-width: 576px) and (max-width: 1200px) {
    .mobileHide {display: block;}
    .mobileShow {display: none;}
}


.nav-print .icon-sub-nav {font-size: .9em; color: #0f94f4;}
.nav-print .name {font-size: .9em; color:#08558c;}

.mai-user-nav a:hover {color: #6bcff7 !important;}
.mai-user-nav .dropdown-menu a:hover {color: #ffffff !important;}
.apex-group-table {}
.apex-group-table td { padding: 10px 10px 3px !important; align-content: center; text-align: center; border-right: 1px solid #eceeef;}
.apex-group-table tr {}
.apex-group-table th {background-color: #333333; color: #fff; font-weight: bold !important; align-content: center; text-align: center; text-transform: uppercase; border-top: 3px solid #ffffff !important;}
.apex-group-table .eventDay {border-top: 3px solid #14bbe0 !important; background-color: #4d4c4c;}

.apex-group-table .time {
    background-color: #4c4949;
    color: #ffffff;
    font-weight: bold;
    padding: 10px 10px 10px !important;
    margin: 0px;
    align-content: center;
    text-align: center;
    vertical-align: middle !important;
}
.apex-group-table .time span {font-size: .9em; color: #ffffff; opacity: .7; text-transform: uppercase; font-weight: normal;}



.dashboard-revenue-table th {border-top: 0px !important;}
.dashboard-revenue-table td  {padding: 2px !important; }
.dashboard-revenue-table .has-power-hour  {vertical-align: top !important;}
.dashboard-revenue-table .has-power-hour .calc-value  {margin-top: 1px;}
.dashboard-revenue-table td .calc-value {font-size: 1.2em; font-weight: 400; margin-bottom: 0px;}
.dashboard-revenue-table .time {width: 60px;}
.dashboard-revenue-table .base-rate-hour-icon {margin-right: 2px; margin-top: -2px;}
.dashboard-revenue-table .base-rate-hour-icon .icon-status-hour {font-size: .6em !important; min-width: 12px; min-height: 12px; padding: 2px;}

.dashboard-revenue-report-total-rev {font-size: 3.5em; color: #04b354; font-weight: 600; text-align: center; }

.dashboard-side-col {border: 1px solid #e1e1e1; padding: 15px; background-color: #fff;}
.dashboard-col-highlight {border-top: 2px solid #3895d7;}
.dashboard-side-col .sc-data-hdr {border-top: 1px solid #e1e1e1;}

.container-scorecard .nav-tabs-gray .nav-link {font-size: 1.1em;}

.scorecard-top-nav {background-color: #333; padding: 4px; border-top: 2px solid #3895d7;}
.scorecard-top-nav .nav-tabs {justify-content: space-between;}
.scorecard-top-nav .nav-item {text-transform: uppercase; flex-grow: 1; text-align: center;}
.scorecard-top-nav .nav-link {padding: 10px 15px 10px; color: #fff; font-size: .9rem;}
.scorecard-top-nav .nav-item a:link {color: #fff;}

.scorecard-top-nav .nav-tabs .nav-link.active {background-color: #00aeef; color: #fff;}
.scorecard-top-nav .nav-tabs .nav-link:hover  {background-color: #00aeef; color: #ffffff!important;}

@media (max-width: 575px) {
    .scorecard-top-nav .nav{
        display: inline;
    }
    .nav-tabs-gray {
        display: inline;
    }
    .mai-nav-tabs-sub > .nav-item.parent.open > .nav-link { color: #ffffff !important;}
    .mai-nav-tabs-sub .dropdown-menu .dropdown-item.active {color: #ffffff !important;}

}


.dashboard-side-col .dashboard-revenue-report-hdr {display: flex; align-items: center; justify-content: space-between; font-size: .8em; font-weight: 400; text-transform: uppercase; color: #999;}
.dashboard-revenue-report-hdr .icon {font-size: 19px; height: 23px; color: #0072bc; padding: 0px; margin: 0px 0px 0px 0px;}
.dashboard-side-col .sc-data-hdr {font-size: .9em; margin-bottom: 0px; padding-bottom: 0px;}
.dashboard-side-col .dashboard-revenue-report-number {font-size: 2.4em; color: #04b354; font-weight: 500; text-align: center; }

.pga-section-col-2 {background-color: #f1f8fc;}
.dashboard-performance-table {height: 600px; overflow-y: scroll; background-color: #fff;}
.dashboard-performance-table table th {background-color: #333; color: #fff; font-weight: 700 !important;
    align-content: center;
    text-align: center;
    text-transform: uppercase; vertical-align: middle; font-size: .9em;}

.dashboard-performance-table table td {align-content: center;text-align: center; vertical-align: middle; font-size: 1em;}

.dashboard-sms-count {display: flex; justify-content: center; align-items: center;}
.dashboard-total-sms {font-size: 3.5em; color: #04b354; font-weight: 600; text-align: center; min-width: 100px; }
.dashboard-total-sms-change {margin-left: 30px;}
.dashboard-total-sms-change .sc-change-value {font-size: 1.3em; min-width: inherit; ;}
.sc-date-range {font-size: .8em; color: #999;}


.alert-sms > .message {padding: 9px 10px 9px 20px; margin-bottom: 0px !important; }
.alert-sms {margin-bottom: 15px; }
.alert-sms-note {margin-top: -10px; font-size: .9em; color: #999; margin-bottom: 10px;}

.heat-empty {vertical-align: middle; background: repeating-linear-gradient( 45deg,#f9f8f8,#f9f8f8 10px,#fff 10px,#fff 20px); padding: 4px !important;}
.heat-empty .calc-value a:link, .heat-empty .calc-value a:visited {color: #c1c1c0 !important;}

.heat-empty .icon {font-size: 1.4em; }

.col-total {border-left: 4px solid #ffffff;}
.row-total {border-top: 4px solid #ffffff;}
.row-total td .calc-value {padding: 20px 0px 20px;}
.col-total-total {background-color: #000; color: #fff;}
.col-total-total .calc-value {color: #fff;}


.base-rates th {border-top: 0px !important; vertical-align: middle !important; padding: 20px 0px 20px;}
.base-rates td { padding: 0px 0px 15px !important; align-content: center; background-color: #ffffff; text-align: center; border-right: 1px solid #eceeef; vertical-align: top !important;}

.base-rates .th-col-1 {background-color: #000;}
.base-rates .th-col-1 .icon, .base-rates-detail .th-col-1 .icon {font-size: 2.0em; font-weight: 100; color: #00bff3;}

.base-rates .th-col-2 {}
.base-rates .th-col-8 {padding: .9em .2em .9em .2em;}
.base-rates .th-col-9 {padding: .9em .5em .9em .1em;}
.base-rates .th-col-10 {background-color: #014f88;}
.base-rates .th-col-10 a:link {color: #fff !important;}
.base-rates .th-col-10 a:visited {color: #fff !important;}

.base-rate-filter {display: flex; justify-content: flex-start; align-items: baseline; margin-top: 17px;}
.base-rate-filter .filter-label {margin-top: 10px;}
.base-rate-slider {display: flex; justify-content: flex-end; align-items: flex-end; margin-top: 0px;}
.filter-label {margin-right: 6px;}
.filter-inputs {}


.base-rates .bg-default {background-color: #375a7e; }
.base-rates .heat-1 {background-color: #375a7e; }
.base-rates .heat-2 {background-color: #1B4569; }
.base-rates .heat-3 {background-color: #033357; }
.base-rates .heat-4 {background-color: #002157; }
.base-rates .heat-4 .calc-value {color: #fff;}
.base-rates .heat-5 {background-color: #01144A; }
.base-rates .heat-5 .calc-value {color: #fff;}

.base-rates .bg-holiday {background-color: #cbdce9;}



.base-rates .calc-value {color: #fff; font-weight: 500; font-size: 1.9em; margin-top: 5px; margin-bottom: 5px;}
.base-rates .bg-holiday .calc-value {color: #032d4b;}
.base-rates .bg-off  {background-color: #ffffff;}
.base-rates .bg-off .calc-value {color: #dcdada;}
.base-rates .bg-off .occupancy {opacity: .2;}
.base-rates .bg-off .revpar {opacity: .2;}

.base-rates .bg-off .base-rate-hour-icon {opacity: .2;}


.base-rate-hour-icon { min-height: 16px; text-align: right; margin-top: 2px; margin-right: 3px;}
.base-rate-hour-icon .icon-status { border-radius: 2px !important;}
.base-rate-hour-icon .icon-status-hour {font-size: .7em !important; min-width: 17px;}

.base-rates .calc-values {margin-top: -3px;}
.base-rates .calc-value a:link {color: #fff;}
.base-rates .calc-value a:visited {color: #fff;}

.datepicker.dropdown-menu {
    z-index: 9999 !important;
}


.sub-data {display: flex; justify-content: center; align-items: baseline; padding-top: 1px; padding-bottom: 5px; margin-top: 10px;}
.sub-data .occupancy {color: #ffffff; font-size: 1.1em; font-weight: 300; background-color: #032e4e; padding: 3px 6px; border-radius: 8px; margin: 0px 7px 0px;}
.sub-data .revpar {color: #ffffff; font-size: 1.1em; font-weight: 300; background-color: #0e783d; padding: 3px 6px; border-radius: 8px; margin: 0px 7px 0px;}

.check-revpar:checked ~ .custom-control-label::before {border-color: #0e783d;}
.check-occupancy:checked ~ .custom-control-label::before {border-color: #032e4e;}

.base-rates-detail {background-color: #fff;}
.base-rates-detail tbody tr:nth-of-type(odd) {
    background-color: whitesmoke;
}

.price-adjustment {color: #999;font-size: .9em; }
.price-adjustment strong {color: #03528d; font-size: 1.9em !important;}
.no-adjustment  {background: repeating-linear-gradient( 45deg,#e1e1e1,#e1e1e1 10px,#dcdbdb 10px,#dcdbdb 20px); padding: 4px !important;}

.base-rates-detail td {  padding: 6px 8px 6px; align-content: center; text-align: center;border-right: 1px solid #eceeef;  border-top: 1px solid #eceeef;}


.base-rates-detail th {background-color: #333333; color: #fff; font-weight: bold !important; align-content: center; text-align: center; text-transform: uppercase; border-top: 3px solid #ffffff !important; vertical-align: middle !important;}
.base-rates-detail .th-col-1 {background-color: #000;}

.base-rates-detail .th-col-2 {text-align: left;}
.base-rates-detail .th-col-7 {background-color: #515252; white-space: nowrap;}
.base-rates-detail .th-col-7 a {margin-left: 3px; background-color: #2c3132; padding: 3px; color: #fff !important; font-weight: 200; font-size: .9em; border-radius: 2px;}
.base-rates-detail .th-col-7 a:visited {color: #fff !important;}


.base-rates-detail .day {text-align: left; padding-left: 60px;}


.time-partial {background: repeating-linear-gradient( 45deg,#4c4949,#4c4949 50px,#353635 50px,#353635 100px);}
.apex-group-table .time-partial { padding: 0px !important; }
.apex-group-table .time-partial .time-end { margin-bottom: -2px; }
.time-slash { margin-top: -7px; margin-bottom: -5px; }

.last-updated {font-size: .9em; color: #999; }
#audit-link {padding-left: 10px;}
.noshow-toggle {font-size: .9em; color: #999;}


.modal-weather {padding: 20px 10px 20px;}
.modal-weather .container-fluid {margin-top: -40px;}
.modal-weather h5 {font-size: 1.2em; font-weight: 600; color: #999;}
.modal-weather h6 {font-size: 1.8em; font-weight: 400; margin-top: 20px;}
.modal-weather-week .col {text-align: center; width: 100px; float: left; margin: 5px;}


.weather-icon img {max-width:90%; height:auto;}
.weather-day {font-size: 1.1em; font-weight: 800;}
.weather-date {font-size: 1.em; font-weight: 600;}
.weather-temp {font-size: 13px; margin-top: 8px; font-weight:400;}
.precip {font-size: 12px; margin-top: -2px;}
/*
.week-weather .weather-today {display: inline-block;  padding: 3px; width: 100px; text-align: center; margin-right: 10px; color: #fff;}
.week-weather .weather-today img {max-width:40%; height:auto;}
.weather-today p {font-size: .9em;}
*/

.col-5-row {
    display: flex;
    flex-wrap: wrap;
    padding-left: 5px;
}

.col-5-row .col {
    flex: 0 0 20%;
    max-width: 20%;
    padding-right: 10px;
    margin-bottom: 10px;
}

/* Hold on this for now 
.col-5-row .col:nth-of-type(5n) {
	padding-right: 0px !important; 
	margin-right: 0px !important;

}
*/


@media (max-width: 1199px) {
    .col-5-row .col {
        flex: 0 0 33%;
        max-width: 33%;
    }
    .col-5-row .col:nth-of-type(5n) {
        padding-right: 10px !important;
        margin-right: 0px !important;

    }
    .col-5-row .col:nth-of-type(3n) {
        padding-right: 0px !important;
        margin-right: 0px !important;

    }

}

@media (max-width: 767px) {

    .col-5-row {
        padding-left: 0px;
    }


    .col-5-row .col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-5-row .col:nth-of-type(5n) {
        padding-right: 10px !important;
        margin-right: 0px !important;

    }
    .col-5-row .col:nth-of-type(3n) {
        padding-right: 10px !important;
        margin-right: 0px !important;

    }
    .col-5-row .col:nth-of-type(2n) {
        padding-right: 0px !important;
        margin-right: 0px !important;
    }

}

@media (max-width: 575px) {
    .col-5-row .col {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0px !important;
        margin-right: 0px !important;
    }
    .col-5-row .col:nth-of-type(5n) {
        padding-right: 0px !important;
        margin-right: 0px !important;

    }
    .col-5-row .col:nth-of-type(3n) {
        padding-right: 0px !important;
        margin-right: 0px !important;

    }


}







.grid-forecast-day {border: 1px solid #ccc; min-height: 190px; background-color: #fff;}
.grid-forecast-day .row {margin-right: 0px; margin-left: 0px; }

.grid-forecast-day .day-info {background-color: #c5f0fa; padding: 6px 0px; display: flex; justify-content: space-between; align-items: center; }


.grid-forecast-day .day-info .weather {display: flex;}
.grid-forecast-day .day-info .weather-icon {padding: 0px;flex-grow: 1;}
.grid-forecast-day .day-info .weather-icon img {max-width:100%; height:auto;}
.grid-forecast-day .day-info .weather-temp {padding: 0px; flex-grow: 1;margin: 10px 0 0 4px;}


.grid-forecast-day .day-info .date {flex-grow: 1; flex-basis: auto; padding: 5px 6px 4px; color: #046f89; font-size: .9em;  margin: 3px; text-align: right; }
.grid-forecast-day .day-info .day { padding-right: 4px; font-weight: 700;font-size: .9em; color: #005b7f; }


.forecast-chart-pace {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; margin: 0 4%;}
.day-chart-hour-pace {flex-basis: auto; padding: 8px; min-width: 40px;}
.day-chart-hour-pace .value {font-size: 1.4em; font-weight: 600;}

@media (min-width: 992px) {
    .day-chart-hour-pace .value {font-size: 1.9em; font-weight: 600;}
}
.forecast-day-legend {text-align: center;}

.bottom-border-dash {border-bottom: 1px dotted #ccc;}
.top-border-dash {border-top: 1px dotted #ccc;}

.day-pagination {display: flex; justify-content: center;}
.day-pagination .btn { margin-right: 3px;}
.btn-next-week {}


.grid-forecast-day .label {font-size: .9em; text-transform: uppercase; color: #7c7f80; margin: 10px 0px -15px 0; padding: 8px 0px 0px; line-height: 1.2; text-align: center;}
.value {text-align: center;}
.grid-forecast-day .number { display: inline-block; font-size: 4.4em; font-weight: 600; margin: 0px; padding: 0px;}
.grid-forecast-day .nuetral { color: #262626; }


.grid-forecast-day .change {display: inline-block; font-size: 2.1em; margin-left: -20px; margin-right: 5px; vertical-align: top; padding-top: 20px; }

.gauge img {max-width:90%; height:auto;}
.gauge {width:auto; text-align:center;  vertical-align: middle; }
.grid-forecast-day .gauge {padding: 30% 15% 0%;}


.grid-forecast-day .daily-total-breakout {width: 100%;}

.daily-total-breakout {display: flex; justify-content: space-evenly; margin-right: 0px; margin-left: 0px; margin-top: 10px; background-color: #f7f6f5;}

.today {border: 1px solid #00aeef;}
.today .day-info {background-color: #00aeef; color: #fff;}
.today .day-info .date {color: #fff;}
.today .day-info .day {color: #fff; }


.running-total-breakout {display: flex; justify-content: space-evenly; margin-right: 0px; margin-left: 0px; margin-top: 10px; background-color: #0b65a8; width: 100%;}



.running-total-breakout .booked-value {padding: 8px 8px 12px; text-align: center;}


.running-total-breakout .booked-value .value { display: inline-block; font-size: 2.2em; font-weight: 600; margin: 0px; padding: 0px; color: #fff; text-align: center;}
.running-total-breakout .booked-value .label {font-size: 1em; color: #fff; opacity: .7; padding: 0px; margin:0px; text-align: center;}

.forecast-month-running-total .booked-value {
    padding: 8px 4px 12px;
    text-align: center;
}

.forecast-month-running-total .running-total-month .booked-value .value {
    display: inline-block;
    font-size: 2.2em;
    font-weight: 600;
    margin: 0px;
    padding: 0px;
    color: #999;}

.forecast-month-running-total .running-total-month .booked-value .label {color: #666;font-size: .8em;}

.forecast-month-running-total .running-total-month {display: flex; justify-content: space-evenly; margin-right: 0px; margin-left: 0px; margin-top: 10px; background-color: #f7f6f5; width: 100%;}




.grid-forecast-day .booked-value {padding: 8px 4px 12px; text-align: center;}
.grid-forecast-day .projected-value {padding: 4px 4px 12px; background-color: #05538d; text-align: center; border-right: 0px;border-right: 1px solid #ccc; border-top: 4px solid #09b7f9;}

.grid-forecast-day .projected-positive {border-top: 4px solid #00a651;}
.grid-forecast-day .projected-negative {border-top: 4px solid #ff0000;}
.grid-forecast-day .projected-nuetral {border-top: 4px solid #262626;}

.grid-forecast-day .historical-value {padding: 8px 4px 12px; background-color: #033357; text-align: center;}


.grid-forecast-day .booked-value .value { display: inline-block; font-size: 2.2em; font-weight: 600; margin: 0px; padding: 0px; color: #999;}
.grid-forecast-day .booked-value .label {font-size: .8em; color: #666; opacity: .7; padding: 0px; margin:0px;}

.btn-weather {border-radius: .9em; background-color: #044779; color: #fff; padding: .5rem .76rem; float: right; border: 1px solid #195c8d; font-size: .9em;}
.btn-weather span {padding-top: 2px;}
.btn-weather:hover {background-color: #0d84dd; color: #fff;}




.forecast-list-detail .card-forecast .table-striped {font-size: 1em;}
.forecast-list-detail .card-header {padding-top: 5px; margin: 0px;}
.forecast-list-detail .card-header .tools span {padding-left: 9px;}
.slider-header {font-size: .6em; float: left; margin-top: 20px;}
.forecast-list-detail .card-header .time-range {font-size: .8em; margin-top: 10px; color: #999;}
.pace-range {margin-top: 10px;}
.slidecontainer {
    width: 100%; /* Width of the outside container */
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 8px;
    border-radius: 3px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider:hover {
    opacity: 1;
}
.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #09adee;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #09adee;
    cursor: pointer;
}

.sliderticks {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
}

.sliderticks p {
    position: relative;
    display: flex;
    justify-content: center;
    font-size: .9em !important;
    text-align: center;
    width: 1px;
    background: #D3D3D3;
    height: 10px;
    line-height: 40px;
    margin: 0 0 20px 0;
}

.filter-date {border-left: 1px solid #ccc;}
.btn-save-filter {background-color: transparent; border-radius: 12px;}
.btn-save-filter:hover {background-color: #09afd8;}

.btn-save-filter .icon {font-size: 1.6em; color: #999;}
.btn-save-filter .icon:hover {color: #ffffff;}


.week-weather {display: flex; justify-content: flex-end;}



.section-header {font-size: 1.6em; font-weight: 400; color: #013f6e; border-top: 1px dotted #ccc; padding-top: 8px; margin-top: 10px;}
.no-top-border {border-top: 0px;}





.forecast-upcoming-week, .forecast-running-totals {  margin-right: 0px; margin-left: 0px; }

.forecast-week-running-total {background-color: #05538d; color: #fff;}



.forecast-week-running-total .gauge {padding: 10px 20px 5px 20px; max-width: 80%; margin: 0px auto;}

.forecast-week-running-total .label {font-size: 1.0em; font-weight: 400; margin: 0px 0px 0px 0px; padding: 0px; text-transform: uppercase; opacity: .7; text-align: center;}
.forecast-week-running-total .header {font-size: 1.4em; font-weight: 400; margin: -10px 0px 0px 0px; padding: 15px 10px 8px 20px; opacity: .8;}
.forecast-week-running-total .value { text-align: center; margin-top: -20px;}

.forecast-week-running-total .change {display: inline-block; font-size: 2.1em; margin-left: -10px; margin-right: 5px; vertical-align: top; padding-top: 30px; }
.forecast-week-running-total .number {display: inline-block; font-size: 5.0em; font-weight: 400; margin: 0px 0px 5px; padding: 0px;}

.forecast-week-running-total .running-total-breakout {color: #fff;}

.grid-forecast-day .sc-value-change {margin-top: -10px; margin-left: 0px; text-align: left !important; display: flex; justify-content: center; color: #626262;}
.grid-forecast-day .sc-change-value {font-size: 1.5em; margin-top: 6px; font-weight: 600; }
.grid-forecast-day .change-duration {opacity: .8; margin: 12px 8px 0px 0px;}
.grid-forecast-day .sc-positive {border-bottom: 12px solid #00a651; margin-top: 15px;}
.grid-forecast-day .sc-negative {border-top: 12px solid #ff0000; margin-top: 15px;}








.card-forecast {background-color: transparent;}
.card-scroll {overflow: auto;height:300px;}

.forecast-week-running-chart {width: 100%; text-align: center; margin: 30px 0px 0px !important; padding: 20px;  }
.card-forecast .card-header .tools .icon {font-size: 2.0rem !important; color: #999;}
.icon-on {color: #019cc2 !important;}
.card-forecast .title {font-size: 1.6rem; font-weight: 400; color: #013f6e;}
.card-forecast .card-body {padding: 0px;}
.card-forecast .card-header {margin: 0px; padding-top: 3px;}
.card-forecast .tools span  {padding-left: 4px !important;}

.grid-time {border-radius: 5px; background-color: #05538d; width: 31%; float: left; margin: 3px; color: #fff; padding: 8px 5px 8px; text-align: center;}
.grid-time:hover {background-color: #022c4c;}


.grid-time-label {font-size: 1.8em;}
a:link .grid-time-label, a:link .grid-date {color: #ffffff !important;}
a:visited .grid-time-label, a:visited .grid-date{color: #ffffff !important;}


.grid-date {font-size: .9em; opacity: .9;}
.grid-details {display: flex; justify-content: center; margin-top: 8px;}
.card-grid {background-color: #fff;}
.card-grid .grid-details {margin-top: 0px; justify-content: flex-start;}


.grid-details .gauge {display: inline-block; padding: 0px !important; width: 30px; margin-right: 4px;}
.grid-details .number {font-size: 1.4em;}
.grid-details .apex-hour {margin-left: 15px;}


.apex-hour span {color: #fff;font-size: 1.4em; }


.card-grid th {background-color: #666; color: #fff; font-weight: 700 !important;}
.card-grid .grid-details .apex-hour {margin-left: 20px;}
.card-grid .grid-details .number {width: 45px; text-align: left; font-size: 1.2em; padding-top: 3px;}

.table-powerhour-details { border-collapse : collapse;}


.table-forcast-details th, .table-powerhour-details th, .table-marketreport th { text-align: center; width: 10%; background-color: #333; color: #e1e1e1; font-weight: 700 !important;  vertical-align: middle !important; text-transform: uppercase; font-size: .9em; border: 1px solid #666; border-bottom-width: 1px !important; border-bottom-color: #666 !important; }
.table-forcast-details td {text-align: center; font-size: 1.1em;}

.table-marketreport th { vertical-align: inherit !important;}
.table-forcast-details td {text-align: center; font-size: 1.1em;}


.table-powerhour-details td {text-align: center; font-size: 1em;}
.table-powerhour-details .sticky-top {height: 65px !important;}

.table-powerhour-details th {padding: 5px 10px 5px;  border-right: 1px solid  #666;}

.table-forcast-details, .table-powerhour-details {
    width: 100%;
    margin-bottom: 0px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.powerhour-details-subhead th {text-align: center; font-size: .8em !important; background-color: #464545; color: #fff; padding: 5px 15px; border: 1px solid #666; }
.table-striped .powerhour-details-subhead a:link {color: #ffffff !important;}
.table-striped .powerhour-details-subhead a:visited {color: #ffffff !important;}


.powerhour-details-subhead tr {border: 1px solid #666 !important;; }
.powerhour-details-subhead .badge-filter {font-size: 1.1em; padding: 2px 4px 3px 4px;}

.td-border-left {border-left: 1px solid #ccc !important;}
.td-border-right {border-right: 1px solid #ccc !important;}


.market-report-description {color: #04c665; font-size: 1.2em; font-weight: 400; }
.table-bordered.table-marketreport td, .table-bordered.table-marketreport th {border: 1px solid #ccc; text-align: center; font-size: 1.1em;}


.table-marketreport .yoy-positive {background-color: #d4eddf; color: #666; border-top: 4px solid #03a956 !important;}
.table-marketreport .yoy-negative {background-color: #f6e7e9; color: #666; border-top: 4px solid #c80505 !important;}
.table-marketreport .yoy-flat {background-color: #e1e1e1; color: #666; border-top: 4px solid #333 !important;}

.table-marketreport .month {text-transform: uppercase; font-weight: 600;}



.table-striped.table-marketreport tbody tr:nth-of-type(odd) .yoy-negative {
    background-color: #ead6d9; color: #333; border-top: 4px solid #c80505;
}

.table-striped.table-marketreport tbody tr:nth-of-type(odd) .yoy-positive {
    background-color: #b8dbc8; color: #333; border-top: 4px solid #03a956;
}

.table-striped tbody tr:nth-of-type(odd) .yoy-flat {
    background-color: #dad9d9;color: #666; border-top: 4px solid #333 !important;
}

.table-marketreport-all td {font-size: .8em;}

.table-marketreport .market-totals {border-bottom: 3px solid #999; font-weight: 600;}
.table-marketreport .market-totals td {font-weight: 600; font-size: 1.2em;}
.table-marketreport .week {padding: 3px 10px 3px;}

.market-totals-by-week {}

.table-marketreport-all td {font-size: .9em; padding: 3px;}
.table-marketreport-all .market-totals td {font-weight: 700; font-size: 1em;}
.table-marketreport-all .market-report-description {font-size: 1em;}


.table-marketreport thead .badge-filter {padding-top: 3px;}

.grid-expand-link {clear:both; display: flex; justify-content: center; float: right; padding: 3px 10px 12px; color: #116cb0; margin: 5px 10px 0 0; font-size: 1.1em;}
.grid-expand-link .icon {font-size: 1.6em;}


.grid-details .icon-status {padding-top: 4px;}

.switch-button {width: 85px;}
.switch-button.switch-button-view label:before {
    content: "Day";
}

.switch-button.switch-button-view input[type="checkbox"]:checked + span label:before {
    content: "Week";
}

.forecast-day .grid-forecast-day .value .number {font-size: 5.6rem;}
.forecast-day .grid-forecast-day .value .change {padding-top: 40px;}
.forecast-day .grid-forecast-day .gauge {padding: 20% 15% 0%;}

.grid-forecast-detail {background-color: #fff; min-height: 265px; padding: 10px 10px 0px; color: #666; text-align: center;}
.grid-forecast-detail:hover {border: 4px solid #09b7f9; color: #666; padding: 6px 6px 0px;   cursor:pointer;}
.day-click:hover {cursor: pointer;}


.irs--big .irs-bar--single {border-radius: 12px 12px 12px 12px !important;}
.irs-grid-pol.small {height: 0px !important;}
.grid-forecast-detail .label {font-size: 1.4rem; font-weight: 600; margin-top: 4px;   text-transform: uppercase; text-align: left;}
.grid-forecast-detail .description {font-size: 1rem; opacity: .7; text-align: left; margin-bottom: 15%; min-height: 50px;}

.grid-forecast-detail-filter {float: right; font-size: 1.4em; color: #666; margin-top: -10px; opacity: .6;}
.forecast-day .grid-forecast-detail-filter {margin-top: -6px;}


.forecast-dashboard .grid-forecast-detail {background-color: #fff; min-height: 248px;}
.forecast-dashboard .grid-forecast-detail .label {color: #666;}
.forecast-dashboard .grid-forecast-detail .description {color: #464646; margin-bottom: 8%;}
.forecast-dashboard .grid-forecast-detail .grid-forecast-detail-count {border: 0.2em solid #ccc;}
.forecast-dashboard .grid-forecast-detail .grid-forecast-detail-count p {color: #03b7fb;}

.forecast-dashboard-content {background-color: #fff; padding: 20px;}
.forecast-dashboard-content.rounded {border-radius: 10px !important;}
.fc-dashboard-tab {padding: 10px 30px 15px; background-color: #f4fbfe; color: #333; border-top: 3px solid #005b7f; text-align: center; text-transform: uppercase; font-size: 1.1em; border-radius: 4px 4px 0px 0px;}
.fc-dashboard-tab a, .fc-dashboard-tab a:link, .fc-dashboard-tab a:visited  {color: #333;}

.fc-dashboard-tab.active {background-color: #ffffff; color: #005b7f; border-top: 3px solid #03b7fb;}
.fc-dashboard-tab.active a, .fc-dashboard-tab.active a:link, .fc-dashboard-tab.active a:visited  {color: #005b7f;}
.fc-dashboard-tab .icon {color: #23a261; }
.fc-dashboard-tab.active .icon {color: #005b7f; }
.grid-forecast-hot-hours {}
.grid-forecast-hot-hours .label {}
.grid-forecast-hot-hours .description {}
.grid-forecast-hot-hours .grid-forecast-detail-count p {color: #e84c02 !important;}
.grid-selected.grid-forecast-hot-hours .label {border-top: 4px solid #e84c02;}
.grid-selected.grid-forecast-hot-hours .grid-forecast-detail-count {border: 0.2em solid #e84c02 !important;}




.grid-forecast-detail-count {
    border: 0.2em solid #ccc;
    border-radius: 100%;
    height: 9em;
    width: 9em;
    text-align: center;
    margin: 0px auto;
}

.grid-forecast-detail-count p {
    margin-top: 0.25em;
    font-size: 4em;
    font-weight: 700;
    color: #03b7fb;
}
.grid-selected {background-color: #05538d !important;}
.grid-selected .grid-forecast-detail-count {
    border: 0.2em solid #09b7f9 !important;
}
.grid-selected .grid-forecast-detail-count p {color: #fff;}
.grid-selected .label {border-top: 4px solid #09b7f9; width: inherit; font-weight: 800; color: #fff;}


.grid-selected .description {color: #fff;}
.grid-selected:hover {border: 4px solid #09b7f9 !important;}

.forecast-chart {background-color: #fff;}
.forecast-chart img {max-width:100%; height:auto;}

.card-forecast-data-table {margin-bottom: 0px; box-shadow: none;}
.card-forecast-data-table .card-header {padding: 12px 0px 4px 0px; color: #02668b;}

.forecast-month-running-total {background-color: #fff; color: #666; border: 1px solid #ccc;}
.forecast-month-running-total .month-info {padding: 8px 10px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px;}

.forecast-month-running-total .month-info .month {font-size: 1.2em; font-weight: 600;}
.forecast-month-running-total .month-info .info {font-size: .8em; text-transform: uppercase;}
.forecast-month-running-total .month-info {background-color: #aeeffe; min-height: 44px;}

.forecast-month-running-total  .label {font-size: .9em; text-transform: uppercase; color: #7c7f80; line-height: 1.2; text-align: center; margin: 10px 0px -15px 0; padding: 8px 0px 0px;}

.forecast-month-running-total .number { display: inline-block; font-size: 4.4em; font-weight: 600; margin: 0px; padding: 0px;}

.forecast-month-running-total .nuetral { color: #262626; }


.forecast-month-running-total .change {display: inline-block; font-size: 2.1em; margin-left: -20px; margin-right: 5px; vertical-align: top; padding-top: 20px; }

.forecast-month-running-total  .daily-total-breakout {width: 100%;}



.forecast-month-running-total  .booked-value .label {
    font-size: .8em;
    color: #666;
    opacity: .7;
    padding: 0px;
    margin: 0px;
}





/* FORECAST MOBILE */


@media (max-width: 575px) {
    .weather-week span {display: none;}
    .forecast-week-running-total .header {float: left; }
    .forecast-week-running-total .weather-week {float: right; margin-top: -55px;}
    .forecast-week-running-total .gauge {width: 155px; padding: 0 40px 0; float: left;}
    .forecast-week-running-total .running-total {width: 170px; float: right; margin-top: -70px;}
    .forecast-week-running-total .number {font-size: 4.5em;}


    .grid-forecast-day .daily-total-breakout .value {float: none;}
    .grid-forecast-day .daily-total-breakout .label {float: none;}
    .grid-time-label {font-size: 1.4em;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .forecast-week-running-total .gauge {max-width: 85%;}
    .yesterday .day-info .day {font-size: .8em;}
    .forecast-dashboard .forecast-week-running-total {min-height: 245px;}
    .forecast-dashboard .grid-forecast-detail {min-height: 248px;}
    .forecast-dashboard .grid-forecast-detail .label {font-size: 1.2rem;}
    .forecast-dashboard .grid-forecast-detail .description {margin-bottom: 20px;}
    .forecast-day .grid-forecast-detail .description {margin-bottom: 20px; min-height: 65px;}
}

@media (min-width: 768px) and (max-width: 991px) {

    .forecast-dashboard .grid-forecast-detail {min-height: 246px;}
}

@media (min-width: 576px) and (max-width: 767px) {
    .forecast-week-running-total .gauge {width: 200px; padding: 0 30px 0;}
    .forecast-week-running-total .number {font-size: 6.5em;}
    .grid-forecast-day .number { font-size: 4.8em;}
}

@media (max-width: 991px) {
    .grid-forecast-detail .description {min-height: 20px;}
    .filter-date {border-left: 0px; margin-top: 15px;}

}




.container-promote .col-form-label {font-weight: 600; padding-top: calc(0.2rem + 0px) !important; padding-bottom: calc(0.2rem + 0px) !important; color: #05538d;}
.container-promote .col-form-label-info {font-size: .8em; color: #999; text-transform: uppercase;}
.container-promote .form-group {background-color: #fff; padding: 10px 0px 10px;margin-bottom: 0px !important;}

.promote-check {padding-left: 20%; margin-top: 1%;}

.nav-tabs-gray .nav-link.active { background-color: #f1f2f2 !important; border-top: 2px solid #666;}
.nav-tabs-gray + .tab-content {background-color: #f1f2f2 !important;}
.nav-tabs-gray .nav-link {text-transform: uppercase; color: #666; font-size: 1em; border-top: 2px solid #fff;}
.container-promote .tab-pane .col-form-label-info {margin-bottom: 10px;}

.promote-preview {}

.flex-col {display: flex; justify-content: flex-start; align-items: flex-start;}

.promote-preview .flex-col .calc-label {width: 50%;}
.promote-preview .flex-col .calc-value {width: 50%;}


.container-map-data .col-form-label {font-weight: 300; font-size: 1.1em; text-transform: uppercase; padding-top: calc(0.5rem + 0px) !important; padding-bottom: calc(0.2rem + 0px) !important;}
.container-map-data .col-form-label-info {font-size: .8em; color: #999; text-transform: uppercase;}
.container-map-data .tab-content { height: 400px; overflow-y: scroll;}

.container-map-data table th {background-color: #666; color: #fff; font-size: .9em; text-transform: uppercase;}
.badge-participant {background-color: #05596e; color: #fff; padding: .5em;}
.badge-non-participant {background-color: #00aeef; color: #fff; padding: .5em;}


.is-code {
    color: #33475b;
    font-family: Courier New,monospace;
    font-weight: 500;
}

.widget_input {
    background-color: #eaf0f6;
    border-color: #eaf0f6;
    box-shadow: none;
    min-height: 155px;
    padding: 9px 10px;
    border-radius: 3px;
    line-height: 1.4;
}

.sms_input {
    background-color: #eaf0f6;
    border-color: #eaf0f6;
    box-shadow: none;
    min-height: 100px;
    padding: 9px 10px;
    border-radius: 3px;
    line-height: 1.4;
}

input[type=time] {
    font-size: 1.1em;
    width: calc(100% - 1px);
    border-radius: 0px;
    padding: 0.5em 1em;
    border: 2px solid #ebebeb;
    color: #878787;
    margin: 0px;
    vertical-align: middle;
    outline: 0;
    height: 3.23077rem;


}

.string-replacements {display: flex; justify-content: flex-start; padding: 0 0 6px 0; border-bottom: 1px dotted #ccc; flex-wrap: wrap;}
.string-replacements div { margin: 6px 15px 6px 0; font-size: .9em; color: #666;}
.textarea-count {font-size: .8em; text-transform: uppercase; vertical-align: bottom;}
.days-out-to-from {display: flex; width: 100%; justify-content: flex-start;}
.days-out-to-from div {width: 90%;}
.table-message-status {height: 300px; overflow-y: scroll;}
.table-message-status th {background-color: #666;
    color: #fff;
    font-size: .9em;
    text-transform: uppercase;}

.table-message-status tbody tr:nth-of-type(odd) {
    background-color: #f0fafc;
}
.table-message-status tbody tr:nth-of-type(even) {
    background-color: #def5fb;
}

.table-message-status-short {height: auto; overflow-y: auto;}
.table-message-schedule { height: auto; min-height: 150px; overflow-y: auto;}

.modal-sms-details .modal-title {font-size: 1.1rem;}
.modal-sms-details .modal-header-colored + .modal-body {padding-top: 10px;}
.modal-sms-details .modal-body {padding: 5px 5px 15px;}
.modal-sms-details .detail-total, .modal-sms-details .detail-sub-total {font-size: 1em; text-transform: uppercase;}
.modal-sms-details .detail-total strong {font-size: 3.8em; color: #2582c5;}
.modal-sms-details .detail-sub-total strong {font-size: 2.0em;}

.modal-sms-details .sms-send-details {border-top: 1px dotted #e1e1e1; padding: 8px 10px; margin: 6px 0px 0px 0px; font-size: .9em;}
.modal-sms-details .sms-send-details strong {background-color: red; color: #fff; font-size: 1.3em; padding: 3px 6px; border-radius: 3px; text-align: center; }

.sms-preview {
    position: relative;
    background: #05538d;
    border-radius: .5em;
    padding: 15px;
    color: #fff;
    vertical-align: middle;
}

.sms-preview:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 16px solid transparent;
    border-right-color: #05538d;
    border-left: 0;
    margin-top: -16px;
    margin-left: -16px;
}

.sms-preview a { color: #fff !important; text-decoration:  underline;}
.sms-preview a:link { color: #fff !important;}
.sms-preview a:hover { color: #fff !important;}
.sms-preview a:visited {color: #fff !important;}

.badge-count {background-color: #00aeef; color: #fff; padding: .4em; border-radius: 3px;}


.btn-stroke {border: 1px solid #999;
    background-color: transparent;
    color: #666;
    padding: 5px 12px;
    font-size: .8em;
    text-transform: uppercase;
    cursor: pointer; border-radius: 8px;}


.message-failed, .message-failed > th, .message-failed > td {
    background-color: #ff0000;
    color: #FFFFFF;
}

.btn-truncate label  {
    overflow: hidden;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    width: 100% !important;
}


.promote-slider {border: 1px dotted #ccc; padding: 10px; margin: 10px 0 10px; min-height: 200px; border-radius: 10px; background-color: #fff;}
.promote-slider .row:first-child {margin-bottom: 6px;}
.promote-slider .badge-primary {padding: 8px 10px; border-radius: 9px;}
.promote-slider .col-form-label {padding-top: 4px;}

.promote-price-error {background-color: red; color: #fff; padding: 10px;}
.promote-price-error-select {border: 1px solid red;}

.promote-price-error ul {margin-bottom: 0px;}


.promote-message-error {background-color: red; color: #fff; padding: 10px;}
.promote-message-success {background-color: green; color: #fff; padding: 10px;}

.container-promote .error-description {color: red;}

.error-message-wrapper {background-color: #eff3f4; color: #666; margin: 6px 0px 15px; border-radius: 6px; padding: 2% 20px 2%;}
.error-message-inset {background-color: #d7e9ed; color: #666; border-radius: 6px; padding: 20px 20px 30px; text-align: center;}
.error-message-inset .error-inset-content {margin: 0 20px 0; text-align: center;}
.error-message-wrapper .error-message-lg {font-size: 1.4rem; margin: 10px 25px 50px; text-align: center;}
.error-message-wrapper .error-message-lg a {color: #09afd8;}

.error-message-wrapper .icon-lg {font-size: 4.0rem; text-align: center; opacity: .6; margin-top: 10px; color: #09afd8;}
.error-message-wrapper .icon-md {font-size: 3.0rem; text-align: center; margin-top: 20px; color: #06a455;}
.error-inset-content h4 {font-size: 1.3em; font-weight: 600;}
.error-inset-content a:link, .error-inset-content a:visited {color: #06a455;}
.error-inset-content .btn {background-color: #06a455; border-radius: 8px; border-color: #06a455 !important; color: #fff !important;}
.error-message-wrapper h5 {text-align: center; font-size: 1.6em; text-transform: uppercase; color: #06a455; font-weight: 600;}


.apex-group-table .total-rev-hdr {background-color: #0e0f0e; color: #ffffff; font-weight: bold; text-transform: uppercase;font-size: .8em; padding: 10px 5px 10px  !important;}
.apex-group-table .total-rev-hdr .calc-value {font-size: 1.9em; margin: 0px; padding: 0px; line-height: 1.2; color: #ffffff; font-weight: 100; }
.apex-group-table .day-arrow {font-size: 2.769rem; color: #00afd6;}

.calc-label {font-size: .9em; text-transform: uppercase; color: #000; margin: 0px; padding: 8px 0px 0px; line-height: 1.2; }
.calc-value {font-size: 1.8em; font-weight: bold; margin: 0px; padding: 0px; line-height: 1.2; color: #464646; margin-bottom: 15px; }

.lowest-revenue {
    display: inline-block;
    margin-right: 3px;
}

.lowest-revenue img {vertical-align: top;width: 16px; height: 20px; margin-top: 5px;}

.calc-math-minus {font-size: 4.4em; font-weight: 200; margin-top: -45px; margin-bottom: -25px; padding: 0px; color: #ffffff; opacity: .8;}
.calc-math-equal {font-size: 2.8em; font-weight: 200; margin-top: -20px; margin-bottom: -15px; padding: 0px; color: #ffffff; opacity: .8;}

.group-details-modal .input-group-append .btn {padding: 12px 10px 10px 8px; margin: 0px; background-color: #eff0f0; border: 0px;}
.group-details-modal .input-group-append .btn span {color: #05b8e4 !important; font-size: 2.4em; font-weight: 100 !important;}


.upcharge-calculator {margin-top: 0px; background-color: #fff; text-align: center; padding: 10px 0 10px; display: flex; justify-content: space-between; align-items: flex-start;}
.upcharge-break-even {flex-basis: 45%; text-align: center; vertical-align: middle;}
.upcharge-break-even .calc-label {margin-top: 0px;  color: #0179a6; }
.upcharge-break-even .calc-value {margin-top: 6px; margin-bottom: 0px; color: #000;font-size: 2.2em; font-weight: 300;}

.upcharge-multiply {flex-basis: 10%; text-align: center; padding: 25px 5px 0 5px; margin: 0px; vertical-align: middle; font-size: 2em; }

.upcharge-input input { position: relative; margin-bottom: 0; font-size:1.6em;}
.upcharge-input { flex-basis: 45%; text-align: center;  margin: 0px 20px 0 0; padding: 0px;vertical-align: top; }
.upcharge-input .form-control {height: 1.8em;}

.upcharge-total { border-top: 4px double #05538d; text-align: left; margin: 10px 15px 3px; }
.upcharge-total .calc-label {margin: 5px 0px 3px;; padding: 0px; color: #0179a6; }
.upcharge-total .calc-value {margin-top: 3px; color: #000; font-weight: 300;}
.upcharge-total input { position: relative; margin-bottom: 0; text-align:left;  font-size:1.6em;}
.upcharge-input .calc-label {margin: 8px 0px 6px 0px; padding: 0px; color: #0179a6;}




.upcharge-calculator .btn-primary {margin-left: 10px;}

.blocked {background: repeating-linear-gradient( 45deg,#3b3838,#3b3838 10px,#403e3e 10px,#403e3e 20px); padding: 4px !important;}

.block-message { text-align: center; color: #ffffff; font-size: 1.4em; font-weight: bold;}
.blocked .block-message span { text-align: center; font-size: .7em; font-weight: normal; color: #ffffff; opacity: .7;}
.blocked span {font-size: .9em; color: #ffffff; opacity: .6; font-weight: normal; }



.details-row {margin: 0px; background: repeating-linear-gradient( 45deg,#636262,#636262 10px,#5c5b5a 10px,#5c5b5a 20px); border-bottom: 0px solid #03723c !important;}
.details-row-item {width: 20%; padding: 5px 20px 9px; float: left; font-size: 1em; color: #464646;}
.details-row-item .details-item-hdr {font-size: 1.4em; color: #ffffff; clear: right; font-weight: bold;}
.details-row-item span {font-size: .9em; color: #ffffff; opacity: .8; text-transform: uppercase;}
.details-row-item a:link {font-size: .7em !important; font-weight: normal !important; color: #ffffff !important; text-transform: uppercase;}
.details-row-item a:hover {opacity: .8 !important;}


.selected-time {background: repeating-linear-gradient( 45deg,#179d5c,#179d5c 10px,#0d9a56 10px,#0d9a56 20px); border-right: 1px solid #07b35f !important;}
.calc-label .icon {color: #ffffff;}

.time-span span { text-align: center; font-size: .9em; font-weight: normal; color: #e1e1e1;}



.modal-blocked {background: repeating-linear-gradient( 45deg,#4d4c4c,#4d4c4c 10px,#403e3e 10px,#403e3e 20px); padding: 8px !important; color: #ffffff; font-size: .9em; font-weight: 600; text-align: center; clear: right;}

.modal-blocked span {color: #cccccc;}


.btn-creategroup {background-color: #575555 !important; border-color: #575555 !important; }

.createGroup  {margin-top: 5px; margin-bottom:5px; color: #ffffff;}
.createGroup  a{color: #ffffff !important;}
.createGroup  a:hover{ opacity: .7;}

.updateGroupDetail  {margin-top: 5px; margin-bottom:5px; color: #ffffff;}
.updateGroupDetail  a{color: #ffffff !important;}
.updateGroupDetail  a:hover{ opacity: .7 !important;}

.advancedStats  {margin-top: 5px; margin-bottom:15px; color: #ffffff; border-top: 1px dotted #ffffff; padding-top:4px;}
.advancedStats  a{color: #ffffff !important;}
.advancedStats  a:hover{ opacity: .7;}

.table-powerhour-details .advancedStats  {margin-top: 0px; margin-bottom:0px; border-top: 0px; padding-top: auto; font-size: 1.3em;}
.table-powerhour-details .advancedStats  a{color: #fff !important; font-weight: 500; background-color: #00aeef; border-radius: 6px; padding: 3px 6px 3px;}


.stats-course-occupancy .circular-chart  {width: 60%; text-align: center; align-content: center; margin: 0 auto;}
.stats-market-occupancy .circular-chart  {width: 60%; text-align: center; align-content: center; margin: 0 auto;}
.stats-market-occupancy h4 {margin-top: 30px;}

.stats-col2 {margin-top: 70px;}
.single-chart h4 {text-align: center; font-size: 1.3rem !important; font-weight: bold; text-transform: uppercase; color: #7e7e7e; margin-top: 30px;}
.stats-col2 h4 {text-align: center; font-size: 1.3rem !important; font-weight: bold; text-transform: uppercase; color: #7e7e7e;}

.stats-col2 .calc-value {font-size: 2.8rem; text-align: center; font-weight: 400 !important;}
.stats-course-rounds .calc-value, .stats-market-rounds .calc-value {font-size: 2.6rem; text-align: center; font-weight: 400 !important;}
.stats-course-rounds .calc-label, .stats-market-rounds .calc-label  {text-align: center; font-size: 1.0rem !important; font-weight: bold; text-transform: uppercase; color: #7e7e7e;}





.editGroup {margin-top: 8px; margin-bottom: 6px; color: #ffffff; border-top: 1px dotted #ffffff; padding-top: 6px; }
.editGroup a {color: #ffffff !important;}
.editGroup a:link {color: #ffffff !important; opacity: 1 !important;}
.editGroup a:hover{color: #ffffff !important; opacity: .8 !important;}

.selected-time .editGroup {border-top: 1px dotted #76e4ad !important;}
.selected-time .advancedStats {border-top: 1px dotted #76e4ad !important;}

.apex-hours-month-table th {background-color: #333333; color: #fff; align-content: center; text-align: center; border-top: 3px solid #ffffff !important;}
.apex-hours-month-table td {padding: .5rem !important; border-right: 1px solid #eceeef; vertical-align: top !important;}
.apex-hours-calendar-day {background-color: #46423f; color: #fff; text-align: center; font-size: 1.2em; padding: 3px!important;}


.apex-hours-month-table .month-arrow {font-size: 2.769rem; color: #00afd6;}

.apex-hours-month-table .apex-hours-count {margin-top: -15px;}
.apex-hours-month-table .apex-hours-count .calc-value {font-size: 2.1em; font-weight: 300 !important;}


.admin-calendar, .month-table {margin-bottom: 0px; border: 0px;}
.table.admin-calendar thead th {border-bottom: 0px;}
.admin-calendar .cal-year{color: #ccc; font-size: 1em;}
.admin-calendar .cal-month{color: #fff; font-size: 1.4em; font-weight: 600; text-transform: uppercase;}
.admin-calendar .current-month {
    border-top: 3px solid #14bbe0 !important;
    background-color: #4d4c4c;
}

.admin-calendar .last-month, .admin-calendar .next-month {
    border-top: 3px solid #0c90ad !important;
    background-color: #433c3c;
}



.admin-calendar.calendar-days {
    background-color: #4d4c4c;
    color: #fff;
    text-align: center;
    font-size: 1em;
    text-transform: uppercase;
}
.admin-calendar.calendar-days td {border: 0px;}
.admin-calendar .calendar-day { border-right: 1px solid #fff; text-align: center; padding: 5px; }

.admin-calendar .calendar-day.light-blue {background-color:#2992e1; }

.admin-calendar .calendar-day.med-blue {background-color: #134a73;}
.admin-calendar .calendar-day.white {background-color: #fff;}

.admin-calendar .calendar-day.white .cal-details a:link, .cal-details a:visited {
    color: #999;
}
.admin-calendar .calendar-day.white .cal-details a:link span, .cal-details a:visited span {
    color: #666; opacity: .4; padding: 0 3px 0;
}
.admin-calendar .calendar-day.white .calc-type {color: #464646;}
.admin-calendar .calendar-day.white .cal-date {color: #999; border-color: #ccc;}
.admin-calendar .calendar-day.white .chart-type-icon {color: #464646;}

.admin-calendar .calendar-day.green {background-color: #04b354;}



.admin-calendar .calendar-day.light-blue .calc-value, .admin-calendar .calendar-day.med-blue .calc-value, .admin-calendar .calendar-day.green .calc-value {
    color: #ffffff;
}

.admin-calendar .calendar-day .day-wrapper {display: flex; flex-direction: column; justify-content: center; align-items: stretch; align-content: stretch; min-height: 100px;}

.day-display-wrapper {display: flex; justify-content: space-between;}
.chart-type-icon {color: #fff; opacity: .4; margin-right: 3px; font-size: 1.2em;}

.admin-calendar .calendar-day .calc-value {display: flex; justify-content: center; align-content: center; align-items: center; margin-bottom: 0px; flex-grow: 2;}

.admin-calendar .calendar-day .calc-type {text-align: center; font-size: .8em; color: #fff; opacity: .6; margin-bottom: 6px;}

.admin-calendar .calendar-day .calc-value .value {font-weight: 300; font-size: 1em;}
.admin-calendar .calendar-day .calc-value .percentage {font-weight: 300; font-size: .8em; margin-left: 1px;}
.admin-calendar .calendar-day .calc-value .plus-minus {font-weight: 300; font-size: .8em; margin-right: 2px;}
.admin-calendar .calendar-day .cal-details { flex-grow: 2; }

.admin-calendar.bottom-border  {border-bottom: 25px solid #4d4c4c !important; margin-bottom: 20px !important; }

.admin-calendar .month-arrow-left, .admin-calendar .month-arrow-right {width: 5%;}

.admin-calendar .month-1, .admin-calendar .month-2, .admin-calendar .month-3, .admin-calendar .month-4, .admin-calendar .month-5, .admin-calendar .month-6, .admin-calendar .month-7 {}

@media (max-width: 575px) {

    .admin-calendar .month-1, .admin-calendar .month-2, .admin-calendar .month-6, .admin-calendar .month-7 {display: none;}

}


.cal-details a:link, .cal-details a:visited {
    color: #fff;
}

.cal-details a:link span, .cal-details a:visited span {
    color: #fff; opacity: .4; padding: 0 3px 0;
}


.cal-date {width: 27px; border-radius: 5px; text-align: center; font-size: .9em; font-weight: 400; color: #fff; margin-right: 5px; padding: 4px; border: 1px solid #fff;}
.not-current-month {opacity: .8; font-weight: 200; font-size: .9em;}



.apex-hours-count .calc-value {font-size: 2.1em; font-weight: 500 !important;}

.no-hours {background-color: #ccd4da; color: #666; text-align: center;}
.no-hours .apex-hours-count .calc-value {font-size: 1.6em; font-weight: 500 !important; color: #666;}
.no-hours .calc-value-message {color: #727070;}
.no-hours .title {color: #504f4f !important;}
.icon-no-hours {font-size: 2.6em; color: #727070; margin-top: 60px;}


.month-arrow-left {text-align: left !important;}
.apex-hour-day {text-align: center;}
.apex-hour-day .advancedStats {border-top: 1px dotted #a3e1fa; padding-bottom: 6px; border-bottom: 1px dotted #a3e1fa;}
.month-arrow-right {text-align: right !important;}
.apex-hour-day .advancedStats {margin-bottom: 2px; }

.month-center {padding: 8px !important;}


.display-month {font-size: 1.3em !important; font-weight: 500 !important; color: #fff; letter-spacing: 1px; }
.month-top-hour {display: inline-block; font-size: 1em !important; color: #ccc; text-transform: none;letter-spacing: 0px;}
.month-top-hour .icon-top-hour {padding: 4px 3px 0px !important; margin-right: 8px; -webkit-box-shadow:0 0 0px #ffec00;
    -moz-box-shadow: 0 0 0px #ffec00;
    box-shadow:0 0 0px #ffec00;}
.month-top-hour .icon-top-hour span {color: #fff; font-size: 16px !important; font-weight: 600; }
.month-top-hour strong {color: #ff6100; font-weight: 200; text-transform: uppercase;}

.month-hour-count {display: inline-block; margin-left: 30px; font-size: 1em !important; color: #fff; text-transform: none;letter-spacing: 0px;}
.month-hour-count .icon-top-20 {padding: 4px 3px 0px !important; margin-right: 2px;}
.month-hour-count .icon-top-20 span {color: #fff; font-size: 17px !important; font-weight: 600; }
.month-hour-count strong {color: #01b2f8; font-weight: 200; text-transform: uppercase;}

.condense-view {display: inline-block; float: right;}
.icon-condense { width: 25px;}



.day-icons {padding: 2px 0px 10px; text-align: center; align-content: center; vertical-align: middle;}
.day-icons span {color: #fff; font-size: 15px !important; font-weight:700; }

.week-center {background-color: #000 !important; color: #fff; align-content: center; text-align: center; font-size: 1.1em;}
.week-center .month-top-hour {margin-bottom: 8px;}

.apex-hour-stats .btn-primary {
    background-color: #393838;
    border-color: #464646 !important;
    padding-right: 12px;
}

.apex-hour-stats {display: inline-block; margin-left: 30px;}
.label-total-apex-hour-revenue {padding-top: 0px; font-size: .8em;}


.progress {height: .7rem; border: 1px solid #012939; background-color: #e6e6e6 !important;}
.modal-content .progress {height: .7rem; border: 0px;}



.top-hour .progress {border: 1px solid #512104;}
.rate-mix-1 {background-color: #102a34 !important;}
.top-hour .rate-mix-1 {background-color: #853604 !important;}
.rate-mix-2 {background-color: #3d7085 !important;}
.top-hour .rate-mix-2 {background-color: #a05729 !important;}
.rate-mix-3 {background-color: #539ab6 !important;}
.top-hour .rate-mix-3 {background-color: #c5906f !important;}
.rate-mix-4 {background-color: #71cff4 !important;}
.top-hour .rate-mix-4 {background-color: #e0b49a !important;}


.mix-bar {margin: 6px 10px 6px;}
.mix-bar .calc-label { margin-bottom: 6px;}
.mix-bar .calc-label a {color: #fff;}
.mix-bar .calc-label a:link {color: #fff;}


.apex-hours-day .mix-bar .calc-label a {color: #6cbbf5 !important;}
.apex-hours-day .mix-bar .icon  {color: #6cbbf5 !important;}

.top-hour .mix-bar .calc-label a {color: #fff !important;}
.top-hour .mix-bar .icon  {color: #fff !important;}

.apex-hour-day .mix-bar {margin-top: 15px;}

.rate-category {font-size: .8em; font-weight: 100; margin-bottom: 2px; color: #b1dbf9;  text-transform: uppercase;}

.apex-hours-day {background-color: #045087 !important;}
.apex-hours-day .calc-value {font-size: 1.4em; font-weight: 200; margin-bottom: 5px;  color: #fff; }
.apex-hours-day .calc-label {padding-top: 0px !important; color: #6cbbf5;}

.occupancy-label {margin-top: 10px; margin: 0px 20px 0;}
.occupancy-value {font-size: 1.4em !important; font-weight: 200 !important;}
.occupancy-percentage-bar {margin: 4px 8px 10px;}




.groupDetail {
    margin-top: 50px;
    margin-bottom: 5px;
    color: #ffffff;
}

.groupDetail a {
    color: #ffffff !important;
}

.groupDetail a:hover {
    color: #ffffff; opacity: .7;
}

.apex-radio-input {padding-top: 10px;}
.apex-hours-card {margin-bottom: 0px; min-height: 259px;}
.apex-hours-card .card-header {text-align: center; padding: 15px 0 15px; margin: 0px;}
.apex-hours-card .title {color: #ffffff;text-align: center; font-size: .8em; text-transform: uppercase; font-weight: 700; opacity: .9;}
.apex-hours-card .card-body {text-align: center; padding: 5px 0px 8px;}

.apex-hours-count {margin-top: -20px;}
.apex-hours-count .calc-value {font-size: 2.6em; font-weight: 200; margin-bottom: 5px;}
.apex-hours-count .calc-label {padding-top: 0px !important;}
.apex-hours-count .rate-category {font-size: .8em; font-weight: 100; margin-bottom: 2px; color: #fff; opacity: .6;text-transform: uppercase;}

.top-hour {background-color: #ff6100 !important;}
.top-20 {background-color: #2582c5 !important;}
.top-10 {background-color: #1c9e5d !important;}
.top-5 {background-color: #81cf77 !important;}
.top-1 {background-color: #e2a700 !important;}


.icon-status-hour {font-size: 1em !important; color: #fff; padding: 3px; margin-top: -3px; text-align: center; min-width: 22px;}

.top-hour .calc-label {color: #fff !important; opacity: .7;}
.top-hour .calc-value {color: #fff !important;}
.top-hour .rate-category {color: #fff !important; opacity: .6;}
.top-hour .advancedStats a:link {color: #fff !important;}
.top-hour .advancedStats {border-top: 1px dotted #fab082 !important;border-bottom: 1px dotted #fab082 !important;}

.apex-hour-week .top-hour .advancedStats {border-top: 0px !important; border-bottom: 0px !important;}

.top-hour .progress .progress-barr {
    background-color: #bc3f03 !important;
}

.top-hour .progresss {
    background-color: #f9a47b;
}




.icon-status {display: inline-block; border-radius: 5px; padding: 3px 2px 0px 2px; margin: .5px; text-align: center;}
.day-icons .icon-status {display: inline-block; border-radius: 5px; padding: 1px 1px 0px 1px !important; margin: .5px;}

.icon-top-20 {background-color: #2582c5;}
.icon-top-10 {background-color: #1c9e5d;}
.icon-top-5 {background-color: #81cf77;}
.icon-top-1 {background-color: #e2a700;}
.icon-top-hour {background-color: #ff6100;-webkit-box-shadow:0 0 20px #ffec00;
    -moz-box-shadow: 0 0 20px #ffec00;
    box-shadow:0 0 20px #ffec00;}
.icon-bottom-50 {background-color: #999;}


.bottom-50 {margin-left: 20px;}

.seperator {border-right: 1px dotted #ccc; width: 5px; margin-right: 10px; height: 25px;}

.day-icon {display: inline-block;}


.apex-hours-day .icon-status {position:absolute;top:1px;left: 0px;border-radius: 5px; padding: 3px 2px 0px 2px; margin: 0px;}
.apex-hours-day span {color: #fff; font-size: 16px !important; font-weight: 800; }

.apex-hours-day .advancedStats {border-top: none !important;}
.apex-hours-day .advancedStats a {color: #d4ecfd !important;}

.card-icons .icon-top-hour .s7-star {font-size: 14px !important;}
.day-icon .icon-top-hour .s7-star {font-size: 1.5em}

.icon-top-hour {padding-top: 4px;}


.table-condensed .time {padding: 5px 8px 5px !important;}
.table-condensed .advancedStats {display: inline-block !important; color: #fff !important;}
.table-condensed .value-arpr {display: inline-block !important; margin: 0 8px 0;}
.table-condensed .market-players-value {display: inline-block !important; margin: 0 8px 0;}

.card-icons {padding: 6px 0px 4px; text-align: center; min-height: 40px; align-content: center; vertical-align: middle; margin-bottom: 15px;}
.card-icons span {color: #fff; font-size: 15px; font-weight: 800; }

.apex-hour-revenue-by-category {font-size: 1.6em !important; font-weight: 300!important; margin-bottom: 8px;}


.top-apex-hour,.apex-hour-total, .apex-down-hour-total {border-bottom: 7px solid #f4f4f4 !important; min-height: 266px;}

.apex-hours-overview {background-color: #d4e3e9; margin: 3px 0 3px; text-align: center; border-left: 3px solid #fff; }


.apex-hours-overview .calc-value {font-size: 2.4em; font-weight: 300;}
.apex-hours-overview .calc-label {font-weight: bold; font-size: 1.4em !important; color: #0593cc; margin-top: 10px;}




.apex-hour-total {background-color: #95dcef; padding-top: 25%;}

.apex-hour-total .icon-status-hour {
    font-size: 2em !important;
    color: #fff;
    padding: 3px 4px 2px;
    margin-top: -6px;
    text-align: center;
    min-width: 40px;

}
.top20 .icon-top-20 {-webkit-box-shadow:0 0 25px #54a0b4;
    -moz-box-shadow: 0 0 25px #54a0b4;
    box-shadow:0 0 25px #54a0b4;}

.top10 .icon-top-10 {-webkit-box-shadow:0 0 25px #0c7c44;
    -moz-box-shadow: 0 0 25px #0c7c44;
    box-shadow:0 0 25px #0c7c44;}

.top5 .icon-top-5 {-webkit-box-shadow:0 0 25px #63c456;
    -moz-box-shadow: 0 0 25px #63c456;
    box-shadow:0 0 25px #63c456;}

.top1 .icon-top-1 {-webkit-box-shadow:0 0 25px #ebb314;
    -moz-box-shadow: 0 0 25px #ebb314;
    box-shadow:0 0 25px #ebb314;}

.bottom50 .icon-bottom-50 {-webkit-box-shadow:0 0 25px #b5b3b3;
    -moz-box-shadow: 0 0 25px #b5b3b3;
    box-shadow:0 0 25px #b5b3b3;}

.top10 {background-color: #9accb3;}
.top10 .calc-label {margin-top: 3px; color: #014e27;}

.top5 {background-color: #bee5b9;}
.top5 .calc-label {margin-top: 3px; color: #2f6928;}

.top1 {background-color: #e5d39f;}
.top1 .calc-label {margin-top: 3px; color: #7e692f;}

.bottom50 {background-color: #ccc;}
.bottom50 .calc-label {margin-top: 3px; color: #666;}

.apex-hour-calculator {padding-top: 15%; padding-bottom: 15px;}
.apex-hour-calculator .calc-label {font-size: 1.3em !important; color: #0593cc; margin-top: 10px;}
.apex-hour-calculator .calc-info {font-size: 1.0em; color: #0593cc; margin-top: 0px; text-transform: uppercase;font-weight: 700;}
.apex-hours-overview .calc-value {font-size: 2.0em; font-weight: 300; margin-bottom: 2px;}



.apex-radio-input .custom-control-inline {margin-right: .5em;}



.apex-hours-overview .flex-wrapper {width: 50%; margin: 0 auto;}

.apex-hours-overview .flex-wrapper .percentage {font-size: .7em;}



.apex-stats-modal .filter-container { padding-top: 15px;}
.apex-stats-modal .flex-wrapper {width: 20% !important; margin: 0 auto;}
.apex-stats-modal .filter-container { padding-top: 15px;}
.apex-stats-modal .apex-hour-total .calc-value {font-size: 2.6em !important;}

.apex-stats-modal .apex-hours-overview {padding-bottom: 20px;}

.rate-container {width: 50%; margin: 0 auto;}

.modal-content .rate-container .table-filter-title {padding-bottom: 6px !important;}
.apex-stats-modal .rate-container .filter-container {padding-top: 0px !important;}




.course-average-percentage {font-weight: 300; font-size: 1.2em;}
.course-average-percentage span {color: #464646; font-weight: 500; font-size: 1.6em; }
.apex-hours-overview h5 {font-size: .9em; text-transform: uppercase; text-align: left; font-weight: bold; color: #02aaed;}
.apex-hours-overview h4 {font-size: 1em; text-align: left; margin-bottom: 10px; line-height: 1.5em;}


.check-top-20:checked ~ .custom-control-label::before {border-color: #2582c5;}
.check-top-10:checked ~ .custom-control-label::before {border-color: #1c9e5d;}
.check-top-5:checked ~ .custom-control-label::before {border-color: #81cf77;}
.check-top-1:checked ~ .custom-control-label::before {border-color: #d5ab34;}
.check-top-hour:checked ~ .custom-control-label::before {border-color: #ff6100;}
.check-bottom-50:checked ~ .custom-control-label::before {border-color: #999;}



.apex-hour-overview-slider {margin-top: 8px; width: 80%; text-align: center;margin: 0 auto;}
.apex-hour-overview-slider strong {font-size: 1.3em; font-weight: 400;}
.slidecontainer {
    width: 100%; /* Width of the outside container */
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 8px;
    border-radius: 3px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #09adee;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #09adee;
    cursor: pointer;
}



.table-stat td {padding: 0.6rem !important;}
.table-stat tbody tr td.milestone div.completed {
    float: none !important;
    clear: both;
    margin-left: 5px;
}
.table-stat .progress {margin-top: 6px;}

.table-stat tbody tr td.milestone {
    min-width: 70px;
}

.table-stat tbody tr td.milestone .progress .progress-bar {
    height: 6px;
    border-radius: 0.25rem;
}

.table-stat th {background-color: #464646; color: #ffffff; font-size: .8em; text-transform: uppercase; text-align: center;}
.table-stat th a:link {color: #ffffff !important;}

.table-stat td {text-align: center;}


.table-stat tr td:first-child{text-align: left; font-weight: bold;}
.table-stat-total {border-top: 4px double #3895d7; padding-top: 4px; background-color: #e2edf0; font-weight: bold !important;}



.group-detail {background: repeating-linear-gradient( 45deg,#179d5c,#179d5c 10px,#0d9a56 10px,#0d9a56 20px); padding: 15px 20px 10px !important; align-content: center; text-align: center; border-right: 0px !important;}
.group-detail .calc-value {margin-bottom: 12px; color: #ffffff; }
.group-detail .calc-label {color: #ffffff; opacity: .8;}
.group-detail .rev-positive span {color: #ffffff;}
.group-detail .rev-positive {color: #ffffff;letter-spacing: 1px; text-shadow: 1px 1px #014f24;}

.modal-content .table-filter-title {color: #0179a6 !important; padding: 15px 0 20px !important;}

.modal-content .filter-container {margin: 0 0 10px !important;}
.group-modal-header {background-color: #003365 !important;}
.group-modal-header h5 {color: #ffffff !important;}
.group-modal-header .close {color: #ffffff !important;}
.group-details-modal {padding: 12px 10px 12px;}
.group-details-modal strong {font-size: .9em; text-transform: uppercase; color: #ffffff; opacity: .6; font-weight: 600 !important;}
.group-details-modal span {font-size: 1em; color: #ffffff; font-weight: bold; }

.quoteHeader {color: #ffffff; padding: 10px 0 6px;}


.rev-positive span {color: #ffff00;}
.rev-positive {letter-spacing: 1px; text-shadow: 1px 1px #014f24;}
.rev-negative span {color: #f0e119;}
.rev-negative {color: #fbea06 !important;letter-spacing: 1px; text-shadow: 1px 1px #044f61;}


.heat-1 {background-color: #2992e1;}
.heat-1 .calc-label {color: #ffffff; opacity: .8;}
.heat-1 .calc-value {color: #ffffff;}
.heat-1 .calc-value a:link, .heat-1 .calc-value a:visited {color: #fff !important;}
.heat-1 .editGroup {border-top: 1px dotted #81c5f9;}


.heat-2 {background-color: #1d6aa5;}
.heat-2 .calc-label {color: #ffffff; opacity: .8;}
.heat-2 .calc-value {color: #ffffff;}
.heat-2 .calc-value a:link, .heat-2 .calc-value a:visited {color: #fff !important;}
.heat-2 .editGroup {border-top: 1px dotted #81c5f9;}

.heat-3 {background-color: #134a73;}
.heat-3 .calc-label {color: #ffffff; opacity: .8;}
.heat-3 .calc-value {color: #ffffff;}
.heat-3 .calc-value a:link, .heat-3 .calc-value a:visited {color: #fff !important;}
.heat-3 .editGroup {border-top: 1px dotted #81c5f9;}

.heat-4 {background-color: #023256;}
.heat-4 .calc-label {color: #ffffff; opacity: .8;}
.heat-4 .calc-value a:link, .heat-4 .calc-value a:visited {color: #fff !important;}
.heat-4 .calc-value {color: #ffffff;}

.saved-group-quotes .table-responsive {background-color: #fff;}
.saved-group-card .card-body {font-size: 1rem !important;}
.saved-group-card h5 {margin: 8px 0 4px; }
.card-group-details {border-top: 1px dashed #cccccc; margin-top: 6px; padding-top: 8px;}
.saved-group-card .card-header {font-size: 1.1rem;}
.saved-group-card .card-header .icon {margin-right: 3px;}

.table-pagination {margin: 0; white-space: nowrap; text-align: right !important; float:right;}
.table-pagination ul {text-align: right !important; }

.page-link {color: #2992e1;}
.page-link:hover {color: #1d6aa5;}


.tabs-light .nav-link.active {
    background-color: #eae9e9 !important;
    color: #464646 !important;
}

.tabs-light + .tab-content {
    background-color: #eae9e9 !important;
    color: #464646 !important;

}

.signin {background-image: url('../img/login-bg.jpg') !important;}
.signup {background-image: url('../img/create-account-bg.jpg') !important;}
.resetpassword {background-image: url('../img/reset-password.jpg') !important;}
.contact a:link, .contact a:visited {color: #14bbe0;}

.main-content H3 {margin-top: 40px;}
.page-footer {background-color: #464646;}
.footer-copyright {color: #cccccc;}
.footerbrand { height: 75px; width: 50px; background-image: url('../img/footer-s.png'); background-repeat: no-repeat; background-position: right; }



/* SCORECARD */



.container-benchmark .card-body {padding: 0 0 0 0;}



.scorecard-time-range th {font-size: .9rem !important; color: #555657; font-weight: 700 !important; align-content: center; text-align: center; text-transform: uppercase; padding: 6px 25px 6px; background-color: #ffffff;}

.scorecard-time-range th span {color: #000; opacity: .7; font-weight: normal !important; align-content: center; text-align: center; text-transform: none; font-size: .8em !important;}

.scorecard-time-range td {align-content: center; text-align: center; padding: 0px;}

.scorecard-time-range {min-width: 600px;}

.sc-table-col-1 {width: 15%; vertical-align: top !important;}
.sc-table-col-1 .chart-name {text-align: left;}
.sc-table-col-2 {width: 22%;}
.sc-table-col-3 {width: 22%;}
.sc-table-col-4 {width: 22%;}
.sc-table-col-5 {width: 22%;}

.home-dashboard th h4 {font-size: 1.4em; color: #666; font-weight: 600; margin-bottom: 3px;}
.home-dashboard th div {color: #999;font-weight: 400;}
.indicator-value-counter {
    font-size: 3rem; color: #00aeef; font-weight: 600;
}

.sc-value-change {display: flex; flex-wrap: nowrap; align-items: baseline; align-content: center;  justify-content: center; margin-bottom: 6px;}
.sc-value-change-chart {max-width: 100px; text-align: center; align-content: center; margin: 0px auto;}

.sc-positive {
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 4px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #39b54a;
}

.sc-negative {
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 4px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #f00;
}


.sc-neutral {width: 10px; height: 8px; margin-right: 5px; background-color: #ccc; border-bottom: 4px solid #fff;}
/*.sc-neutral {width: 10px; height: 2px; margin-right: 5px; padding-bottom: 3px; background-color: #ccc;} */

.sc-index-change {display: flex; flex-wrap: nowrap; align-items:baseline; align-content: center;  justify-content: center; margin-bottom: 6px;}
.sc-index-change .sc-change-value {color: #333; font-size: 1.1em;}
.sc-index-change .sc-value-change .sc-change-value {color: #333; font-size: 1.0em; min-width: 25px;}
.sc-index-change .sc-value-change {margin-left: 10px;}
.sc-index-over {
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 4px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #666;
}

.sc-index-under {
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 4px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #666;
}

.sc-index-flat {
    margin-top: 0px;
    margin-bottom: 3px;
    margin-right: 4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 8px 6px 0;
    border-color: transparent #666 transparent transparent;
}

.sc-tile-row {margin-top:10px;}
.sc-tile-col {padding-left:5px !important; padding-right:5px !important;}


.sc-tile {border-radius: 6px; padding: 0px; color: #666; background: #fafbfb; border: 1px solid #e1e1e1;}

@media (max-width: 767px) {
    .sc-tile {margin-bottom: 10px;}
}
/*
.sc-tile-teesheet {border-top: 0px solid #2582c5;}
.sc-tile-pos {border-top: 0px solid #2582c5;}
*/
.help-icon {font-size: 11px;}

.sc-tile-index {text-align: center; margin-top: 12px;}
.sc-tile-index .sc-value-label {color: #999; font-size: 1.1em; display: flex; justify-content: center; align-items: center;}
.sc-tile-index .sc-value-label .help-icon a {color: #999; padding-left: 2px;}


.sc-tile-report {text-align: center;}
.sc-tile-report .sc-tile-report-hdr {padding: 6px 0px 6px; margin-bottom: 12px; border-radius: 6px 6px 0 0;}

.sc-tile-report .sc-tile-report-hdr a {text-align: center; display: flex; align-content: center; align-items: center; justify-content: center; color: #333; font-size: 1.1rem;  font-weight: 600; }
.sc-tile-report .sc-tile-report-hdr a i {font-size: .9rem; color: #666; padding-left: 3px;}
.sc-tile-report .legend-text, .sc-tile-index .legend-text, .legend-text {text-transform: uppercase; color: #666; opacity: .7; font-size: .8rem;}

.sc-tile-col .legend-text {font-size: .7rem; letter-spacing: .4px; margin-bottom: 4px;}



.sc-tile-report .sc-value {line-height: 1.1;font-size: 1.7em;}
.sc-tile-report .sc-tile-fac .sc-value {font-size: 2.0em; margin-bottom: 15px; color: #333;}




.sc-value-upgrade {margin-top: 10px;}
.sc-value-upgrade a {border-bottom: 1px solid #e0aa08; color: #e0aa08;}
.sc-value-upgrade .fas {color: #e0aa08; font-size: 2.3rem; margin-bottom: 6px;}
.sc-value-upgrade strong {text-transform: uppercase;}

.sc-census-item {
    display: flex;
    text-align: left;
    align-items: center;
    justify-content: space-between;
    margin: 3px 6px 3px;
    padding: 8px 0px 4px;
    border-top: 1px dotted #e1e1e1;
}
.sc-census-header-wrapper {
    display: flex;
    text-align: left;
    align-items: center;
    justify-content: space-between;
    margin: 6px 6px 15px;
}

.pubic-benchmarks h5 {font-size: 1.3rem !important; }
.pubic-benchmark-item {display: flex; justify-content: space-between; align-items: center; padding: 8px 0px;}
.pubic-benchmark-item:nth-of-type(3) {border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc; }

.bm-promo-wrapper-hdr {font-size: 1.2rem; text-transform: uppercase; font-weight: 200; letter-spacing: 1px;}

.sc-census-legend {width: 50%; color: #999; font-size: .9rem;}
.sc-census-value {width: 50%; color: #005b7f; font-size: .9rem;}


.sc-census-value a {color: #005b7f;}
.sc-census-value a .help-icon {color: #005b7f;}

.sc-census-legend a {color: #999;}
.sc-census-legend a .help-icon {color: #999; font-size: .8rem;}

.bm-promo-wrapper {padding: 15px;}
.bm-promo-wrapper h5 {text-transform: uppercase; color: #04538c; font-size: 1.1rem; font-weight: bold;}
.bm-promo-wrapper h6 {text-transform: uppercase; color: #666; font-size: .9em; font-weight: 500; line-height: 1.2; text-align: center;}

.bm-promo-icon {font-size: 3em; text-align: center; color: #999;}
.bm-promo-icon img {max-width: 60px; margin-bottom: 10px;}

.bm-promo-forecaddie p {font-size: 1em;}
.bm-promo-forecaddie h5 {margin-bottom: 2px; font-size: 1.3em; font-weight: 500; color: #21ca65;}
.bm-promo-forecaddie p a {color: #06762b;}

.bm-forecaddie-price-adjustment {color: #999; font-size: 1.3em;}
.bm-forecaddie-price-adjustment strong { color: #21ca65; font-size: 1.2em;}

.grid-forecast-day .sc-neutral {margin-top: 17px;}

.sc-label {display:inline-block;}
.mix-toggle-offline .sc-label {text-align: left;}


.sc-toggle .icon {font-size: 1em !important;}
.sc-toggle  {cursor:pointer;}

.sc-toggle-label {font-size: .8em; text-align: left; margin: 6px 0 4px 0; text-transform: uppercase;}

.sc-toggle-lg .icon {font-size: 2em !important;}
.sc-toggle-lg  {cursor:pointer;}

.label-my-course {margin-top: 21px;}
.label-my-course-pga {margin-top: 22px; margin-bottom: 23px;}
.label-pga-chapter {margin-top: 3px;}

.toggle-data {border-top: 1px dotted #e1e1e1; padding-top: 6px;}
.no-border {border: 0px !important;}
.sc-td {vertical-align: top; text-align: left;}
.sc-row-total {border-top: 4px double #00aeef;}

.rounds-mix-toggle {text-align: center;}
.rounds-mix-toggle .sc-toggle-label {text-align: center; font-size: 1em;}

.sc-mix-label {margin: 2px 8px 0 0;}

.mix-toggle-header {margin: 12px 0px 10px; padding: 0px 18px 0px; font-size: .9em; }

.sc-mix-label {width: 20%; min-width: 30px;}

.toggle-data .sc-toggle-label {height: 20px; }

.sc-toggle-rounds-report-label {height: 48px; font-size: .9em; text-align: left; margin: 6px 0 4px 12px; text-transform: uppercase;}
.toggle-data-rounds-report-data {height: 48px;}
.toggle-data-rounds-report .sc-toggle-label {height: 54px; border-top: 1px dotted #e1e1e1; }


.sc-border-bottom {border-bottom: 1px dotted #ccc;}

.sc-value-change-total-rounds {height: 46px;}

.toggle-data .sc-value-change  {height: 20px; margin: 6px 0 4px 0;}

.toggle-mix .sc-change-value {min-width: 30px; font-size: 1em;}
.toggle-mix .sc-label-percentage, .toggle-mix .sc-label {font-size: .9em;}

.toggle-link {margin: 0px 4px 0px 0px;}

.toggle-mix {border-bottom: 3px solid #00aeef;}
.toggle-mix .sc-value-change {align-content: flex-start;  justify-content: flex-start;}
.toggle-mix .sc-value-change {height: auto !important;}
.toggle-mix .sc-label {width: 50%;}
.toggle-mix .sc-positive {margin-right: 1px;}
.toggle-mix .sc-negative {margin-right: 1px;}
.toggle-mix .sc-neutral {margin-right: 5px;}

.toggle-super-channel .chart-name {margin-left: 16px;}
.toggle-super-channel {border-bottom: 3px solid #00aeef; background-color: #f6f6f1; padding-top:8px; margin-bottom: 10px;}

.scorecard-total-sidebyside {display: flex; justify-content: center; align-items: center;}
.scorecard-total-sidebyside .sc-value-change {margin-left: 10px;}
.pga-section-rounds-report {}

.table-pga-benchmark-rounds .sc-td {vertical-align: top;}
.table-pga-benchmark-rounds .sc-value {font-size: 2.8em;letter-spacing: -1px;}






.pga-section-rounds-report .sc-value {font-size: 2.8em;}
.pga-section-rounds-report .gph .sc-change-value {font-size: 2.8em; }
.pga-section-rounds-report .gph  {align-items: center;}
.pga-section-mix-report .sc-value-label {font-size: 1.2em; font-weight: 200;}
.pga-section-mix-report .scorecard-mix-hdr {padding-left: 0px;}

.scorecard-side-table table th {background-color: #d7e8ee; font-size: .9em; text-transform: uppercase; color: #666; text-align: center;}
.scorecard-side-table table td { font-size: .9em; color: #999; padding: .7em; text-align: center;}
.scorecard-side-table .chart-name {text-transform: uppercase; color: #666;}
.scorecard-side-table .table-total {border-top: 3px double #a0c8d7;}
.scorecard-side-table .table-total td {font-weight: 700;}

.sc-change-value {display:inline-block; min-width: 35px; text-align: center; font-size: 1.2em; color: #888787;}
.sc-value-label {font-size: 1.1em; font-weight: bold !important; text-transform: uppercase; color: #056daf;letter-spacing: .4px; }




#bm-top-data .sc-value-label a {color: #999; font-size: 11px; padding-left: 1px;}
#bm-top-data .sc-value-label.my-values {}
#bm-top-data .sc-value-label.my-values a {display: flex; justify-content: center; align-items: center; color: #1c9f5d; font-size: 1em;}
#bm-top-data .sc-value-label.my-values a .help-icon {display: block; color: #999; font-size: 11px; padding-left: 3px; padding-top: 2px;}
#bm-top-data-myrounds {padding: 0px 10px;}
#bm-top-data-myavgrate {padding: 0px 5px;}
#bm-top-data-mygreenfeerev {padding: 0px 5px;}


#chart-rate-cat {}
#chart-rate-cat h5 {font-size: 2em; text-align: center; font-weight: 200;}
.chart-rev-cat-canvas {}
.chart-rev-cat-canvas img {max-width:100%; height:auto;}
#chart-rev-cat {margin-top:40px;}
#chart-rev-cat h5 {font-size: 2em; text-align: center; font-weight: 200;}
.chart-rate-cat-canvas img {max-width:100%; height:auto;}
#bm-tiles-tee-sheet .sc-value-label, #bm-tiles-pos .sc-value-label {font-size: 1em;}
#bm-tiles-tee-sheet .sc-value-label a, #bm-tiles-pos .sc-value-label a {color: #999; font-size: 11px; padding-left: 1px;}
.bm-tiles-header h5 {font-size: 2em; text-align: center; font-weight: 200; margin-bottom: 20px;}

/*
#bm-top-data .bm-top-data-sub .sc-value-label, .sc-tile-col .sc-value-label  {color: #999; font-size: 1.1em; letter-spacing: .4px;}

#bm-top-data .bm-top-data-sub {margin-top:20px;}
#bm-top-data .sc-filter-display {float: none; margin: 6px 10px 0px;}


.

*/




.bm-top-data-wrapper {background: #fafbfb; border: 1px dotted #e1e1e1; border-radius: 8px; padding: 10px 0 10px;}
.bm-top-data-wrapper h2 {font-weight: 200; font-size: 2em;}


@media (max-width: 1199px) {
    .bm-top-data-wrapper {margin-bottom: 20px;}
    #bm-top-data .sc-value-label {font-size: 1.1em;}
    #bm-top-data .sc-value-label.my-values a {font-size: .9em;}
}

@media (max-width: 767px) {

    #bm-top-data .sc-value-label {font-size: 1.8em;}

}


.sc-value-label span {color: #333333;}
.sc-value {font-size: 1.8em;}
.sc-value-change .flex-wrapper {width: 80%; text-align: center; align-content: center; margin: 0 auto;}
.sc-label-percentage {margin: 0px 10px; text-align: left; width: 19%; font-size: 1.2em;}



.bm-top-data { margin: 0 -10px 40px;}
.bm-top-data .sc-value {font-size: 2.1rem;}
.bm-top-data .legend-text {font-size: .8rem; color: #999; text-transform: uppercase;}

.bm-top-data-sub {margin-top: 10px;}
.bm-top-data-sub .sc-value, .sc-tile-report .sc-value {font-size: 2.1rem; display: flex; align-items: center; justify-content: center; }
.bm-top-data-sub .sc-value .help-icon, .sc-tile-report .sc-value .help-icon {font-size: 1rem; color: #ccc; margin: 2px 0 0 2px;}
.bm-top-data-sub .sc-value .help-icon a, .sc-tile-report .sc-value a {color: #999;}

.bm-top-data-sub .sc-value .help-icon, .sc-tile-report .sc-value a:hover {color: #2582c5;}
.bm-top-data-sub .sc-value .help-icon, .sc-tile-report .sc-value a:visited {color: #999;}


.bm-report-chart-wrapper {min-width: 200px; min-height: 210px;}
/* 
.bm-report-chart-wrapper h5 {font-size: 2em; font-weight: 200; color: #666;}
*/
.bm-report-chart-wrapper h5 {font-size: 1.2em; font-weight: 200; color: #666;}
/*
.bm-chart-rate-cat {background-color: red;}
.bm-chart-rate-source {background-color: purple;}
.bm-chart-pos {background-color: green;}
*/

.sc-value-change-chart .flex-wrapper {text-align: center; align-content: center; margin: 0 auto;}

.gph .sc-change-value {font-size: 1.4em; font-weight: 400;}
.sc-change-label {font-size: .9em; text-transform: uppercase; margin-top: 10px; text-align: center;}


.scorecard-hdr-row {padding: 4px 0 4px;}
.scorecard-hdr {text-transform: uppercase; font-size: 1.6rem; font-weight: 200; margin: 6px 0 0 0; }
.scorecard-hdr span {color: #00aeef;}
.benchmark-sub-hdr  {font-size: .9rem; font-weight: 600;text-transform: uppercase;padding-top: 3px; margin-bottom: 6px; color: #3895d7;}


.teesheet-missing-wrapper {display: flex; flex-direction: column; justify-content: center; border: 1px dotted #ccc; border-radius: 10px; padding: 15px; margin-top: 10px;}
.teesheet-missing-wrapper .icon {color: #19beff; font-size: 2.5rem; margin-bottom: 5px; text-align: center;}


.pos-chart-empty-wrapper-outer {display: flex; flex-direction: row;
    align-items: stretch; min-height: 178px;}
.pos-chart-empty-wrapper-content {
    background: url("../img/chart-pos-data-empty.png") no-repeat;
    background-size: contain;
    background-position: center center;
    display: flex;
    align-items: center;
    padding: 0px 20px 0px;
    font-size: 1.2rem;

}
.pos-chart-empty-wrapper-content a {border-bottom: 1px solid #4882c4; color: #023961;}
.pos-chart-empty-wrapper-content  .fad {color: #19beff; font-size: 3.1rem; margin-bottom: 5px; margin-top: 10px; display: block;}
.pos-chart-empty-wrapper-content  strong {text-transform: uppercase;}

.chart-rev-cat-no-data .pos-chart-empty-wrapper-outer {
    justify-content: center;
    min-height: 485px;
    background: url("../img/chart-rev-cat-pos-data-empty.png") no-repeat;
    background-size: contain;
    resize: both;

}

.chart-rev-cat-no-data .pos-chart-empty-wrapper-content {
    padding: 0px 20px 20px;
    font-size: 1.6rem;
    align-items: center;
    justify-content: center;
    background: none;
    text-align: center;
}

.chart-rev-cat-no-data .pos-chart-empty-wrapper-content .fad {
    font-size: 6.1rem;
    text-align: center;
}




@media (max-width: 575px) {
    .pos-chart-empty-wrapper-outer {min-height: 190px;padding: 0px 40px 0px;}
}

@media (min-width: 576px) and (max-width: 767px) {
    .pos-chart-empty-wrapper-outer {min-height: 350px;}

}
@media (min-width: 768px) and (max-width: 991px) {
    .pos-chart-empty-wrapper-outer {min-height: 231px;}

}

@media (min-width: 992px) and (max-width: 1199px) {
    .pos-chart-empty-wrapper-outer {min-height: 146px;}
    .bm-report-chart-wrapper h5 {min-height: 30px;}


}





.pos-tile-empty-content {display: flex; justify-content: center; text-transform: uppercase; align-items: center; font-size: 12px; background-color: #f2f2f2; border-radius: 8px; border: 1px dotted #809fc2; margin: 10px 10px 10px; }
.pos-tile-empty-content  .icon {color: #4882c4; font-size: 1.5em; margin-right: 8px;}
.pos-tile-empty-content  .action {margin-top: 2px;}

@media (min-width: 991px) and (max-width: 1199px) {
    .pos-tile-empty-content  .icon {display: none;}
    .pos-tile-empty-content  .action {margin: 8px 0 8px;}

}

.bm-report-value-wrapper {text-align: left; margin: 10px 0 0; padding: 0 10px 0;}
.bm-report-value-wrapper h4 {font-size: 1em;}


.bm-report-header {display: flex; text-align: left; align-items: center; justify-content: space-between; margin: 6px 0 6px;}
.header-title {border-bottom: 1px solid #ccc; font-weight: 600; color: #999;}
.header-title.fac-col {flex-grow: 2;}
.header-title.market-col {margin-left: 20px;}
.bm-label-value.market-col {margin-left: 20px; }

.bm-report-value {display: flex; text-align: left; align-items: center; justify-content: center; margin: 6px 0 6px;}
.bm-swatch {height: 15px;}
.bm-label {margin-left: 5px; font-size: .9rem;}
.bm-label-value {margin-left: 10px; font-size: .9rem;}

.report-date-wrapper{display: flex; justify-content: flex-start; align-items: center; margin-left: 10px; margin-top:10px;}
.report-date {font-size: 1.2em; text-transform: uppercase; margin: 0 10px;}
.report-date-wrapper a:link, .report-date-wrapper a:visited, .report-date-wrapper a:hover {color: #04538c;}


.report-total {border-top: 1px solid #ccc; padding-top: 4px; margin-left: 0px;}
.report-total.bm-swatch {background-color: #ffffff; padding-top: 4px;}
.report-total.bm-swatch a i {color: #999;
    font-size: .9em;}

.bm-report-data-right .bm-report-value .bm-label-value {text-align: right;}

.bm-report-value-wrapper.bm-report-data-right .bm-report-value {justify-content: center;}

.square {
    height: 10px;
    width: 20px;
    margin-left: 5px;
}

.point {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.green-square {
    background-color: #1c9f5d;
}

.blue-square {
    background-color: #2582c5;
}

.light-green-point {
    background-color: #09dc72;
}

.light-blue-point {
    background-color: #40aaf6;
}

/* CHart colors moved to App.css */

.bm-data-status {display: flex; align-items: center; margin-top: 11px; justify-content: flex-end;}
.bm-data-status.good .icon {color: #1c9f5d; font-size: 1.9rem; margin-right: 10px;}
#status-modal-good .bm-data-status.good .icon {font-size: 2.5rem;}

.bm-data-status.good .status-text {font-size: 1rem; color: #999;}
.bm-data-status.good .status-text a {color: #1c9f5d;}
.bm-data-status .status-text strong {font-size: 1.4rem;}


.bm-data-status.needs-work .icon {color: #fb7b3e; font-size: 1.9rem; margin-right: 10px;}
#status-modal-needs-work .bm-data-status.needs-work .icon {font-size: 2.5rem;}

.bm-data-status.needs-work .status-text {font-size: 1rem; color: #999;}
.bm-data-status.needs-work .status-text a {color: #fb7b3e;}

.bm-data-status.missing-pos .icon {color: #2582c5; font-size: 1.9rem; margin-right: 10px;}
.bm-data-status.missing-pos .status-text {font-size: 1rem; color: #999; margin-top: 4px;}
.bm-data-status.missing-pos .status-text a {color: #2582c5;}



.bm-modal-status .modal-body {padding-top: 0px; padding-bottom: 5px;}
.bm-modal-status h4 {font-size: 1.3rem; margin-top: 10px; margin-bottom: 3px;}


.bm-modal-status a:link, .bm-modal-status a:visited {color: #005b7f; text-decoration: underline;}

.title-sep {margin-rightt: 10px;}
.title-sep.title-tee-sheet h6 {background: #333; margin-top: 3px; font-size: .8rem; width: 100%;}

.title-sep.title-pos h6 {background: #333; margin-top: 3px;font-size: .8rem;  width: 100%;}
.title-sep.title-difference h6 {background: #e1e1e1; margin-top: 3px;font-size: .8rem;  width: 100%; color: #666;}
.value-difference {margin: 2px auto 0px; font-size: 1.6em; text-align: center;}
.hdr-value-difference {font-weight: 500; font-size: 1.3em;}
#status-modal-needs-work .value-difference {color: #fb7b3e; }
#status-modal-good .value-difference {color: #1c9f5d; }

#status-modal-good .modal-body p, #status-modal-needs-work .modal-body p {font-size: 1rem;}

.title-sep h6 {font-size: 1.1rem; color: #fff; text-transform: uppercase;padding: 6px 10px 6px; display: inline-block;}
.title-sep span {font-size: .9rem; color: #666; text-transform: uppercase;padding: 6px 10px 6px; display: inline-block;}
.title-tee-sheet span {color:#047038; }
.title-pos span {color: #0681b2;}

.sc-filter-display {font-size: .8em; color: #999; text-transform: uppercase; margin: 2px 25px 4px 0px; float: left;}
.sc-filter-display strong {color: #00aeef;}

.scorcard-col1 {background-color: #fff; padding: 0px 20px 10px; border-top: 2px solid #3895d7;}
.scorcard-col1 .sticky-top {padding-top: 15px;}

.scorcard-col1 .alert {margin-top: 20px;}
.operations-benchmark-header { margin-bottom: 10px;  }
.bm-logo-wrapper {display: flex; align-content: flex-start; align-items: center;}
.bm-logo-beta {margin-left: 10px; margin-top: 8px; border-left: 1px dotted #ccc; padding-left: 10px;}
.bm-logo-beta strong {display: inline-block; font-size: 1.2em; font-weight: 900; padding-top: 8px;}
.bm-logo-beta p {font-size: .9em; color: #999;}
.bm-logo img {max-width:100%; height:auto; margin-top: 13px;}

#bm-top-fac-date {display: none;}

@media (max-width: 767px)   {
    .operations-benchmark-header {height: auto; background-color: #ffffff;}
    .bm-logo  {text-align: center;}
    .bm-logo img {max-width:100%; height:auto; margin-top: 13px;}
    .bm-data-status {margin: 10px; justify-content: flex-start;}
}

.scorcard-col2 {border: 1px solid #e1e1e1; padding: 6px; background-color: #fff; margin-bottom: 15px;}


@media (min-width: 992px) and (max-width: 1199px) {
    .scorcard-col2 {border: 0px; padding: 0px; background-color: #ffffff; margin-left: -10px; }
    .scorcard-col2.col-census-data {background-color: #fff;border: 1px solid #e1e1e1;padding: 6px;}
}



.report-download-link {background: url("../img/icon-microsoft-excel-48.png") no-repeat left top; background-size: 25px 25px; padding-left: 35px; font-size: 1.3em; }
.report-download-info {font-size: .6em !important; color: #999; text-transform: uppercase;}

.report-download-link a {color: #2582c5;}
.report-download-link a:hover {color: #09afd8;}

.scorecard-mix-hdr {font-size: .9rem !important; color: #555657; font-weight: 700 !important; align-content: center; text-align: center; text-transform: uppercase; padding: 6px 5px 6px;}
.scorecard-mix-chart {text-align: center; margin-bottom: 15px;}
.scorecard-mix-chart img {width: 65%; height: auto;}
.scorecard-mix-chart-lg img {width: 80%; height: auto;}

.mix-chart-bar-chart {margin: 20px 35px 10px 0px;}
.mix-chart-bar-chart-no-bar {margin: 3px 20px 20px 10px;}
.mix-chart-bar-chart-no-bar .chart-name {text-align: left;}

.chart-bar-outer {
    /*flex: 0 1 auto;*/
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.chart-bar-outer .project-item-progress {flex-grow: 3;}
.chart-bar-outer .chart-value {flex-grow: 1;  width: 35px; margin: 5px 6px 6px 8px;}
.chart-bar-outer .chart-value-wide {width: 110px;}
.chart-bar-outer .chart-change {flex-grow: 1; font-size: .9em; widthh: 60px;}
.chart-bar-outer .chart-name {font-size: .9em; width: 95px; text-transform: uppercase; color: #666; margin-right: 8px; }
.chart-bar-outer .chart-name-wide {width: 150px;}
.chart-value-seperator {width: 50px; text-align: center; color: #e1e1e1; flex-grow: 4;}

.mix-name {font-size: .9em; text-transform: uppercase; color: #2582c5; padding-left: 15px; text-align: left;}

.chart-bar-outer .project-item-progress .progress-bar {
    height: 10px;
    border-radius: 0.25rem;
}

.chart-bar-outer .progress {
    border: 1px solid #ccc;
    background-color: #e6e6e6 !important;
}

@media (max-width: 767.98px) {
    .project-item-progress {
        order: inherit;
        margin-bottom: 0px;
    }
}

.popover-chart {display: flex;}
.popover-chart .chart-value {font-size: 1.2em; margin-right: 10px;}

.chart-col-short {margin: 0 5% 0; justify-content: center;}
.chart-col-short .chart-name {display:none;}
.chart-col-short .chart-value {text-align: right;}

.scorecard-mix-chart-legend {display: flex; align-items: center; justify-content: flex-start; }
.legend-color {width: 15px; height: 12px; margin: 3px 6px 0 0; border-radius: 3px;}
.legend-color-label {font-size: 1.1em;  text-align: left; margin-right: 15px; font-weight: 600;}


.scorecard-mix-chart-legend .dark-blue {background-color: #05596e;}
.scorecard-mix-chart-legend .light-blue {background-color: #00aeef;}
.scorecard-mix-chart-legend .darkest-blue {background-color: #082a33;}
.scorecard-mix-chart-legend .light-gray {background-color: #ccc;}


.super-channel-gc-offline {background-color: #01223a;}
.callcenter {background-color: #05406a;}
.golfshop {background-color: #276c9e;}

.super-channel-gc-online {background-color: #12660a;}
.gcmobile {background-color: #308f26;}
.gcwebsite {background-color: #53a94a;}


.super-channel-3p-online {background-color: #222322;}
.thirdrdpartymgmtco {background-color: #383c38;}
.thirdrdpartymgmtco-mob {background-color: #4b544a;}
.thirdrdpartymobile {background-color: #697468;}
.thirdrdpartywebsite {background-color: #868c85;}
.thirdrdpartywholesale {background-color: #9ea79d;}
.thirdrdpartybarter {background-color: #b6c8b4;}

.super-cardholder {background-color: #035529;}
.cardholder {background-color: #035529;}

.super-comp-barter {background-color: #333;}
.comp {background-color: #595555;}
.barter {background-color: #948e8e;}

.super-group-packages {background-color: #06317a;}
.group {background-color: #0744ad;}
.packages {background-color: #2e6bd7;}

.super-member {background-color: #4c6081;}
.member {background-color: #4c6081;}

.super-public-promo {background-color: #049dd6;}
.public {background-color: #0978a1;}
.promo {background-color: #35a2ca;}
















.rounds-mix {display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
    align-content: center;
    justify-content: center; margin: 0px 10% 0px; border-top: 1px dashed #e1e1e1; padding: 3px;}

.rounds-mix .legend-color {width: 40px;}
.rounds-mix .legend-color-label {width: 100px;}


.scorecard-header {background-color: #fff;}

.container-scorecard .time-range-select .form-control, .container-scorecard .course-select .form-control {height: 3.5rem; }


.sc-data-hdr {text-transform: uppercase; font-size: 1.1rem; font-weight: 800; margin: 6px 0 5px; border-top: 2px solid #3895d7; padding: 4px 0 4px;}

.sc-col2-data .barter-total {font-size: 1.8rem; text-align: center; font-weight: 500; background-color: #f4f3f3; padding: 8px 10px 8px;}

.scorcard-col2 .accordion .card-header button {padding: 4px; font-size: 1.1rem;}
.data-table-right {text-align: right; padding-right: 15% !important;}
.data-table-mix-right {text-align: right; padding-right: 0 !important; display:inline-block; width: 70%;}

.sc-table-multi-col th {background-color: #e7f5fa; color: #666; font-size: .8em; font-weight: 400; text-transform: uppercase; text-align: center;}
.sc-table-multi-col td {text-align: center; padding: 0.4rem;}
.sc-table-td-left {text-align: left;}
.sc-table-multi-col .text-left strong {font-size: .8em;}

.sc-table-multi-col-hdr {font-size: .9em; text-transform: uppercase; color: #333; margin: 20px 0 4px;}



.mix-table .sc-value {width: 30px;}
.mix-table .sc-positive{}
.mix-table .sc-negative {}
.mix-table .sc-change-value {width: 30px;}

.course-navigation span {font-weight: 300;}
.course-navigation .divider {font-weight: 100; opacity: .5;}
.scorecard-title .btn {padding: 0.41rem 0.45rem;}
.scorecard-title .btn .s7-angle-down {font-size: 1.4rem; font-weight: 800; color: #0e90ee;}
.scorecard-title .btn-secondary {border-color: #e1e1e1;}

.my-fac {color: #1c9f5d;}
.market-avg {color: #2582c5;}


.row-market-pace {display: flex; align-items: stretch;}

.row-market-pace .grid-forecast-day h4 {font-size: 1.15rem; margin: 10px 0 0;}
.row-market-pace .grid-forecast-day .day-info {padding: 2px 0px 2px;}
.row-market-pace .grid-forecast-day.today .day-info {background-color: #c5f0fa; color: inherit !important;}

.row-market-pace-month {}
.row-market-pace .month-info {padding: 10px 20px 10px; background-color: #c5f0fa; color: inherit !important;}
.row-market-pace .month-info h2 {font-size: 1.3rem; margin: 0 0 0; text-transform: uppercase; font-weight: 600; text-align: center;}

.row-market-pace-month .pace-value .value {
    font-size: 26px;
    font-weight: 400;
}
.row-market-pace-month .market-pace-status-number {padding: 6px 30px 6px;}
.row-market-pace-month .market-pace-status-number .status-text .status-number {font-size: 22px;}



@media (min-width: 768px) and (max-width: 991px) {

    .row-market-pace-month .pace-value .value {font-size: 24px;}
}

.grid-last-month  {border: 5px solid #fff;}
.grid-current-month  {border: 5px solid #14bbe0;}
.grid-next-month  {border: 5px solid #fff;}

.row-market-pace .grid-forecast-day.today .day-info .day {color: #005b7f;}
.row-market-pace .grid-forecast-day.today .day-info .date {color: #005b7f;}
.row-market-pace .grid-forecast-day .day-info .weather {display: flex; align-items: center; }
.row-market-pace .grid-forecast-day .day-info .weather-temp {margin-top: 2px;}

.row-market-pace .col .grid-forecast-day.past-day .day-info .weather-temp {color: #fff;}
.row-market-pace .col .grid-forecast-day.past-day .day-info {background-color: #757373;}
.row-market-pace .col .grid-forecast-day.past-day .day-info .day {color: #fff; padding-right:0px;}
.row-market-pace .col .grid-forecast-day.past-day .day-info .date {color: #fff;}


/* weather-flip */
.weather-flip {background-color: #c5f0fa;}
.grid-forecast-day.past-day .weather-flip  {background-color: #757373;}

.weather-flip > div {
    backface-visibility: hidden;
    transition: transform 300ms;
    transition-timing-function: linear;
}

.weather-now {
    transform: rotateY(0deg);
}

.weather-past {
    transform: rotateY(180deg);
    position: absolute;
    top: 1px;
    right: 11px;
    left:1px;
}

.weather-flip:hover .weather-now {
    transform: rotateY(-180deg);
}

.weather-flip:hover .weather-past {
    transform: rotateY(0deg);
}

.weather-flip:hover .weather-past .day-info {
    background-color: #a1e6f6;
}
.past-day .weather-flip:hover .weather-past .day-info {
    background-color: #5a5959 !important;
}


.weather-flip:hover + #pace-actual { background-color: yellow; }







.row-market-pace .col .grid-forecast-day .day-info .day {padding-right:0px;}

.course-market-pace-wrapper {display: flex; justify-content: space-between; align-items: center;}
.pace-value { }
.pace-value .label {margin: 0px;font-size: 9px; color: #ababaa; letter-spacing: 1px;  }
.pace-value .value {margin: 0px; font-size: 20px; font-weight: 600;  }
.pace-value.booked .value, .pace-value.pace .value {color: #04538c;}
.market-pace-course {margin: 0 0 3px;}
.market-pace-market {background-color: #f7f6f5; padding-bottom: 8px; margin-top: -15px;
    padding-top: 12px;}

.row-market-pace-month .market-pace-market {margin-top: -23px;}


.row-market-pace .grid-forecast-day.today .upgrade-icon {color: #ccc; font-size: 2em; text-align: center; padding-top: 15px;}
.row-market-pace .grid-forecast-day.today h5 {font-size: 1em; line-height: 1.5em; color: #666; text-align: center;}

.market-data-date {padding: 3px 0 3px; font-size: 1.1em; color: #666;margin-top: 10px;}

.grid-forecast-day.test-div .course-market-pace-wrapper .label {display: none;}
.market-pace-status {display: flex; justify-content: center; align-items: center;}
.market-pace-status-number {background-color: #757373; padding: 2px 6px 2px 4px; min-width: 60px; border-radius: 6px; color: #fff; border: 2px solid #fff; text-align: center; font-size: 1.3em; font-weight: 200;}
.market-pace-status-number a {color: #fff;}
.market-pace-status-number a:hover {color: #fff;}
.market-pace-status-number a:visited {color: #fff;}

.market-pace-status-number .status-text {display: flex; justify-content: center; align-items: center;}
.market-pace-status-number .status-text .plus-minus {margin-right: 2px; font-size: 1.3em; line-height: 1; }

.market-pace-status-line-left  { background: rgb(204,204,204);
    background: linear-gradient(90deg, rgba(204,204,204,1) 0%, rgba(153,153,153,1) 100%); height: 6px; width: 100%; flex-grow: 2;}
.market-pace-status-line-right  { background: rgb(153,153,153);
    background: linear-gradient(90deg, rgba(153,153,153,1) 0%, rgba(204,204,204,1) 100%); height: 6px; width: 100%; flex-grow: 2;}


.market-pace-status.positive .market-pace-status-number {background-color: #00a651;}

.market-pace-status.positive .market-pace-status-line-left  { background: rgb(34,244,135);
    background: linear-gradient(90deg, rgba(34,244,135,1) 0%, rgba(3,203,100,1) 100%); }
.market-pace-status.positive .market-pace-status-line-right  { background: rgb(3,203,100);
    background: linear-gradient(90deg, rgba(3,203,100,1) 0%, rgba(34,244,135,1) 100%);}


.market-pace-status.negative .market-pace-status-number {background-color: #ff0000;}

.market-pace-status.negative .market-pace-status-line-left  { background: rgb(240,103,103);
    background: linear-gradient(90deg, rgba(240,103,103,1) 0%, rgba(255,0,0,1) 100%); }
.market-pace-status.negative .market-pace-status-line-right  {background: rgb(255,0,0);
    background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(240,103,103,1) 100%);}

.market-pace-status .progress {border: none;}


.course-pace {
    background-color: #1c9f5d !important;
}

.course-pace-2 {
    background-color: #ccc !important;
}

@media (max-width: 767px) {
    .sc-value {font-size: 1.6em;letter-spacing: normal;}
    .table-pga-benchmark-rounds .sc-value {font-size: 2.2em;letter-spacing: normal;}

}



@media only screen and (max-width: 640px) {




    /* Force table to not be like tables anymore */
    #apex-group-responsive-table table,
    #apex-group-responsive-table thead,
    #apex-group-responsive-table tbody,
    #apex-group-responsive-table th,
    #apex-group-responsive-table td,
    #apex-group-responsive-table tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #apex-group-responsive-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #apex-group-responsive-table tr { border: 1px solid #ccc; }

    #apex-group-responsive-table td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 45%;
        white-space: normal;
        text-align:center;
        color: #fff;
    }

    #apex-group-responsive-table td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 0px;
        left: 0px;
        width: 30%;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
        background-color: #464646;
        padding: 3px 10px 3px;
        color: #fff;
    }


    /*
    Label the data
    */
    #apex-group-responsive-table td:before { content: attr(data-title); }
    #apex-group-responsive-table .base-rates-detail td {color: #464646;}
    #apex-group-responsive-table .base-rates-detail td:before {width: 50%; }
}


@media only screen and (max-width: 990px) {


    .base-rates .bg-default .calc-value {font-size: 3em;}

    .base-rates .sub-data {display: flex; justify-content: center; margin: 0px 6px 10px;}
    .sub-data .occupancy {font-size: 1.8em; padding: 3px 6px; margin: 0 20px;}
    .sub-data .revpar {font-size: 1.8em; padding: 3px 6px; margin: 0 20px;}

    /* Force table to not be like tables anymore */
    #base-rate-responsive-table table,
    #base-rate-responsive-table thead,
    #base-rate-responsive-table tbody,
    #base-rate-responsive-table th,
    #base-rate-responsive-table td,
    #base-rate-responsive-table tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #base-rate-responsive-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #base-rate-responsive-table tr { border: 1px solid #ccc; }

    #base-rate-responsive-table td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 45%;
        white-space: normal;
        text-align:center;
        color: #fff;
    }

    #base-rate-responsive-table td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 0px;
        left: 0px;
        width: 30%;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
        background-color: #464646;
        padding: 3px 10px 3px;
    }


    /*
    Label the data
    */
    #base-rate-responsive-table td:before { content: attr(data-title); }
}


.form-buttons {
    margin-top: 30px;
    margin-bottom: 30px;
}
/*
    .form-buttons a.btn, input.btn, button.btn {
        margin-right: 15px;
    }

/*

/* typeahead */
.tt-menu {
    width: 352px;
    margin-top: 12px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -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);
    z-index: 1030;
}

#facsearch > span .tt-menu {
    width: 300px;
}

.typeahead {
    background-color: #fff;
}

.typeahead:focus {
    border: 2px solid #0097cf;
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}

.tt-suggestion.tt-cursor {
    background-color: #a0e5ff;
}
.tt-suggestion:hover {
    background-color: #a0e5ff;
    cursor: pointer;
}
.tt-suggestion p {
    margin: 0;
}
.admintablelinks a {color: #005b7f !important;}
.admintablelinks a:link {color: #005b7f !important;}
/*
.main-content a:link {color: #005b7f;}
.main-content a:visited {color: #0697d1;}

*/

.cc-table th {border-top: 0px !important; border-bottom: 0px !important;}
.cc-table td  {padding: 5px; }
.cc-table td .calc-value {font-size: 1.3em; font-weight: 500; margin-bottom: 4px;}
.cc-table .time {width: 60px;}
.arrow-last {padding-left: 0px !important;}
.th-last { padding-right: 0px;}

.cc-table .calc-label {color: #ffffff; opacity: .8;}
.cc-table .calc-value {color: #ffffff;}
.cc-table .calc-value a:link, .heat-1 .calc-value a:visited {color: #fff !important;}
.cc-table .heat-empty .calc-value a:link, .cc-table .heat-empty .calc-value a:visited {color: #ccc !important;}

.cc-heat-1 {background-color: #0486E7;}
.cc-heat-2 {background-color: #037FDC;}
.cc-heat-3 {background-color: #0379D1;}
.cc-heat-4 {background-color: #0373C7;}
.cc-heat-5 {background-color: #036DBC;}
.cc-heat-6 {background-color: #0367B2;}
.cc-heat-7 {background-color: #025B9D;}
.cc-heat-8 {background-color: #025492;}
.cc-heat-9 {background-color: #024E88;}
.cc-heat-10 {background-color: #02487D;}
.cc-heat-11 {background-color: #014273;}
.cc-heat-12 {background-color: #013C68;}
.cc-heat-13 {background-color: #01365E;}
.cc-heat-14 {background-color: #013053;}
.cc-heat-15 {background-color: #012A49;}


.cc-heat-adj-minus50 { background-color: #09AFD8; }
.cc-heat-adj-minus40 { background-color: #069FC5; }
.cc-heat-adj-minus30 { background-color: #048FB2;}
.cc-heat-adj-minus20 { background-color: #027F9F;}
.cc-heat-adj-minus10 { background-color: #00708C; }
.cc-heat-adj-plus0 { background-color: #0486E7;}
.cc-heat-adj-plus10 { background-color: #0373C7;}
.cc-heat-adj-plus20 { background-color: #0261A7;}
.cc-heat-adj-plus30 { background-color: #024E88;}
.cc-heat-adj-plus40 { background-color: #013C68;}
.cc-heat-adj-plus50 { background-color: #012A49;}




.cc-table-nav {background-color: #666; padding: 2px;}
.cc-table-nav td  {padding: 5px; border: 0px; }
.cc-table-nav .day-arrow {font-size: 1.769rem;}
.cc-details {font-size: .9em; color: #fff; opacity: .8;}
.cc-details a:link, .cc-details a:visited  {color: #fff;}
.heat-empty .cc-details a:link, .heat-empty .cc-details a:visited  {color: #666;}


.cc-table-strategy td {padding: 10px !important; border-right: 0px; }


.cc-demand-group {border: 1px dotted #ccc; padding: 0 10px 0 10px; border-radius: 10px;}

.cc-demand-group-hdr {font-size: 1.4em; color: #666; font-weight: 300;}
.cc-demand-group-hdr span {color: #2582c5; font-weight: 600;}
.cc-demand-adjustments {padding: 0 10px 10px 10px; margin: 0 10px 0 10px;}
.cc-demand-adjustments .row {background-color: #f4f9fc; border-radius: 10px; padding: 10px;}
.cc-demand-adjustments .row.cc-market-adjustment {background-color: #f0f3f5;}

.add-new-adjustment {text-align: center;}
.add-new-adjustment a {color: #ccc; text-transform: uppercase;}
.add-new-adjustment a:hover {color: #05538d;}

.add-new  {text-align: center; background-color: #14ccf9; border-radius: 10px; padding: 12px;}
.add-new a:link {color: #fff; text-transform: uppercase;}
.add-new a:hover {color: #fff;}
.add-new a:visited {color: #fff;}


.cc-filter-title {font-size: .9em; color: #999; text-transform: uppercase;}
.cc-header {font-size: 1.1em; color: #666; font-weight: 300;}
.cc-header span {color: #2582c5; font-weight: 600;}
.icon-trash .icon {font-size: 2.0em; }
.icon-trash a {color: #ccc;}
.icon-trash a:hover {color: red !important;}
/* demand table */

table.demand-table {
    width: 100%;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 0.01em;
    border: 1px solid #ccc;
    border-spacing: 2px;
    border-collapse: separate;
}

tr.demand-header th {
    background-color: #363636;
    font-weight: bold;
    text-align: center;
    padding: 7px 7px 7px 7px;
    color: #fff;
}

.demand-data td {
    background-color: #e8ede4;
    padding: 10px;
    text-align: center;
}

.demand-data-alt td {
    background-color: #d4d9d0;
    padding: 10px;
    text-align: center;
}

.flex-wrapper {
    display: flex;
    flex-flow: row nowrap;
}

.single-chart {
    width: 100%;
    justify-content: space-around ;
}

.circular-chart {
    display: block;
    margin: 10px auto;
    max-width: 80%;
    max-height: 250px;
}

.circle-bg {
    fill: none;
    stroke: #eee;
    stroke-width: 3.8;
}

.circle {
    fill: none;
    stroke-width: 2.8;
    stroke-linecap: round;
    animation: progress 1s ease-out forwards;
}

/*
@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}
	*/

.circular-chart.orange .circle {
    stroke: #ff9f00;
}

.circular-chart.green .circle {
    stroke: #4CC790;
}

.circular-chart.blue .circle {
    stroke: #3c9ee5;
}

.percentage {
    fill: #666;
    font-family: sans-serif;
    font-size: 0.5em;
    text-anchor: middle;
}






/* end demand table */

.paginate_input {margin-left:3px; max-width:50px; }



/* ------------------------- Carousel ------------------------------- */



/* Tablet and up */

@media screen and (min-width: 768px) {
    .carousel-inner .active,
    .carousel-inner .active+.carousel-item {
        display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item {
        -webkit-transition: none;
        transition: none;
    }
    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
        position: relative;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-inner .active.carousel-item+.carousel-item+.carousel-item+.carousel-item {
        position: absolute;
        top: 0;
        right: -50%;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* left or forward direction */
    .active.carousel-item-left+.carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left+.carousel-item {
        position: relative;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* farthest right hidden item must be abso position for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* right or prev direction */
    .active.carousel-item-right+.carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right+.carousel-item {
        position: relative;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

/* Desktop and up */

@media screen and (min-width: 992px) {
    .carousel-inner .active,
    .carousel-inner .active+.carousel-item,
    .carousel-inner .active+.carousel-item+.carousel-item {
        display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item {
        -webkit-transition: none;
        transition: none;
    }
    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
        position: relative;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-inner .active.carousel-item+.carousel-item+.carousel-item+.carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* left or forward direction */
    .active.carousel-item-left+.carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left+.carousel-item,
    .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item,
    .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item {
        position: relative;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* farthest right hidden item must be abso position for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* right or prev direction */
    .active.carousel-item-right+.carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right+.carousel-item,
    .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item,
    .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item {
        position: relative;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
    }
}

#insightCarousel .carousel-inner {align-items: stretch !important;}
.insight-carousel-wrapper .carousel {border-bottom: 1px dotted #e1e1e1; padding-bottom: 20px;}

.carousel-item {transition-delay: 0; background-color: #ffffff; border-right: 1px dotted #e1e1e1;}
.carousel-item .card {box-shadow: none; margin-bottom: 10px;}
.carousel-item .card-header {margin: 0px; padding: 0px 0px 0px 10px;}
.carousel-item .card-header .badge {text-transform: uppercase; font-size: .8rem; border: 0px !important;}
.carousel-item .card-header .badge-opp {background-color: #189d5c !important; color: #fff !important;}
.carousel-item .card-header .badge-fyi {background-color: #2992e1 !important; color: #fff !important;}
.carousel-item .card-header .badge-alert {background-color: #ed1c24 !important; color: #fff !important;}
.carousel-item .card-header .badge-learn {background-color: #3b3838 !important; color: #fff !important;}

.carousel-item .card-body {padding: 10px;}
.carousel-item .card-body p {font-size: 1rem;}
.carousel-item.active {transition-delay: 0; background-color: #ffffff;}

.carousel-item-prev {
    display: block;
    transition: none;
}

.insight-header {border-top: 1px dotted #ccc; margin: 0 10px 0;}
.insight-header .insight-icon {font-size: 3rem; color: #0ac163; line-height: 1; margin-right: 10px; padding-top:8px;}
.insight-header .insight-desc {padding-top:8px;}
.insight-header .insight-desc h4 {margin-bottom: 0px; color: #0ac163;}
.insight-header .insight-desc h4 .badge-primary {background-color: #0ac163 !important; border-radius: 50%; border-color: #0ac163 !important;}
.insight-header .insight-nav {padding-top: 10px;}
.insight-nav .btn {font-size: 2rem;}


/* INTRO JS overrides */
.introjs-tooltip {}
.intro-icon {font-size: 4.5rem; color: #057dae; margin-bottom: 10px;}

.sagacity-tour {
    min-width: 450px;
    max-width: 600px;
    color: #4a4a4a;
    font-size: 14px;
    font-family: "Open Sans", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

@media (max-width: 575px) {

    .sagacity-tour {
        min-width: 400px;
        max-width: 500px;
    }

}

.sagacity-tour .introjs-skipbutton {
    font-size: 24px;
    color: #ccc;
    cursor: pointer;
    font-weight: 300;
    line-height: 1;
    text-align: center;
    padding: 2px 0px 0px 0px;
}

.sagacity-tour .introjs-tooltip-title {
    color: #2992e1;
    font-size: 20px;
    font-weight: 200;
    font-family: "Open Sans", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

.sagacity-tour .introjs-tooltiptext strong {
    color: #2992e1;
    font-size: 20px;
    font-weight: 200;
    font-family: "Open Sans", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

.sagacity-tour .introjs-tooltipReferenceLayer * {
    font-family: "Open Sans", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
.sagacity-tour .introjs-button {
    background-color: #2582c5;
    border-radius: 2.0001rem;
    border: 0px !important;
    color: #FFFFFF;
    padding: 6px 30px 6px;
    text-shadow: none;
}
.sagacity-tour .introjs-button.introjs-nextbutton {
    background-color: #2582c5;
}

.sagacity-tour .introjs-button.introjs-prevbutton {
    background-color: #999;
    color: #FFFFFF;

}


.sagacity-tour .introjs-button:focus {
    /*
    -webkit-box-shadow: none;
            box-shadow: none;
    */
    -webkit-box-shadow: 0 0 0 0.2rem rgba(8, 201, 250, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(8, 201, 250, 0.5);
}

.sagacity-tour .introjs-button.introjs-disabled {
    background-color: #f1f1f1;
    padding: 6px 20px 6px;
    color: #ccc;
    text-shadow: none;

}

.sagacity-tour .introjs-bullets ul li a.active {
    background: #2992e1;
}

.positive { color: #00a651;}
.negative { color: #ff0000;}

/* ADMIN */



.table-admin .odd {
    background-color: #f1f1f1;
}

.dashboard-kpis {margin:15px 0 20px;}

.dashboard-kpis .col {text-align: center;}

.dashboard-kpis .dashboard-col-highlight {
    border-top: 4px solid #04b354;
}
.dashboard-kpis .dashboard-side-col .sc-data-hdr {
    border-top: 0px;
}

.dashboard-kpis .dashboard-kpi {
    font-size: 2.4em;
    color: #04b354;
    font-weight: 500;
    text-align: center;
}


.global-report .dashboard-kpis .dashboard-kpi {
    font-size: 1.9em;
}

/*.ups-table th {vertical-align: middle !important; padding: 20px 0px 20px;}*/
.ups-table td { padding: 10px; align-content: center; text-align: center; border-right: 1px solid #eceeef; vertical-align: middle !important;}



.ups-table .th-col-2 {}
.ups-table .th-col-8 {padding: .9em .2em .9em .2em;}
.ups-table .th-col-9 {padding: .9em .5em .9em .1em;}
.ups-table .th-col-10 {background-color: #666;}


/*
.ups-table .heat-1 {background-color: #375a7e; }
.ups-table .heat-2 {background-color: #1B4569; }
.ups-table .heat-3 {background-color: #033357; }
.ups-table .heat-4 {background-color: #002157; }
.ups-table .heat-4 .calc-value {color: #fff;}
.ups-table .heat-5 {background-color: #01144A; }
.ups-table .heat-5 .calc-value {color: #fff;}
*/

.ups-table .bg-total {background-color: #05b656; color: #fff;}



.ups-table .calc-value {color: #fff; font-weight: 200; font-size: 1.6em; margin-top:5px;}
.ups-table .heat-empty .calc-value .icon {font-size: 1.2em; margin-top:5px;}
.ups-table .bg-holiday .calc-value {color: #032d4b;}
.ups-table .bg-off  {background-color: #ffffff;}
.ups-table .bg-off .calc-value {color: #dcdada;}
.ups-table .bg-off .occupancy {opacity: .2;}
.ups-table .bg-off .revpar {opacity: .2;}

.ups-table .bg-off .base-rate-hour-icon {opacity: .2;}

.ups-table thead tr:nth-child(1) th { position: sticky; top: 0; border-top: 0px !important; border-bottom: 1px; vertical-align: middle !important; padding: 20px 0px 20px; }
.ups-table thead tr:nth-child(2) th { position: sticky; top: 60px; background-color: #0e773e; border-top: 1px solid #fff !important; }
.total-hdr th {background-color: #0e773e !important; border-top: 1px solid #fff !important; font-weight: 400 !important; font-size: 1.2em;}
.total-hdr .hdr-col-1 {}