/*
@font-face{
    font-family:CoHeadline;
    src:url(../fonts/CoHeadline/Light.ttf);
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:CoHeadlineBold;
    src:url(../fonts/CoHeadline/Bold.ttf);
    font-weight: bold;
    font-style:normal
}
*/

/* MarkOT */

@font-face {
    font-family: 'MarkOT';
    font-weight: 400;
    src: url('../fonts/MarkOT/MarkOT-Regular.eot?#iefix');
    src:
            url('../fonts/MarkOT/MarkOT-Regular.eot?#iefix') format('eot'),
            url('../fonts/MarkOT/MarkOT-Regular.woff2') format('woff2'),
            url('../fonts/MarkOT/MarkOT-Regular.woff') format('woff'),
            url('../fonts/MarkOT/MarkOT-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'MarkOT';
    font-weight: 500;
    src: url('../fonts/MarkOT/MarkOT-Medium.eot?#iefix');
    src:
            url('../fonts/MarkOT/MarkOT-Medium.eot?#iefix') format('eot'),
            url('../fonts/MarkOT/MarkOT-Medium.woff2') format('woff2'),
            url('../fonts/MarkOT/MarkOT-Medium.woff') format('woff'),
            url('../fonts/MarkOT/MarkOT-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'MarkOT';
    font-weight: 700;
    src: url('../fonts/MarkOT/MarkOT-Bold.eot?#iefix');
    src:
            url('../fonts/MarkOT/MarkOT-Bold.eot?#iefix') format('eot'),
            url('../fonts/MarkOT/MarkOT-Bold.woff2') format('woff2'),
            url('../fonts/MarkOT/MarkOT-Bold.woff') format('woff'),
            url('../fonts/MarkOT/MarkOT-Bold.ttf') format('truetype');
}


body {
    font-family:"MarkOT", Arial, sans-serif !important;
    font-size: 14px !important;
}

/* remove transparency */
.panel-expand {
    background: rgba(0,0,0,.95) !important;
    z-index: 50000 !important;
}

a:hover {
    text-decoration: none;
}
.z-top {
    z-index: 90100;
}
.z-top1 {
    z-index: 90101;
}
.modal {
    z-index: 99999!important;
}
.popover, .popover-title, .popover-content, .popover-header, .popover-body {
    background: #0d0d0d !important;
}
.custom-select, .custom-select-lg{
    color: white!important;
}
.custom-select option, .custom-select-lg option  {
    color: #0d0d0d !important;
    font-family: "MarkOT", Arial, sans-serif !important;
}
.navbar-logo, .logo {
    border: none!important;
}
.navbar-logo::before, .navbar-logo::after, .logo::before, .logo::after {
    content: none!important;
}
.navbar-logo img, .logo img {
    width: 40px !important;
    height: 40px !important;
}

.highcharts-background {
    fill: transparent !important;
}
.highcharts-column-series rect.highcharts-point {
    stroke: none !important;
}

.selectpicker.parsley-error ~ .dropdown-toggle {
    border-color: #ff724f !important;
    color: #ff724f  !important;
    outline: none !important;
}

.selectpicker.parsley-error ~ .dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 114, 79, 0.25) !important;
}

/* On valid */
.selectpicker.parsley-success ~ .dropdown-toggle {
    border-color: #17fa62  !important;
    /*color: #17fa62  !important;*/
    outline: none !important;
}

.selectpicker.parsley-success ~ .dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 250, 98, 0.25) !important;
}

.jvectormap-label {
    position: absolute;
    display: none;
    border: solid 1px #CDCDCD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px;
}

#modal-map-canvas {
    width: 100%;
    height: 600px;
}
#map-canvas {
    width: 100%;
    height: 300px;
}

div[role=dialog] {
    color: black !important;
}

.bs-searchbox input[role=combobox] {
    color: black;
}

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

.pos-booking .pos-booking-body .pos-booking-content .pos-booking-content-container, .pos-booking {
    padding: 0 !important;
}

div[id^="inquiry"] .desc {
    height: 50px;
}

span.dayBlock {
    min-width: 120px;
    display: inline-flex;
}
span.dateBlock {
    min-width: 120px;
    display: inline-flex;
}
span.timeBlock {
    min-width: 20px;
    display: inline-flex;
}

button.disabled {
    cursor: not-allowed !important;
}