﻿
.req-none-mobile {

    display:block;
}

.req-mobile {
    display: none;
}

@media screen and (max-width: 600px) {

    .req-mobile {
        display: block;
    }
    .req-none-mobile {
        display: none;
    }
}


.reqcssinput {
    width: 100%;
    border: 1px solid #aaa;
    border-radius: 2px;
    outline: none;
    padding: 4px;
    box-sizing: border-box;
    transition: .3s;
}

.reqcssselect {
    width: 100%;
    border: 1px solid #aaa;
    border-radius: 2px;
    outline: none;
    padding: 4px;
    box-sizing: border-box;
    transition: .3s;
}
#shoppingTotal 
{
    display:none;
}

@media screen and (max-width: 600px) {

    .error {
        font-size: 1.5em !important;
        font-weight:bold;
    }

    #shoppingTotal {
        display: block;
    }
    
    .thanksreq 
    {
        width:350px;
    }

    .reqcssinput {
        font-size: 26px;
    }

    .reqcssselect {
        font-size: 26px;
    }

    #headerStep2 {
        display: block;
    }

   

    #trNextStep {
        display: block;
    }
/*
    #reqheader {
        width: 315px !important;
    }*/

    #reqpage2 {
        display: none;
    }

    .labarrdep {
        display: block;
    }

    .acttd {
        display: table-cell;
        width: 206px;
    }

   

    #panOfferForm {
        display: none;
        position: fixed;
        top: 80px;
        left: 18px;
    }

    .acttd {
        display: table-row;
    }

    .actr {
        width: 315px;
    }



  
    .buttonwide {
        margin-top: 2px;
        background-color: #1f4e79;
        display: inline-block;
        width:315px;
        color: #FFFFFF;
        border-radius: 3px;
        text-align: center;
        padding: 8px;
        font-size: 20px;
    }
    
    .reg2ndheader {
        display: none;
    }

    .sticky_req {
        padding-right: 20px !important;
        padding-top: 0px !important;
        padding-bottom: 2px !important;
        padding-left: 20px !important;
        left: 20px !important;
    }

    #tabBooker {
        padding: 5px;
        border: 1px solid #000000;
    }

    #tabBookerDiv {
        background-color: unset;
    }

    .sticky_req {
        background-color: #5b9bd5;
        border-radius: 6px;
        border: 1px solid #284b94;
        padding-right: 20px;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 9px !important;
        display: block !important;
        position: fixed;
        transform: rotate(90deg);
        transform-origin: left top 0;
        top: 300px;
        left: 23px;
        z-index: 20000;
        color: #FFFFFF;
        cursor: pointer;
        font-size: 1.6rem !important;
    }

    #closediv {
        display: block;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ui-datepicker {
        width: 13em !important;
    }
}