﻿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;
}
.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;
    border-top: 1px solid #eee;
}
.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;
}