@font-face {
    font-family: FrutigerLTPro-Light;
    src: url('/content/frutiger/Linotype-FrutigerLTPro-Light.woff') format('woff'), url('/content/frutiger/Linotype-FrutigerLTPro-Light.ttf') format('truetype'), url('content/frutiger/Linotype-FrutigerLTPro-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: FrutigerLTPro-Black;
    src: url('/content/frutiger/Linotype-FrutigerLTPro-Black.woff') format('woff'), url('/content/frutiger/Linotype-FrutigerLTPro-Black.ttf') format('truetype'), url('content/frutiger/Linotype-FrutigerLTPro-Black.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=253d79c3-bf95-4d6b-bb08-6af758e4c40a") */

@font-face {
    font-family: "Frutiger Next";
    font-weight: 200;
    font-style: normal;
    src: url("/content/frutigernext/ed851bde-4b1b-45ca-9fbb-9603819932cf.eot?#iefix");
    src: url("/content/frutigernext/ed851bde-4b1b-45ca-9fbb-9603819932cf.eot?#iefix") format("eot"),url("/content/frutigernext/fa8815a0-4d7b-4eb5-8184-9d9ff16708b2.woff2") format("woff2"),url("/content/frutigernext/35288d5e-681e-4b64-a930-438d2b2551d6.woff") format("woff"),url("/content/frutigernext/1a22c75e-4022-43cd-a543-70ca36eb92aa.ttf") format("truetype"),url("/content/frutigernext/2c937a24-6a4c-47b2-b3f3-28173e19b53d.svg#2c937a24-6a4c-47b2-b3f3-28173e19b53d") format("svg");
}
@font-face {
    font-family: "Frutiger Next";
    font-weight: 400;
    font-style: normal;
    src: url("/content/frutigernext/4cef6d85-d22a-4541-b469-da13751862aa.eot?#iefix");
    src: url("/content/frutigernext/4cef6d85-d22a-4541-b469-da13751862aa.eot?#iefix") format("eot"),url("/content/frutigernext/67f049a9-98c0-4488-a4e4-0be6cda6f7de.woff2") format("woff2"),url("/content/frutigernext/d74de079-587d-4049-9cca-50ba02a536f9.woff") format("woff"),url("/content/frutigernext/07749504-e72d-4fc9-a58d-5b853dd51fc7.ttf") format("truetype"),url("/content/frutigernext/8178e4eb-8ce0-4c15-a701-4a102b204c0e.svg#8178e4eb-8ce0-4c15-a701-4a102b204c0e") format("svg");
}

@font-face {
    font-family: "Frutiger Next";
    font-weight: 500;
    font-style: normal;
    src: url("/content/frutigernext/49a11db7-306b-4d27-9761-382ab23f6866.eot?#iefix");
    src: url("/content/frutigernext/49a11db7-306b-4d27-9761-382ab23f6866.eot?#iefix") format("eot"),url("/content/frutigernext/131679ac-c45d-48d4-b4ee-b3cc4cdb6dea.woff2") format("woff2"),url("/content/frutigernext/c9372d3f-1898-4ecb-9e3f-59155488dfc9woff") format("woff"),url("/content/frutigernext/269e0a66-b2bb-4f96-a51b-c0ec7e43af8b.ttf") format("truetype"),url("/content/frutigernext/3b5bdcb1-2809-47df-b46a-bdd7e3cf70a3.svg#3b5bdcb1-2809-47df-b46a-bdd7e3cf70a3") format("svg");
}

@font-face {
    font-family: "Frutiger Next";
    font-weight: 600;
    font-style: normal;
    src: url("/content/frutigernext/ce9ebe9b-6684-4783-8760-f3a20a0c52f0.eot?#iefix");
    src: url("/content/frutigernext/ce9ebe9b-6684-4783-8760-f3a20a0c52f0.eot?#iefix") format("eot"),url("/content/frutigernext/983d9248-775f-41ea-ad59-cee5bdbb6147.woff2") format("woff2"),url("/content/frutigernext/5f3f5b96-b77d-497d-a916-d483bc9c6c3f.woff") format("woff"),url("/content/frutigernext/209c5dbd-a0e8-4fdf-ada6-50628360eefd.ttf") format("truetype"),url("/content/frutigernext/44583fec-16e5-46d4-94b5-f779465dc4ec.svg#44583fec-16e5-46d4-94b5-f779465dc4ec") format("svg");
}

* {
    margin: 0px;
    padding: 0px;
}

body {
    font-family: "FrutigerLTPro-Light", Arial, sans-serif;
    background-color: #424243;
    min-width: 1100px;
    color: #424243;
}

a {
    text-decoration: none;
    color: #0071BC;
    cursor: pointer;
}

h1 {
    font-weight: 400;
    font-size: 42px;
}

table {
    width: 100%;
}

ul {
    list-style-type: none;
}

.pvaluename {
    color: #555;
    font-size: 14px;
}

.pvalue {
    color: #333;
    font-size: 18px;
    font-weight: 200;
    margin-top: 5px;
}
.ulDropDown li:hover {
    background-color: #ececec;
}

.stdButton {
    display: block;
    text-align: center;
    background-color: #009FD9;
    border: none;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
    border-radius: 3px !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #fff;
    padding: 12px 18px !important;
    font-weight: 400;
    cursor: pointer;
}
    .stdButton:hover {
        background-color: #00acea;
    }

.buttonGreen {
    background-color: #55A818;
}
    .buttonGreen:hover {
        background-color: #57af17;
    }

.buttonRed {
    background-color: #E54045;
}
    .buttonRed:hover {
        background-color: #f1444a;
    }

.divHeader {
    border-top: 11px #e54045 solid;
    border-bottom: 1px #ccc solid;
    background-color: #333334;
    padding-top: 12px;
    padding-bottom: 13px;
}

    .divHeader table {
        width: 100%;
        margin: 5px auto;
    }

        .divHeader table a {
            color: #fff;
            font-size: 18px;
            white-space: nowrap;
            text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 0px 4px rgba(0, 0, 0, 0.3);
            -webkit-font-smoothing: antialiased;
            font-family: "Frutiger Next", Arial, sans-serif;
            font-weight: 600;
            margin:0 20px;
        }

.imgHeaderLogo {
    display: block;
    max-width: 300px;
    width: 80%;
    margin:0 auto;
}

.divMainContent{
    min-height:500px;
    background-color:#fff;
}

.divFooter {
    color: #fff;
    background-color: #424243;
    padding: 50px 30px 20px;
}

    .divFooter .imgMittDekkhotellLogo {
        height: auto;
        width: 100%;
        max-width: 300px;
    }

    .divFooter .cookies {
        font-size: 12px;
        font-weight: 200;
        line-height: 1.3em;
        margin-top: 15px;
    }

.liFooterMenu {
    font-family: "Frutiger Next", Arial, sans-serif;
    font-weight: 600;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 0px 4px rgba(0, 0, 0, 0.3);
    -webkit-font-smoothing: antialiased;
    margin: 0 20px 0 0;
    padding: 0.5em 0;
    border-bottom: 1px solid #5a5a5a;
    width: 100%;
}

    .liFooterMenu a {
        color: #fff !important;
        font-size: 18px;
        text-decoration: none;
    }

.divFooterDepartment{

}

    .divFooterDepartment p {
        line-height: 1.5em;
    }

    .divFooterDepartment a {
        color: #fff !important;
    }

    .divFooterDepartment .aTitle h3 {
        font-family: "Frutiger Next", Arial, sans-serif;
        display: block;
        color: #fff !important;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 0.3em;
    }

    .divFooterDepartment .aEmail {
        display: block;
        color: #fff !important;
        font-size: 18px;
    }

.divDisableCalendarDays, .divDisableCalendarHours {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(255, 255, 255);
    opacity: 0.3;
    text-align: center;
    display: none;
}

.tireimgcapture, .tireimgrating {
    cursor: pointer;
}

.divTireSetHasCriticalMarks{
    position: absolute;
    top:0;
    left:-6px;
    border-radius: 50%;
    display: none;
    
    width: 11px;
    height: 11px;
    padding: 2px;

    background: #e54045;
    color: #fff;
    text-align: center;

    font: 11px Arial, sans-serif;
    padding-right:1px;
    padding-top:0px;
}


.divSelectBox {
    position: relative;
    display: inline-block;
    text-align: left;
    background: #fff;
    margin: 0 0px;
    /*padding: 14px 30px 13px 12px;*/
    font-size: 18px;
    font-family: "Frutiger Next", Arial, sans-serif;
    border: 1px solid #777;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    max-width: 266px;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    appearance: none;
}

    .divSelectBox .selectBoxTitle {
        width:155px;
        padding: 14px 30px 13px 14px;
        cursor: pointer;
    }

    .divSelectBox .selectOptions {
        display: none;
        position: absolute;
        background-color: #fff;
        border: 1px solid #777;
        top: 48px;
        left: -1px;
        width: 100%;
        z-index: 1000;
    }

        .divSelectBox .selectOptions p {
            margin-left: 13px;
            line-height: 30px;
            margin-top: 10px;
            color: #b1b1b1;
        }

        .divSelectBox .selectOptions .aSelectOption {
            display: block;
            line-height: 30px;
            color: #424243;
            padding-left: 13px;
            cursor: pointer;
            text-transform:uppercase;
        }

            .divSelectBox .selectOptions .aSelectOption:hover {
                background-color: #1E90FF;
                color: #fff;
            }

.aContinueTireHotelOrder {
    width: 150px;
    font-size: 20px;
    display: inline-block;
    line-height: 27px;
    margin-left: 10px;
    display: none;
}

.infocard {
    position: relative;
    margin-bottom: 4rem;
    box-shadow: 0px 0px 15px rgba(204, 204, 204, 0.5);
    padding: 30px;
}

    .infocard .title {
        font-weight: 200;
        text-transform: none;
        font-size: 19px;
    }


.tableTireInfoSpanNommLF, .tableTireInfoSpanNommLR, .tableTireInfoSpanNommRF, .tableTireInfoSpanNommRR {
    font-size: 18px;
    display: inline;
    position: absolute;
    top: 100px;
    left: 10px;
    font-weight: bold;
}

.tirePendingControlLF, .tirePendingControlLR, .tirePendingControlRF, .tirePendingControlRR {
    position: absolute;
    top: 100px;
    left: 20px;
    right: 20px;
    background-color: #ff0000;
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding: 3px 0;
    display: none;
}

.tableTireInfoSpanmm {
    display: inline !important;
    font-size: 12px;
    line-height: 26px;
}

/*===SignIn========================================================================================*/
.divSignInForm, .divPasswordForm {
    position: relative;
    display: block;
    width: 330px;
    border: none;
    margin: 10px auto;
    text-align: center;
    padding: 40px 0;
    box-shadow: 0px 0px 15px rgba(204, 204, 204, 0.5);
}
    .divSignInForm label {
        display: inline-block;
        position: absolute;
        left: 21px;
        top: 54px;
        transition: all 150ms ease-in;
        color: #676767;
        cursor: text;
    }

        /* when the label is activated, it jumps up (using translateY) */
        /* you could add animation here as well */
        .divSignInForm label.field-active {
            transform: translateY(-25px);
            font-size: .9em;
            color: #009FD9;
            text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 2px 0 0 #fff, -2px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff;
        }


#txtSignInUserId, #txtSignInPincode, #txtSignInRegNr, #txtSignInEmailOrMobile, #txtSignPassword, 
#txtCreatCustomerEmail, #txtCreatCustomerLname, #txtCreatCustomerFname, #txtCreatCustomerMobilePhone {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border: none;
    border-bottom: 1px #ccc solid;
    margin: 10px;
    padding: 5px 0px;
    width: 287px;
    font-size: 16px;
}
/*===Vehicle list box===============================================================================*/
.infocardVehicle .brand {
    position:absolute;
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 20px;
}

    .infocardVehicle .brand img {
        max-width: 50px;
        margin-right: 20px;
        vertical-align: middle;
    }

.infocardVehicle .pvaluename {
    color: #555;
    font-size: 14px;
}

.infocardVehicle .pvalue {
    color: #333;
    font-size: 20px;
    font-weight: 200;
    margin-top: 10px;
}

.ulVehicleParameters li {
    float: left;
    padding-right: 50px;
}
/*===Booking Calendar===============================================================================*/
.tdDay {
    text-align: center;
    font-size: 14px;
    line-height:36px;
    width:14%;
}

.tdCalendarDay {
    background-color: #ccc;
    text-align: center;
    line-height: 56px;
    color: #fff;
}

.calendarDayBlank {
    background-color: #fff;
}

.calendarDayGreen {
    background-color: #55a818;
    cursor:pointer;
}

.calendarDaySelected {
    background-color: #42880e;
}

.ulHours li {
    float: left;
    width: 80px;
    text-align: center;
    border: none;
    margin: 0 20px 20px 0;
    display: block;
    padding: 15px 22px;
    font-size: 18px;
    background-color: #ffffff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #55a818;
    cursor: pointer;
}

    .ulHours li:hover {
        background-color: #55a818;
        color:#fff;
    }

.selectedBookingHour {
    background-color: #55a818!important;
    color: #fff;
}



.modalHeader {
    display: inline-block;
    width: 100%;
    padding-bottom: 3px;
    border-bottom: 1px #e54045 solid;
    font-weight: 900;
}

/*==================================================================================================*/


#modalRimHeader {
    padding-top: 25px;
}

body #toast-container > div {
    opacity: 1;
}