body, html {
    font-family: 'Open Sans', sans-serif;
    font-family: 'Montserrat', sans-serif;
    height: auto !important;
    font-size: 14px;
    color: #000;
}

    body p, html p {
        font-family: 'Open Sans', sans-serif;
    }

    body h1, html h1 {
        font-family: 'Montserrat', sans-serif;
    }

    body h2, html h2 {
        font-family: 'Montserrat', sans-serif;
    }

    body h3, html h3 {
        font-family: 'Montserrat', sans-serif;
    }

    body h4, html h4 {
        font-family: 'Montserrat', sans-serif;
    }

    body h5, html h5 {
        font-family: 'Montserrat', sans-serif;
    }

    body h6, html h6 {
        font-family: 'Montserrat', sans-serif;
    }

.primary-bkg-c {
    background-color: var(--primary-color) !important;
}

.primary-font-c {
    color: var(--primary-color) !important;
}

.primary-fill-c {
    fill: var(--primary-color) !important;
}

.invert-font-c {
    color: var(--primary-invert-color) !important;
}

.inactive-font-c {
    color: var(--inactive-color) !important;
}

.disabled-font-c {
    color: var(--disabled-color) !important;
}

.disabled-bkg-c {
    background-color: var(--disabled-color) !important;
}

.disabled-brdr-c {
    border: 1px solid var(--disabled-color) !important;
}

.light-grey-font-c {
    color: var(--light-grey) !important;
}

.light-grey-bkg-c {
    background-color: var(--light-grey) !important;
}

.mid-grey-font-c {
    color: var(--mid-grey-color) !important;
}

.mid-grey-bkg-c {
    background-color: var(--mid-grey-color) !important;
}

.light-grey-brdr-c {
    border: 1px solid var(--light-grey) !important;
}

.primary-alt-bkg-c {
    background-color: var(--primary-alternative-color) !important;
}

.primary-alt-font-c {
    color: var(--primary-alternative-color) !important;
}

.private-c {
    color: dimgrey;
}

.partner-c {
    color: royalblue;
}

.public-c {
    color: seagreen;
}

.dxgvControl_Moderno a, .dxgvControl_Moderno a:visited, .dxgvControl_Moderno a:active {
    color: #B82A2F !important;
}

    .dxgvControl_Moderno a:hover {
        color: #263A65 !important;
    }
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    margin-top: 25px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
/*input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 280px;
}*/

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .body-content {
        padding: 0;
    }
}


.accordion-button {
    border: 1px solid #aeaeae;
}

.accordion-item {
    padding-bottom: 5px;
}

.bold {
    font-weight: 600;
}

.italic {
    font-style: italic;
}

.evenrow {
    background-color: var(--background-grey);
}

.oddrow {
    background-color: #fff;
}

a.no-style, a.no-style:active, a.no-style:visited {
    text-decoration: none !important;
    color: var(--primary-font-color) !important;
}

    a.no-style:hover {
        text-decoration: none !important;
        color: var(--primary-color) !important;
    }

a.basic-style-bold, a.basic-style-bold:active, a.basic-style-bold:visited {
    color: var(--primary-invert-font-color) !important;
    text-decoration: underline !important;
    font-weight: 600;
}

    a.basic-style-bold:hover {
        color: var(--primary-color) !important;
    }

.go-arrow-row {
    font-size: 18px;
}

.row-start-col {
    padding-left: 4px;
    padding-right: 4px;
}

.row-col {
    padding-left: 8px;
    padding-right: 4px;
}

.row-col-end {
    padding-left: 8px;
    padding-right: 4px;
}

.card-header {
    background-color: #000;
    color: #fff;
}

.card-header-text {
    font-size: 1.1em;
    font-weight: 600;
}

.header-lg {
    font-size: 1.6em;
}

.header-md {
    font-size: 1.4em;
}

.header-sm {
    font-size: 1.2em;
    font-weight: bold;
}

.font-xl {
    font-size: 1.2em;
}

.font-xxl {
    font-size: 1.3em;
}

.font-lg {
    font-size: 1.2em;
}

.font-md {
    font-size: 1em;
}

.font-sm {
    font-size: 0.8em;
}

.font-xs {
    font-size: 0.65em;
}

.no-radius {
    border-radius: 0 !important;
}

.col-prog-bar {
    width: 32px !important;
    padding: 1px !important;
}

.col-prog-bar-wide {
    width: 64px !important;
    padding: 1px !important;
}

.bg-light-grey {
    background-color: var(--light-grey) !important;
}

.bg-mid-grey {
    background-color: var(--mid-grey-color) !important;
}

.bg-prog-0 {
    background-color: #ff0000 !important;
}

.bg-prog-5 {
    background-color: rgba(255,0,0,0.75) !important;
}

.bg-prog-10 {
    background-color: rgba(255,0,0,0.5) !important;
}

.bg-prog-15 {
    background-color: rgba(255,0,0,0.25) !important;
}

.bg-prog-25 {
    background-color: #ffd800 !important;
}

.bg-prog-50 {
    background-color: #c49700 !important;
}

.bg-prog-75 {
    background-color: #34ad00 !important;
}

.bg-prog-100 {
    background-color: #267f00 !important;
}

.bg-prog-header {
    background-color: #263A65 !important;
}

.pointer {
    cursor: default !important;
}

.status-new-pending {
    color: #7F0000 !important;
}

.status-new-failed {
    color: #FF0000 !important;
}

.status-new {
    color: #267F00 !important;
}

.status-cancelled {
    color: #686868 !important;
}

.status-default {
    color: #000000;
}

.version-tag {
    font-style: italic;
    font-size: 0.8em;
    color: #686868;
}

.page-header {
    font-size: 2.5em !important;
    font-weight: 800 !important;
    margin-bottom: 0.5em;
}

.header-left {
    width: auto !important;
    color: #263A65 !important;
    text-transform: uppercase !important;
}

.header-right {
    width: auto !important;
    color: #B82A2F !important;
    text-transform: uppercase !important;
}

.left-text-highlight {
    width: auto !important;
    color: #263A65 !important;
    text-transform: uppercase !important;
}

.right-text-highlight {
    width: auto !important;
    color: #B82A2F !important;
    text-transform: uppercase !important;
}

.grid-ordernumber {
    font-size: 1.8em;
    font-weight: 600;
}

.grid-col-ordernumber {
    min-width: 215px;
}

.grid-row {
    padding: 5px 5px 10px 5px;
}

.left {
    text-align: left !important;
}

.right {
    text-align: right !important;
}

.center {
    text-align: center !important;
}

.mon, .tue, .wed, .thu {
}

.fri {
    /*border: 1px solid #ff85d5;*/
}

.sat {
    border-top: 1px solid #ff85d5;
    border-right: 0;
    border-bottom: 1px solid #ff85d5;
    border-left: 1px solid #ff85d5;
}

.sun {
    border-top: 1px solid #ff85d5;
    border-right: 1px solid #ff85d5;
    border-bottom: 1px solid #ff85d5;
    border-left: 0;
}

.Microsoft {
    color: #fff;
    background-color: #263A65;
}

.preview-button {
    color: #fff;
    background-color: #263A65;
}

.status-ok {
    color: green !important;
}

.status-pending {
    color: darkorange !important;
}

.status-action {
    color: darkred !important;
}

.status-cancelled {
    color: darkgrey !important;
}

.dxgvSearchPanel_GloryDays {
    font-size: 1.5em !important;
}

.btn {
    background-color: #263A65;
    border-color: #263A65;
    border-radius: 50px !important;
}

.btn-primary {
    background-color: #263A65 !important;
    border-color: #263A65 !important;
}

.btn-danger {
    background-color: #B82A2F !important;
    border-color: #B82A2F !important;
}

.btn-subdued, .btn-subdued:hover {
    background-color: #535762 !important;
    border-color: #535762 !important;
    color: #ffffff !important
}

.btn-nostyle {
    background-color: transparent;
    border: none;
}

.btn-link {
    text-decoration: underline;
}

.btn-disabled {
    cursor: default !important;
}

.enquiry-inbound {
    border-radius: 30px;
    background-color: #579757;
    padding: 2px 6px;
    color: #fff;
    width: fit-content;
    font-weight: 600;
    /*min-width: 70px;*/
}

.enquiry-inbound-arrow {
}

.enquiry-outbound {
    border-radius: 30px;
    background-color: #6074ae;
    padding: 2px 6px;
    color: #fff;
    width: fit-content;
    font-weight: 600;
    /*min-width: 70px;*/
}

.enquiry-outbound-arrow {
}

.enquiry-ignored {
    border-radius: 30px;
    background-color: #9c9d9d;
    padding: 2px 6px;
    color: #fff;
    width: fit-content;
    font-weight: 600;
    /*min-width: 70px;*/
}

.enquiry-col {
    min-width: 120px;
}

.enquiry-multiple {
    background-color: var(--disabled-color);
    color: #ffffff;
    padding: 4px 8px;
    font-weight: 600;
    font-size: 0.9em;
    border-radius: 50px;
}

a.hand, a.hand:active, a.hand:hover, a.hand:visited {
    cursor: help !important;
}

.refund-amount {
    color: darkred;
}

.refund-arrow {
    margin-left: 10%;
}

.refund-text {
    margin: 8px 0px 4px 0px;
    background-color: #ffd5d0;
    padding: 5px;
}

.hotel-grid-hotelinfo {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #eee;
    background-color: #eee !important;
    color: var(--primary-color) !important;
}

.hotel-grid-buttons {
    padding: 10px 5px;
    background-color: #eee;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.rooms-grid-roominfo {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    padding-top: 10px;
    border-top: 1px solid #eee;
}

.rooms-grid-buttons {
    padding: 10px 5px;
    background-color: #eee;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.tickets-grid-ticketinfo {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    padding-top: 10px;
    border-top: 1px solid #eee;
}

.ticket-grid-buttons {
    padding: 10px 5px;
    background-color: #eee;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.dxpcLite_GloryDays .dxpc-header {
    color: #fff !important;
    background-color: #263A65 !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.dxpcLite_GloryDays .dxpc-mainDiv {
    border-radius: 10px !important;
}

.dxpcLite_GloryDays .dxpc-content {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.strike {
    text-decoration: line-through;
}

.order-row-highlight {
    background-color: #ffffff !important;
}

.order-row-highlight {
    background-color: var(--light-grey) !important;
}

.order-row-current {
    background-color: #a4a8bd !important;
}

.room-dates {
    font-size: 1.2em;
}

.room-name {
    font-size: 1.1em;
}

.hotel-header-colour {
    background-color: #a4a8bd !important;
}

.room-change-dates-head-block {
    background-color: #eee;
    border-radius: 50px;
    padding-left: 20px;
    padding-right: 20px;
}

.package-info-icon-block {
    vertical-align: middle;
    background-color: #95979f !important;
    border-color: #95979f !important;
    color: #fff !important;
    border-radius: 50px !important;
    padding: 0.6rem 0.75rem;
}

.voucher-room-note {
    font-style: italic !important;
}

.voucher-room-checkin {
    font-weight: bold !important;
}

.voucher-room-checkout {
    font-weight: bold !important;
}

.voucher-room-guests {
    font-weight: bold !important;
}

.voucher-ticket-name {
}

.voucher-ticket-category {
    font-weight: bold !important;
}

.voucher-ticket-choicetext {
    font-weight: bold !important;
}

.voucher-ticket-date {
    font-weight: bold !important;
}

.voucher-ticket-quantity {
    font-weight: bold !important;
}

.voucher-ticket-note {
    font-style: italic !important;
}

.voucher-extra-name {
}

.voucher-extra-date {
    font-weight: bold !important;
}

.voucher-extra-quantity {
    font-weight: bold !important;
}

.voucher-extra-note {
    font-style: italic !important;
}
.voucher-extra-desc {

}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show .nav-link.dropdown-toggle {
    color: var(--primary-color) !important;
}
.dropdown-toggle {
    color: var(--primary-color) !important;
}