/* Minification failed. Returning unminified contents.
: error : Index was outside the bounds of the array.
 */
@media only screen and (max-width: 1920px) and (orientation : landscape) {
    body {
        font-size: 100% !important;
    }

    .padtable {
        width: 120% !important;
    }

    .pad-lef {
        padding-left: 52% !important;
    }

    .buttonctrls {
        padding-top: 37% !important;
    }

    .hdHwy905SearchIcon {
        background: url(../Content/HwyImages/glass.png) 60% 60% no-repeat !important;
        width: 40px !important;
        height: 44px !important;
        margin: 0 !important;
        border: 0em !important;
    }

    .hdHwyFontinTextBox {
        font-size: 44px !important;
        padding: 0% !important;
        font-size: 40px;
        min-height: 0em !important;
        font-family: 'Roboto Condensed', Arial !important;
    }
}


/*for surface edge*/

_:-ms-lang(x), body {
    font-size: 25px !important;
}

_:-ms-lang(x), .padtable {
    width: 130% !important;
}

_:-ms-lang(x), .pad-lef {
    padding-left: 60% !important;
}

_:-ms-lang(x), .dropdownwidth {
    width: 450px !important;
}

_:-ms-lang(x), .buttonctrls {
    padding-top: 36% !important;
}

_:-ms-lang(x), .hdHwy905SearchIcon {
    background: url(../Content/HwyImages/glass.png) 60% 60% no-repeat !important;
    width: 70px !important;
    height: 100px !important;
    background-size: 80px !important;
    margin: 0 !important;
    border: 0em !important;
}

_:-ms-lang(x), .hdHwyFontinTextBox {
    font-size: 90px !important;
    padding: 0% !important;
    min-height: 0em !important;
    font-family: 'Roboto Condensed', Arial !important;
}

@media (max-width: 1366px) {
    body {
        font-size: 100% !important;
    }

    .padtable {
        width: 120% !important;
    }

    .pad-lef {
        padding-left: 52% !important;
    }

    .buttonctrls {
        padding-top: 35% !important;
    }

    .buttonpadding {
        padding-top: 0% !important;
    }

    .hdHwy905SearchIcon {
        background: url(../Content/HwyImages/glass.png) 60% 60% no-repeat !important;
        width: 40px !important;
        height: 44px !important;
        margin: 0 !important;
        border: 0em !important;
    }

    .hdHwyFontinTextBox {
        padding: 0% !important;
        font-size: 40px;
        min-height: 0em !important;
        font-family: 'Roboto Condensed', Arial !important;
        font-size: 44px !important;
    }
}

#WarnPalletNo-popup {
    left:15% !important;
    top:35% !important;
}

#ddlPrinterid-listbox-popup,#lblSPLoadedbyVal-listbox-popup,#lblSPCountedbyVal-listbox-popup{
    top: 17% !important
}

#ddlPrinterid-listbox,#lblSPLoadedbyVal-listbox,#lblSPCountedbyVal-listbox{
min-width:30em !important;
}

    #ddlPrinterid-listbox > ul > li > a.ui-btn,
    #lblSPLoadedbyVal-listbox > ul > li > a.ui-btn,
    #lblSPCountedbyVal-listbox > ul > li > a.ui-btn {
        /*font-size:20px !important;*/
        text-align: center !important;
    }


select, textarea {
    border-radius:.313em;
    border: 1.5px solid !important;
}

input {
    line-height: 60% !important;
}

.color-white {
    color: #fff !important;
}


.font-opacity {
    opacity: 0.3;
}

.font-weight-100 {
    font-weight: 100;
}

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

.margin-20 {
    margin: 20px;
}

.pad-lef {
    padding-top: 3%;
}

#SCtable {
    border-spacing: 0px;
    border-collapse: separate !important;
}

    #SCtable thead th {
        padding: 25px 40px 25px 45px;
    }

    #SCtable thead th, #SCtable td {
        /*background-color: #f7f7f8 !important;*/
        border: none;
    }

    #SCtable tbody td {
        padding: 0 40px 0 45px;
        vertical-align: middle;
    }


.btnaddnewacc {
    background-color: #256185 !important;
    border: none !important;
    width: 35px !important;
    height: 35px !important;
    border-radius: 50% !important;
    color: #fff !important;
    font-size: 30px !important;
    text-align: center;
    line-height: 32px;
    margin-top: 125%;
}


.btnremovepallet {
    background-color: #aaa !important;
    border: none !important;
    width: 35px !important;
    height: 35px !important;
    border-radius: 50% !important;
    color: white !important;
    font-size: 30px !important;
    text-align: center;
    line-height: 32px;
}

.btnclass {
    width: 100%;
    display: flex;
    padding-left: 30%;
}

/*#SCtable tbody tr:nth-child(2n+1) td {
    background-color: #efeded !important;
}*/

#SCtable tbody tr:nth-child(2n+1) td {
    background-color: #efeded !important;
}

#SCtable thead th, #SCtable thead th, #SCtable tbody tr:last-child {
    background-color: #f7f7f8 !important;
}

.hdbuttonctrls {
    padding-left: 33% !important;
    padding-top: 36% !important;
}

.searchsym {
    float: left;
    padding-top: 1.5% !important;
    padding-left: 2% !important;
}

.hdsearchsym {
    float: left;
    padding-top: 1% !important;
    padding-left: 2% !important;
}

.scwidth {
    width: 60% !important;
}

.hdscwidth {
    width: 100% !important;
}

.hdtwbuttonctrls {
    padding-left: 40% !important;
}

.buttonpadding {
    padding-top: 1.8%;
}

/*.ui-grid-c > .ui-block-a, .ui-grid-c > .ui-block-b, .ui-grid-c > .ui-block-c, .ui-grid-c > .ui-block-d  {
     width: 30% !important;
}*/

/*Css to target screen desktop screen*/

@media screen and (min-width: 300px) {
    /*Global Styles*/
    /*Use css for label for desktop and tablet*/

    .btnBackSerialNumbr {
        height: 1.85em;
        font-size: 18px;
        line-height: 1.75;
    }

    .txtSearchCheckInventory {
        float: left;
        padding-left: 6% !important;
        width: 38% !important;
    }

    .buttonctrls {
        padding-left: 28%;
    }

    .twbuttonctrls {
        padding-left: 33%;
    }

    .boxwidth {
        width: 30% !important;
    }

    .LoginPopUpTitle {
        font-family: 'Oswald', Arial !important;
        font-size: 170%;
        font-stretch: extra-condensed;
        color: white;
        font-weight: 500;
        padding-left: 12.5%;
    }

    .LoginPopUpSubTitle {
        font-family: 'Roboto Condensed', Arial !important;
        color: white;
        font-size: 80%;
        padding-left: 37%;
    }

    .Hwysplash {
        filter: Alpha(Opacity=20);
        opacity: 0.8 !important;
        cursor: default !important;
        pointer-events: none !important;
    }

    .HwyFont {
        font-family: 'Roboto',Arial !important;
    }

    .loginimage {
        background-image: url('../Content/HwyImages/Hwybck_newlogo.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .ChkinvTableHeaderCa {
        text-align: center !important;
        font-size: 135% !important;
    }

    .ChkinvTableHeaderRa {
        text-align: right !important;
        font-size: 135% !important;
    }

    .ChkinvItemsL {
        text-align: left !important;
        font-size: 135% !important;
        color: #2c343b !important;
        font-family: 'Roboto Condensed', Arial !important;
    }

    .ChkinvItemsR {
        text-align: right !important;
        font-size: 135% !important;
        color: #2c343b !important;
        font-family: 'Roboto Condensed', Arial !important;
    }

    .ChkinvItemsR1 {
        text-align: right !important;
        font-size: 135% !important;
        color: #2c343b !important;
        padding-left: 6% !important;
        font-family: 'Roboto Condensed', Arial !important;
    }

    .ChkinvItemsL_mar-right {
        margin-right: 70% !important;
        color: #2c343b !important;
    }

    .ChkinvItemsR_mar-right {
        margin-right: 41% !important;
        color: #2c343b !important;
    }

    .ChkinvItemsR1_mar-right {
        margin-right: 64% !important;
        color: #2c343b !important;
    }

    .ChkinvdumHeaderC {
        text-align: center !important;
        font-size: 1.4em !important;
    }

    .ChkinvdumHeaderR {
        text-align: right !important;
        font-size: 1.4em !important;
    }
    /**/
    .HwySearchlblStyle {
        font-size: 130% !important;
        color: #585859 !important;
        font-family: 'Roboto',Arial !important;
    }

    .HwylblStyle {
        font-size: 130% !important;
        color: #585859 !important;
        font-family: 'Roboto',Arial !important;
    }

    .HwyContentLblStyle {
        font-size: 120% !important;
        color: #585859 !important;
        font-weight: 100 !important;
        font-family: 'Roboto',Arial !important;
    }

    .HwylblValue {
        font-family: 'Roboto',Arial !important;
        font-size: 220%;
        font-weight: bolder;
        text-align: center !important;
        color: #2C343B !important;
    }

    /*Use to style RadioButton in Hwy905 App*/
    .HwyRadioButton {
        width: 6em !important;
        height: auto;
        text-align: center !important;
        font-size: 1.5em !important;
        font-weight: 600 !important;
        vertical-align: middle !important;
        color: #585859 !important;
        line-height: 2em !important;
        font-family: 'Roboto',Arial !important;
    }

    .HwyRadioButtonMini {
        width: 5em !important;
        height: auto;
        text-align: center !important;
        font-size: 20px !important;
        color: #585859 !important;
        line-height: 2em !important;
        font-family: 'Roboto',Arial !important;
        padding-top: 1px !important;
        padding-bottom: 4.5px !important;
    }

    .Hwy905FontinButton {
        font-size: 16px !important;
        color: #585859 !important;
        font-family: 'Roboto',Arial !important;
    }

    .HwyFontinTextBox {
        padding: 0% !important;
        font-size: 40px;
        min-height: 0em !important;
        font-family: 'Roboto Condensed', Arial !important;
    }

    /*Use to style Subtitle label*/

    .HwySubtitle {
        font-size: 130% !important;
        color: #585859 !important;
        font-family: 'Roboto',Arial !important;
    }

    /*Use to style Subtitle Value*/
    .HwySubtitleValue {
        font-size: 130% !important;
        font-weight: bold !important;
        color: #2C343B !important;
        font-family: 'Roboto',Arial !important;
    }

    /*Apply this style to Make button Grid*/
    .GridButton {
        background-color: #52616D !important;
        color: white !important;
        width: 65% !important;
        height: 60% !important;
        font-size: 19px !important;
        font-weight: normal !important;
        font-family: 'Roboto',Arial !important;
    }
   
    .GridButtonRed {
        background-color: #FF5E5E !important;
        color: white !important;
        width: 65% !important;
        height: 60% !important;
        font-size: 19px !important;
        font-weight: normal !important;
        font-family: 'Roboto',Arial !important;
    }

    .GridButtonOrange {
        background-color: #FFC000 !important;
        color: white !important;
        width: 65% !important;
        height: 60% !important;
        font-size: 19px !important;
        font-weight: normal !important;
        font-family: 'Roboto',Arial !important;
    }

    .GridButtonGreen {
        background-color: #92D050 !important;
        color: white !important;
        width: 65% !important;
        height: 60% !important;
        font-size: 19px !important;
        font-weight: normal !important;
        font-family: 'Roboto',Arial !important;
    }

    .GridButtonBlue {
        background-color: #081444 !important;
        color: white !important;
        width: 70% !important;
        height: 60% !important;
        font-size: 19px !important;
        font-weight: normal !important;
        font-family: 'Roboto',Arial !important;
        margin-top: 0em !important;
    }
    .GridButtonModel {
        background-color: #d6d7d8 !important;
        color: #2C343B !important;
        width: 45% !important;
        height: 30% !important;
        font-size: 14px !important;
        font-weight: normal !important;
        font-family: 'Roboto',Arial !important;
        padding: 4px 4px 4px 4px;
        margin-left: 0.5em;
        border-radius: 5px;
    }

    .GridButtonPallet {
        background-color: #52616D !important;
        color: white !important;
        width: 65% !important;
        height: 60% !important;
        font-size: 19px !important;
        font-weight: normal !important;
        font-family: 'Roboto',Arial !important;
    }

    .GridBubbleCount {
        background-color: #F7F7F8 !important;
        color: #2C343B !important;
        border-radius: 35%;
        -moz-border-radius: 35%;
        -webkit-border-radius: 35%;
        height: 15%;
        width: auto;
        text-align: center;
        font-family: 'Roboto',Arial !important;
    }

    .ScanPickingSectionWrapper {
        padding-left: 15%;
        padding-top: 0.35%;
        width: 20%;
        float: left;
    }

    .PickingSearchTextBox {
        float: left;
        font-size: 180%;
        width: 50%;
        font-weight: 200;
    }

    /*Css to style textbox border*/
    .HwySearchTextboxBorder {
        border: 1.5px solid!important;
    }

    .HwyValuesUnderline {
        border-bottom: 7px solid #B41600 !important;
    }

    .HwyLink {
        font-size: 100%;
        color: #52616D !important;
    }

    .Hwy905SearchTextBoxForWider {
        width: 50% !important;
        float: left !important;
        color: #2C3438 !important;
        font-size: 160% !important;
        font-weight: 600 !important;
        font-family: 'Roboto',Arial !important;
    }


    .HwyFontStylesInTextBox {
        font-weight: bolder;
        color: #2C343B !important;
        text-align: center !important;
        font-size: 40px !important;
        font-family: 'Roboto Condensed', Arial !important;
    }

    .HwyConfirmButtonWrapper {
        width: 30%;
        height: 50%;
        float: right;
        padding-right: 25%;
        padding-top: 2.5%;
    }

    .HwyTextBoxSizeForSixDigitWrapper {
        float: left;
        width: 52%;
        padding-top: 1%;
    }

    .HwySearchTextBoxSmaller {
        float: left !important;
        font-size: 165% !important;
        font-weight: 200 !important;
        width: 50% !important;
    }

    /*Icon In Hwy905Mobile Pwd*/

    .Hwy905SearchIcon {
        background: url(../Content/HwyImages/glass.png) 60% 60% no-repeat !important;
        width: 40px;
        height: 44px;
        margin: 0 !important;
        border: 0em !important;
    }

    .Hwy905RefreshIcon {
        background: url(../Content/HwyImages/refresh.png) 60% 60% no-repeat !important;
        width: 40px;
        height: 44px;
        margin: 0 !important;
        border: 0em !important;
    }

    .HwyTaskIcon {
        background: url(../Content/HwyImages/markcyclecount.png) 60% 60% no-repeat !important;
        width: 40px !important;
        height: 44px !important;
        margin: 0 !important;
        border: 0em !important;
    }

    .HwyFlagIcon {
        background: url(../Content/HwyImages/Flag.png) 60% 60% no-repeat !important;
        margin: 0 !important;
        border: 0em !important;
        width: 40px !important;
        height: 44px !important;
    }

    .HwyNextPickIcon {
        background: url(../Content/HwyImages/NextPickinDP.png) 60% 60% no-repeat !important;
        margin: 0 !important;
        border: 0em !important;
        width: 50px !important;
        height: 50px !important;
    }

    .HwyConfirmPickIcon {
        background: url(../Content/HwyImages/ConfirmPick.png) 60% 60% no-repeat !important;
        margin: 0 !important;
        border: 0em !important;
        width: 40px !important;
        height: 44px !important;
    }

    #Hwy905Login .ui-input-text {
        border: 0.8px solid!important;
    }



    /*Login Page Style*/

    .LoginPopUpPosition {
        height: 10%;
        width: 25%;
        padding-left: 39%;
        padding-top: 10%;
    }

    .LoginHeaderStyle {
        background-color: #52616D;
        border-top-color: #52616D;
        padding-top: 5%;
        padding-bottom: 5%;
        font-family: 'Roboto',Arial !important;
    }

    .LoginBackground {
        background-color: white;
    }

    .LoginHeaderFont {
        color: white;
        font-family: 'Roboto',Arial !important;
        font-size: 23px;
        padding-left: 26%;
        font-style: normal;
        line-height: 1.2;
        color: white;
    }

    .TradeWork {
        font-size: 12px;
        color: white;
        font-family: 'Roboto',Arial !important;
    }

    .LoginPoPStyle {
        background-color: #F7F7F8;
        padding-left: 4%;
        padding-right: 4%;
    }

    .LoginPopUpTop {
        padding-top: 3%;
        padding-left: 4%;
    }

    .LoginPicImageWrapper {
        padding-top: 1%;
        width: 18% !important;
        height: 30% !important;
    }

    .LoginTextBox {
        width: 75% !important;
    }

    .LoginImageStyle {
        height: 40px;
        width: 40px;
        padding-top: 30%;
    }

    .ErrorMessageStyle {
        text-align: center;
        font-size: 18px;
        color: red;
    }

    .LoginButtonWrapper {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

    .Header {
        max-height: 50px !important;
        font-weight: normal !important;
        font-family: 'Roboto',Arial !important;
    }

    .HeaderContentTopUp {
        padding-top: 5px;
    }

    .TitleFont {
        color: white !important;
        font-size: 25px !important;
        padding-top: 0.45em !important;
        font-family: 'Roboto', Arial !important;
    }
 
   #Hwy905LangSelection h3 a, .Resourcelisthdr h3 a {
        font-family: 'Roboto Condensed', Arial !important;
        font-weight: 400 !important;
    }


    .GroupWareHouse {
        width: 70px;
        height: 40px;
        float: left;
        padding-right: 75px;
    }

    .GroupWareHouseIcon {
        width: 25px;
    }

    .GroupWarehouseLabel {
        font-size: 20px;
        text-align: right;
        color: #72B6F2;
        font-weight: 300;
        margin-left: .8em;
    }

    .GroupWarhouseName {
        font-size: 1.24em !important;
    }

    .UserNameFont {
        padding-bottom: 3px;
        text-decoration: none;
        color: #72B6F2;
        color: white;
        font-size: 20px;
        font-weight: normal !important;
        margin-right: 0.7em !important;
    }

    .UserLogo {
        height: 22px;
        width: 26px;
        padding-top: 9px;
    }

    .FooterWrapper {
        border-style: none !important;
        width: 30% !important;
        padding-left: 86% !important;
        position: fixed !important;
    }

    .FooterPoweredFont {
        font-family: 'Roboto',Arial !important;
        font-size: 12px;
    }

    .FooterTradeMarkFont {
        font-size: 7px;
    }

    .myInputStyle {
        height: 32px;
        font-family: Arial;
        font-size: 165%;
        font-weight: normal;
        background-color: #F7F7F8 !important;
        border: 1.5px solid !important;
    }


    #tabledummy {
        position: fixed;
        top: 0%;
        left: 3%;
        background-color: #EEEFF1 !important;
        height: 2%;
        right: 5%;
    }


    #Hwy905Panel .ui-btn {
        font-size: 20px !important;
    }

    .ui-body-e .ui-btn.ui-btn-active {
        background-color: #72B6F2 !important; /*for radio button active color*/
        color: #fff !important;
    }


    .ModelPanelContentLabel {
        font-family: 'Roboto',Arial !important;
        font-size: 18px !important;
        color: darkgrey !important;
        text-align: center !important;
        text-shadow: 0.5px 0.5px #577;
    }

    .ModelPanelContentValue {
        font-family: 'Roboto Condensed',Arial !important;
        font-size: 36px !important;
        color: white !important;
        text-align: center !important;
    }

    .ModalPanelDescription {
        font-family: 'Roboto',Arial !important;
        font-size: 18px;
        color: white;
        text-align: left;
    }

    .ModalPanelModelNumber {
        font-family: 'Roboto Condensed',Arial !important;
        font-size: 280% !important;
        color: white !important;
        text-align: center !important;
    }

    .ModalPanelWrapper {
        font-family: 'Roboto',Arial !important;
        background-color: #52616D !important;
    }

    .ModalCartonTable {
        font-family: 'Roboto',Arial !important;
        font-size: 28px !important;
        text-align: center !important;
        border: 1px solid #808080 !important;
    }

    /*Direct PutAwayStyles*/


    .ui-table td /* Height of each rows in a table*/ {
        line-height: 1.1em !important;
    }



    .ui-input-text {
        border: 1.5px solid!important;
    }


    #btnSlider {
        clear: both;
        margin-left: 13%;
        padding-top: 1% !important;
    }

        #btnSlider .ui-slider-track {
            height: 3em;
        }

        #btnSlider .ui-slider-handle {
            height: 3em;
            top: 0%;
        }

        #btnSlider .ui-slider-switch .ui-slider-label {
            font-size: 1.5em !important;
        }


    #btnChooseOrder {
        clear: both;
        margin-left: 13%;
        padding-top: 1% !important;
    }

        #btnChooseOrder .ui-slider-track {
            height: 2.5em;
        }

        #btnChooseOrder .ui-slider-handle {
            height: 2.5em;
            top: 0%;
        }

        #btnChooseOrder .ui-slider-switch .ui-slider-label {
            font-size: 1.2em !important;
            font-family: 'Roboto',Arial !important;
            font-weight: 400 !important;
        }

        #btnChooseOrder .ui-btn-active {
            background-color: #72B6F2 !important;
        }

    .containing-element .ui-slider-switch {
        width: 7em !important;
    }

    /*Check Inventory*/
    /*Adds alternate color to table */
    #myTable .table-stripe tbody tr:nth-child(odd) td {
        background-color: #f7f7f8 !important;
    }

    #myTable .table-stripe tbody tr:nth-child(even) td {
        background-color: #eee !important;
    }


    #selectWhse {
        border-color: transparent !important;
    }

    /*#dButton .ui-btn {
        font-size: 150% !important;
        color: white !important;
    }*/

    .HwyWarehouseStyle {
        background-color: rgba(44, 52, 59, 0.00);
        color: #72B6F2;
        font-size: 180%;
    }

    #tblManualPicking .table-stripe tbody tr:nth-child(odd) td {
        background-color: #f7f7f8 !important;
    }

    #tblManualPicking .table-stripe tbody tr:nth-child(even) td {
        background-color: #eee !important;
    }

    .TableHeader {
        font-size: 135%;
        font-family: 'Roboto',Arial !important;
    }

    .TableContent {
        font-size: 135%;
    }

    .Hwy905Informationicon {
        background: url(../Content/HwyImages/information.png) 60% 60% no-repeat !important;
        width: 50px !important;
        height: 44px !important;
        margin: 0 !important;
        border: 0em !important;
    }


    .field {
        display: inline;
        float: left;
    }

    .ORImage {
        position: absolute;
        top: 11%;
        left: 43%;
    }

    .txtcycle {
        width: 25%;
        font-size: 165%;
        font-weight: 600;
    }

    .ui-btn {
        word-wrap: break-word !important;
        white-space: normal !important;
    }

    .btnviewzoneforcc {
        width: 18em;
    }

    .occailbaylevel {
        font-family: 'Roboto Condensed',Arial !important;
        font-size: 280% !important;
        font-weight: bolder !important;
        color: #2C343B !important;
    }

    .GridbtnCCAisle {
        text-align: center;
        font-size: x-large;
        font-weight: 100;
    }

    .GridCCIndexLoc-ab {
        padding-left: 6% !important;
        width: 20% !important;
    }

    .GridCCIndexLoc-cd {
        padding-left: 7% !important;
        width: 28% !important;
    }

    .btnccChooseAnothetLevel {
        float: right;
        padding-right: 10%;
        padding-top: 1%;
    }

    .ui-content.ui-popup, .ui-popup .ui-content {
        overflow: hidden;
    }

    .GridCCIndexModel-a {
        padding-left: 6% !important;
        width: 16% !important;
    }

    .GridCCIndexModel-b {
        padding-left: 2% !important;
        width: 12% !important;
    }

    .GridCCIndexModel-c {
        padding-left: 2% !important;
        width: 14% !important;
    }

    .GridCCIndexModel-d {
        padding-left: 2% !important;
        width: 10% !important;
    }

    .GridCCIndexModel-e {
        padding-left: 2% !important;
        width: 18.5% !important;
    }

    .btnChooseAnotherLoc {
        float: right;
        padding-right: 10%;
        padding-top: 1%;
    }

    .btnScanAnotherLocCC {
        float: right;
        padding-right: 10%;
        padding-top: 1%;
    }

    .popupsubccdisplayModel {
        /*padding-top: 5%;*/
        color: #353793;
        font-size: 1em;
        font-weight: 600;
    }

    .popupsubccdisplaylink {
        font-size: .75em;
        color: #52616D !important;
    }

    .popupsubcclbl {
        padding-top: 1%;
        /*padding-left: 5%;*/
        text-align: right;
        width: 12%;
        white-space: normal;
        word-wrap: break-word;
    }

    .popupsubcctxt {
        width: 10%;
        padding-left: 4%;
    }

    .UUAligncenter {
        width: 40em;
        text-align: center;
    }

    #UUViewModelButton .ui-btn {
        word-wrap: break-word !important;
        white-space: normal !important;
    }

    #UUBackButton .ui-btn {
        word-wrap: break-word !important;
        white-space: normal !important;
    }

    #pickedSlider .ui-slider-track {
        height: 2em;
    }

    #pickedSlider .ui-slider-handle {
        height: 2em;
        top: 0%;
    }

    #pickedSlider .ui-slider-switch .ui-slider-label {
        font-size: 1.2em !important;
    }

    .HwyTickIcon {
        background: url(../Content/HwyImages/tickicon.png) 60% 60% no-repeat !important;
        width: 40px !important;
        height: 44px !important;
        margin: 0 !important;
        border: 0em !important;
    }

    .HwyArrowIcon {
        background: url(../Content/HwyImages/arrowIcon.png) 60% 60% no-repeat !important;
        width: 40px !important;
        height: 44px !important;
        margin: 0 !important;
        border: 0em !important;
    }

    .ui-controlgroup-controls .ui-btn-corner-all, .ui-controlgroup-controls .ui-corner-all.ui-btn /* For radio button */ {
        border-bottom: 2.5px solid;
    }

    .HwySearchRegion {
        height: auto;
        overflow: hidden;
    }

    .ErrorHighlightTxtBox {
        border: 1px solid red !important;
        background: #FFCECE !important;
    }



    #popupAddNewModel-popup .ui-popup > .ui-header {
        border: none !important;
    }

    .lblErrorOops {
        font-size: 5em;
        color: white;
    }

    .lblErrordescription {
        font-size: 2.2em;
        color: white;
    }

    .lblErrorcode {
        font-size: 1.2em;
        color: white;
    }

    .GridSerialModel-a {
        width: 10% !important;
    }

    .GridSerialModel-b {
        padding-left: 2% !important;
        width: 12% !important;
    }

    .GridSerialModel-c {
        padding-left: 2% !important;
        width: 14% !important;
    }

    .GridSerialModel-d {
        width: 20% !important;
    }

    .HwyNewlblValue {
        font-family: 'Roboto Condensed',Arial !important;
        font-size: 280% !important;
        font-weight: bolder !important;
        text-align: center !important;
        color: #2C343B !important;
    }

    .HwyNewlblMediumValue {
        font-family: 'Roboto Condensed',Arial !important;
        font-size: 200% !important;
        font-weight: bolder !important;
        text-align: center !important;
        color: #2C343B !important;
    }

    .Unit_VMI {
        font-size: 200% !important;
    }

    .red {
        background-color: #B41600 !important;
        color: white !important;
        width: 50% !important;
        height: 60% !important;
        text-align: center !important;
        font-family: 'Roboto',Arial !important;
    }


    .DeleteSerialNumber {
        font-family: 'Roboto',Arial !important;
        text-align: center !important;
        background-color: #f7f7f8 !important;
        color: #585859 !important;
        width: 50% !important;
        height: 60% !important;
    }

    .circle {
        width: 120px;
        height: 120px;
        border-radius: 250px;
        font-size: 50px;
        color: #fff;
        line-height: 120px;
        text-align: center;
        background: #72B6F2;
    }

    .labelinSerialPopUp {
        width: 40%;
        text-align: right;
    }

    .textboxinSerialPopUp {
        width: 60%;
        padding-left: 2%;
    }

    /* Textbox background is transparent to match the background data-theme. */

    .ui-input-text {
        background-color: transparent !important;
    }

    .drop_list {
        width: 100%;
        overflow: hidden;
        background-image: url('../Content/HwyImages/dropdown_arrow.png');
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: center;
    }

        .drop_list select {
            -webkit-appearance: none;
            border-radius: 0;
            -webkit-border-radius: 0;
            background: transparent;
            width: 160%;
            overflow: hidden;
            line-height: 0.8 !important;
            font-family: 'Roboto',Arial !important;
        }

    .ui-icon-logout {
        background: url('../Content/HwyImages/logout.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position-x: 96%;
        background-position-y: 57%;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .ui-radio :hover {
        background-color: lightgrey !important;
        font-weight: 700 !important;
    }

    .HwyPopupValue {
        font-size: 1.5em !important;
        font-family: 'Roboto Condensed' !important;
        color: #2C343B !important;
        font-weight: normal !important;
    }

    .HwyPopupLabel {
        font-size: 1em !important;
        color: #585859 !important;
        font-family: 'Roboto',Arial !important;
        font-weight: 100 !important;
    }

    .HwyCalculatorIcon {
        background: url(../Content/HwyImages/CalculatorEqual.jpg) 60% 60% no-repeat !important;
        width: 50px !important;
        height: 50px !important;
        margin: 0 !important;
        border: 0em !important;
    }

    .nodataLableAtCenter {
        width: 100%;
        text-align: center;
        padding-top: 15.5%;
        font-size: 1.7em;
        color: #aaa;
    }

    .HwyCountInfoLabel {
        float: right;
        display: inline;
        padding-top: 0.4%;
        color: #aaa;
    }

    .ui-btn-d:not(a) {
        height: 1.85em !important;
        font-size: 18px !important;
        line-height: 1.75 !important;
    }

    .radioStatus { /*Load Trailer*/
        background-color: lightgreen !important;
    }

    .TLoadPickStatus {
        font-size: 220% !important;
        padding-top: 2%;
    }

    /*Capture Image*/

    .hwy-material-icon {
        font-size: 4em !important;
        color: #52616d !important;
    }

    #videoContainer {
        position: relative;
        text-align: center;
        width: 60%;
        padding-left: 1%;
        padding-top: 1.5%;
    }

    .vidFrame {
        height: auto;
        width: 110%;
        position: relative;
        top: 0;
        left: 0;
    }

    #canvasCapImg {
        z-index: 10;
    }

    #videoContainer > #btnCameraCapImg {
        /*background: url(../Content/HwyImages/camera-icon.png) center center no-repeat !important;*/
        height: 100px;
        top: 18.5%;
        left: 125%;
        margin: -64px 0 0 -64px;
        position: absolute;
        width: 128px;
        z-index: 1;
        text-align: center;
    }

    #videoContainer > #btnComntCapImg {
        /*background: url(../Content/HwyImages/comment-icon.png) center center no-repeat !important;*/
        height: 100px;
        top: 42.25%;
        left: 125%;
        margin: -64px 0 0 -64px;
        position: absolute;
        width: 128px;
        z-index: 1;
        text-align: center;
    }

    #videoContainer > #btnUploadCapImg {
        /*background: url(../Content/HwyImages/upload-icon.png) center center no-repeat !important;*/
        top: 66.25%;
        left: 125%;
        height: 100px;
        margin: -64px 0 0 -60px;
        position: absolute;
        width: 128px;
        z-index: 1;
        text-align: center;
    }

    #videoContainer > #btnDeleteCapImg {
        /*background: url(../Content/HwyImages/delete-icon.PNG) center center no-repeat !important;*/
        height: 100px;
        top: 90%;
        left: 125%;
        margin: -64px 0 0 -60px;
        position: absolute;
        width: 128px;
        z-index: 1;
        text-align: center;
    }

    .HwyTextArea {
        overflow: auto !important;
        height: 80px !important;
        font-size: 300% !important;
        border-radius: 0.15em !important;
    }

    /*Receive Carton/Pallets*/

    #divRecCartPalletRadioRow1 .ui-controlgroup-controls .ui-btn.ui-corner-all {
        border-bottom: 1px solid !important;
    }

    .RadioRecCartonPallet {
        width: 9.5em !important;
        height: auto;
        text-align: center !important;
        font-size: 1.5em !important;
        font-weight: 600 !important;
        vertical-align: middle !important;
        color: #585859 !important;
        line-height: 2em !important;
        font-family: 'Roboto',Arial !important;
    }

    #divRecCartPalletRadioMain .ui-btn-active {
        background-color: lightgreen !important; /*for radio button active color*/
        color: #585859 !important;
    }

    #divRecCartPalletRadioMain .ui-controlgroup-controls > .ui-btn-corner-all, .ui-controlgroup-controls .ui-corner-all.ui-btn {
        border: 1px solid;
        border-bottom: 2px solid;
    }

    .HwyDeleteIcon {
        background: url(../Content/HwyImages/DeleteSerialNumber.png) 60% 60% no-repeat !important;
        width: 40px !important;
        height: 44px !important;
        margin: 0 !important;
        border: 0em !important;
    }

    .disableRadioRecCartonsPallet {
        cursor: default;
        pointer-events: none;
    }

    .RecCartPalletSearchByGridVal {
        font-size: 190% !important;
    }

    #DocDesc .ui-select {
        border-radius: 8px !important;
    }

    #DocDesc .ui-btn {
        height: 34px !important;
        text-align: left !important;
    }

    #DocDesc span {
        font-size: 20px !important;
        font-family: "Roboto",Arial !important;
        margin-top: 3px;
    }

    #DocDesc option {
        color: #000000 !important;
    }

    .lblValueDockkeySmall {
        font-size: 130% !important;
        word-break: break-all;
    }

    .lblValueDockkeyLarge {
        font-size: 200% !important;
        word-break: break-all;
    }

    .divLoadTrailer {
        padding-left: 10%;
    }

    .clsLocSmlVMI {
        width: 100% !important;
    }

    .clsLocBigVMI {
        width: 160% !important;
    }

    .clsLocUndVMI {
        width: 105% !important;
    }

    .clsLocUndSmlVMI {
        padding-left: 10% !important;
        padding-right: 10% !important;
    }
}



/*Css to target screen above ipad mini*/

@media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) {

    .txtSearchCheckInventory {
        float: left;
        padding-left: 6%;
        width: 28% !important;
    }

    .buttonctrls {
        padding-left: 26%;
    }

    .boxwidth {
        width: 30% !important;
    }

    .btnBackSerialNumbr {
        height: 1.85em;
        font-size: 12px;
        line-height: 1.75;
    }

    .LoginPopUpTitle {
        font-family: 'Oswald', Arial !important;
        font-size: 140%;
        font-stretch: extra-condensed;
        color: white;
        font-weight: 500;
        padding-left: 12.5%;
    }

    .LoginPopUpSubTitle {
        font-family: 'Roboto Condensed', Arial !important;
        color: white;
        font-size: 60%;
        padding-left: 37%;
    }


    .Hwysplash {
        filter: Alpha(Opacity=20);
        opacity: 0.8 !important;
        cursor: default !important;
        pointer-events: none !important;
    }

    .HwyFont {
        font-family: 'Roboto',Arial !important;
    }

    .loginimage {
        background-image: url('../Content/HwyImages/Hwybck_newlogo.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    /*Check Inventory Table only*/
    .ChkinvTableHeaderCa {
        text-align: center !important;
        font-size: 135% !important;
    }

    .ChkinvTableHeaderRa {
        text-align: right !important;
        font-size: 135% !important;
    }

    .ChkinvItemsL {
        text-align: left !important;
        font-size: 135% !important;
        color: #2c343b !important;
        font-family: 'Roboto Condensed', Arial !important;
    }

    .ChkinvItemsR {
        text-align: right !important;
        font-size: 135% !important;
        color: #2c343b !important;
        font-family: 'Roboto Condensed', Arial !important;
    }

    .ChkinvItemsR1 {
        text-align: right !important;
        font-size: 135% !important;
        color: #2c343b !important;
        padding-left: 6% !important;
        font-family: 'Roboto Condensed', Arial !important;
    }

    .ChkinvItemsL_mar-right {
        margin-right: 70% !important;
        color: #2c343b !important;
    }

    .ChkinvItemsR_mar-right {
        margin-right: 61% !important;
        color: #2c343b !important;
    }

    .ChkinvItemsR1_mar-right {
        margin-right: 64% !important;
        color: #2c343b !important;
    }

    .ChkinvdumHeaderC {
        text-align: center !important;
        font-size: 1.4em !important;
    }

    .ChkinvdumHeaderR {
        text-align: right !important;
        font-size: 1.4em !important;
    }
    /**/
    /*Global Styles*/
    /*Use css for label for desktop and tablet*/

    .HwySearchlblStyle {
        font-size: 150% !important;
        color: #585859 !important;
        font-weight: 100 !important;
        font-family: 'Roboto',Arial !important;
    }

    .HwylblStyle {
        font-size: 120% !important;
        color: #585859 !important;
        font-weight: 100 !important;
        font-family: 'Roboto',Arial !important;
    }

    .HwyContentLblStyle {
        font-size: 100% !important;
        color: #585859 !important;
        font-weight: 100 !important;
        font-family: 'Roboto',Arial !important;
    }


    .HwylblValue {
        font-family: 'Roboto',Arial !important;
        font-size: 180%;
        font-weight: bolder;
        text-align: center !important;
        color: #2C343B !important;
    }

    /*Use to style RadioButton in Hwy905 App*/
    .HwyRadioButton {
        width: 5em !important;
        height: auto;
        text-align: center !important;
        font-size: 1.5em !important;
        font-weight: 600 !important;
        vertical-align: middle !important;
        color: #585859 !important;
        line-height: 2em !important;
        font-family: 'Roboto',Arial !important;
    }

    .HwyRadioButtonMini {
        width: 5em !important;
        height: auto;
        text-align: center !important;
        font-size: 20px !important;
        color: #585859 !important;
        line-height: 2em !important;
        font-family: 'Roboto',Arial !important;
        padding-top: 1px !important;
        padding-bottom: 4.5px !important;
    }

    .Hwy905FontinButton {
        font-size: 14px !important;
        color: #585859 !important;
        font-family: 'Roboto',Arial !important;
    }



    /*Use to style Subtitle label*/

    .HwySubtitle {
        font-size: 130% !important;
        color: #585859 !important;
        font-family: 'Roboto',Arial !important;
    }

    /*Use to style Subtitle Value*/
    .HwySubtitleValue {
        font-size: 130% !important;
        font-weight: bold !important;
        color: #2C343B !important;
        font-family: 'Roboto',Arial !important;
    }

    /*Apply this style to Make button Grid*/
    .GridButton {
        background-color: #52616D !important;
        color: white !important;
        width: 65% !important;
        height: 60% !important;
        font-size: 19px !important;
        font-weight: normal !important;
        font-family: 'Roboto',Arial !important;
    }

    .GridButtonRed {
        background-color: #FF5E5E !important;
        color: white !important;
        width: 65% !important;
        height: 60% !important;
        font-size: 19px !important;
        font-weight: normal !important;
        font-family: 'Roboto',Arial !important;
    }

    .GridButtonOrange {
        background-color: #FFC000 !important;
        color: white !important;
        width: 65% !important;
        height: 60% !important;
        font-size: 19px !important;
        font-weight: normal !important;
        font-family: 'Roboto',Arial !important;
    }

    .GridButtonGreen {
        background-color: #92D050 !important;
        color: white !important;
        width: 65% !important;
        height: 60% !important;
        font-size: 19px !important;
        font-weight: normal !important;
        font-family: 'Roboto',Arial !important;
    }

    .GridButtonBlue {
        background-color: #081444 !important;
        color: white !important;
        width: 70% !important;
        height: 60% !important;
        font-size: 19px !important;
        font-weight: normal !important;
        font-family: 'Roboto',Arial !important;
        margin-top: 0em !important;
    }

    .GridButtonModel {
        background-color: #d6d7d8 !important;
        color: #2C343B !important;
        width: 45% !important;
        height: 30% !important;
        font-size: 14px !important;
        font-weight: normal !important;
        font-family: 'Roboto',Arial !important;
        padding: 4px 4px 4px 4px;
        margin-left: 0.5em;
        border-radius: 5px;
    }

    .GridButtonPallet {
        background-color: #52616D !important;
        color: white !important;
        width: 65% !important;
        height: 60% !important;
        font-size: 19px !important;
        font-weight: normal !important;
        font-family: 'Roboto',Arial !important;
    }
    .GridBubbleCount {
        background-color: #F7F7F8 !important;
        color: #2C343B !important;
        border-radius: 35%;
        -moz-border-radius: 35%;
        -webkit-border-radius: 35%;
        height: 15%;
        width: auto;
        text-align: center;
        font-family: 'Roboto',Arial !important;
    }


    .ScanPickingSectionWrapper {
        padding-left: 7%;
        padding-top: 0.35%;
        width: 30%;
        float: left;
    }

    .PickingSearchTextBox {
        float: left;
        font-size: 165%;
        width: 60%;
        font-weight: 200;
    }


    /*Css to style textbox border*/
    .HwySearchTextboxBorder {
        border: 1.5px solid!important;
    }

    .HwyValuesUnderline {
        border-bottom: 7px solid #B41600 !important;
    }

    .HwyLink {
        font-size: 100%;
        color: #52616D !important;
    }

    .Hwy905SearchTextBoxForWider {
        width: 50% !important;
        float: left !important;
        color: #2C3438 !important;
        font-size: 160% !important;
        font-weight: 600 !important;
        font-family: 'Roboto',Arial !important;
    }

    .HwyFontInTextBox {
        padding: 0% !important;
        font-size: 40px !important;
        min-height: 0em !important;
        font-family: 'Roboto Condensed', Arial !important;
    }

    .HwyFontStylesInTextBox {
        font-weight: bolder;
        color: #2C343B !important;
        text-align: center !important;
        font-size: 38px !important;
        font-family: 'Roboto Condensed', Arial !important;
    }

    .HwyConfirmButtonWrapper {
        width: 30%;
        height: 50%;
        float: right;
        padding-right: 25%;
        padding-top: 2.5%;
    }

    .HwyTextBoxSizeForSixDigitWrapper {
        float: left;
        width: 70%;
        padding-top: 1%;
    }

    .HwySearchTextBoxSmaller {
        float: left !important;
        font-size: 165% !important;
        font-weight: 200 !important;
        width: 50% !important;
    }

    #Hwy905Login .ui-input-text {
        border: 0.8px solid!important;
    }

    /*Icon In Hwy905Mobile Pwd*/

    .Hwy905SearchIcon {
        background: url(../Content/HwyImages/glass.png) 60% 60% no-repeat !important;
        width: 40px !important;
        height: 44px !important;
        margin: 0 !important;
        border: 0em !important;
    }

    .Hwy905RefreshIcon {
        background: url(../Content/HwyImages/refresh.png) 60% 60% no-repeat !important;
        width: 40px !important;
        height: 44px !important;
        margin: 0 !important;
        border: 0em !important;
    }

    .HwyTaskIcon {
        background: url(../Content/HwyImages/markcyclecount.png) 60% 60% no-repeat !important;
        width: 40px !important;
        height: 44px !important;
        margin: 0 !important;
        border: 0em !important;
    }

    .HwyFlagIcon {
        background: url(../Content/HwyImages/Flag.png) 60% 60% no-repeat !important;
        width: 40px !important;
        height: 44px !important;
        margin: 0 !important;
        border: 0em !important;
    }

    .HwyNextPickIcon {
        background: url(../Content/HwyImages/NextPickinDP.png) 60% 60% no-repeat !important;
        margin: 0 !important;
        border: 0em !important;
        width: 50px !important;
        height: 50px !important;
    }

    .HwyConfirmPickIcon {
        background: url(../Content/HwyImages/ConfirmPick.png) 60% 60% no-repeat !important;
        margin: 0 !important;
        border: 0em !important;
        width: 40px !important;
        height: 44px !important;
    }

    .HwyArrowIcon {
        background: url(../Content/HwyImages/arrowIcon.png) 60% 60% no-repeat !important;
        width: 40px !important;
        height: 44px !important;
        margin: 0 !important;
        border: 0em !important;
    }



    /*Login Page Style*/

    .LoginPopUpPosition {
        height: 10%;
        width: 25%;
        padding-left: 38.1%;
        padding-top: 10%;
    }

    .LoginHeaderStyle {
        background-color: #52616D;
        border-top-color: #52616D;
        padding-top: 5%;
        padding-bottom: 5%;
        font-family: 'Roboto',Arial !important;
    }

    .LoginBackground {
        background-color: white;
    }

    .LoginHeaderFont {
        color: white;
        font-family: 'Roboto',Arial !important;
        font-size: 17px;
        padding-left: 26%;
        font-style: normal;
        line-height: 1.2;
        color: white;
    }

    .TradeWork {
        font-size: 12px;
        color: white;
        font-family: 'Roboto',Arial !important;
    }

    .LoginPoPStyle {
        background-color: #F7F7F8;
        padding-left: 4%;
        padding-right: 4%;
    }

    .LoginPopUpTop {
        padding-top: 3%;
        padding-left: 4%;
    }

    .LoginPicImageWrapper {
        padding-top: 2%;
        width: 18% !important;
        height: 20% !important;
    }

    .LoginTextBox {
        width: 75% !important;
    }

    .LoginImageStyle {
        height: 40px;
        width: 40px;
        padding-top: 30%;
    }

    .ErrorMessageStyle {
        text-align: center;
        font-size: 18px;
        color: red;
    }

    .LoginButtonWrapper {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

    .Header {
        max-height: 60px !important;
        font-weight: normal !important;
        font-family: 'Roboto',Arial !important;
    }

    .HeaderContentTopUp {
        padding-top: 5px;
    }

    .TitleFont {
        color: white !important;
        font-size: 25px !important;
        padding-top: 0.45em !important;
        font-family: 'Roboto', Arial !important;
    }

    #Hwy905LangSelection h3 a {
        font-family: 'Roboto Condensed', Arial !important;
        font-weight: 400 !important;
    }

    .GroupWareHouse {
        width: 70px;
        height: 40px;
        float: left;
        padding-right: 75px;
    }

    .GroupWareHouseIcon {
        width: 25px;
    }

    .GroupWarehouseLabel {
        font-size: 20px;
        text-align: right;
        color: #72B6F2;
        font-weight: 300;
        margin-left: .8em;
    }

    .GroupWarhouseName {
        font-size: 1.24em !important;
    }

    .UserNameFont {
        padding-bottom: 3px;
        text-decoration: none;
        color: #72B6F2;
        color: white;
        font-size: 20px;
        font-weight: normal !important;
        margin-right: 0.7em !important;
    }

    .UserLogo {
        height: 22px;
        width: 26px;
        padding-top: 9px;
    }

    .FooterWrapper {
        border-style: none !important;
        width: 30% !important;
        padding-left: 86% !important;
        position: fixed !important;
    }

    .FooterPoweredFont {
        font-family: 'Roboto',Arial !important;
        font-size: 12px;
    }

    .FooterTradeMarkFont {
        font-size: 7px;
    }


    #tabledummy {
        position: fixed;
        top: 0%;
        left: 3%;
        background-color: #EEEFF1 !important;
        height: 2%;
        right: 5%;
    }


    #Hwy905Panel .ui-btn {
        font-size: 20px !important;
    }

    .ui-body-e .ui-btn.ui-btn-active {
        background-color: #72B6F2 !important; /*for radio button active color*/
        color: #fff !important;
    }


    .ModelPanelContentLabel {
        font-family: 'Roboto',Arial !important;
        font-size: 18px !important;
        color: darkgrey !important;
        text-align: center !important;
        text-shadow: 0.5px 0.5px #577;
    }

    .ModelPanelContentValue {
        font-family: 'Roboto',Arial !important;
        font-size: 36px !important;
        color: white !important;
        text-align: center !important;
    }

    .ModalPanelDescription {
        font-family: 'Roboto Condensed',Arial !important;
        font-size: 18px;
        color: white;
        text-align: left;
    }

    .ModalPanelModelNumber {
        font-family: 'Roboto',Arial !important;
        font-size: 280% !important;
        color: white !important;
        text-align: center !important;
    }

    .ModalPanelWrapper {
        font-family: 'Roboto',Arial !important;
        background-color: #52616D !important;
    }

    .ModalCartonTable {
        font-family: 'Roboto',Arial !important;
        font-size: 28px !important;
        text-align: center !important;
        border: 1px solid #808080 !important;
    }

    /*Direct PutAwayStyles*/


    .ui-table td /* Height of each rows in a table*/ {
        line-height: 1.1em !important;
    }



    .ui-input-text {
        border: 1.5px solid!important;
    }


    #btnSlider {
        clear: both;
        margin-left: 13%;
        padding-top: 1% !important;
    }

        #btnSlider .ui-slider-track {
            height: 3em;
        }

        #btnSlider .ui-slider-handle {
            height: 3em;
            top: 0%;
        }

        #btnSlider .ui-slider-switch .ui-slider-label {
            font-size: 1.5em !important;
        }

    #btnChooseOrder {
        clear: both;
        margin-left: 13%;
        padding-top: 1% !important;
    }

        #btnChooseOrder .ui-slider-track {
            height: 2.5em;
        }

        #btnChooseOrder .ui-slider-handle {
            height: 2.5em;
            top: 0%;
        }

        #btnChooseOrder .ui-slider-switch .ui-slider-label {
            font-size: 1.2em !important;
            font-family: 'Roboto',Arial !important;
        }

        #btnChooseOrder .ui-btn-active {
            background-color: #72B6F2 !important;
        }

    .containing-element .ui-slider-switch {
        width: 7em !important;
    }
    /*Check Inventory*/

    #myTable .table-stripe tbody tr:nth-child(odd) td {
        background-color: #f7f7f8 !important;
    }

    #myTable .table-stripe tbody tr:nth-child(even) td {
        background-color: #eee !important;
    }

    /*#dButton .ui-btn {
        font-size: 150% !important;
        color: white !important;
    }*/

    #selectWhse {
        border-color: transparent !important;
    }

    .HwyWarehouseStyle {
        background-color: rgba(44, 52, 59, 0.00);
        color: #72B6F2;
        font-size: 180%;
    }

    /* Operator Cycle Count*/
    .field {
        display: inline !important;
        float: left !important;
    }

    .ORImage {
        position: absolute;
        top: 11%;
        left: 43%;
    }

    .txtcycle {
        width: 25%;
        font-size: 165%;
        font-weight: 600;
    }

    .ui-btn {
        word-wrap: break-word !important;
        white-space: normal !important;
    }

    .btnviewzoneforcc {
        width: 18em;
    }

    .occailbaylevel {
        font-family: 'Roboto Condensed',Arial !important;
        font-size: 280% !important;
        font-weight: bolder !important;
        color: #2C343B !important;
    }

    .GridbtnCCAisle {
        text-align: center;
        font-size: x-large;
        font-weight: 100;
    }

    .GridCCIndexLoc-ab {
        padding-left: 6% !important;
        width: 20% !important;
    }

    .GridCCIndexLoc-cd {
        padding-left: 7% !important;
        width: 28% !important;
    }

    .btnccChooseAnothetLevel {
        float: right;
        padding-right: 10%;
        padding-top: 1%;
    }

    .ui-content.ui-popup, .ui-popup .ui-content {
        overflow: hidden;
    }


    .GridCCIndexModel-a {
        padding-left: 6% !important;
        width: 16% !important;
    }

    .GridCCIndexModel-b {
        padding-left: 2% !important;
        width: 12% !important;
    }

    .GridCCIndexModel-c {
        padding-left: 2% !important;
        width: 14% !important;
    }

    .GridCCIndexModel-d {
        padding-left: 2% !important;
        width: 10% !important;
    }

    .GridCCIndexModel-e {
        padding-left: 2% !important;
        width: 18.5% !important;
    }

    .btnChooseAnotherLoc {
        float: right;
        padding-right: 10%;
        padding-top: 1%;
    }

    .btnScanAnotherLocCC {
        float: right;
        padding-right: 10%;
        padding-top: 1%;
    }

    .popupsubccdisplayModel {
        padding-top: 5%;
        color: #353793;
        font-size: 1em;
        font-weight: 600;
    }

    .popupsubccdisplaylink {
        font-size: .75em;
        color: #212825;
    }

    .popupsubcclbl {
        padding-top: 1%;
        /*padding-left: 5%;*/
        text-align: right;
        width: 12%;
        white-space: normal;
        word-wrap: break-word;
    }

    .popupsubcctxt {
        width: 10%;
        padding-left: 4%;
    }

    /**/

    #tblManualPicking .table-stripe tbody tr:nth-child(odd) td {
        background-color: #f7f7f8 !important;
    }

    #tblManualPicking .table-stripe tbody tr:nth-child(even) td {
        background-color: #eee !important;
    }

    .TableHeader {
        font-size: 135%;
        font-family: 'Roboto',Arial !important;
    }

    .TableContent {
        font-size: 135%;
    }

    .Hwy905Informationicon {
        background: url(../Content/HwyImages/information.png) 60% 60% no-repeat !important;
        width: 50px !important;
        height: 44px !important;
        margin: 0 !important;
        border: 0em !important;
    }

    .UUAligncenter {
        width: 40em;
        text-align: center;
    }

    #UUViewModelButton .ui-btn {
        word-wrap: break-word !important;
        white-space: normal !important;
    }

    #UUBackButton .ui-btn {
        word-wrap: break-word !important;
        white-space: normal !important;
    }

    #pickedSlider .ui-slider-track {
        height: 2em;
    }

    #pickedSlider .ui-slider-handle {
        height: 2em;
        top: 0%;
    }

    #pickedSlider .ui-slider-switch .ui-slider-label {
        font-size: 1.2em !important;
    }

    .ui-controlgroup-controls .ui-btn-corner-all, .ui-controlgroup-controls .ui-corner-all.ui-btn /* For radio button */ {
        border-bottom: 2.5px solid;
    }

    .HwySearchRegion {
        height: 8em !important;
        overflow: hidden;
    }



    .ErrorHighlightTxtBox {
        border: 1px solid red !important;
        background: #FFCECE !important;
    }

    .lblErrorOops {
        font-size: 4em;
        color: white;
    }

    .lblErrordescription {
        font-size: 1.8em;
        color: white;
    }

    .lblErrorcode {
        font-size: .8em;
        color: white;
    }

    .GridSerialModel-a {
        width: 10% !important;
    }

    .GridSerialModel-b {
        padding-left: 2% !important;
        width: 12% !important;
    }

    .GridSerialModel-c {
        padding-left: 2% !important;
        width: 14% !important;
    }

    .GridSerialModel-d {
        width: 20% !important;
    }

    #popupAddNewModel-popup .ui-popup > .ui-header {
        border: none !important;
    }

    .HwyNewlblValue {
        font-family: 'Roboto Condensed',Arial !important;
        font-size: 220% !important;
        font-weight: bolder !important;
        text-align: center !important;
        color: #2C343B !important;
    }

    .HwyNewlblMediumValue {
        font-family: 'Roboto Condensed',Arial !important;
        font-size: 160% !important;
        font-weight: bolder !important;
        text-align: center !important;
        color: #2C343B !important;
    }

    .red {
        background-color: #B41600 !important;
        color: white !important;
        width: 50% !important;
        height: 60% !important;
        text-align: center !important;
        font-family: 'Roboto',Arial !important;
    }

    .DeleteSerialNumber {
        font-family: 'Roboto',Arial !important;
        text-align: center !important;
        background-color: #52616D !important;
        color: white !important;
        width: 50% !important;
        height: 60% !important;
    }

    .circle {
        width: 120px;
        height: 120px;
        border-radius: 250px;
        font-size: 50px;
        color: #fff;
        line-height: 120px;
        text-align: center;
        background: #72B6F2;
    }

    .labelinSerialPopUp {
        width: 40%;
        text-align: right;
    }

    .textboxinSerialPopUp {
        width: 60%;
        padding-left: 2%;
    }
    /* Textbox background is transparent to match the background data-theme. */

    .ui-input-text {
        background-color: transparent !important;
    }

    .drop_list {
        width: 100%;
        overflow: hidden;
        background-image: url('../Content/HwyImages/dropdown_arrow.png');
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: center;
    }

        .drop_list select {
            -webkit-appearance: none;
            border-radius: 0;
            -webkit-border-radius: 0;
            background: transparent;
            width: 160%;
            overflow: hidden;
            line-height: 0.8 !important;
            font-family: 'Roboto',Arial !important;
        }

    .ui-icon-logout {
        background: url('../Content/HwyImages/logout.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position-x: 96%;
        background-position-y: 57%;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .HwyPopupLabel {
        font-size: 1em !important;
        color: #585859 !important;
        font-family: 'Roboto',Arial !important;
        font-weight: 100 !important;
    }

    .HwyPopupValue {
        font-size: 1.5em !important;
        font-family: 'Roboto Condensed' !important;
        color: #2C343B !important;
        font-weight: normal !important;
    }

    .ui-radio :hover {
        background-color: lightgrey !important;
        font-weight: 700 !important;
    }

    .HwyCalculatorIcon {
        background: url(../Content/HwyImages/CalculatorEqual.jpg) 60% 60% no-repeat !important;
        width: 50px !important;
        height: 50px !important;
        margin: 0 !important;
        border: 0em !important;
    }

    .nodataLableAtCenter {
        width: 100%;
        text-align: center;
        padding-top: 15.5%;
        font-size: 1.7em;
        color: #aaa;
    }

    .HwyCountInfoLabel {
        float: right;
        display: inline;
        padding-top: 0.4%;
        color: #aaa;
    }

    .ui-btn-d:not(a) {
        height: 1.85em !important;
        font-size: 18px !important;
        line-height: 1.75 !important;
    }

    .radioStatus { /*Load Trailer*/
        background-color: lightgreen !important;
    }

    .TLoadPickStatus {
        font-size: 220% !important;
        padding-top: 2%;
    }
    /*Capture Image*/

    .hwy-material-icon {
        font-size: 4em !important;
        color: #52616d !important;
    }

    #videoContainer {
        position: relative;
        text-align: center;
        width: 60%;
        padding-left: 1%;
        padding-top: 1.5%;
    }

    .vidFrame {
        height: auto;
        width: 110%;
        position: relative;
        top: 0;
        left: 0;
    }

    #canvasCapImg {
        z-index: 10;
    }

    #videoContainer > #btnCameraCapImg {
        /*background: url(../Content/HwyImages/camera-icon.png) center center no-repeat !important;*/
        height: 100px;
        top: 18.5%;
        left: 125%;
        margin: -64px 0 0 -64px;
        position: absolute;
        width: 128px;
        z-index: 1;
        text-align: center;
    }

    #videoContainer > #btnComntCapImg {
        /*background: url(../Content/HwyImages/comment-icon.png) center center no-repeat !important;*/
        height: 100px;
        top: 42.25%;
        left: 125%;
        margin: -64px 0 0 -64px;
        position: absolute;
        width: 128px;
        z-index: 1;
        text-align: center;
    }

    #videoContainer > #btnUploadCapImg {
        /*background: url(../Content/HwyImages/upload-icon.png) center center no-repeat !important;*/
        top: 66.25%;
        left: 125%;
        height: 100px;
        margin: -64px 0 0 -60px;
        position: absolute;
        width: 128px;
        z-index: 1;
        text-align: center;
    }

    #videoContainer > #btnDeleteCapImg {
        /*background: url(../Content/HwyImages/delete-icon.PNG) center center no-repeat !important;*/
        height: 100px;
        top: 90%;
        left: 125%;
        margin: -64px 0 0 -60px;
        position: absolute;
        width: 128px;
        z-index: 1;
        text-align: center;
    }

    .HwyTextArea {
        overflow: auto !important;
        height: 80px !important;
        font-size: 300% !important;
        border-radius: 0.15em !important;
    }

    /*Receive Carton/Pallets*/

    #divRecCartPalletRadioRow1 .ui-controlgroup-controls .ui-btn.ui-corner-all {
        border-bottom: 1px solid !important;
    }

    .RadioRecCartonPallet {
        width: 9.5em !important;
        height: auto;
        text-align: center !important;
        font-size: 1.5em !important;
        font-weight: 600 !important;
        vertical-align: middle !important;
        color: #585859 !important;
        line-height: 2em !important;
        font-family: 'Roboto',Arial !important;
    }

    #divRecCartPalletRadioMain .ui-btn-active {
        background-color: lightgreen !important; /*for radio button active color*/
        color: #585859 !important;
    }

    #divRecCartPalletRadioMain .ui-controlgroup-controls > .ui-btn-corner-all, .ui-controlgroup-controls .ui-corner-all.ui-btn {
        border: 1px solid;
        border-bottom: 2px solid;
    }

    .HwyDeleteIcon {
        background: url(../Content/HwyImages/DeleteSerialNumber.png) 60% 60% no-repeat !important;
        width: 40px !important;
        height: 44px !important;
        margin: 0 !important;
        border: 0em !important;
    }

    .disableRadioRecCartonsPallet {
        cursor: default;
        pointer-events: none;
    }

    .RecCartPalletSearchByGridVal {
        font-size: 190% !important;
    }

    #DocDesc .ui-select {
        border-radius: 8px !important;
    }

    #DocDesc .ui-btn {
        height: 34px !important;
        text-align: left !important;
    }

    #DocDesc span {
        font-size: 20px !important;
        font-family: "Roboto",Arial !important;
        margin-top: 3px;
    }

    #DocDesc option {
        color: #000000 !important;
    }

    .lblValueDockkeySmall {
        font-size: 130% !important;
        word-break: break-all;
    }

    .lblValueDockkeyLarge {
        font-size: 200% !important;
        word-break: break-all;
    }

    .divLoadTrailer {
        padding-left: 10%;
    }

    .clsLocSmlVMI {
        width: 100% !important;
    }

    .clsLocBigVMI {
        width: 160% !important;
    }

    .clsLocUndVMI {
        width: 105% !important;
    }

    .clsLocUndSmlVMI {
        padding-left: 10% !important;
        padding-right: 10% !important;
    }
}







/*Target Ipad mini Portrait*/

@media only screen and (max-device-width: 767px) and (orientation : landscape) {
    .buttonpadding {
        padding-top: 0px !important;
    }

    .buttonctrls {
        padding-top: 36% !important;
    }

     body {
        font-size: 100% !important;
    }

    .padtable {
        width: 120% !important;
    }

    .pad-lef {
        padding-left: 52% !important;
    }

    .hdHwy905SearchIcon {
        background: url(../Content/HwyImages/glass.png) 60% 60% no-repeat !important;
        width: 40px !important;
        height: 44px !important;
        margin: 0 !important;
        border: 0em !important;
    }

    .hdHwyFontinTextBox {
        padding: 0% !important;
        font-size: 40px;
        min-height: 0em !important;
        font-family: 'Roboto Condensed', Arial !important;
        font-size: 44px !important;
    }
}

@media only screen and (min-device-width : 600px) and (orientation : portrait) {

    .txtSearchCheckInventory {
        float: left;
        padding-left: 4%;
        width: 28% !important;
    }

    .boxwidth {
        width: 50% !important;
    }

    .buttonctrls {
        padding-left: 10%;
    }

    .btnBackSerialNumbr {
        height: 1.85em;
        font-size: 12px;
        line-height: 1.75;
    }

    .LoginPopUpTitle {
        font-family: 'Oswald', Arial !important;
        font-size: 140%;
        font-stretch: extra-condensed;
        color: white;
        font-weight: 500;
        padding-left: 12.5%;
    }

    .LoginPopUpSubTitle {
        font-family: 'Roboto Condensed', Arial !important;
        color: white;
        font-size: 60%;
        padding-left: 37%;
    }


    .Hwysplash {
        filter: Alpha(Opacity=20);
        opacity: 0.8 !important;
        cursor: default !important;
        pointer-events: none !important;
    }

    .HwyFont {
        font-family: 'Roboto',Arial !important;
    }

    /*Check Inventory Table only*/
    .ChkinvTableHeaderCa {
        text-align: center !important;
        font-size: 90% !important;
    }

    .ChkinvTableHeaderRa {
        text-align: right !important;
        font-size: 90% !important;
        font-family: 'Roboto',Arial !important;
    }

    .ChkinvItemsL {
        text-align: left !important;
        font-size: 90% !important;
        color: #2c343b !important;
        font-family: 'Roboto Condensed', Arial !important;
    }

    .ChkinvItemsR {
        text-align: right !important;
        font-size: 90% !important;
        color: #2c343b !important;
        font-family: 'Roboto Condensed', Arial !important;
    }

    .ChkinvItemsR1 {
        text-align: right !important;
        font-size: 90% !important;
        color: #2c343b !important;
        padding-left: 6% !important;
        font-family: 'Roboto Condensed', Arial !important;
    }

    .ChkinvItemsL_mar-right {
        margin-right: 30% !important;
        color: #2c343b !important;
    }

    .ChkinvItemsR_mar-right {
        margin-right: 41% !important;
        color: #2c343b !important;
    }

    .ChkinvItemsR1_mar-right {
        margin-right: 64% !important;
        color: #2c343b !important;
    }

    .ChkinvdumHeaderC {
        text-align: center !important;
        font-size: .7em !important;
    }

    .ChkinvdumHeaderR {
        text-align: right !important;
        font-size: .7em !important;
    }

    .HwySearchlblStyle {
        font-size: 150% !important;
        color: #585859 !important;
        font-weight: 100 !important;
        font-family: 'Roboto',Arial !important;
    }

    .HwylblStyle {
        font-size: 100% !important;
        color: #585859 !important;
        font-weight: 100 !important;
        font-family: 'Roboto',Arial !important;
    }

    .HwyContentLblStyle {
        font-size: 100% !important;
        color: #585859 !important;
        font-weight: 100 !important;
        font-family: 'Roboto',Arial !important;
    }


    .HwylblValue {
        font-family: 'Roboto',Arial !important;
        font-size: 180%;
        font-weight: bolder;
        text-align: center !important;
        color: #2C343B !important;
    }

    /*Use to style RadioButton in Hwy905 App*/
    .HwyRadioButton {
        width: 3em !important;
        height: auto;
        text-align: center !important;
        font-size: 1.5em !important;
        font-weight: 600 !important;
        vertical-align: middle !important;
        color: #585859 !important;
        line-height: 2em !important;
        font-family: 'Roboto',Arial !important;
    }

    .HwyRadioButtonMini {
        width: 5em !important;
        height: auto;
        text-align: center !important;
        font-size: 20px !important;
        color: #585859 !important;
        line-height: 2em !important;
        font-family: 'Roboto',Arial !important;
        padding-top: 1px !important;
        padding-bottom: 4.5px !important;
    }

    /*Use to style Subtitle label*/

    .HwySubtitle {
        font-size: 130% !important;
        color: #585859 !important;
        font-family: 'Roboto',Arial !important;
    }

    /*Use to style Subtitle Value*/
    .HwySubtitleValue {
        font-size: 130% !important;
        font-weight: bold !important;
        color: #2C343B !important;
        font-family: 'Roboto',Arial !important;
    }

    /*Apply this style to Make button Grid*/
    .GridButton {
        background-color: #52616D !important;
        color: white !important;
        width: 60% !important;
        height: 60% !important;
        font-size: 15px !important;
        font-weight: normal !important;
        font-family: 'Roboto',Arial !important;
    }

    .GridButtonRed {
        background-color: #FF5E5E !important;
        color: white !important;
        width: 60% !important;
        height: 60% !important;
        font-size: 15px !important;
        font-weight: normal !important;
        font-family: 'Roboto',Arial !important;
    }

    .GridButtonOrange {
        background-color: #FFC000 !important;
        color: white !important;
        width: 60% !important;
        height: 60% !important;
        font-size: 15px !important;
        font-weight: normal !important;
        font-family: 'Roboto',Arial !important;
    }

    .GridButtonGreen {
        background-color: #92D050 !important;
        color: white !important;
        width: 60% !important;
        height: 60% !important;
        font-size: 15px !important;
        font-weight: normal !important;
        font-family: 'Roboto',Arial !important;
    }

    .GridButtonBlue {
        background-color: #081444 !important;
        color: white !important;
        width: 65% !important;
        height: 60% !important;
        font-size: 15px !important;
        font-weight: normal !important;
        font-family: 'Roboto',Arial !important;
        margin-top: 0em !important;
    }

    .GridButtonModel {
        background-color: #d6d7d8 !important;
        color: #2C343B !important;
        width: 45% !important;
        height: 30% !important;
        font-size: 14px !important;
        font-weight: normal !important;
        font-family: 'Roboto',Arial !important;
        padding: 4px 4px 4px 4px;
        margin-left: 0.5em;
        border-radius: 5px;
    }
    .GridButtonPallet {
        background-color: #52616D !important;
        color: white !important;
        width: 60% !important;
        height: 60% !important;
        font-size: 15px !important;
        font-weight: normal !important;
        font-family: 'Roboto',Arial !important;
    }
    
    .GridBubbleCount {
        background-color: #F7F7F8 !important;
        color: #2C343B !important;
        border-radius: 35%;
        -moz-border-radius: 35%;
        -webkit-border-radius: 35%;
        height: 35%;
        width: auto;
        text-align: center;
        font-family: 'Roboto',Arial !important;
    }


    .ScanPickingSectionWrapper {
        padding-left: 7%;
        padding-top: 0.35%;
        width: 30%;
        float: left;
    }

    .PickingSearchTextBox {
        float: left;
        font-size: 165%;
        width: 60%;
        font-weight: 200;
    }


    /*Css to style textbox border*/
    .HwySearchTextboxBorder {
        border: 1.5px solid!important;
    }

    .HwyValuesUnderline {
        border-bottom: 7px solid #B41600 !important;
    }

    .HwyLink {
        font-size: 100%;
        color: #52616D !important;
    }

    .Hwy905SearchTextBoxForWider {
        width: 50% !important;
        float: left !important;
        color: #2C3438 !important;
        font-size: 160% !important;
        font-weight: 600 !important;
        font-family: 'Roboto',Arial !important;
    }

    .HwyFontInTextBox {
        padding: 0% !important;
        font-size: 40px !important;
        min-height: 0em !important;
        font-family: 'Roboto Condensed', Arial !important;
    }

    .HwyFontStylesInTextBox {
        font-weight: bolder;
        color: #2C343B !important;
        text-align: center !important;
        font-size: 38px !important;
        font-family: 'Roboto Condensed', Arial !important;
    }

    .HwyConfirmButtonWrapper {
        width: 30%;
        height: 50%;
        float: right;
        padding-right: 25%;
        padding-top: 2.5%;
    }

    .HwyTextBoxSizeForSixDigitWrapper {
        float: left;
        width: 70%;
        padding-top: 1%;
    }

    .HwySearchTextBoxSmaller {
        float: left !important;
        font-size: 165% !important;
        font-weight: 200 !important;
        width: 50% !important;
    }

    #Hwy905Login .ui-input-text {
        border: 0.8px solid!important;
    }

    /*Icon In Hwy905Mobile Pwd*/

    .Hwy905SearchIcon {
        background: url(../Content/HwyImages/glass.png) 60% 60% no-repeat !important;
        width: 40px !important;
        height: 44px !important;
        margin: 0 !important;
        border: 0em !important;
    }

    .Hwy905RefreshIcon {
        background: url(../Content/HwyImages/refresh.png) 60% 60% no-repeat !important;
        width: 40px !important;
        height: 44px !important;
        margin: 0 !important;
        border: 0em !important;
    }

    .HwyTaskIcon {
        background: url(../Content/HwyImages/markcyclecount.png) 60% 60% no-repeat !important;
        width: 40px !important;
        height: 44px !important;
        margin: 0 !important;
        border: 0em !important;
    }

    .HwyFlagIcon {
        background: url(../Content/HwyImages/Flag.png) 60% 60% no-repeat !important;
        width: 40px !important;
        height: 44px !important;
        margin: 0 !important;
        border: 0em !important;
    }


    /*Login Page Style*/

    .LoginPopUpPosition {
        height: 10%;
        width: 25%;
        padding-left: 38.1%;
        padding-top: 10%;
    }

    .LoginHeaderStyle {
        background-color: #52616D;
        border-top-color: #52616D;
        padding-top: 5%;
        padding-bottom: 5%;
        font-family: 'Roboto',Arial !important;
    }

    .LoginBackground {
        background-color: white;
    }

    .LoginHeaderFont {
        color: white;
        font-family: 'Roboto',Arial !important;
        font-size: 17px;
        padding-left: 26%;
        font-style: normal;
        line-height: 1.2;
        color: white;
    }

    .TradeWork {
        font-size: 12px;
        color: white;
        font-family: 'Roboto',Arial !important;
    }

    .LoginPoPStyle {
        background-color: #F7F7F8;
        padding-left: 4%;
        padding-right: 4%;
    }

    .LoginPopUpTop {
        padding-top: 3%;
        padding-left: 4%;
    }

    .LoginPicImageWrapper {
        padding-top: 2%;
        width: 18% !important;
        height: 20% !important;
    }

    .LoginTextBox {
        width: 75% !important;
    }

    .LoginImageStyle {
        height: 40px;
        width: 40px;
        padding-top: 30%;
    }

    .ErrorMessageStyle {
        text-align: center;
        font-size: 18px;
        color: red;
    }

    .LoginButtonWrapper {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }


    .loginimage {
        background-image: url('../Content/HwyImages/Hwybck_newlogo.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }


    .Header {
        max-height: 60px !important;
        font-weight: normal !important;
        font-family: 'Roboto',Arial !important;
    }

    .HeaderContentTopUp {
        padding-top: 5px;
    }

    .TitleFont {
        color: white !important;
        font-size: 25px !important;
        padding-top: 0.45em !important;
        font-family: 'Roboto', Arial !important;
    }

    #Hwy905LangSelection h3 a {
        font-family: 'Roboto Condensed', Arial !important;
        font-weight: 400 !important;
    }

    .GroupWareHouse {
        width: 70px;
        height: 40px;
        float: left;
        padding-right: 75px;
    }

    .GroupWareHouseIcon {
        width: 25px;
    }

    .GroupWarehouseLabel {
        font-size: 20px;
        text-align: right;
        color: #72B6F2;
        font-weight: 300;
        margin-left: .8em;
    }

    .GroupWarhouseName {
        font-size: 1.1em !important;
    }

    .UserNameFont {
        padding-bottom: 3px;
        text-decoration: none;
        color: #72B6F2;
        color: white;
        font-size: 20px;
        font-weight: normal !important;
        margin-right: 0.7em !important;
    }

    .UserLogo {
        height: 22px;
        width: 26px;
        padding-top: 9px;
    }

    .FooterWrapper {
        border-style: none !important;
        width: 30% !important;
        padding-left: 86% !important;
        position: fixed !important;
    }

    .FooterPoweredFont {
        font-family: 'Roboto',Arial !important;
        font-size: 12px;
    }

    .FooterTradeMarkFont {
        font-size: 7px;
    }




    #tabledummy {
        position: fixed;
        top: 0%;
        left: 3%;
        background-color: #EEEFF1 !important;
        height: 2%;
        right: 5%;
    }


    #Hwy905Panel .ui-btn {
        font-size: 20px !important;
    }

    .ui-body-e .ui-btn.ui-btn-active {
        background-color: #72B6F2 !important; /*for radio button active color*/
        color: #fff !important;
    }


    .ModelPanelContentLabel {
        font-family: 'Roboto',Arial !important;
        font-size: 18px !important;
        color: darkgrey !important;
        text-align: center !important;
        text-shadow: 0.5px 0.5px #577;
    }

    .ModelPanelContentValue {
        font-family: 'Roboto',Arial !important;
        font-size: 36px !important;
        color: white !important;
        text-align: center !important;
    }

    .ModalPanelDescription {
        font-family: 'Roboto Condensed',Arial !important;
        font-size: 18px;
        color: white;
        text-align: left;
    }

    .ModalPanelModelNumber {
        font-family: 'Roboto',Arial !important;
        font-size: 36px !important;
        color: white !important;
        text-align: center !important;
    }

    .ModalPanelWrapper {
        font-family: 'Roboto',Arial !important;
        background-color: #52616D !important;
    }

    .ModalCartonTable {
        font-family: 'Roboto',Arial !important;
        font-size: 28px !important;
        text-align: center !important;
        border: 3px solid #808080 !important;
    }

    /*Direct PutAwayStyles*/


    .ui-table td /* Height of each rows in a table*/ {
        line-height: 1.1em !important;
    }



    .ui-input-text {
        border: 1.5px solid!important;
    }


    #btnSlider {
        clear: both;
        margin-left: 13%;
        padding-top: 1% !important;
    }

        #btnSlider .ui-slider-track {
            height: 3em;
        }

        #btnSlider .ui-slider-handle {
            height: 3em;
            top: 0%;
        }

        #btnSlider .ui-slider-switch .ui-slider-label {
            font-size: 1.5em !important;
        }

    #btnChooseOrder {
        clear: both;
        margin-left: 13%;
        padding-top: 1% !important;
    }

        #btnChooseOrder .ui-slider-track {
            height: 2.5em;
        }

        #btnChooseOrder .ui-slider-handle {
            height: 2.5em;
            top: 0%;
        }

        #btnChooseOrder .ui-slider-switch .ui-slider-label {
            font-size: 1.2em !important;
            font-family: 'Roboto',Arial !important;
        }

        #btnChooseOrder .ui-btn-active {
            background-color: #72B6F2 !important;
        }

    .containing-element .ui-slider-switch {
        width: 6em !important;
    }
    /*Check Inventory*/

    #myTable .table-stripe tbody tr:nth-child(odd) td {
        background-color: #f7f7f8 !important;
    }

    #myTable .table-stripe tbody tr:nth-child(even) td {
        background-color: #eee !important;
    }

    /*#dButton .ui-btn {
        font-size: 150% !important;
        color: white !important;
    }*/

    #selectWhse {
        border-color: transparent !important;
    }

    .HwyWarehouseStyle {
        background-color: rgba(44, 52, 59, 0.00);
        color: #72B6F2;
        font-size: 180%;
    }

    /* Operator Cycle Count*/
    .field {
        display: inline !important;
        float: left !important;
    }

    .ORImage {
        position: absolute;
        top: 11%;
        left: 43%;
    }

    .txtcycle {
        width: 25%;
        font-size: 165%;
        font-weight: 600;
    }

    .ui-btn {
        word-wrap: break-word !important;
        white-space: normal !important;
    }

    .btnviewzoneforcc {
        width: 18em;
    }

    .occailbaylevel {
        font-family: 'Roboto Condensed',Arial !important;
        font-size: 280% !important;
        font-weight: bolder !important;
        color: #2C343B !important;
    }

    .GridbtnCCAisle {
        text-align: center;
        font-size: x-large;
        font-weight: 100;
    }

    .GridCCIndexLoc-ab {
        padding-left: 6% !important;
        width: 20% !important;
    }

    .GridCCIndexLoc-cd {
        padding-left: 7% !important;
        width: 28% !important;
    }

    .btnccChooseAnothetLevel {
        float: right;
        padding-right: 10%;
        padding-top: 1%;
    }

    .ui-content.ui-popup, .ui-popup .ui-content {
        overflow: hidden;
    }


    .GridCCIndexModel-a {
        padding-left: 6% !important;
        width: 16% !important;
    }

    .GridCCIndexModel-b {
        padding-left: 2% !important;
        width: 12% !important;
    }

    .GridCCIndexModel-c {
        padding-left: 2% !important;
        width: 14% !important;
    }

    .GridCCIndexModel-d {
        padding-left: 2% !important;
        width: 10% !important;
    }

    .GridCCIndexModel-e {
        padding-left: 2% !important;
        width: 18.5% !important;
    }

    .btnChooseAnotherLoc {
        float: right;
        padding-right: 10%;
        padding-top: 1%;
    }

    .btnScanAnotherLocCC {
        float: right;
        padding-right: 10%;
        padding-top: 1%;
    }

    .popupsubccdisplayModel {
        padding-top: 5%;
        color: #353793;
        font-size: 1em;
        font-weight: 600;
    }

    .popupsubccdisplaylink {
        font-size: .75em;
        color: #212825;
    }

    .popupsubcclbl {
        padding-top: 1%;
        /*padding-left: 5%;*/
        text-align: right;
        width: 12%;
        white-space: normal;
        word-wrap: break-word;
    }

    .popupsubcctxt {
        width: 10%;
        padding-left: 4%;
    }

    /**/

    #tblManualPicking .table-stripe tbody tr:nth-child(odd) td {
        background-color: #f7f7f8 !important;
    }

    #tblManualPicking .table-stripe tbody tr:nth-child(even) td {
        background-color: #eee !important;
    }

    .TableHeader {
        font-size: 135%;
        font-family: 'Roboto',Arial !important;
    }

    .TableContent {
        font-size: 135%;
    }

    .Hwy905Informationicon {
        background: url(../Content/HwyImages/information.png) 60% 60% no-repeat !important;
        width: 50px !important;
        height: 44px !important;
        margin: 0 !important;
        border: 0em !important;
    }

    .UUAligncenter {
        width: 40em;
        text-align: center;
    }

    #UUViewModelButton .ui-btn {
        word-wrap: break-word !important;
        white-space: normal !important;
    }

    #UUBackButton .ui-btn {
        word-wrap: break-word !important;
        white-space: normal !important;
    }

    #pickedSlider .ui-slider-track {
        height: 2em;
    }

    #pickedSlider .ui-slider-handle {
        height: 2em;
        top: 0%;
    }

    #pickedSlider .ui-slider-switch .ui-slider-label {
        font-size: 1.2em !important;
    }

    .HwyTickIcon {
        background: url(../Content/HwyImages/tickicon.png) 60% 60% no-repeat !important;
        width: 40px !important;
        height: 44px !important;
        margin: 0 !important;
        border: 0em !important;
    }

    .HwyArrowIcon {
        background: url(../Content/HwyImages/arrowIcon.png) 60% 60% no-repeat !important;
        width: 40px !important;
        height: 44px !important;
        margin: 0 !important;
        border: 0em !important;
    }

    .ui-controlgroup-controls .ui-btn-corner-all, .ui-controlgroup-controls .ui-corner-all.ui-btn /* For radio button */ {
        border-bottom: 2.5px solid;
    }

    .HwySearchRegion {
        height: auto;
        /*overflow: hidden;*/
    }

    #popupAddNewModel-popup .ui-popup > .ui-header {
        border: none !important;
    }

    .ErrorHighlightTxtBox {
        border: 1px solid red !important;
        background: #FFCECE !important;
    }

    .lblErrorOops {
        font-size: 5em;
        color: white;
    }

    .lblErrordescription {
        font-size: 2.2em;
        color: white;
    }

    .lblErrorcode {
        font-size: 1.2em;
        color: white;
    }

    .GridSerialModel-a {
        width: 10% !important;
    }

    .GridSerialModel-b {
        padding-left: 2% !important;
        width: 12% !important;
    }

    .GridSerialModel-c {
        padding-left: 2% !important;
        width: 14% !important;
    }

    .GridSerialModel-d {
        width: 20% !important;
    }

    .HwyNewlblValue {
        font-family: 'Roboto Condensed',Arial !important;
        font-size: 220% !important;
        font-weight: bolder !important;
        text-align: center !important;
        color: #2C343B !important;
    }

    .HwyNewlblMediumValue {
        font-family: 'Roboto Condensed',Arial !important;
        font-size: 160% !important;
        font-weight: bolder !important;
        text-align: center !important;
        color: #2C343B !important;
    }

    .red {
        background-color: #B41600 !important;
        color: white !important;
        width: 50% !important;
        height: 60% !important;
        text-align: center !important;
        font-family: 'Roboto',Arial !important;
    }


    .DeleteSerialNumber {
        font-family: 'Roboto',Arial !important;
        text-align: center !important;
        background-color: #52616D !important;
        color: white !important;
        width: 50% !important;
        height: 60% !important;
    }

    .circle {
        width: 120px;
        height: 120px;
        border-radius: 250px;
        font-size: 50px;
        color: #fff;
        line-height: 120px;
        text-align: center;
        background: #72B6F2;
    }

    .labelinSerialPopUp {
        width: 40%;
        text-align: right;
    }

    .textboxinSerialPopUp {
        width: 60%;
        padding-left: 2%;
    }
    /* Textbox background is transparent to match the background data-theme. */

    .ui-input-text {
        background-color: transparent !important;
    }

    .drop_list {
        width: 100%;
        overflow: hidden;
        background-image: url('../Content/HwyImages/dropdown_arrow.png');
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: center;
    }

        .drop_list select {
            -webkit-appearance: none;
            border-radius: 0;
            -webkit-border-radius: 0;
            background: transparent;
            width: 160%;
            overflow: hidden;
            line-height: 0.8 !important;
            font-family: 'Roboto',Arial !important;
        }

    .ui-icon-logout {
        background: url('../Content/HwyImages/logout.png');
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position-x: 96%;
        background-position-y: 57%;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .HwyPopupValue {
        font-size: 1.5em !important;
        font-family: 'Roboto Condensed' !important;
        color: #2C343B !important;
        font-weight: normal !important;
    }

    .HwyPopupLabel {
        font-size: 1em !important;
        color: #585859 !important;
        font-family: 'Roboto',Arial !important;
        font-weight: 100 !important;
    }

    .ui-radio :hover {
        background-color: lightgrey !important;
        font-weight: 700 !important;
    }

    .HwyCalculatorIcon {
        background: url(../Content/HwyImages/CalculatorEqual.jpg) 60% 60% no-repeat !important;
        width: 50px !important;
        height: 50px !important;
        margin: 0 !important;
        border: 0em !important;
    }

    .nodataLableAtCenter {
        width: 100%;
        text-align: center;
        padding-top: 15.5%;
        font-size: 1.7em;
        color: #aaa;
    }

    .HwyCountInfoLabel {
        float: right;
        display: inline;
        padding-top: 0.4%;
        color: #aaa;
    }

    .ui-btn-d:not(a) {
        height: 1.85em !important;
        font-size: 18px !important;
        line-height: 1.75 !important;
    }

    .radioStatus { /*Load Trailer*/
        background-color: lightgreen !important;
    }

    .TLoadPickStatus {
        font-size: 220% !important;
        padding-top: 2%;
    }

    /*Capture Image*/

    .hwy-material-icon {
        font-size: 4em !important;
        color: #52616d !important;
    }

    #videoContainer {
        position: relative;
        text-align: center;
        width: 60%;
        padding-left: 1%;
        padding-top: 1.5%;
    }

    .vidFrame {
        height: auto;
        width: 110%;
        position: relative;
        top: 0;
        left: 0;
    }

    #canvasCapImg {
        z-index: 10;
    }

    #videoContainer > #btnCameraCapImg {
        /*background: url(../Content/HwyImages/camera-icon.png) center center no-repeat !important;*/
        height: 100px;
        top: 18.5%;
        left: 125%;
        margin: -64px 0 0 -64px;
        position: absolute;
        width: 128px;
        z-index: 1;
        text-align: center;
    }

    #videoContainer > #btnComntCapImg {
        /*background: url(../Content/HwyImages/comment-icon.png) center center no-repeat !important;*/
        height: 100px;
        top: 42.25%;
        left: 125%;
        margin: -64px 0 0 -64px;
        position: absolute;
        width: 128px;
        z-index: 1;
        text-align: center;
    }

    #videoContainer > #btnUploadCapImg {
        /*background: url(../Content/HwyImages/upload-icon.png) center center no-repeat !important;*/
        top: 66.25%;
        left: 125%;
        height: 100px;
        margin: -64px 0 0 -60px;
        position: absolute;
        width: 128px;
        z-index: 1;
        text-align: center;
    }

    #videoContainer > #btnDeleteCapImg {
        /*background: url(../Content/HwyImages/delete-icon.PNG) center center no-repeat !important;*/
        height: 100px;
        top: 90%;
        left: 125%;
        margin: -64px 0 0 -60px;
        position: absolute;
        width: 128px;
        z-index: 1;
        text-align: center;
    }

    .HwyTextArea {
        overflow: auto !important;
        height: 80px !important;
        font-size: 300% !important;
        border-radius: 0.15em !important;
    }

    /*Receive Carton/Pallets*/

    #divRecCartPalletRadioRow1 .ui-controlgroup-controls .ui-btn.ui-corner-all {
        border-bottom: 1px solid !important;
    }

    .RadioRecCartonPallet {
        width: 9.5em !important;
        height: auto;
        text-align: center !important;
        font-size: 1.5em !important;
        font-weight: 600 !important;
        vertical-align: middle !important;
        color: #585859 !important;
        line-height: 2em !important;
        font-family: 'Roboto',Arial !important;
    }

    #divRecCartPalletRadioMain .ui-btn-active {
        background-color: lightgreen !important; /*for radio button active color*/
        color: #585859 !important;
    }

    #divRecCartPalletRadioMain .ui-controlgroup-controls > .ui-btn-corner-all, .ui-controlgroup-controls .ui-corner-all.ui-btn {
        border: 1px solid;
        border-bottom: 2px solid;
    }

    .HwyDeleteIcon {
        background: url(../Content/HwyImages/DeleteSerialNumber.png) 60% 60% no-repeat !important;
        width: 40px !important;
        height: 44px !important;
        margin: 0 !important;
        border: 0em !important;
    }

    .disableRadioRecCartonsPallet {
        cursor: default;
        pointer-events: none;
    }

    .RecCartPalletSearchByGridVal {
        font-size: 100% !important;
    }

    #DocDesc .ui-select {
        border-radius: 8px !important;
    }

    #DocDesc .ui-btn {
        height: 34px !important;
        text-align: left !important;
    }

    #DocDesc span {
        font-size: 20px !important;
        font-family: "Roboto",Arial !important;
        margin-top: 3px;
    }

    #DocDesc option {
        color: #000000 !important;
    }

    .lblValueDockkeySmall {
        font-size: 130% !important;
        word-break: break-all;
    }

    .lblValueDockkeyLarge {
        font-size: 200% !important;
        word-break: break-all;
    }

    .divLoadTrailer {
        padding-left: 10%;
    }

    .clsLocSmlVMI {
        width: 100% !important;
    }

    .clsLocBigVMI {
        width: 160% !important;
    }

    .clsLocUndVMI {
        width: 105% !important;
    }

    .clsLocUndSmlVMI {
        padding-left: 10% !important;
        padding-right: 10% !important;
    }
 
}