@media handheld,only screen {
    @font-face {
        font-family: FaricyNew;
        src: url(Fonts/FaricyNew-Rg.eot);
        src: local('FaricyNew Regular'),url(Fonts/FaricyNew-Rg.woff) format('woff'),url(Fonts/FaricyNew-Rg.eot?#iefix) format('embedded-opentype'),url(Fonts/FaricyNew-Rg.otf) format('opentype');
    }

    @font-face {
        font-family: FaricyNewLight;
        src: url(Fonts/FaricyNew-Lt.eot);
        src: local('FaricyNew Light'),url(Fonts/FaricyNew-Lt.woff) format('woff'),url(Fonts/FaricyNew-Lt.eot?#iefix) format('embedded-opentype'),url(Fonts/FaricyNew-Lt.otf) format('opentype');
    }

    @font-face {
        font-family: FaricyNewMedium;
        src: url(Fonts/FaricyNew-Md.eot);
        src: local('FaricyNew Medium'),url(Fonts/FaricyNew-Md.woff) format('woff'),url(Fonts/FaricyNew-Md.eot?#iefix) format('embedded-opentype'),url(Fonts/FaricyNew-Md.otf) format('opentype');
    }

    @font-face {
        font-family: FrutigerArabic;
        src: url(Fonts/FrutigerLTArabic-Rg.eot);
        src: local('FrutigerArabic Regular'),url(Fonts/FrutigerLTArabic-Rg.woff) format('woff'),url(Fonts/FrutigerLTArabic-Rg.eot?#iefix) format('embedded-opentype'),url(Fonts/FrutigerLTArabic-Rg.ttf) format('truetype');
    }

    @font-face {
        font-family: FrutigerArabicLight;
        src: url(Fonts/FrutigerLTArabic-Lt.eot);
        src: local('FrutigerArabic Light'),url(Fonts/FrutigerLTArabic-Lt.woff) format('woff'),url(Fonts/FrutigerLTArabic-Lt.eot?#iefix) format('embedded-opentype'),url(Fonts/FrutigerLTArabic-Lt.ttf) format('truetype');
    }

    * {
        margin: 0;
        padding: 0;
        outline: 0;
        -webkit-tap-highlight-color: transparent;
    }

    img {
        border: none;
    }

    .holdddlFocus {
        position: absolute !important;
        opacity: 0;
        z-index: -1 !important;
    }

    a {
        text-decoration: none;
        color: #c81a25;
    }

    html {
        position: relative;
    }
    @media only screen and (max-width: 900px) { 
    .loginfrm label{
        text-align:left
    }
}
    body {
        /*background: url(data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM1NDA2MDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMWIwMzAzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-radial-gradient(center,ellipse cover,rgba(84,6,2,1) 0,rgba(27,3,3,1) 100%);
        background: -webkit-gradient(radial,center center,0,center center,100%,color-stop(0,rgba(84,6,2,1)),color-stop(100%,rgba(27,3,3,1)));
        background: -webkit-radial-gradient(center,ellipse cover,rgba(84,6,2,1) 0,rgba(27,3,3,1) 100%);
        background: -o-radial-gradient(center,ellipse cover,rgba(84,6,2,1) 0,rgba(27,3,3,1) 100%);
        background: -ms-radial-gradient(center,ellipse cover,rgba(84,6,2,1) 0,rgba(27,3,3,1) 100%);
        background: radial-gradient(ellipse at center,rgba(84,6,2,1) 0,rgba(27,3,3,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#540602', endColorstr='#1b0303', GradientType=1);*/
        background:url(images/login-bg.jpg) top center repeat-x;       
        position: relative;
        font-family: FaricyNew,Arial,sans-serif;
        -webkit-font-smoothing: antialiased;
    }

    header {
        height: 100px;
        width: 100%;
        top: 0;
        background: url(images/top-round.png) center no-repeat;
        position: relative;
        background-size: 38.2%;
        overflow: hidden;
    }

        header .logo {
            position: absolute;
            width: 11.2%;
            left: 1.75%;
            top: 2px;
        }

    #newCont {
        overflow: auto;
        position: relative;
    }

    #content {
        height: auto;
        width: 95%;
        margin: 0 auto;
        position: relative;
    }

    .LoginPage #content {
        min-height: 510px !important;
    }

    #content #login h2 {
        color: #fff;
        font-size: 1.45em;
        margin-bottom: 10px;
        font-weight: 400;
    }

    .lang {
        position: absolute;
        top: 0;
        right: 2.5%;
        background: #111;
        color: #fff;
        border: 1px solid #434343;
        border-radius: 0 0 5px 5px;
        padding: 2px 10px;
        font-size: .9em;
        display: block;
    }

        .lang:hover {
            color: #cb3233;
        }

    embed, img, object {
        max-width: 100%;
        height: auto;
    }

    img {
        -ms-interpolation-mode: bicubic;
    }

    .ProgressDiv {
        position: fixed !important;
        text-align: center;
        height: 100%;
        color: #fff;
        width: 100%;
        top: 0;
        right: 0;
        left: 0;
        z-index: 9999999;
        background-color: #000;
        opacity: .4;
        padding: 20% 0 0 !important;
    }

    header aside {
        float: right;
        width: 38%;
        margin-right: 2.5%;
        padding: 30px 0 0;
    }

    .login-info {
        float: right;
        width: 100%;
    }

        .login-info li {
            list-style: none;
            float: right;
            text-align: right;
            color: #333;
            font-family: FaricyNew,Arial,sans-serif;
            width: 100%;
            line-height: 14px;
        }

            .login-info li.username {
                font-size: 1em;
                text-transform: capitalize;
            }

            .login-info li.logged {
                color: #C9031C;
                font-size: .75em;
                margin: 5px 0 0;
            }

                .login-info li.logged .logoff {
                    vertical-align: middle;
                    width: 8%;
                    position: relative;
                    top: -2px;
                }

    .search-icon {
        background: url(images/search-icon-drk.png) no-repeat;
        width: 25px;
        height: 24px;
        position: absolute;
        right: 60px;
        top: 15px;
        display: none;
    }

    #ulList .listItemLabel {
        display: none;
        width: 35%;
        float: left;
        padding: 0 0 0 15px;
    }

    .gridUl .listItemLabel, .recNavCustomer {
        display: none;
    }

    .failureNotification {
        border: 1px solid #EAAD0D;
        background: #FCE6A3;
        background: -webkit-linear-gradient(top,#FEF8F5,#FCE6A3);
        background: -moz-linear-gradient(top,#FEF8F5,#FCE6A3);
        background: -ms-linear-gradient(top,#FEF8F5,#FCE6A3);
        background: -o-linear-gradient(top,#FEF8F5,#FCE6A3);
        border-radius: 4px;
        color: #C41617;
        padding: 10px 20px;
        margin: 0 0 10px;
        display: none;
        font-family: FaricyNewLight,Arial,sans-serif;
    }

    .requiredNotification {
        color: #ff9b2f;
        position: absolute;
        margin-left: 5px;
    }

    .popupPanelHide {
        display: none;
    }

    .popupPanelShow {
        display: block;
        min-width: 30%;
        position: absolute;
        border-radius: 6px;
        border: 3px solid #666;
        box-shadow: 0 1px 3px rgba(0,0,0,.7);
        padding: 10px;
        color: #333;
        font-size: 16px;
        background: url(images/overlay_bg.png) 0 40px repeat-x #e0e0e0;
        z-index: 1020;
    }

    .popupContent {
        min-height: 80px;
        margin: 20px;
        text-align: left;
        font-weight: 700;
    }

    .popupPanelShow .msgHead {
        font-size: 1.1em;
        background: -webkit-linear-gradient(top,#666,#000);
        background: -moz-linear-gradient(center top,#666,#000);
        background: -ms-linear-gradient(top,#666,#0003);
        background: -o-linear-gradient(top,#666,#000);
        border-radius: 1px 1px 0 0;
        margin: -10px;
        padding: 5px;
    }

    .popupContent ul {
        list-style-type: disc;
        color: #555;
        padding: 10px 0 0;
    }

    .popupPanelShow input.redBtn[type=submit] {
        width: 10%;
        background: url(images/blk-btn.png) no-repeat;
        background-size: 100% 30px !important;
        height: 30px;
        text-align: center;
        color: #FFF;
        font-size: 1em;
        font-family: FaricyNew,Arial,sans-serif;
        border: 0;
        cursor: pointer;
        font-style: normal;
        padding: 0;
    }

    .close {
        background-image: url(images/sprite_icons.png);
        background-position: -125px -560px;
        position: absolute;
        width: 33px;
        height: 33px;
        top: -18px;
        right: -21px;
        z-index: 1000;
    }

    .graycls {
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
    }

    .grayarr {
        position: absolute;
        left: -14px;
        top: 212px;
        cursor: pointer;
    }

    .overlayClass {
        background: url(images/black_90_bg.png) !important;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
    }

    .signin {
        overflow-x: hidden !important;
        height: 430px;
        width: 100%;
        border: none;
    }

    #main-panel .panel-container {
        padding: 0 2.5%;
    }

    #ContentPlaceholder1_up1, #main-panel {
        width: 95%;
        background: #FFF;
        padding: 0;
        border-radius: 10px;
        height: auto;
        font-family: FaricyNew,Arial,sans-serif;
        float: left;
    }

        #main-panel #breadcrumb {
            width: 100%;
            padding-top: 7px;
        }

            #main-panel #breadcrumb ul {
                width: 100%;
            }

                #main-panel #breadcrumb ul li {
                    display: inline;
                    list-style: none;
                    margin-left: 1%;
                    color: #999;
                    font-size: 1em;
                }

                    #main-panel #breadcrumb ul li:first-child {
                        margin-left: 0 !important;
                        border: none !important;
                        padding-left: 0 !important;
                    }

                    #main-panel #breadcrumb ul li a {
                        color: #999;
                        text-decoration: none;
                    }

                        #main-panel #breadcrumb ul li a:hover, #main-panel #breadcrumb ul li.on a {
                            color: #c41617 !important;
                        }

                #main-panel #breadcrumb ul.shiftLink {
                    background: #C41617;
                    padding: 5px 8px;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                    border-radius: 5px;
                }

                    #main-panel #breadcrumb ul.shiftLink li {
                        margin-left: .75%;
                        padding-left: .75%;
                        border-left: 1px solid #fff;
                    }

                        #main-panel #breadcrumb ul.shiftLink li a {
                            color: #000;
                        }

                            #main-panel #breadcrumb ul.shiftLink li a:hover, #main-panel #breadcrumb ul.shiftLink li.on a {
                                color: #fff !important;
                            }

        #main-panel label, #main-panel section ul {
            width: 100%;
        }

            #main-panel label.custom-select2 {
                width: 48.2%;
            }

            #main-panel section ul > li {
                list-style: none;
                margin-bottom: 5px;
                float: left;
                width: 100%;
                position: relative;
            }

            #main-panel section ul.gridUl > li {
                margin-bottom: 0;
            }

            #main-panel section ul > li.martop {
                margin: 15px 0 0;
            }

            #main-panel section ul > li input[type=text] {
                height: auto;
                padding: 5px;
                border: 1px solid #999;
                border-radius: 5px;
                font-family: FaricyNew,Arial,sans-serif;
                font-size: .7em;
                color: #000;
                background: -moz-linear-gradient(top,#ededed,#fefefe);
                background: -webkit-linear-gradient(top,#ededed,#fefefe);
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

    .type1-text {
        width: 94%;
    }

    .type2-text {
        width: 62.5%;
    }

    .type3-text {
        width: 23%;
    }

    .type4-text {
        width: 43.2%;
    }

    .type5-text {
        width: 66%;
    }

    .type6-text {
        width: 50%;
    }

    .type7-text {
        width: 92.3%;
    }

    .type8-text {
        width: 85%;
    }

    .liAdj {
        width: 100.8% !important;
    }

    .textarea {
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        height: 43px;
        resize: none;
        border: 1px solid #c6c6c6;
        border-radius: 5px;
        font-family: FaricyNew,Arial,sans-serif;
        font-size: .7em;
        color: #000;
        padding: 5px 20px;
        background: -moz-linear-gradient(top,#ededed 0,#fff 100%);
        background: -webkit-linear-gradient(top,#ededed 0,#fff 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ededed),color-stop(100%,#fff));
        background: -o-linear-gradient(top,#ededed 0,#fff 100%);
        overflow: auto;
    }

    .btnHeight {
        background-size: 100% 44px !important;
        font-size: 1.5em;
        height: 44px !important;
        padding: 0;
    }

    #main-panel .right2-panel {
        width: 68%;
        float: right;
        margin: 1% 0 0;
        position: relative;
    }

    #main-panel .next-panel {
        width: 32.8%;
        float: right;
        margin-top: 1%;
        padding: 0 1.5%;
    }

    #main-panel .left-panel input, #main-panel .right-panel input, #main-panel input .middle-panel {
        position: relative;
        z-index: 2;
    }

    #main-panel .right-panel h2 {
        color: #c41617;
        font-size: .8em;
        float: left;
        width: 100%;
        margin-top: 9px;
        margin-bottom: 9px;
    }

        #main-panel .right-panel h2 span {
            font-size: .75em;
            margin-left: 10px;
            color: #939393;
        }

    #main-panel .right-panel ul > li {
        margin-bottom: 5px;
    }

    #main-panel input.redBtn[type=button], #main-panel input.redBtn[type=submit] {
        width: 100%;
        background: url(images/loginBg.png) no-repeat;
        background-size: 100% 30px;
        height: 30px;
        text-align: center;
        color: #FFF;
        font-size: 1em;
        font-family: FaricyNew,Arial,sans-serif;
        border: 0;
        cursor: pointer;
        font-style: normal;
        padding: 0;
    }

    #main-panel input.blackBtn[type=submit] {
        width: 100%;
        background: url(images/blk-btn.png) no-repeat;
        background-size: 100% 30px;
        height: 30px;
        text-align: center;
        color: #FFF;
        font-size: 1em;
        font-family: FaricyNew,Arial,sans-serif;
        border: 0;
        cursor: pointer;
        font-style: normal;
    }

    #main-panel input.gryBtn[type=submit] {
        width: 100%;
        background: url(images/gry-btn.png) no-repeat;
        background-size: 100% 30px;
        height: 30px;
        text-align: center;
        color: #FFF;
        font-size: 1em;
        font-family: FaricyNew,Arial,sans-serif;
        border: 0;
        cursor: pointer;
        font-style: normal;
    }

    .autoBtn input {
        width: auto !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    span.contCode, span.nocontCode {
        padding: 0 !important;
        width: 74%;
    }

    .contCode span {
        position: absolute;
        width: 70px;
        height: 36px;
        height: 35px \0/;
        font-size: 1.1em !important;
        z-index: 998;
        margin: 0;
        padding: 0 !important;
        border: 1px solid #999;
        border-right-width: 0;
        border-radius: 5px 0 0 5px;
        line-height: 39px;
        background: url(images/common-textbox-bg.png);
        background: -webkit-linear-gradient(top,#ededed,#fefefe);
        background: -ms-linear-gradient(top,#ededed,#fefefe);
        background: -moz-linear-gradient(top,#ededed,#fefefe);
        background: -o-linear-gradient(top,#ededed,#fefefe);
        text-indent: 20px;
    }

    #main-panel section ul .contCode input[type=tel], #main-panel section ul .contCode input[type=text] {
        margin-left: 70px;
        border-radius: 0 5px 5px 0;
        padding-left: 5px;
        width: 84%;
    }

    #main-panel section ul span.contCode input[type=tel], #main-panel section ul span.contCode input[type=text] {
        width: 78%;
    }

    .nocontCode span {
        display: none !important;
    }

    .contCode input.sft:-ms-input-placeholder {
        text-indent: 70px;
    }

    .CustomerCapture input {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .CustomerCapture input.type2-text {
            width: 75%;
        }

        .CustomerCapture input.type3-text {
            width: 23%;
        }

        .CustomerCapture input.type4-text {
            width: 49.3%;
        }

    #productsScroll .scroll-area li {
        background: url(images/check1Off.png) 12px 12px no-repeat;
        font-size: 1.1em;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

        #productsScroll .scroll-area li.selected {
            background: url(images/check1On.png) 12px 12px no-repeat;
        }

        #productsScroll .scroll-area li span.selected {
            background: url(images/check1On.png) 12px 2px no-repeat;
        }

    .scrollHold {
        position: relative;
        width: 99.8%;
        overflow: auto;
    }

    .sHeight1 {
        height: 121px;
    }

    .sHeight2 {
        height: 181px;
    }

    .sHeight3 {
        height: 200px;
        float: left;
    }

    .sHeight4 {
        height: 190px;
    }

    .sHeight5 {
        height: 90px;
    }

    .sHeight6 {
        height: 130px;
    }

    .sHeight7 {
        height: 235px;
    }

    .sHeight8 {
        height: 83px;
    }

    .sHeight9 {
        height: 150px;
    }

    .scroll-area {
        width: 100%;
        height: auto;
        font-family: FaricyNew,Arial,sans-serif;
        font-size: .7em;
        margin: 0 0 5px;
    }

        .scroll-area > li {
            height: auto;
            border-bottom: 1px #e7e7e7 solid;
            position: relative;
            margin: 0 !important;
        }

            .scroll-area > li .txt {
                padding: 10px 0 0 40px;
                float: left;
            }

            .scroll-area > li .del {
                position: absolute !important;
                cursor: pointer;
                right: 10px;
                top: 15px;
                width: 14px;
                height: 14px;
                background: url(images/del.png) no-repeat !important;
                border: none !important;
            }

            .scroll-area > li .camera {
                position: absolute;
                cursor: pointer;
                right: 10px;
                top: 45px;
                width: 15%;
            }

    .DemographyScroll .scroll-area li:last-child {
        border-bottom: none;
    }

    .divTransactionscroll .scroll-area {
        margin: 0 !important;
    }

    .customDdl {
        display: none;
    }

    #addScroll {
        position: relative;
        z-index: 1;
        padding-top: 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .custom-select {
        background: url(images/dropBg1.png) 90% center no-repeat;
        width: 98%;
        border-radius: 10px;
        min-height: 24px;
        border: 1px solid #999;
        overflow: hidden;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        background-size: auto 65%;
    }

    .custom-select1, .custom-select2, .custom-select3 {
        width: 98%;
        border-radius: 10px;
        min-height: 22px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        background-size: auto 115% border-radius:0;
        border: 0;
    }

    select {
        border: none;
        height: inherit;
        background: 0 0;
        width: 98%;
        font-size: 14px;
        overflow: hidden;
        -webkit-margin-start: 2px;
        -webkit-margin-before: -2px;
        margin-top: 0;
        padding: 0 0 0 5px;
        cursor: pointer;
        -webkit-appearance: none;
        -webkit-user-select: button;
        -moz-appearance: button;
        appearance: button;
        -khtml-appearance: none;
    }

    #listContainer, #listContainer .scroller {
        overflow: visible !important;
    }

    .simplePagerNav {
        background: #fff;
        border: 1px solid #dfdcdc;
        border-bottom: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        width: auto !important;
    }

        .simplePagerNav li.simplePageNav {
            display: inline-block !important;
            width: auto !important;
            border-right: solid 1px #dfdcdc;
            float: none !important;
        }

        .simplePagerNav li.lastPage {
            border: 0;
        }

        .simplePageNav li.simplePageNav a:visited, .simplePagerNav li.simplePageNav a {
            display: block !important;
            padding: 5px 10px !important;
            color: #7e7b7b !important;
        }

            .simplePagerNav li.simplePageNav a:hover {
                color: #fff !important;
                background: #b2b2b2;
            }

            .simplePagerNav li.simplePageNav a.currentPage {
                color: #fff !important;
                background: #c14352;
            }

    [class^=custom-select] span {
        top: -1px !important;
        font-style: normal !important;
        font-size: .7em !important;
        content: "select";
        padding: 0 0 0 12px;
        white-space: nowrap;
    }

    .custom-select span {
        font-size: 1em !important;
        left: 2px !important;
    }

    .status-bg {
        background: #6b6b6b;
        background: -moz-linear-gradient(top,#6b6b6b,#a3a3a3);
        background: -webkit-linear-gradient(top,#6b6b6b,#a3a3a3);
        padding: 14px;
        border-radius: 5px;
        margin: 23px 0 5px;
        box-sizing: border-box;
    }

        .status-bg input[type=text] {
            font-size: .9em;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -ms-box-sizing: border-box;
            padding: 11px 0 10px 8px;
            width: 100%;
            min-height: 31px;
            height: 31px !important;
        }

        .status-bg .columns {
            margin-left: 1%;
        }

        .status-bg a {
            display: inline-block;
            float: right;
            background: url(images/calender-icon.png) center no-repeat;
            background-size: 100%;
            width: 14%;
        }

        .status-bg .date-pick {
            width: 84% !important;
        }

    .calender-icon {
        background: url(images/calender-icon.png) no-repeat;
        height: 44px;
        border: none;
        width: 15.93%;
    }

    input.srch-icon-bttn {
        background: url(images/srchImg.png) no-repeat;
        background-size: 100% 100%;
        border: none;
        height: 40px;
        line-height: 2.1;
        width: 40px;
    }

    .record-found {
        text-align: right;
        padding-right: 10px;
        color: #cb3233;
        margin-bottom: 5px;
        display: block;
    }

    .grid-cover {
        box-shadow: 0 2px 5px rgba(0,0,0,.15) inset;
        border: 1px solid #c6c6c6;
        float: right;
        width: 100%;
        margin-bottom: 14px;
        position: relative;
    }

        .grid-cover .next, .grid-cover .prv {
            position: absolute;
            display: block;
            right: -25px;
            width: 25px;
            height: 25px;
            background: url(images/updwArr.png);
        }

        .grid-cover .prv {
            background-position: bottom left;
            bottom: 0;
        }

        .grid-cover .next {
            background-position: top left;
            top: 0;
        }

    .grid-table {
        width: 100%;
        width: 100%;
    }

        .grid-table th {
            background: -moz-linear-gradient(top,#404040,#59595a);
            background: -webkit-linear-gradient(top,#404040,#59595a);
            height: auto;
            color: #fff;
            font-size: .7em;
            padding: 5px;
            text-align: left;
            font-weight: 700;
        }

            .grid-table th:first-child {
                padding-left: 10px;
                border-top-left-radius: 6px;
            }

            .grid-table th:last-child {
                border-top-right-radius: 6px;
                padding-right: 10px;
                text-align: center;
            }

        .grid-table td {
            color: #333;
            font-size: .7em;
            text-align: left;
            border-bottom: 1px solid #c6c6c6;
            padding: 5px;
        }

            .grid-table td:first-child {
                width: 90px;
                padding-left: 10px;
            }

            .grid-table td:last-child {
                text-align: center;
            }

                .grid-table td:last-child img {
                    width: 30%;
                }

    .print-export {
        float: left;
        padding: 0 0 0 17px;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

        .print-export img {
            vertical-align: middle;
        }

        .print-export a {
            font-size: .8em;
            color: #c41617;
            padding: 0 10px 0 5px;
            text-decoration: none;
        }

        .print-export .printHold {
            display: inline-block;
            margin: 0 0 0 15px;
            white-space: nowrap;
            width: 60%;
        }

    .pagination-area {
        width: 50%;
        float: right;
        text-align: right;
    }

    .addNewBtn {
        vertical-align: middle;
    }

    #main-panel ul#pagination {
        float: right;
        text-align: right;
        width: auto;
    }

        #main-panel ul#pagination li {
            list-style: none;
            color: #333;
            font-size: .8em;
            padding: 0 17px;
            width: auto;
            display: inline;
            float: none;
        }

            #main-panel ul#pagination li span {
                color: #333;
            }

            #main-panel ul#pagination li a {
                color: #c41617;
                text-decoration: none;
            }

            #main-panel ul#pagination li input {
                padding: 3px;
                margin: -5px 0 0;
                text-align: center;
                width: 10%;
                font-style: normal;
            }

    .active {
        color: #c41617;
        font-family: FaricyNew,Arial,sans-serif;
    }

    .errormsg {
        font-size: .7em;
        color: #C41617;
        font-family: FaricyNew,Arial,sans-serif;
        font-weight: 700;
    }

    .ValidatorCallStyle {
        color: #414141;
    }

    .navHeading {
        color: #fff;
        font-family: FaricyNewLight,Arial,sans-serif;
        font-size: 1em;
        padding-bottom: 10px;
        position: absolute;
        top: 95px;
        left: 40px;
    }

    .navBack a {
        width: 41px;
        height: 41px;
        background: url(images/backicon.png) center center no-repeat;
        display: inline-block;
        cursor: pointer;
        float: left;
    }

    .navHeading aside h2 {
        padding-left: 20px;
    }

    .navCustomer {
        list-style: none;
        text-align: center;
        height: 85px;
        border-bottom: #e5e5e5 1px solid;
        -webkit-margin-before: 0;
        -webkit-margin-after: 0;
        -webkit-margin-start: 0;
        -webkit-margin-end: 0;
        -webkit-padding-start: 0;
    }

        .navCustomer li {
            position: relative;
            display: inline-block;
            text-overflow: ellipsis;
            vertical-align: top;
            font-size: .8em;
            float: left;
            background: #f5f5f5;
            border-right: #e5e5e5 1px solid;
            height: 84px;
        }

            .navCustomer li:hover {
                cursor: pointer;
            }

    [class*=" navIcon-"] {
        speak: none;
    }

    .navIcon-home {
        background: url(images/Customernav/cust-info.png) center center no-repeat;
    }

    .navCustomer {
        position: relative;
        z-index: 2;
    }

        .navCustomer a {
            color: #000;
            margin: 5px auto;
            position: relative;
            text-align: center;
            border-radius: 50%;
            border: 0 solid #666;
            padding-top: 20px;
            text-decoration: none;
        }

        .navCustomer span {
            display: block;
            width: 100%;
            text-align: center;
            margin-top: -.5em;
            line-height: 1.2em;
            white-space: pre;
            white-space: pre-wrap;
            white-space: pre-line;
            white-space: -pre-wrap;
            white-space: -o-pre-wrap;
            white-space: -moz-pre-wrap;
            white-space: -hp-pre-wrap;
            word-wrap: break-word;
        }

        .navCustomer a:hover, .navCustomer li:hover {
            color: #c41617;
        }

        .navCustomer li.navSelected {
            background: #c41617;
            color: #fff;
        }

            .navCustomer li.navSelected a, .navCustomer li.navSelected a i, .navCustomer li.navSelected a:hover i, .navCustomer li.navSelected a:hover span {
                color: #fff;
            }

            .navCustomer li.navSelected em {
                width: 0;
                height: 0;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-top: 10px solid #c61410;
                position: absolute;
                bottom: -10px;
                left: 50%;
                margin-left: -10px;
            }

        .navCustomer.shiftNav li {
            width: 10%;
        }

        .navCustomer.shiftNav a {
            margin: 3px auto;
            width: 40px;
            height: 20px;
        }

    .contentArea {
        width: 100%;
        margin-top: 10px;
        min-height: 100px;
    }

        .contentArea ul {
            list-style: none;
        }

    .Column2Box {
        width: 100%;
    }

        .Column2Box > li {
            margin: 0;
            float: left !important;
            border: 1px solid #bdbdbd;
            background-color: #fff;
            overflow: hidden;
            padding: .5%;
            margin-bottom: 10px !important;
        }

    .halfBox {
        width: 48.3% !important;
        min-height: 130px;
    }

    .fullBox {
        width: 99% !important;
    }

    .halfBox:first-child {
        margin: 0 .7% 0 0;
    }

    .boxStripe-red {
        background: url(images/box-corner-red.png) -15px -1px no-repeat;
    }

    .boxStripe-red2 {
        background: url(images/box-corner-red2.png) -15px -1px no-repeat;
    }

    .boxStripe-orange {
        background: url(images/box-corner-orange.png) -15px -1px no-repeat;
    }

    .boxStripe-green {
        background: url(images/box-corner-green.png) -15px -1px no-repeat;
    }

    .boxStripe-gray {
        background: url(images/box-corner-gray.png) -15px -1px no-repeat;
    }

    .boxStripe-ylow {
        background: url(images/box-corner-ylow.png) -15px -1px no-repeat;
    }

    .acctIcon {
        background: url(images/acct-ico.png) 8px 10px no-repeat;
    }

    .srchIcon {
        background: url(images/srch-icon.png) 10px 12px no-repeat;
    }

    .cashFlowIcon {
        background: url(images/cashFlow-icon.png) 8px 10px no-repeat;
    }

    .paymentTxt {
        background: url(images/paymenttxt.png) 8px 10px no-repeat;
    }

    .minHeightAdj {
        min-height: 180px !important;
    }

    .headRow {
        background-color: Navy;
        display: inline-block;
        overflow: hidden;
        height: 80px;
        padding-left: 60px;
        clear: both;
        width: 100%;
    }

    .iconCustInfo {
        background: url(images/sprite_icons.png) -1px -736px no-repeat;
    }

    .iconCustType {
        background: url(images/sprite_icons.png) -1px -1011px no-repeat;
    }

    .iconCustProd {
        background: url(images/cust-product-icon.png) 5px 5px no-repeat;
    }

    .detailRow {
        clear: both;
        width: 93%;
        margin: auto;
        min-height: 75px;
        text-transform: none;
    }

        .detailRow h4 {
            color: #000;
            font-size: 1em;
            font-weight: 700;
            padding-bottom: 5px;
            padding-top: 5px;
        }

    .detailRow {
        color: #666;
        padding-bottom: 10px;
    }

        .detailRow label {
            color: #c41617;
            margin-right: 5px;
        }

        .detailRow span span {
            color: #666;
            margin-right: 10px;
            padding: 0 !important;
        }

        .detailRow ul {
            width: 96.2%;
        }

    .gridspace {
        margin-top: 45px;
    }

    .headRow li {
        clear: both;
        margin: 5px 0 !important;
        height: auto;
        text-overflow: ellipsis;
        font-size: 1em;
        width: 95%;
    }

        .headRow li h2 {
            width: 100%;
            font-size: 1.2em;
            font-family: FaricyNewMedium,Arial,sans-serif;
            font-weight: bolder;
            color: #c41617;
            text-transform: capitalize;
            float: left;
        }

        .headRow li label {
            font-size: 1em;
            color: #c41617;
            margin-right: 5px;
            width: 25%;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .headRow li span {
            font-size: .8em;
            color: #666;
            margin-right: 5px;
            padding: 0 !important;
        }

        .headRow li a {
            text-decoration: none;
            color: #666;
        }

        .headRow li p {
            float: right;
            text-align: right;
            margin-bottom: 0;
        }

        .headRow li .vip {
            position: absolute;
            top: 20px;
            right: 5px;
        }

    .headRow h4 {
        color: #000 !important;
        font-size: 1em;
        font-weight: 700;
        padding: 0;
        margin: 0;
    }

    .headRow hr {
        margin: 0;
    }

    .theader {
        background-image: -ms-linear-gradient(top,#363636 0,#6B6B6B 100%);
        background-image: -moz-linear-gradient(top,#363636 0,#6B6B6B 100%);
        background-image: -o-linear-gradient(top,#363636 0,#6B6B6B 100%);
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#363636),color-stop(1,#6B6B6B));
        background-image: -webkit-linear-gradient(top,#363636 0,#6B6B6B 100%);
        background-image: linear-gradient(to bottom,#363636 0,#6B6B6B 100%);
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        min-height: 15px;
        padding: 1%;
        color: #fff;
        margin-top: 15px;
        overflow: hidden;
    }

    .fluidGrid .theader span {
        color: #fff;
    }

    .fluidGrid .trow1 span, .fluidGrid .trow2 span {
        color: #666;
    }

    .fluidGrid .trow1 {
        background-color: #e7e7e7;
    }

    .fluidGrid .trow1, .fluidGrid .trow2 {
        border-bottom: 1px solid #bdbdbd;
        padding: 1%;
        overflow: hidden;
    }

    .fluidGrid span {
        display: inline-block;
        text-overflow: ellipsis;
        margin-right: 2%;
        float: left;
        overflow: hidden;
    }

    .fluidGrid .tcol1 {
        width: 15%;
    }

    .fluidGrid .tcol2 {
        width: 40%;
    }

    .fluidGrid .tcol3 {
        width: 14%;
    }

    .fluidGrid .tcol4 {
        width: 15%;
    }

    .ajax__validatorcallout_close_button_cell, .ajax__validatorcallout_error_message_cell, .ajax__validatorcallout_icon_cell, .ajax__validatorcallout_innerdiv, .ajax__validatorcallout_innerdiv div {
        background-color: #edf3f8 !important;
    }

    .ajax__validatorcallout_popup_table {
        width: 260px !important;
        border-radius: 4px !important;
    }

    .message_login {
        background: -moz-linear-gradient(center top,#FEF8F5,#FCE6A3);
        border: 1px solid #EAAD0D;
        border-radius: 4px;
        color: #C41617;
        display: block;
        margin: 0 0 20px;
        padding: 10px 20px;
    }

    .job-card {
        height: 70px;
        margin: 21px 0 20px;
        width: 100%;
    }

        .job-card li {
            list-style: none;
            width: 6% !important;
            display: inline;
            text-align: center;
            margin-left: 26px;
            float: left;
        }

            .job-card li:first-child {
                margin-left: 0 !important;
            }

            .job-card li .circle {
                width: 55%;
                height: 48px;
                background: url(images/circle.png) no-repeat;
                margin: 0 auto;
                position: relative;
            }

            .job-card li a {
                font-size: .75em;
                color: #000;
                text-decoration: none;
                font-family: FaricyNew,Arial,sans-serif;
            }

    .open-customer-name {
        width: 100%;
        margin: 0;
        float: left;
        border-radius: 10px;
        border: 1px solid #bdbdbd;
        min-height: 161px;
        position: relative;
    }

        .open-customer-name .red-curve {
            position: absolute;
            top: -2px;
            left: -2px;
            width: 11%;
            height: 75px;
        }

        .open-customer-name .contact-details {
            color: #b91120;
            font-family: FaricyNew,Arial,sans-serif;
            font-size: 1em;
            float: left;
            width: 100%;
        }

            .open-customer-name .contact-details .name {
                width: 70%;
                float: left;
            }

            .open-customer-name .contact-details .osndth {
                width: 30%;
                text-transform: uppercase;
                float: right;
                text-align: right;
            }

            .open-customer-name .contact-details ul {
                width: 100%;
                float: left;
                display: block;
            }

                .open-customer-name .contact-details ul li {
                    list-style: none;
                    color: #b91120;
                    font-family: FaricyNew,Arial,sans-serif;
                    font-size: .88em;
                    float: left;
                    margin: 0 11px;
                    display: inline;
                    width: 29% !important;
                }

                    .open-customer-name .contact-details ul li:first-child {
                        margin-left: 0 !important;
                    }

                    .open-customer-name .contact-details ul li.div {
                        margin: 0 !important;
                        width: 1% !important;
                        float: left;
                    }

                    .open-customer-name .contact-details ul li span {
                        color: #333;
                        margin: 0 0 0 2px;
                        font-style: normal !important;
                    }

    .install-address-head {
        margin: 12px 0 12px 3%;
        font-family: FaricyNew,Arial,sans-serif;
        color: #666;
        font-size: 1em;
        display: block;
        float: left;
    }

    .install-address {
        font-family: FaricyNew,Arial,sans-serif;
        color: #333;
        font-size: 1em;
        display: block;
        margin-left: 3%;
        float: left;
        width: 97%;
    }

        .install-address span {
            color: #b91120;
            margin-right: 2px;
        }

    .customer-type .contact-details span {
        color: #333;
        margin-left: 3px;
    }

    .customer-type .yellow-curve {
        position: absolute;
        top: -2px;
        left: -2px;
        width: 11%;
        height: 75px;
    }

    .inline {
        display: inline;
    }

    .customer-type {
        float: right;
        border-radius: 10px;
        border: 1px solid #bdbdbd;
        height: 161px;
        position: relative;
        width: 98%;
        padding: 0 1%;
    }

        .customer-type .contact-details {
            padding: 19px 0 19px 54px;
            color: #b91120;
            font-family: FaricyNew,Arial,sans-serif;
            font-size: 1em;
            border-bottom: 1px solid #bdbdbd;
            width: 86%;
            float: left;
            margin-left: 25px;
        }

    #main-panel section ul > li span {
        font-size: 1em;
        padding: 0 0 0 12px;
        font-family: FaricyNew,Arial,sans-serif;
    }

    .scroll-area-new {
        margin-bottom: 0;
    }

        .scroll-area-new li {
            height: 36px;
            font-family: FaricyNew,Arial,sans-serif;
        }

            .scroll-area-new li input[type=checkbox] {
                margin: 12px;
                font-size: .88em;
                width: 20px;
            }

    #main-panel .left-panel ul li img.calender {
        width: 11%;
        float: right;
    }

    #main-panel .left-panel ul li input[type=radio] {
        margin: 12px 12px 20px;
        font-size: .88em !important;
    }

    #main-panel .gray-bg {
        width: auto;
        border-radius: 5px;
        background: #ededed;
        height: auto;
        padding: 15px;
        min-height: 125px;
    }

        #main-panel .gray-bg ul li {
            list-style: none;
            float: none;
            font-size: .83em;
            color: #333;
            display: block;
            font-family: FaricyNew,Arial,sans-serif;
        }

            #main-panel .gray-bg ul li h2 {
                font-size: 1.5em;
                color: #c41617;
            }

            #main-panel .gray-bg ul li .soft-grey {
                color: #666 !important;
                font-style: normal !important;
                padding-left: 0 !important;
            }

    .campain-bg {
        background: #5d5d5d;
        height: 33px;
        color: #FFF;
        border-radius: 5px;
        width: auto;
        padding: 10px 0 0 18px;
        position: relative;
        font-size: 1.13em;
    }

        .campain-bg span {
            padding: 0 !important;
        }

        .campain-bg .add-camp-icon {
            position: absolute;
            right: 10px;
            top: 5px;
        }

        .campain-bg .add-txt {
            position: absolute;
            right: 57px;
            top: 10px;
            font-size: .75em;
            color: #FFF;
            text-decoration: none;
        }

    .tile-red {
        background: #c41617;
        height: 62px;
        color: #FFF;
        border-radius: 5px;
        width: auto;
        padding: 10px 0 0 18px;
        position: relative;
        font-family: FaricyNew,Arial,sans-serif;
        font-size: 1.13em !important;
    }

        .tile-red span {
            padding: 0 !important;
        }

        .tile-red div {
            width: 60%;
            position: absolute;
            font-size: 1.13em;
            text-align: right;
            right: 10px;
            top: 24px;
        }

    #main-panel .tile-red div span.price {
        font-size: 2.1em;
        color: #FFF;
        font-style: normal;
    }

    .radioHold {
        width: auto;
        height: 30px;
        padding: 0 !important;
        display: inline-block;
        font-size: .9em !important;
        position: relative;
        margin: 0 3px 0 0;
    }

        .radioHold img {
            top: 0 !important;
        }

        .radioHold label {
            margin: 0 0 0 5px;
        }

        .radioHold input[type=radio] {
            margin: 0 !important;
        }

    .errorpanel {
        border: 1px solid #EAAD0D;
        background: #FCE6A3;
        background: -webkit-linear-gradient(top,#FEF8F5,#FCE6A3);
        background: -moz-linear-gradient(top,#FEF8F5,#FCE6A3);
        background: -ms-linear-gradient(top,#FEF8F5,#FCE6A3);
        background: -o-linear-gradient(top,#FEF8F5,#FCE6A3);
        border-radius: 4px;
        color: #C41617;
        padding: 10px 20px;
        margin: 0 0 20px;
        width: 100%;
        font-weight: bolder;
        z-index: 1000;
    }

        .errorpanel .warning {
            float: left;
            width: 9%;
            margin: 0 2%;
        }

            .errorpanel .warning img {
                width: 100%;
            }

    #main-panel ul li .errorpanel span {
        color: #414141;
        padding-top: 7px;
        font-size: 1em;
        font-family: FaricyNew,Arial,sans-serif;
        font-style: normal;
    }

    .pos {
        position: absolute;
        bottom: -10px;
        margin: 0 auto;
        width: 15px;
        left: 0;
    }

    .rightside ul {
        margin: 0 0 50px;
    }

        .rightside ul li {
            float: left;
            list-style: none;
            font-family: FaricyNew,Arial,sans-serif;
        }

            .rightside ul li .left {
                width: 50%;
                float: left;
                margin-right: 1%;
            }

            .rightside ul li .right {
                width: 49%;
                float: left;
            }

                .rightside ul li .right .ques-icon {
                    width: 16%;
                    float: left;
                    margin-left: 10px;
                }

            .rightside ul li .place-bttn {
                margin: 16px 0 0;
                border: 0 !important;
            }

            .rightside ul li p {
                color: #666;
                font-style: .75em;
                font-family: FaricyNew,Arial,sans-serif;
                padding: 7px;
                text-align: left;
            }

                .rightside ul li p span {
                    color: #c41617 !important;
                    font-style: normal !important;
                }

    #main-panel #breadcrumb ul li span.grey-text {
        margin-left: 0;
        color: #999 !important;
    }

    .order-confirm-area {
        width: 30%;
        margin-left: 1%;
    }

    .order-confirm {
        height: 76px;
        float: left;
        width: 99%;
        border: 1px solid #c41617;
        border-radius: 10px;
        margin: 20px 0;
    }

        .order-confirm ul {
            margin: 11px 0 0;
            float: left;
        }

            .order-confirm ul li {
                display: inline;
                list-style: none;
                float: left;
                font-family: FaricyNew,Arial,sans-serif;
                color: #666;
                width: 82% !important;
            }

                .order-confirm ul li:first-child {
                    width: 8.77% !important;
                    vertical-align: middle;
                    padding: 2% 3.5%;
                }

                .order-confirm ul li h2 {
                    color: #c41617;
                    font-size: 1em;
                    display: block;
                    width: 100%;
                    font-weight: 400;
                }

                .order-confirm ul li p {
                    font-size: .88em;
                }

    .order-confirm-area .grey-btn {
        height: 32px;
        color: #333;
        text-align: center;
        font-size: .88em;
        width: 32.8%;
        border: 0 !important;
        background: url(images/grey-btn.png) no-repeat;
    }

    .order-fail {
        min-height: 76px;
        float: left;
        border: 1px solid #c41617;
        border-radius: 10px;
        margin: 20px 0;
        padding: 3%;
        width: 94%;
        background: #fff;
    }

        .order-fail img {
            float: left;
            margin: 0 14px 5% 0;
        }

        .order-fail h2 {
            color: #c41617;
            font-size: 1em;
            display: block;
            width: 85%;
            font-weight: 400;
            white-space: normal;
        }

        .order-fail p {
            font-size: .8em;
            display: block;
            width: 85%;
            float: right;
        }

        .order-fail a {
            color: #C41617;
            text-decoration: underline;
        }

    .order-successfull-area {
        width: 30%;
        margin-left: 1%;
        margin-top: 1%;
        float: left;
    }

    .order-successfull {
        border: 1px solid #009905;
        border-radius: 10px;
        background: #eaf1e9;
        padding: 12%;
        color: #359f4f;
        vertical-align: middle;
        float: left;
    }

        .order-successfull img {
            float: left;
            margin: 0 10px 20% 0;
            vertical-align: middle;
        }

        .order-successfull h2 {
            font-size: 1em;
        }

        .order-successfull p {
            font-size: .8em;
        }

    .order-successfull-area .btn-red {
        background: url(images/red-btn.png) no-repeat !important;
        width: 50%;
        height: 82px !important;
        border: 0 !important;
        color: #FFF !important;
        font-style: normal !important;
        font-size: 1.5em !important;
        font-family: FaricyNew,Arial,sans-serif;
        float: left;
    }

    .order-successfull-area .generate-btn {
        background: url(images/generate-contract.png) no-repeat;
        width: 119px;
        height: 65px;
        border: none;
        margin-top: 20px;
    }

    .order-successfull-rrr {
        padding: 5% 13%;
    }

    .icon-section {
        width: 100%;
        float: left;
    }

        .icon-section .iconul {
            margin: 32px 0 0;
            float: left;
        }

            .icon-section .iconul li {
                list-style: none;
                float: left;
                display: block;
                text-align: center;
                height: 76px;
                width: 100%;
                position: relative;
                font-family: FaricyNew,Arial,sans-serif;
            }

                .icon-section .iconul li span {
                    padding: 0 !important;
                    height: 50px;
                    width: 50px;
                    display: inline-block;
                }

                .icon-section .iconul li .save-icon {
                    background: url(images/sprite-icon.png) no-repeat;
                }

                .icon-section .iconul li .complete-icon {
                    background: url(images/sprite-icon.png) -109px 1px no-repeat;
                }

                .icon-section .iconul li .swap-icon {
                    background: url(images/sprite-icon.png) -161px 1px no-repeat;
                }

                .icon-section .iconul li .print-icon {
                    background: url(images/sprite-icon.png) -55px 1px no-repeat;
                }

                .icon-section .iconul li .cancel-icon {
                    background: url(images/sprite-icon.png) -209px 0 no-repeat;
                }

                .icon-section .iconul li a {
                    font-size: .75em;
                    color: #000;
                    text-decoration: none;
                    width: 50px;
                    text-align: center;
                    cursor: pointer;
                    display: inline-block;
                }

    .problem-section {
        width: 98%;
        border-radius: 10px;
        border: 1px solid #bdbdbd;
        float: left;
        margin-top: 25px;
        position: relative;
        min-height: 515px;
        padding: 0 1%;
    }

        .problem-section .scheduled-img {
            position: absolute;
            top: -2px;
            left: -2px;
            width: 12%;
        }

        .problem-section .prob-desc {
            font-size: .88em;
            color: #b91120;
            margin-left: 12%;
            display: block;
            float: left;
            margin-top: 18px;
            width: 80%;
            font-family: FaricyNewMedium;
        }

        .problem-section .re-instal {
            font-size: .88em;
            color: #333;
            margin-left: 12%;
            display: block;
            float: left;
            font-family: FaricyNew,Arial,sans-serif;
        }

        .problem-section ul {
            margin: 28px 0 0;
            float: left;
        }

            .problem-section ul li {
                list-style: none;
                float: left;
                display: block;
                width: 100%;
                margin-bottom: 3px;
            }

                .problem-section ul li .text {
                    width: 32%;
                    float: left;
                    color: #666;
                    font-size: 1em;
                    padding: 17px 0 0;
                }

                .problem-section ul li .text1 {
                    width: 32%;
                    float: left;
                    color: #666;
                    font-size: 1em;
                    padding: 0;
                }

    .dateCol .date-pick {
        width: 74% !important;
    }

    .problem-section ul li .form-elements {
        width: 67%;
        float: left;
    }

    .complete-section {
        width: 98%;
        border-radius: 10px;
        border: 1px solid #bdbdbd;
        float: left;
        margin: 26px 0;
        position: relative;
        height: auto;
        padding: 0 1%;
    }

        .complete-section .complete-greenimg {
            position: absolute;
            top: -2px;
            left: -2px;
            width: 12%;
        }

        .complete-section .on-complete {
            font-size: 1em;
            color: #b91120;
            margin-left: 12%;
            display: block;
            float: left;
            margin-top: 18px;
            width: 80%;
            font-family: FaricyNewMedium;
        }

        .complete-section .summary {
            font-size: 1em;
            color: #333;
            margin-left: 12%;
            display: block;
            float: left;
            font-family: FaricyNew,Arial,sans-serif;
            margin-bottom: 17px;
        }

    .border {
        background: #bdbdbd;
        width: 100%;
        height: 1px;
        display: block;
        float: left;
    }

    .grey-general {
        width: 100%;
        float: left;
        color: #666;
        font-size: 1.2em;
        margin: 10px 0 0;
    }

    .complete-section ul {
        float: left;
        width: 100%;
    }

        .complete-section ul li {
            list-style: none;
            float: left;
            display: block;
            width: 100%;
            margin-bottom: 4px;
        }

            .complete-section ul li .content-lft {
                width: 50%;
                color: #333;
                font-size: 1em;
                padding: 14px 0 0;
                float: left;
            }

            .complete-section ul li .content-rht {
                width: 50%;
                float: left;
            }

            .complete-section ul li .qty {
                width: 100%;
                float: left;
            }

                .complete-section ul li .qty input {
                    width: 88% !important;
                }

            .complete-section ul li .black-btnarea {
                width: 100%;
                float: right;
                color: #fff;
            }

                .complete-section ul li .black-btnarea .black-btn {
                    background: url(images/black-btn.png) no-repeat;
                    background-size: 100% 45px;
                    width: 100%;
                    height: 45px;
                    border: 0 !important;
                    color: #FFF !important;
                    font-size: 1.2em;
                }

    .scroll-section {
        width: 100%;
        float: left;
    }

    .close-section {
        width: 100%;
        float: right;
    }

    .scroll-area1 {
        height: 66px;
        border-radius: 5px;
        box-shadow: 0 0 10px silver inset;
        overflow: auto;
    }

        .scroll-area1 li {
            height: 32px;
            border-bottom: 1px #c6c6c6 solid;
            position: relative;
            margin: 0 !important;
            font-size: .88em;
            font-family: FaricyNew,Arial,sans-serif;
            color: #000;
        }

            .scroll-area1 li .text {
                width: 58%;
                padding: 10px 0 0 40px;
                float: left;
            }

            .scroll-area1 li .quantity {
                width: 26%;
                float: left;
                padding: 10px 0 0;
            }

                .scroll-area1 li .quantity span {
                    margin: 0 0 0 2px;
                }

            .scroll-area1 li .delete {
                position: absolute;
                cursor: pointer;
                right: 10px;
                top: 15px;
            }

    .close-section .btn-red {
        background: url(images/red-btn.png) no-repeat;
        background-size: 100% 82px;
        width: 100%;
        height: 82px !important;
        border: 0 !important;
        color: #FFF !important;
        font-style: normal !important;
        float: right;
        font-size: 1.2em;
    }

    .problem-section ul li .form-elements input[type=text] {
        font-style: normal !important;
        color: #333 !important;
    }

    .problem-section ul li .form-elements textarea {
        font-style: normal;
        color: #333;
    }

    .head1 {
        font-size: 1.13em;
        color: #c41617;
        float: left;
        font-family: FaricyNew,Arial,sans-serif;
        display: inline;
    }

        .head1 span {
            color: #5d5d5d;
        }

    .subHead1 {
        color: #5d5d5d;
        font-size: 1.13em;
        font-family: FaricyNew,Arial,sans-serif;
        display: block;
        float: left;
        width: 100%;
        margin-top: 6.7px;
    }

    .edit-icon {
        width: 6%;
        position: absolute;
        top: 14px;
        right: 10px;
    }

    .contact-info {
        margin: 5px 0 0;
        float: left;
    }

        .contact-info li {
            float: left;
            list-style: none;
            font-size: .88em;
            font-family: FaricyNew,Arial,sans-serif;
            color: #333;
            margin-bottom: 5px !important;
        }

            .contact-info li .left {
                width: 34.9%;
                float: left;
                color: #666;
            }

            .contact-info li .right {
                width: 64%;
                float: left;
            }

                .contact-info li .right span {
                    font-style: normal !important;
                }

    .identity, .instal-addr {
        color: #333;
        font-size: .88em;
        font-family: FaricyNew,Arial,sans-serif;
        float: left;
        width: 100%;
        margin-top: 5px;
    }

    .current span {
        color: #c41617;
        font-size: .88em;
        margin-left: 14px;
    }

    .signature-panel {
        margin: 15px 0 0;
        float: left;
    }

        .signature-panel li {
            margin-bottom: 13.5px !important;
        }

            .signature-panel li .cusCheck {
                cursor: pointer;
            }

            .signature-panel li span.accept {
                padding: 0 !important;
                width: auto !important;
            }

    .signature-area {
        height: 155px;
        overflow: hidden;
        position: relative;
        border-radius: 10px;
        border: 1px solid #bdbdbd;
        width: 99%;
        color: #333;
        font-family: FaricyNew,Arial,sans-serif;
        text-align: center;
    }

        .signature-area .edit-icon {
            bottom: 10px !important;
        }

        .signature-area .SignatureImage {
            left: 0;
            position: absolute;
            top: 0;
            height: 90%;
        }

        .signature-area span {
            position: relative;
            z-index: 80;
            float: left;
        }

    .adjMar1 {
        margin: 0 0 20px !important;
    }

    .tile-adjust {
        float: left;
        width: 100%;
        margin: 0 0 10px;
    }

    .adjFnt {
        font-size: .6em;
    }

    .jobCards-section {
        width: 52%;
        margin-right: 1.9%;
        border-radius: 10px;
        border: 1px solid #bdbdbd;
        float: left;
        margin-top: 25px;
        position: relative;
        min-height: 190px;
        padding: 0 1%;
    }

        .jobCards-section ul {
            margin: 0;
            float: left;
        }

            .jobCards-section ul li {
                list-style: none;
                height: auto;
                font-size: 1.05em;
            }

        .jobCards-section .jobCardsItem {
            padding: 0 0 0 25px;
        }

            .jobCards-section .jobCardsItem li {
                list-style: none;
            }

    .JobSelected {
        background: url(images/redarr.png) 15px 6px no-repeat;
    }

    #ContainerJobCard > li {
        cursor: pointer;
    }

        #ContainerJobCard > li:hover {
            background-color: #e4e4e4;
        }

    .customer-name {
        width: 49%;
        float: left;
        border-radius: 10px;
        border: 1px solid #bdbdbd;
        min-height: 190px;
        position: relative;
    }

        .customer-name.newWH {
            width: 43.6%;
        }

        .customer-name .red-curve {
            position: absolute;
            top: -2px;
            left: -2px;
            width: 11%;
            height: 75px;
        }

        .customer-name .contact-details {
            color: #b91120;
            font-family: FaricyNew,Arial,sans-serif;
            font-size: 1em;
            float: left;
        }

            .customer-name .contact-details .name {
                width: 70%;
                float: left;
            }

            .customer-name .contact-details .osndth {
                width: 30%;
                text-transform: uppercase;
                float: right;
                text-align: right;
            }

            .customer-name .contact-details .address {
                width: 100%;
                float: left;
                font-size: .8em;
            }

            .customer-name .contact-details ul {
                width: 100%;
                float: left;
                display: block;
            }

                .customer-name .contact-details ul li {
                    list-style: none;
                    color: #b91120;
                    font-family: FaricyNew,Arial,sans-serif;
                    font-size: .88em;
                    float: left;
                    margin: 0 11px;
                    display: inline;
                    width: 29% !important;
                }

                    .customer-name .contact-details ul li:first-child {
                        margin-left: 0 !important;
                    }

                    .customer-name .contact-details ul li.div {
                        margin: 0 !important;
                        width: 1% !important;
                        float: left;
                    }

                    .customer-name .contact-details ul li span {
                        color: #333;
                        margin: 0 0 0 2px;
                        font-style: normal !important;
                    }

    .jobCardSchedule {
        width: 100%;
    }

    .scheduleSelectsHold {
        margin: -1px;
    }

    .jobCardSchedule .scheduleSelects li {
        display: inline-block;
        width: 24% !important;
        margin: 0 5px;
        float: none !important;
        text-align: left;
    }

    .jobCardSchedule .gryBtn, .jobCardSchedule .redBtn {
        width: 160px !important;
        margin-right: 10px;
        font-size: 1.2em !important;
        height: 40px !important;
        background-size: 100% 40px !important;
    }

    .scheduleInfo {
        padding: 10px 20px;
    }

        .scheduleInfo span {
            display: inline-block;
        }

        .scheduleInfo .colorNote span {
            width: 15px;
            height: 15px;
            vertical-align: middle;
            margin: 0 0 0 10px;
        }

        .scheduleInfo .colorNote {
            margin: 0;
        }

        .scheduleInfo .dateNav {
            color: #cdcdcd;
        }

            .scheduleInfo .dateNav .active {
                color: #313131;
            }

    .scheduleTbl {
        margin: 0 20px 10px;
        position: relative;
    }

        .scheduleTbl .teamDiv .teamGridHold {
            overflow: hidden;
            width: 100%;
            position: relative;
            height: 100% !important;
        }

        .scheduleTbl .teamDiv .teamGrid {
            width: 100%;
            list-style-type: none;
            position: relative;
            top: 0;
            margin: 0;
            padding: 0;
        }

            .scheduleTbl .teamDiv .teamGrid li {
                float: left;
                height: 40px;
                width: 100%;
                border-bottom: 1px solid #FFF;
                margin-bottom: 1.25rem;
            }

            .scheduleTbl .teamDiv .teamGrid .teamDate {
                padding: 10px;
                float: left;
                color: #d70725;
            }

            .scheduleTbl .teamDiv .teamGrid .teamName {
                padding: 10px;
                float: right;
            }

        .scheduleTbl .timeTbl {
            overflow: hidden;
            top: 0;
            right: 0;
        }

            .scheduleTbl .timeTbl .timeLine {
                width: 100%;
                padding: 10px 0 12px 45px;
                position: relative;
            }

                .scheduleTbl .timeTbl .timeLine li {
                    display: inline-block;
                    margin: 0 22px 0 0;
                    text-align: center;
                    width: 44px;
                    position: relative;
                }

                    .scheduleTbl .timeTbl .timeLine li img {
                        position: absolute;
                        bottom: -12px;
                        left: 19px;
                    }

            .scheduleTbl .timeTbl .timeGrid {
                list-style-type: none;
                display: block;
                width: 100%;
                float: left;
            }

                .scheduleTbl .timeTbl .timeGrid li {
                    float: left;
                    text-align: center;
                    border-color: #fff;
                    border-style: solid;
                    border-width: 0 1px 1px 0;
                    background: #d7d7d7;
                    width: 65px;
                    height: 40px;
                }

                    .scheduleTbl .timeTbl .timeGrid li:last-child {
                        background: 0 0;
                    }

                    .scheduleTbl .timeTbl .timeGrid li.redBg {
                        border-right-color: #CE0C26 !important;
                        position: relative;
                    }

                    .scheduleTbl .timeTbl .timeGrid li.helperBg {
                        border-right-color: #3F9DA4 !important;
                        position: relative;
                    }

                    .scheduleTbl .timeTbl .timeGrid li .comment {
                        position: absolute;
                        top: 10px;
                        left: 10px;
                        color: #fff;
                        display: block;
                        z-index: 999;
                        text-align: center;
                        width: 150px;
                    }

    .timeLinehold {
        height: 42px;
    }

    #timeGridHold {
        position: relative;
        min-height: 50px;
        left: 0;
    }

    #TimeDiv {
        position: relative;
    }

    .currShiftBox {
        font-size: .8em;
        margin: 0 0 10px;
    }

    #main-panel .currShiftBox ul.shifts {
        margin: 25px 20px 0;
        font-size: 1.1em;
        width: auto;
    }

        #main-panel .currShiftBox ul.shifts li {
            margin: 0 0 25px;
        }

    .currShiftBox ul.shifts li .Scols {
        display: inline-block;
        text-overflow: ellipsis;
        float: left;
        overflow: hidden;
        width: 50%;
    }

    .currShiftBox input.closeNow {
        padding: 6px 0 6px 10px;
        font-family: FaricyNew,Arial,sans-serif;
        font-size: 1em;
        color: #999;
        width: 48%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .shiftCom {
        padding: 10px;
        box-sizing: border-box;
    }

    .note {
        float: left;
        width: 15%;
    }

    .noteTxt {
        float: left;
        width: 90%;
        margin: 15px 0;
    }

    .currShiftBox span {
        padding: 0 !important;
    }

    .statusIcon {
        position: absolute;
        top: 2px;
        left: -15px;
        transform: translate3d(0,0,0);
        -webkit-backface-visibility: hidden;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        width: 85px;
        height: 50px;
        vertical-align: middle;
        font-family: arial;
        font-weight: 700;
        text-transform: capitalize;
        color: #fff;
    }

        .statusIcon td span {
            text-align: center;
            display: inline-block;
            width: 100%;
        }

    .payModBox {
        width: 60%;
    }

    .amtBox {
        width: 37%;
        overflow: hidden;
        margin-right: 2.6%;
    }

    #amtBoxScroll {
        height: 288px;
        position: relative;
    }

    .amtBox .amtBoxGrid li {
        background: #e7e7e7;
        margin-bottom: 0 !important;
        border-bottom: 1px solid #acacac;
        padding: 3px 0;
        list-style: none;
    }

        .amtBox .amtBoxGrid li div {
            display: table-cell;
            text-overflow: ellipsis;
            overflow: hidden;
            vertical-align: middle;
        }

        .amtBox .amtBoxGrid li .amtCol1 {
            width: 35%;
            padding: 0 3% 0 0;
        }

        .amtBox .amtBoxGrid li .amtCol2, .amtBox .amtBoxGrid li .amtCol3 {
            width: 30%;
        }

        .amtBox .amtBoxGrid li input {
            padding: 5px !important;
            width: 95%;
            box-sizing: border-box;
        }

        .amtBox .amtBoxGrid li .amtCol2 input.visHid {
            width: 1%;
        }

    .totBox {
        line-height: 30px;
        margin: 0 2.5%;
        padding: 10px 0;
        height: 20px;
    }

        .totBox span.scrollBox {
            width: 50.8%;
        }

            .totBox span.scrollBox span {
                margin: 0 0 0 10%;
            }

                .totBox span.scrollBox span.scrollBoxTot {
                    margin: 0 0 0 11%;
                }

    .totBoxRed {
        color: #cb3233;
        width: 39%;
    }

        .totBoxRed span.amtBoxTot {
            margin: 0 17.7%;
        }

    .shiftCash {
        padding: 3%;
        list-style: none;
    }

        .shiftCash span {
            padding: 0 !important;
        }

        .shiftCash li {
            width: 100%;
            float: left;
            margin: 0 0 10px;
        }

            .shiftCash li div {
                display: inline-block;
                text-overflow: ellipsis;
                float: left;
                overflow: hidden;
            }

            .shiftCash li .cashCol1 {
                width: 26%;
                text-align: left;
            }

            .shiftCash li .cashCol3 {
                width: 16%;
                text-align: right;
            }

            .shiftCash li .cashCol4 {
                width: 24%;
                text-align: right;
            }

    #divPayMod a {
        color: #000;
        text-decoration: none;
        margin-right: 5%;
    }

        #divPayMod a.on, #divPayMod a:hover {
            color: #FFAC05;
        }

    .cancel {
        text-decoration: none;
        color: #000;
        margin: 6px 0 0 20%;
    }

    .clsShiftBtn input {
        font-size: 1.5em !important;
    }

    .currShiftBox .clsShiftBtn input {
        font-size: 1.8em !important;
    }

    .closeBtn input.btnCloseNow {
        font-size: 1.5em !important;
    }

    .corCutBox, .corCutBox3 {
        padding: 20px 10px 0 75px;
        min-height: 70px;
    }

    .iconOpen {
        background: url(images/openTxt.png) 10px 10px no-repeat;
    }

    .iconClose {
        background: url(images/closeTxt.png) 10px 10px no-repeat;
    }

    .iconSchedule {
        background: url(images/scheduleTxt.png) 5px 5px no-repeat;
    }

    .iconNew {
        background: url(images/newTxt.png) 10px 10px no-repeat;
    }

    .iconCloseing {
        background: url(images/closeingTxt.png) 10px 10px no-repeat;
    }

    .stocksIconSm {
        background: url(images/stocks-icon-sm.png) 10px 10px no-repeat;
    }

    .custTypeIcon {
        background: url(images/cust-type-icon.png) 10px 10px no-repeat;
    }

    .shiftSearch {
        background: #6b6b6b;
        background: -moz-linear-gradient(top,#6b6b6b,#a3a3a3);
        background: -webkit-linear-gradient(top,#6b6b6b,#a3a3a3);
        width: 100%;
        padding: 14px;
        border-radius: 5px;
        margin: 23px 0 5px;
        float: left;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

        .shiftSearch input[type=text] {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            box-sizing: border-box;
            padding: 10px 0 10px 8px;
            font-size: 1.1em;
            width: 100%;
        }

        .shiftSearch input.srch-icon-bttn {
            background: url(images/srchImg.png) no-repeat;
            background-size: 100% 100%;
        }

        .shiftSearch .columns {
            margin-left: 1%;
        }

        .shiftSearch .two.columns {
            width: 16.8% !important;
        }

        .shiftSearch a {
            display: inline-block;
            float: right;
            background: url(images/calender-icon.png) center no-repeat;
            background-size: 100%;
            width: 23%;
        }

        .shiftSearch input[type=text].date-pick {
            width: 74%;
        }

    .colgShift input[type=radio] {
        width: auto;
        float: left;
    }

    .colgShift .colgHead {
        color: #ffac05;
        padding: 15px 0 30px;
    }

        .colgShift .colgHead .cols1 {
            margin: 0 0 0 38px;
            padding: 0;
        }

        .colgShift .colgHead .cols2, .colgShift .colgHead .cols3 {
            padding: 0;
        }

    .colgShift .cols1 {
        width: 20%;
        display: inline-block;
        float: left;
        padding: 8px 0;
    }

    .colgShift .cols2 {
        width: 25%;
        display: inline-block;
        float: left;
        padding: 8px 0;
    }

    .colgShift .cols3 {
        width: 40%;
        display: inline-block;
        float: left;
        padding: 8px 0;
        text-align: right;
    }

    .rndIc {
        color: #000;
        font-size: .8em;
        display: inline-block;
    }

        .rndIc.on, .rndIc:hover {
            color: #c9041d;
        }

            .rndIc.on img, .rndIc:hover img {
                border: 3px solid #c9041d;
            }

        .rndIc img {
            border-radius: 50%;
            border: 3px solid #666;
            padding: 3%;
            margin-bottom: 5px;
        }

    .corCutBox2 {
        padding: 20px 10px 0 75px;
        min-height: 55px;
    }

    .inputHt {
        height: 40px;
    }

    .srch-btn {
        background: url(images/grysrchImg.png) no-repeat;
        background-size: 100% 100%;
        border: none;
        width: 40px;
        height: 40px;
    }

    .gridUl {
        list-style: none;
        float: left;
        width: 100%;
    }

        .gridUl li {
            padding: 8px 0;
            border-bottom: 1px solid #cbcbcb;
        }

            .gridUl li:last-child {
                border: none;
            }

    .listpop {
        width: 100%;
        height: 100%;
        z-index: 999;
        position: absolute;
    }

        .listpop iframe {
            border-radius: 10px;
            width: 100%;
            height: 100%;
        }

    .listpopHold .row {
        min-width: initial;
    }

    .popHead {
        padding: 10px 0;
        background: #f0f0f0;
        border-bottom: 1px #bdbdbd solid;
        height: 45px;
    }

    .popContent {
        width: 95%;
        margin: 10px auto;
    }

        .popContent ul {
            list-style: none;
        }

            .popContent ul li {
                padding: 10px 0;
            }

    .listpopHold input.redBtn[type=submit] {
        height: 44px;
        width: auto;
        padding: 0 20px;
        background: url(images/loginBg.png) no-repeat;
        background-size: 100% 44px;
        text-align: center;
        color: #FFF;
        font-size: 1.2em;
        border: 0;
        cursor: pointer;
    }

    .listpopHold input.blackBtn[type=submit] {
        width: 100%;
        background: url(images/blk-btn.png) no-repeat;
        background-size: 100% 44px;
        height: 44px;
        text-align: center;
        color: #FFF;
        font-size: 1.2em;
        font-family: FaricyNew,Arial,sans-serif;
        border: 0;
        cursor: pointer;
        font-style: normal;
    }

    .listpopHold input.grey-btn[type=submit] {
        height: 44px;
        width: auto;
        padding: 0 20px;
        background: url(images/grey-btn.png) no-repeat;
        background-size: 100% 44px;
        text-align: center;
        color: #000;
        font-size: 1.2em;
        border: 0 !important;
        cursor: pointer;
    }

    .listpopHold .order-successfull-area {
        width: 75%;
        margin: 0 auto;
        float: none;
    }

        .listpopHold .order-successfull-area .order-fail {
            min-height: 150px;
        }

    .listpopHold .order-successfull {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .androidPopupFrm, .popupFrm {
        background-image: none;
        background-color: transparent;
    }

    .disabledDropdown span {
        position: absolute;
        top: 12px;
        font-size: 1.1em !important;
        left: 7px;
        padding-left: 0 !important;
    }

    .statusImg {
        position: absolute;
        right: 10px;
        bottom: 10px;
        z-index: 2;
        width: 24px;
    }

    .secHold {
        width: 100%;
        min-height: 500px;
        border: 1px solid #d9d9d9;
        border-radius: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding: 15px;
    }

    .fldHold li {
        margin-bottom: 5px;
        list-style: none;
    }

        .fldHold li textarea {
            font-size: 1.4em;
        }

        .fldHold li input[type=text] {
            height: 44px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            padding: 0 0 0 8px;
            font-size: 1.1em;
        }

    .legends {
        background-image: url(images/rrr-legends.png);
        background-repeat: no-repeat;
        width: 29px;
        height: 10px;
        display: inline-block;
        vertical-align: middle;
        margin-top: 5px;
        padding: 26px 0 0;
        font-size: 9px;
        text-align: center;
        color: #000;
    }

        .legends.upgrade {
            background-position: 4px 0;
            width: 35px;
        }

        .legends.reconnect {
            background-position: -30px 0;
            width: 30px;
        }

        .legends.re-instate {
            background-position: -62px 0;
            width: 31px;
        }

        .legends.renew {
            background-position: -95px 0;
        }

    .contCode span.errClass, input.errClass, textarea.errClass {
        background: -moz-linear-gradient(center top,#faa,#ffEDED) !important;
        background: -webkit-linear-gradient(top,#faa,#ffEDED) !important;
        border: 1px solid red !important;
    }

    .contCode span.errClass {
        border-right-width: 0 !important;
        background-image: url(images/dropBgerror.png);
    }

    .errClass .customCombo {
        border: 1px solid red !important;
        background-image: url(images/dropBgerror.png) !important;
    }

    .tooltip {
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 5px;
        background: #fff;
        border: 1px solid #313031;
        padding: 5px;
        display: none;
        white-space: nowrap;
        color: #333;
    }

    #timeGridHold .tooltip {
        max-width: 200px;
        color: #333;
    }

    .tooltip:after {
        position: absolute;
        bottom: -14px;
        left: 0;
        color: red;
    }

    .pholdTxt {
        position: absolute;
        color: #adaead;
        font-size: 1.1em;
        z-index: 999;
    }

    .forNative {
        border-radius: 5px;
        background: #fff;
        border: 1px solid #ff9b2f;
        padding: 5px;
        display: none;
        white-space: nowrap;
    }

    .sortUp {
        background: url(images/sortUpArro.png) 70% center no-repeat;
    }

    .sortDw {
        background: url(images/sortDwArro.png) 70% center no-repeat;
    }

    .icoText {
        font-size: .7em;
        text-align: center;
        display: inline-block;
        color: #000;
    }

    .wAuto {
        width: auto !important;
    }

    .w100 {
        width: 100% !important;
    }

    .w95 {
        width: 95.5% !important;
    }

    .w80 {
        width: 80% !important;
    }

    .w70 {
        width: 70% !important;
    }

    .w60 {
        width: 60% !important;
    }

    .w50 {
        width: 50% !important;
    }

    .w40 {
        width: 40% !important;
    }

    .w30 {
        width: 30% !important;
    }

    .gryBg {
        background: #f5f6f6 !important;
    }

    .gryBg1 {
        background: #d6d6d6;
    }

    .redBg {
        background: #ce0c26 !important;
        color: #fff;
        border: 1px solid #de2b0f;
    }

    .inactiveBg, .whtBg {
        background: #fff !important;
    }

    .ylBg {
        background: #ffa431 !important;
    }

    .ylBg2 {
        background: #ffff8e !important;
    }

    .helperBg {
        background: #3F9DA4 !important;
    }

    .semiBlkBg {
        background-color: #11090a !important;
    }

    .gryVigBg {
        background: -moz-linear-gradient(top,#ededed,#fefefe);
        background: -webkit-linear-gradient(top,#ededed,#fefefe);
    }

    .yloVigBg {
        background: -moz-linear-gradient(top,#fada9d,#ffc45e);
        background: -webkit-linear-gradient(top,#fada9d,#ffc45e);
    }

    .blkVigBg {
        background-color: #363636;
        background-image: -ms-linear-gradient(top,#363636 0,#6B6B6B 100%) !important;
        background-image: -moz-linear-gradient(top,#363636 0,#6B6B6B 100%) !important;
        background-image: -o-linear-gradient(top,#363636 0,#6B6B6B 100%) !important;
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#363636),color-stop(1,#6B6B6B)) !important;
        background-image: -webkit-linear-gradient(top,#363636 0,#6B6B6B 100%) !important;
        background-image: linear-gradient(to bottom,#363636 0,#6B6B6B 100%) !important;
    }

    .grnBg {
        background: #eaf1e9 !important;
    }

    .GridTitleBg {
        background: #dedede;
        background-image: -ms-linear-gradient(top,#dedede 0,#dedede 100%) !important;
        background-image: -moz-linear-gradient(top,#dedede 0,#dedede 100%) !important;
        background-image: -o-linear-gradient(top,#dedede 0,#dedede 100%) !important;
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#dedede),color-stop(1,#dedede)) !important;
        background-image: -webkit-linear-gradient(top,#dedede 0,#dedede 100%) !important;
        background-image: linear-gradient(to bottom,#dedede 0,#dedede 100%) !important;
        border-bottom: #c7c7c7 1px solid !important;
        color: #000;
        margin-bottom: 0 !important;
    }

    .GridTitleBgInside {
        background: #dedede;
        background-image: -ms-linear-gradient(top,#dedede 0,#dedede 100%) !important;
        background-image: -moz-linear-gradient(top,#dedede 0,#dedede 100%) !important;
        background-image: -o-linear-gradient(top,#dedede 0,#dedede 100%) !important;
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#dedede),color-stop(1,#dedede)) !important;
        background-image: -webkit-linear-gradient(top,#dedede 0,#dedede 100%) !important;
        background-image: linear-gradient(to bottom,#dedede 0,#dedede 100%) !important;
        border: 1px solid #c7c7c7 !important;
        color: #000;
        margin-bottom: 0 !important;
    }

    .brdrTop {
        border-top: #ddd 1px solid;
    }

    .GridDataBg {
        background: #fff !important;
        border: 1px solid #ddd !important;
    }

    .noBg {
        background: 0 0 !important;
    }

    .grnBdr {
        border: 1px solid #009905 !important;
    }

    .gryBdr {
        border: 1px solid #bdbdbd !important;
    }

    .redBdr {
        border: 1px solid #c41617 !important;
    }

    .redRtBdr {
        border-right: 1px solid #c41617 !important;
    }

    .bdrBtm {
        border-bottom: 1px solid #cbcbcb !important;
    }

    .gryBdrBtm {
        border-bottom: 1px solid #bdbdbd !important;
    }

    .bdrRad {
        border-radius: 10px !important;
    }

    .bdrRad5 {
        border-radius: 5px !important;
    }

    .topbdrRad {
        border-radius: 10px 10px 0 0 !important;
    }

    .btmbdrRad {
        border-radius: 0 0 10px 10px !important;
    }

    .tpRtbdrRad {
        border-radius: 0 10px 0 0 !important;
    }

    .tpltbdrRad {
        border-radius: 10px 0 0 !important;
    }

    .padd5per {
        padding: 5%;
    }

    .padd3per {
        padding: 3%;
    }

    .padd2per {
        padding: 2%;
    }

    .paddTopBtm5per {
        padding: 5% 0;
    }

    .paddTopBtm3per {
        padding: 3% 0;
    }

    .paddTopBtm2per {
        padding-top: 2% !important;
        padding-bottom: 2% !important;
    }

    .paddTopBtm5px {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .padd10 {
        padding: 10px;
    }

    .padRt25 {
        padding-right: 25px !important;
    }

    .padRt16 {
        padding-right: 16px !important;
    }

    .padlt10 {
        padding-left: 10px !important;
    }

    .padRtLt10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .padtp12 {
        padding-top: 12px !important;
    }

    .padtp10 {
        padding-top: 10px !important;
    }

    .padRt5 {
        padding-right: 5px !important;
    }

    .padLt5 {
        padding-left: 5px !important;
    }

    .boxPadRt2per {
        padding-right: 2% !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .boxPadlt2per {
        padding-left: 2% !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .boxPadlt1per {
        padding-left: 1% !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mar5per {
        margin-left: 5%;
        margin-right: 5%;
    }

    .mar25per {
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    .mar20px {
        margin-left: 20px;
        margin-right: 20px;
    }

    .marRt1per {
        margin-right: 1%;
    }

    .martp5 {
        margin-top: 5px;
    }

    .marLtRt5 {
        margin-left: 5px;
        margin-right: 5px;
    }

    .martp10 {
        margin-top: 10px !important;
    }

    .martp-10 {
        margin-top: -10px !important;
    }

    .martp-5 {
        margin-top: -5px !important;
    }

    .martp-3 {
        margin-top: -3px !important;
    }

    .martp15 {
        margin-top: 15px !important;
    }

    .martp28 {
        margin-top: 28px;
    }

    .martp20 {
        margin-top: 20px !important;
    }

    .martp25 {
        margin-top: 25px;
    }

    .martp75 {
        margin-top: 75px;
    }

    .marRt25 {
        margin-right: 25px;
    }

    .marRt10 {
        margin-right: 10px !important;
    }

    .marLt10 {
        margin-left: 10px !important;
    }

    .marbtm10 {
        margin-bottom: 10px !important;
    }

    .marbtm15 {
        margin-bottom: 15px !important;
    }

    .marbtm20 {
        margin-bottom: 20px !important;
    }

    .mar0 {
        margin: 0 !important;
    }

    .colmarLT17 .columns {
        margin-left: 1.7%;
    }

    .colmarLT3 .columns {
        margin-left: 3%;
    }

    .italic {
        font-style: italic;
    }

    .bld {
        font-weight: 800;
    }

    .redtxt {
        color: #cb3233;
    }

    .ylowtxt {
        color: #ff9b2f;
    }

    .grytxt {
        color: #666;
    }

    .gryIntxt {
        color: #adaead !important;
    }

    .grntxt {
        color: #008b06;
    }

    .blktxt {
        color: #000;
    }

    .whtxt {
        color: #fff;
    }

    .ylwtxt {
        color: #ffac05;
    }

    .fnt06 {
        font-size: .6em;
    }

    .fnt07 {
        font-size: .7em;
    }

    .fnt08 {
        font-size: .8em;
    }

    .fnt09 {
        font-size: .9em;
    }

    .fnt10 {
        font-size: 1em;
    }

    .fnt12 {
        font-size: 1.2em;
    }

    .fnt15 {
        font-size: 1.5em;
    }

    .fnt30 {
        font-size: 3em;
    }

    .fllt {
        float: left !important;
    }

    .flrt {
        float: right !important;
    }

    .txtrt {
        text-align: right;
    }

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

    .txtJust {
        text-align: justify;
    }

    .txtlt {
        text-align: left;
    }

    .clr {
        clear: both;
        line-height: 0;
    }

    .visHid {
        visibility: hidden;
    }

    .verMid {
        vertical-align: middle;
    }

    .nodisplay {
        display: none;
    }

    .inDis {
        display: inline-block;
    }

    .bdrBox {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .cursorHand {
        cursor: pointer;
    }

    .posRel {
        position: relative;
    }

    .ovrVis {
        overflow: visible !important;
    }

    .ovrHid {
        overflow: hidden !important;
    }

    .lisNon {
        list-style: none;
    }

    .notxtov {
        text-overflow: none !important;
        overflow: visible !important;
        white-space: normal !important;
    }

    .varifydiv {
        position: absolute;
        top: -234px;
        right: 242px;
        z-index: 999;
    }

    input[type=submit] {
        cursor: pointer;
    }

    select option {
        text-indent: 5px;
    }

    #scroller123 {
        width: 100%;
    }

        #scroller123:after, #scroller123:before {
            content: " ";
            display: table;
        }

        #scroller123:after {
            clear: both;
        }

    .copyAdd {
        position: absolute;
        top: 5px;
        right: 5px;
        cursor: pointer;
    }

    #pullUp {
        display: none !important;
    }

    .pullUpLabel {
        padding: 0 !important;
        font-weight: 700;
    }

    #pullUp.flip .pullUpIcon {
        background: url(images/dwArr.png) no-repeat;
    }

    .monthNav {
        position: absolute;
        top: 2px;
        left: 5px;
        width: 90px;
        height: 40px;
    }

        .monthNav a {
            display: block;
            width: 40px;
            height: 40px;
            background: url(images/nextPrv.png) no-repeat;
            background-size: 215%;
        }

            .monthNav a.previous {
                float: left;
                background-position: left bottom;
            }

            .monthNav a.next {
                float: right;
                background-position: right top;
            }

            .monthNav a.previous.on {
                background-position: left top;
            }

            .monthNav a.next.on {
                background-position: right bottom;
            }

    .raceToMillionsAllWinner .monthNav {
        left: auto;
        right: 10px;
        top: 10px;
    }

        .raceToMillionsAllWinner .monthNav a {
            background-image: url(images/nextPrvW.png);
        }

    .raceToMillionsAllWinner .winYear {
        position: absolute;
        top: 24px;
        left: 200px;
        font-style: italic;
    }

    .winnerList {
        height: 175px !important;
        font-size: .8em;
    }

    .raceToMillions .raceStatistic .winnerIc {
        display: inline-block;
        float: right;
        width: 65px;
        height: 30px;
        background: url(images/winnerIc.png) top center no-repeat;
        line-height: 74px;
        text-align: center;
        margin-left: 5px;
    }

    .allWinnerList {
        width: 100%;
        overflow: hidden;
    }

        .allWinnerList .fixRace.Head, .allWinnerList .monthRace.Head {
            height: 30px;
        }

        .allWinnerList .fixRace li {
            float: left;
            width: 55%;
            padding: 5px 0;
            list-style: none;
        }

            .allWinnerList .fixRace li:first-child {
                margin-left: 0;
                width: 45%;
            }

            .allWinnerList .fixRace li div, .allWinnerList .monthRace li div {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-bottom: 8px;
                padding-bottom: 8px;
                border-bottom: 1px #ccc solid;
                line-height: 19px;
            }

                .allWinnerList .fixRace li div:last-child, .allWinnerList .monthRace li div:last-child {
                    border-bottom: none;
                }

        .allWinnerList .monthRace li {
            float: left;
            width: 280px;
            padding: 5px 0;
            list-style: none;
        }

        .allWinnerList .ulMonthRace {
            font-size: .75em;
        }

            .allWinnerList .ulMonthHeading li:first-child, .allWinnerList .ulMonthRace li:first-child div {
                padding-left: 10px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }
}

html[dir=rtl] #content #login {
    text-align: right;
}

html[dir=rtl] .logo {
    right: 1.75%;
    left: auto;
}

html[dir=rtl] .lang {
    left: 2.5%;
    right: auto;
}

html[dir=rtl] header aside {
    float: left;
    margin-left: 2.5%;
}

html[dir=rtl] .login-info li {
    text-align: left;
}

html[dir=rtl] .passw-expire {
    float: left;
}

html[dir=rtl] .topTxtBar img {
    margin: 0 0 0 5px;
    width: 2.5%;
}

html[dir=rtl] .topTxtBar2 {
    width: 94%;
}

html[dir=rtl] #main-panel #breadcrumb {
    height: 32px;
}

    html[dir=rtl] #main-panel #breadcrumb ul li {
        float: right;
    }

html[dir=rtl] .customCombo label {
    padding-right: 15%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

html[dir=rtl] #main-panel section ul > li input[type=text] {
    padding-right: 20px;
}

html[dir=rtl] .liAdj {
    width: 100.2% !important;
}

html[dir=rtl] .CustomerCapture .liAdj input.type3-text {
    width: 24.8%;
}

html[dir=rtl] .copyAdd {
    right: auto;
    left: 5px;
}

html[dir=rtl] #main-panel .right-panel h2 span {
    float: right;
}

html[dir=rtl] span.contCode, html[dir=rtl] span.nocontCode {
    position: relative;
}

html[dir=rtl] .dealerUl li a.dealerLink {
    text-align: right;
    float: left;
    position: relative;
    width: 88% !important;
}

html[dir=rtl] .dealerUl li p {
    float: right;
    margin-right: 10px;
    margin-left: 0;
}

html[dir=rtl] .customDdlOptions li {
    background-position: 98% 18px;
    text-align: right;
}

html[dir=rtl] .ddlCloseBt {
    left: 20px;
    right: auto;
    float: left;
}

html[dir=rtl] .headRow li {
    margin-right: 18px !important;
    width: 96%;
}

html[dir=rtl] .detailRow span span {
    margin-left: 10px;
    margin-right: 0;
}

html[dir=rtl] .boxPadlt2per {
    padding-right: 2% !important;
}

html[dir=rtl] .boxPadlt1per {
    padding-right: 1% !important;
}

html[dir=rtl] .shiftSearch input[type=text], html[dir=rtl] .status-bg input[type=text] {
    padding: 11px 8px 10px 0;
}

html[dir=rtl] .noteTxt {
    width: 100%;
}

html[dir=rtl] .left-panel .corCutBox {
    padding: 20px 20px 0 75px;
}

html[dir=rtl] .padlt10 {
    padding-right: 10px !important;
}

html[dir=rtl] #productsScroll .scroll-area li, html[dir=rtl] #productsScroll .scroll-area li span.selected {
    background-position: 97% 12px;
}

html[dir=rtl] .campain-bg .add-camp-icon, html[dir=rtl] .tile-red div {
    right: auto;
    left: 10px;
}

html[dir=rtl] .tile-red {
    padding: 10px 18px 0 0;
}

html[dir=rtl] .addCampaign .graycls {
    right: auto;
    left: 10px;
}

html[dir=rtl] .addCampaign .grayarr {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    right: -15px;
    left: auto;
}

html[dir=rtl] .campain-bg .add-txt {
    right: auto;
    left: 57px;
}

html[dir=rtl] .campain-bg {
    padding: 10px 18px 0 0;
}

html[dir=rtl] .scroll-area > li .del {
    right: auto;
    left: 10px;
}

html[dir=rtl] .popupPanelShow .msgHead img {
    margin: 0 0 0 10px !important;
}

html[dir=rtl] .popupContent {
    text-align: right;
}

html[dir=rtl] .scroll-area > li .txt {
    width: 80%;
}

html[dir=rtl] #main-panel .right2-panel {
    float: left;
}

html[dir=rtl] footer {
    direction: ltr;
}

.DeskDd {
    position: relative;
}

    .DeskDd .ddlOverlay {
        background: 0 0 !important;
        position: absolute !important;
        min-height: auto !important;
    }

    .DeskDd .titleBox {
        height: auto !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        padding: 10px 0;
        border-radius: 0 0 17px 17px !important;
    }

    .DeskDd .ddlListBox, .DeskDd .ddlwrapper {
        height: 250px !important;
    }

    .DeskDd .customDdl {
        position: absolute !important;
        top: 46px !important;
    }

    .DeskDd .ddlCloseBt, .DeskDd .titleBox label {
        display: none !important;
    }

    .DeskDd .ddlscroller .customDdlOptions li {
        margin: 0 !important;
        width: 100% !important;
        float: left !important;
        padding: 0 10px !important;
    }

.DeskDd, .dealerPanel, .searchPanel {
    overflow: visible !important;
}

    .DeskDd .titleBox.showUp {
        top: -366px !important;
        border-radius: 17px 17px 0 0 !important;
    }

    .DeskDd .titleBox .listSearch {
        width: 96%;
        margin: 0 auto 10px;
        display: block;
        height: auto;
        padding: 8px 5px;
        border: 1px solid #999;
        border-radius: 5px;
        font-family: FaricyNew,Arial,sans-serif;
        font-size: .7em;
        color: #000;
        background: -moz-linear-gradient(top,#ededed,#fefefe);
        background: -webkit-linear-gradient(top,#ededed,#fefefe);
    }

    .DeskDd .selbg {
        background-color: #e7e7e7 !important;
    }

    .DeskDd .hideOpt {
        display: none;
    }

#Cinecontent {
    width: 100%;
}

.Lpolicy .Lpolicy-header {
    color: #ff0;
    border-bottom: #ad2831 2px solid;
    padding: 5px 0;
    -webkit-box-shadow: 0 8px 6px -6px #000;
    -moz-box-shadow: 0 8px 6px -6px #000;
    box-shadow: 0 8px 6px -6px #000;
    background: url(data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,rgba(33,0,0,1) 0,rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(33,0,0,1)),color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top,rgba(33,0,0,1) 0,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top,rgba(33,0,0,1) 0,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top,rgba(33,0,0,1) 0,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom,rgba(33,0,0,1) 0,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#210000', endColorstr='#000000', GradientType=0);
}

.Lpolicy .Lpolicy-footer, .Lpolicy h2 {
    text-align: center;
}

.Lpolicy .Lpolicy-footer {
    padding-top: 20px;
}

    .Lpolicy .Lpolicy-footer .button {
        text-align: center;
        background: #ed2939;
        padding: 10px;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 1em;
        transition: background-color 1s ease;
    }

        .Lpolicy .Lpolicy-footer .button:hover {
            background: #000;
        }

img.cusCheck, img.verifyEmail {
    border: 1px solid #b1b1b1;
}

@media screen and (orientation:portrait) {
    .passw-expire {
        margin: 0 !important;
    }

    #main-panel .left-panel {
        width: 100%;
        float: left;
    }

    #main-panel .middle-panel {
        width: 100%;
        float: left;
        margin: 1% 0 0 !important;
    }

    #main-panel .right-panel {
        width: 97%;
        float: left;
    }

    #main-panel .type1-text, #main-panel .type5-text {
        font-size: 1.1em;
    }

    .left-panel, .middle-panel, .right-panel {
        min-height: 0 !important;
    }

    #main-panel .type2-text {
        width: 65%;
        height: 33px !important;
        font-size: 1.1em;
    }

    #main-panel .type3-text {
        width: 31%;
        height: 33px !important;
        font-size: 1.1em;
    }

    #main-panel .textarea {
        height: 80px !important;
        font-size: 1.1em !important;
    }

    #main-panel .type4-text {
        width: 48%;
        margin: 0 !important;
        font-size: 1.1em !important;
    }

    #main-panel .type8-text {
        width: 90%;
        height: 33px !important;
        font-size: 1.1em;
    }

    #main-panel .right-panel h2 {
        font-size: 1.4em !important;
    }

    #main-panel label.custom-select2 {
        width: 49.4%;
    }

    #main-panel select {
        height: 40px !important;
    }

    #main-panel .left-panel .blackBtn, #main-panel .left-panel .gryBtn, #main-panel .left-panel .redBtn, #main-panel .middle-panel .blackBtn, #main-panel .middle-panel .gryBtn, #main-panel .middle-panel .redBtn, #main-panel .right-panel .blackBtn, #main-panel .right-panel .gryBtn, #main-panel .right-panel .redBtn, #main-panel .right2-panel .gryBtn, .closeBtn input.blackBtn[type=submit], .closeBtn input.redBtn[type=submit], .clsShiftBtn input.blackBtn[type=submit], .clsShiftBtn input.redBtn[type=submit] {
        height: 50px !important;
        background-size: 100% 50px !important;
        font-size: 1.5em !important;
        border-radius: 7px;
    }

    #main-panel .right2-panel {
        width: 100% !important;
    }

    #main-panel .right-panel {
        margin: 2% 0 0 !important;
    }

        #main-panel .left-panel .adjFnt, #main-panel .middle-panel .adjFnt, #main-panel .right-panel .adjFnt {
            font-size: 1em;
        }

    .currShiftBox input.closeNow {
        width: 47.7% !important;
    }

    #main-panel .right2-panel select {
        height: 26px !important;
    }

    .shiftSearch .two.columns {
        width: 30% !important;
    }

    .shiftSearch .three.columns {
        width: 33% !important;
    }

    .shiftSearch .columns {
        margin-left: 3.5%;
        margin-bottom: 5px;
    }

    .shiftSearch a {
        width: 20%;
    }

    .shiftSearch .potNoLtMar {
        margin-left: 0;
    }

    input.srch-icon-bttn {
        width: 45px;
        height: 45px;
    }

    .status-bg a {
        width: 30%;
    }

    .status-bg .date-pick {
        width: 68% !important;
    }

    .grid-table th {
        padding: 12px 5px !important;
        font-size: 1em !important;
    }

    .grid-table td {
        font-size: .9em !important;
    }

    .order-successfull-area {
        width: 100% !important;
    }

    .order-successfull {
        margin: 1% auto !important;
        float: none !important;
        width: 50% !important;
        padding: 5% !important;
    }

    #breadcrumb {
        font-size: 1.2em;
    }

    .jobCards-section {
        width: 98% !important;
        margin-top: 0 !important;
    }

    .icon-section .iconul li a {
        margin: 0 !important;
        width: auto !important;
    }

    .icon-section .iconul li {
        width: auto !important;
    }

    .icon-section .iconul {
        margin: 10px 0 0 !important;
    }

    .customer-name.newWH {
        width: 100% !important;
        margin-top: 15px !important;
    }

    .jobCardSchedule {
        width: 100% !important;
    }

    .scheduleInfo .colorNote, .scheduleInfo .colorNote span {
        margin: -4px 0 0 !important;
        vertical-align: middle;
    }

    .scheduleTbl .teamDiv .teamGrid {
        font-size: .8em;
        margin: 0;
        padding: 0;
    }

        .scheduleTbl .teamDiv .teamGrid .teamDate, .scheduleTbl .teamDiv .teamGrid .teamName {
            padding: 10px 5px !important;
        }

    #content #login .loginfrm input.btn {
        background-size: 100% 44px;
    }

    .headRow {
        height: 95px !important;
    }

        .headRow li {
            margin: 6px 0 !important;
        }

            .headRow li p {
                float: left !important;
            }

            .headRow li .vip {
                top: 0 !important;
            }

            .headRow li h2 {
                width: 95% !important;
            }

    .navCustomer {
        height: 200px !important;
    }

        .navCustomer.shiftNav {
            height: auto !important;
        }

        .navCustomer li {
            width: 14.1% !important;
        }

        .navCustomer a {
            width: 45px !important;
            height: 25px !important;
        }

    .jobCards-section ul.scroll-area, .scheduleSelects [class^=custom-select] span, .teamDiv [class^=custom-select] span {
        font-size: .9em !important;
    }

    .listpop iframe {
        height: 100%;
    }
    .reveal-modal .close-reveal-modal {
        z-index:99
    }
    .listpopHold {
        background: #fff;
        top: 50%;
        left: 50%;
        width: 80%;
        margin-top: 120px;
        margin-left: -40%;
    }

        .listpopHold.signaturePop {
            height: 517px;
            width: 730px;
            margin-left: -365px;
        }

    .popHead {
        padding: 5px 0;
        background: #f0f0f0;
        border-bottom: 1px #bdbdbd solid;
    }

    .winnerPop .popHead {
        padding: 8px 0;
    }

    .popContent {
        width: 95%;
        margin: 10px auto;
    }

        .popContent ul {
            list-style: none;
        }

            .popContent ul li {
                padding: 10px 0;
            }

        .popContent .inputHt {
            height: 40px;
        }

    .currShiftBox .tranMaxHt {
        height: 246px !important;
    }

    .currShiftBox .tranMinHt {
        height: 218px !important;
    }

    .amtBox .amtBoxGrid li .amtCol1 {
        width: 35%;
        padding: 0 14% 0 0;
    }

    .amtBox .amtBoxGrid li .amtCol2 {
        width: 30%;
    }

    .amtBox .amtBoxGrid li .amtCol3 {
        width: 30%;
        padding: 0 12% 0 0;
    }

    .amtBox .amtBoxGrid li .amtCol1.txtcen {
        padding: 0 3% 0 0;
        width: 35%;
    }

    .amtBox .amtBoxGrid li {
        padding: 3px 0;
    }

    .currShiftBox .scroll-area {
        font-size: .9em;
    }

    .ftNav a {
        margin: 0 5px;
    }

    .detailRow > p > span {
        display: block;
    }

    .showCinemaRow > .columns {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .showCinemaRow > .txtrt {
        text-align: left !important;
    }

    .showCinema {
        height: 310px;
    }

    .raceToMillions .eight.columns {
        width: 100% !important;
    }

    .raceToMillions .raceStatistic {
        margin-top: 20px;
    }

        .raceToMillions .raceStatistic .padd5per {
            padding: 2%;
        }

    .raceToMillions .malaysiaBanner img {
        width: 100%;
        margin-top: 20px;
    }
}
.chosen-container.errClass{
    border:1px solid #ff0000!important
}
@media screen and (orientation:landscape) {
    #main-panel .left-panel, #main-panel .middle-panel {
        width: 30%;
        float: left;
    }

    #main-panel .right-panel {
        width: 32.5%;
        float: right;
    }

    html[dir=rtl] #main-panel .left-panel, html[dir=rtl] #main-panel .middle-panel {
        float: right;
    }

    html[dir=rtl] #main-panel .right-panel {
        float: left;
    }
}

.WarrentyLabel {
    border: 1px solid #EAAD0D;
    border-radius: 4px;
    background: #FCE6A3;
    color: #C41617;
    padding: 2px 1px;
    width: 80% !important;
    font-family: FaricyNewLight,Arial,sans-serif;
    margin: 0 auto;
    float: left;
    position: absolute;
    left: 35px;
    top: 1px;
    text-indent: 0;
    font-size: .8em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sortColumn {
    text-decoration: underline;
}