@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);


.loadingoverlay {
    z-index: 999;
}

.jqx-grid-pager .jqx-dropdownlist-content {
    margin: 2px 0px !important;
}

textarea, input[type="text"], input[type="button"], input[type="submit"], select {
    -webkit-appearance: none;
    border-radius: 0;
    outline: none;
    box-shadow: none;
}

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

body {
    padding: 0px;
    margin: 0px;
    font-family: 'Open Sans', sans-serif; /*font-family: 'Roboto', sans-serif;*/
    font-size: 14px;
    background: #fff;
}

.wrapper {
    width: 94%;
    max-width: 1280px;
    display: table;
    margin: 0px auto;
    position: relative;
}

.main-container {
    width: 100%;
    display: table;
    height: 485px;
}

.login-block {
    display: table;
    width: 100%;
    height: 80vh;
}

.login-box {
    display: table;
    width: 400px;
    display: table;
    height: 255px;
    border: 1px solid #ebebeb;
    border-radius: 0px;
    margin: 1% auto;
    overflow: hidden;
}

    .login-box .login-box-header {
        background: #dedede;
        padding: 10px;
        box-sizing: border-box;
        width: 100%;
        height: 50px;
        text-align: center;
        font-weight: 600;
        color: #333;
        line-height30px;
        font-size: 24px;
        text-transform: uppercase;
    }

.half-box1 {
    width: 100%;
    float: left;
    padding: 40px 30px;
    box-sizing: border-box;
    height: 255px;
}

.half-box2 {
    width: 100%;
    float: left;
    padding: 36px;
    box-sizing: border-box;
    height: 255px;
    background: #fff;
}

.bg {
    background: #EB5300;
}

.forgot {
    color: #000;
    font-weight: 600;
    text-decoration: none;
}

    .forgot:hover {
        text-decoration: underline;
    }

.half-box2 .input-box:last-child {
    margin-bottom: 0px;
}

.input-box {
    width: 100%;
    display: table;
    margin-bottom: 10px;
    position: relative;
}


    .input-box input {
        width: 100%;
        height: 48px;
        border: 0px;
        border-bottom: 1px solid #dedede;
        border-radius: 0px;
        text-indent: 15px;
        font-size: 14px;
        box-shadow: none !important;
        outline: none !important;
    }

    .input-box select {
        width: 100%;
        height: 48px;
        border: 0px;
        border-bottom: 1px solid #dedede;
        border-radius: 0px;
        text-indent: 10px;
        font-size: 14px;
        background-image: url('../images/down-arrow2.png');
        background-position: center right;
        background-repeat: no-repeat;
        margin-top: 10px;
        background-color: #fff;
        outline: none !important;
        box-shadow: none;
    }

        .input-box input:focus, .input-box select:focus {
            border: 0px;
            box-shadow: none !important;
            border-bottom: 1px solid #eb5300 !important;
            outline: none !important;
        }

.login-box .input-box input[type="text"]:-webkit-autofill, .login-box .input-box input[type="email"]:-webkit-autofill, .login-box .input-box input[type="password"]:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    box-shadow: 0 0 0px 1000px #ffffff inset !important;
}

.login-box .input-box input {
    text-indent: 45px;
}

    .login-box .input-box input:focus-within {
        box-shadow: none !important;
    }
/*.input-box input:focus {
    box-shadow: none;
    border-color: #EB5300;
    outline: none;
}
*/
.input-box input[type="button"] {
    background: #EB5300;
    text-indent: 0px;
    color: #fff;
    font-size: 18px;
    border: 1px solid #EB5300;
    cursor: pointer;
    margin-top: 5px;
}

.icons {
    width: 30px;
    height: 48px;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../images/login-sprite.png) no-repeat;
}

    .icons.email {
        background-position: 0px 20px;
    }

    .icons.key {
        background-position: 0px -88px;
    }

.focused .icons.email {
    background-position: 0px -36px;
}

.focused .icons.key {
    background-position: 0px -140px;
}

.pwdshowhide {
    position: absolute;
    right: 0px;
    top: 0px;
    line-height: 48px;
    display: table;
    color: #eb5300;
    cursor: pointer;
}
/*.input-box.passkey.focused:after {
    display: none;
}*/
/*.input-box.passkey:after {
    content: 'Show';
    position: absolute;
    right: 0px;
    top: 0px;
    line-height: 48px;
    display: table;
    color: #eb5300;
}

.input-box.passkey.round:after {
    content: attr(content);
}

.input-box.passkey.focused:after {
    content: attr(content);
}*/
.fpw {
    margin-top: 10px;
}

.footer {
    width: 100%;
    border-top: 1px solid #d9d9d9;
    position: relative;
    bottom: 0px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #5e5e5e;
    margin-top: 20px;
}

.watermark {
    font-size: 30px;
    font-weight: 300;
    color: #5e5e5e;
    position: relative;
    margin-top: 6%;
    text-align: center;
    width: 100%;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    color: #EB5300;
}

header {
    width: 100%;
    display: table;
}

.header-top {
    width: 100%;
    height: 70px;
    display: table;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#044996+0,3577c1+100 */
    background: #EB5300; /* Old browsers */
    background: -moz-linear-gradient(top, #eb5300 0%, #ed8a00 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eb5300 0%,#ed8a00 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eb5300 0%,#ed8a00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb5300', endColorstr='#ed8a00',GradientType=0 );
}

.nav {
    width: auto;
    display: table;
    float: left;
    height: 35px;
    border-bottom: 0px solid #e9e9e9;
    position: relative;
    margin: 20px 0px 0px 20px;
}

    .nav ul {
        display: table;
        margin-bottom: 0px !important;
        float: left;
    }

        .nav ul li {
            float: left;
            list-style: none;
            padding: 0px 0px;
            position: relative;
            display: table;
        }

            .nav ul li ul {
                position: absolute;
                display: none;
                border: 1px solid #ccc;
                background: #fff;
                left: 0px;
                bottom: -33px;
                z-index: 999;
                top: 34px;
                width: 170px;
            }

                .nav ul li ul li {
                    float: none;
                    background: #fff;
                    padding: 0px;
                }

                    .nav ul li ul li a {
                        padding: 0px 15px;
                        height: 35px;
                        color: #000;
                    }

            .nav ul li:hover ul {
                display: table;
            }

            .nav ul li a {
                display: table;
                line-height: 35px;
                text-decoration: none;
                font-size: 14px;
                text-transform: uppercase;
                color: #fff;
                font-weight: 600;
                padding: 0px 30px 0px 0px;
                outline: none;
            }

                .nav ul li a:hover {
                    color: #000 !important;
                }
/*.nav ul li:last-child{float:right}
.nav ul li:last-child a{padding-right:0px; padding-left:20px; border-left:1px solid #e9e9e9; text-transform:none !important;}
.nav ul li:last-child a img{float:left; margin-right:10px; margin-top:7px;}*/
.logo {
    float: left;
    display: table;
    height: 40px;
    margin: 10px 0px;
}

    .logo img {
        height: auto;
    }

.logo1 {
    display: table;
    height: 40px;
    margin: 25px auto 40px;
}

    .logo1 img {
        width: 100%;
    }

.help {
    display: table;
    margin: 0px auto;
}

    .help a {
        text-decoration: none;
        color: #fff;
        line-height: 20px;
    }

        .help a img {
            float: left;
            margin-right: 10px;
        }

.login-menu {
    display: table;
    float: right;
    padding: 15px 0px;
}

    .login-menu li {
        float: right;
        margin-left: 10px;
        list-style: none;
        color: #fff;
        position: relative;
        display: table;
    }

        .login-menu li span {
            display: table;
            float: right;
            margin-right: 0px;
            height: 40px;
            line-height: 40px;
            cursor: pointer;
        }

    .login-menu .user-pic {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #ccc url("../images/avatar.png");
        display: table;
        float: right;
        overflow: hidden;
    }

    .login-menu .more {
        float: left;
        margin: 5px 0px;
        display: none;
        cursor: pointer;
    }

        .login-menu .more img {
            height: 30px;
        }

    .login-menu li .after-login {
        position: absolute;
        background: #fff;
        width: 200px;
        height: 50px;
        border: 5px solid #ccc;
        display: none;
        right: 0px;
        top: 40px;
    }

        .login-menu li .after-login li {
            line-height: 40px;
            text-decoration: none;
            font-size: 16px;
        }

            .login-menu li .after-login li a {
                display: table;
                width: 100%;
            }

    .login-menu li:hover .after-login {
        display: block;
    }

.logout-block {
    position: absolute;
    background: #fff;
    display: table;
    width: 200px;
    border-radius: 5px;
    right: 0px;
    top: 50px;
    z-index: 9999;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 3px #111;
}

    .logout-block ul {
        list-style: none;
    }

    .logout-block .settings-box-heading:before {
        content: "";
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 15px solid #ededed;
        position: absolute;
        top: -15px;
        right: 10px;
        display: table;
    }

    .logout-block .settings-box-heading {
        width: 100%;
        padding: 0px 10px;
        box-sizing: border-box;
        background: #ededed;
        border-bottom: 1px solid #ccc;
        display: table;
    }

        .logout-block .settings-box-heading span {
            float: left;
            color: #000;
            font-size: 16px;
            display: table;
            line-height: 20px;
            height: 20px;
            padding: 5px 0px;
            font-weight: 600;
        }

        .logout-block .settings-box-heading button {
            float: right;
            display: table;
            width: auto;
            background: none;
            border: 0px;
            outline: none;
            padding: 0px !important;
            margin-right: 0px !important;
            cursor: pointer;
        }

.settings-box-body {
    width: 100%;
    padding: 0px 10px;
    box-sizing: border-box;
    display: table;
}

    .settings-box-body ul li {
        width: 100%;
        border-bottom: 1px solid #ccc;
    }

        .settings-box-body ul li:last-child {
            border-bottom: 0px;
        }

        .settings-box-body ul li a {
            padding: 0px;
            line-height: 40px;
            display: block;
        }

.logout-block a {
    text-decoration: none;
    color: #333;
    width: 100%;
    display: table;
    box-sizing: border-box;
}

.logout-block ul {
}

.half-box.form-box {
    width: 50% !important;
}

.row {
    width: 100%;
    display: table;
    margin-top: 9%;
    margin-bottom: 20px;
}

.top-circles > .column1 {
    width: 30%;
    display: inline-block;
    margin: 0 0px 40px;
    /*min-height: 170px;*/
    /*margin-bottom: 20px;*/
}

.bottom-circles > .column1 {
    width: 24%;
    display: inline-block;
    margin: 0 0px 40px;
    /*min-height: 170px;*/
    /*margin-bottom: 20px;*/
}
/*
.column1 {
    width: 15.66%;
    display: inline-block;
    margin: 0 0px 40px;
}*/
/*.row .column1:nth-child(6){margin-left:20%;}
.bxc-class .row .column1:nth-child(6){margin-left:10%;}*/
.column1 a, .column1 a:hover {
    text-decoration: none;
    outline: none;
}

.bxc-class {
    display: flex;
    flex-direction: column;
    /*gap: 10px;*/
    justify-content: center;
    /*padding: 110px 0px 50px;*/
}

.top-circles {
    width: 70%;
    margin-left: 20%;
}

.bottom-circles {
    width: 70%;
    margin-left: 20%;
    display: flex;
}

.count-box {
    width: 100%;
    display: table;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    color: #5e5e5e;
    margin-top: 20px;
    font-weight: 600;
}
    /*.anual-stc{font-size:18px;}*/
    .count-box br {
        display: block;
    }

    .count-box #Statistics {
        height: auto !important;
    }

    .count-box a, .count-box a:hover {
        text-decoration: none;
    }

    .count-box span {
        display: table;
        width: 100%;
        text-align: center;
        font-size: 26px;
        font-weight: 600;
        color: #333;
    }

.welcome-msg {
    width: 100%;
    background: #f6ebe5;
    display: table;
    height: 40px;
    position: absolute;
    top: 20px;
    padding: 10px 15px;
    box-sizing: border-box;
    color: #715545;
    font-size: 13px;
    border: 1px solid #f0bc9c;
    border-radius: 5px;
}

.close {
    float: right;
    opacity: 1 !important;
}

.cutomer-tables {
    width: 100%;
    display: table;
    background: #fff;
    margin: 0px 0px 20px;
    border: 1px solid #ededed;
}

    .cutomer-tables thead {
        background: #ededed;
        text-transform: uppercase;
    }

    .cutomer-tables tr th {
        font-weight: 700;
        color: #5e5e5e;
        padding: 6px 10px;
        text-align: left;
        font-size: 11px;
    }

        .cutomer-tables tr th span {
            display: block;
            position: relative;
            font-weight: 700;
            color: #5e5e5e;
            text-align: left;
            font-size: 11px;
            cursor: pointer;
        }

            .cutomer-tables tr th span:after {
                content: "";
                background: url(../images/down-arrows-gray.png) no-repeat;
                position: absolute;
                top: 3px;
                margin-left: 5px;
                width: 10px;
                height: 20px;
                display: inline-block;
            }

    .cutomer-tables tr td {
        padding: 10px;
        text-align: left !important;
        font-size: 11px;
        display: table-cell;
        position: relative;
    }

    .cutomer-tables tr {
        height: 30px;
        border: 1px solid #dedede;
        display: table;
        width: 100%;
        border-top: 0px;
    }

    .cutomer-tables a {
        text-decoration: none;
        color: #003399;
    }

    .cutomer-tables tr:last-child {
        border-bottom: 0px;
    }

    .cutomer-tables tr th:nth-child(1) {
        width: 3%;
    }

    .cutomer-tables tr th:nth-child(2) {
        width: 5.5%;
    }

    .cutomer-tables tr th:nth-child(3) {
        width: 9.5%;
    }

    .cutomer-tables tr th:nth-child(4) {
        width: 10%;
    }

    .cutomer-tables tr th:nth-child(5) {
        width: 15%;
    }

    .cutomer-tables tr th:nth-child(6) {
        width: 7%;
    }

    .cutomer-tables tr th:nth-child(7) {
        width: 14%;
    }

    .cutomer-tables tr th:nth-child(8) {
        width: 10%;
    }

    .cutomer-tables tr th:nth-child(9) {
        width: 7%;
    }

    .cutomer-tables tr th:nth-child(10) {
        width: 10%;
    }

    .cutomer-tables tr th:nth-child(11) {
        width: 8%;
    }

    .cutomer-tables tr td:nth-child(1) {
        max-width: 3%;
        width: 3%;
    }

    .cutomer-tables tr td:nth-child(2) {
        max-width: 5.5%;
        width: 5.5%;
        text-align: center !important;
    }

    .cutomer-tables tr td:nth-child(3) {
        max-width: 9.5%;
        width: 9.5%;
    }

    .cutomer-tables tr td:nth-child(4) {
        max-width: 10%;
        width: 10%;
    }

    .cutomer-tables tr td:nth-child(5) {
        max-width: 15%;
        width: 15%;
    }

    .cutomer-tables tr td:nth-child(6) {
        max-width: 7%;
        width: 7%;
    }

    .cutomer-tables tr td:nth-child(7) {
        max-width: 14%;
        width: 14%;
    }

    .cutomer-tables tr td:nth-child(8) {
        max-width: 10%;
        width: 10%;
    }

    .cutomer-tables tr td:nth-child(9) {
        max-width: 7%;
        width: 7%;
    }

    .cutomer-tables tr td:nth-child(10) {
        max-width: 10%;
        width: 10%;
    }

    .cutomer-tables tr td:nth-child(11) {
        max-width: 8%;
        width: 8%;
    }

.invoice-tables {
    width: 100%;
    display: table;
    background: #fff;
    margin: 0px 0px 20px;
    border: 1px solid #ededed;
}

    .invoice-tables thead {
        background: #ededed;
        text-transform: uppercase;
    }

    .invoice-tables tr th {
        font-weight: 400;
        color: #fff;
        padding: 5px;
        text-align: left;
        font-size: 14px;
        background: #eb5300;
    }

        .invoice-tables tr th strong {
            font-weight: normal;
        }

        .invoice-tables tr th span {
            display: block;
            position: relative;
            font-weight: 700;
            color: #5e5e5e;
            text-align: left;
            font-size: 11px;
            cursor: pointer;
        }

            .invoice-tables tr th span:after {
                content: "";
                background: url(../images/down-arrows-gray.png) no-repeat;
                position: absolute;
                top: 3px;
                margin-left: 5px;
                width: 10px;
                height: 20px;
                display: inline-block;
            }

    .invoice-tables tr td {
        padding: 5px;
        text-align: left !important;
        font-size: 13px;
        display: table-cell;
        position: relative;
        color: #666;
    }

        .invoice-tables tr td img {
            width: auto;
            height: 20px;
        }

    .invoice-tables a {
        text-decoration: none;
        color: #003399;
    }

        .invoice-tables a img {
            float: left;
            margin-right: 5px;
        }

    .invoice-tables tr {
        height: 30px;
        border: 1px solid #dedede;
        display: table;
        width: 100%;
        border-top: 0px;
    }

        .invoice-tables tr th:nth-child(1) {
            width: 8%;
            max-width: 8%;
        }

        .invoice-tables tr th:nth-child(2) {
            width: 10%;
            max-width: 10%;
        }

        .invoice-tables tr th:nth-child(3) {
            width: 13%;
            max-width: 13%;
        }

        .invoice-tables tr th:nth-child(4) {
            width: 15%;
            max-width: 15%;
        }

        .invoice-tables tr th:nth-child(5) {
            width: 8%;
            max-width: 8%;
        }

        .invoice-tables tr th:nth-child(6) {
            width: 10%;
            max-width: 10%;
        }

        .invoice-tables tr th:nth-child(7) {
            width: 8%;
            max-width: 8%;
        }

        .invoice-tables tr th:nth-child(8) {
            width: 8%;
            max-width: 8%;
        }

        .invoice-tables tr th:nth-child(9) {
            width: 8%;
            max-width: 8%;
        }

        .invoice-tables tr td:nth-child(1) {
            width: 8%;
            max-width: 8%;
        }

        .invoice-tables tr td:nth-child(2) {
            width: 10%;
            max-width: 10%;
        }

        .invoice-tables tr td:nth-child(3) {
            width: 13%;
            max-width: 13%;
        }

        .invoice-tables tr td:nth-child(4) {
            width: 15%;
            max-width: 15%;
        }

        .invoice-tables tr td:nth-child(5) {
            width: 8%;
            max-width: 8%;
        }

        .invoice-tables tr td:nth-child(6) {
            width: 10%;
            max-width: 10%;
        }

        .invoice-tables tr td:nth-child(7) {
            width: 8%;
            max-width: 8%;
            text-align: center;
        }

        .invoice-tables tr td:nth-child(8) {
            width: 8%;
            max-width: 8%;
        }

        .invoice-tables tr td:nth-child(9) {
            width: 8%;
            max-width: 8%;
        }

.order-tables {
    width: 100%;
    display: table;
    background: #fff;
    margin: 0px 0px 20px;
    border: 1px solid #ededed;
}

    .order-tables thead {
        background: #ededed;
        text-transform: uppercase;
    }

    .order-tables tr th {
        font-weight: 400;
        color: #fff;
        padding: 10px 5px;
        text-align: left;
        font-size: 14px;
        background: #eb5300;
        text-transform: uppercase;
    }

        .order-tables tr th strong {
            font-weight: normal;
        }

        .order-tables tr th span {
            display: block;
            position: relative;
            font-weight: 700;
            color: #5e5e5e;
            text-align: left;
            font-size: 10px;
            cursor: pointer;
        }

            .order-tables tr th span:after {
                content: "";
                background: url(../images/down-arrows-gray.png) no-repeat;
                position: absolute;
                top: 3px;
                margin-left: 5px;
                width: 10px;
                height: 20px;
                display: inline-block;
            }

    .order-tables tr td {
        padding: 5px;
        text-align: left !important;
        font-size: 13px;
        display: table-cell;
        position: relative;
    }

        .order-tables tr td img {
            width: auto;
            height: 20px;
        }

    .order-tables a {
        text-decoration: none;
        color: #003399;
    }

        .order-tables a img {
            float: left;
            margin-right: 5px;
        }

    .order-tables tr {
        height: 30px;
        border: 1px solid #dedede;
        display: table;
        width: 100%;
        border-top: 0px;
    }

        .order-tables tr th:nth-child(1) {
            width: 7%;
            max-width: 7%;
        }

        .order-tables tr th:nth-child(2) {
            width: 9%;
            max-width: 9%;
        }

        .order-tables tr th:nth-child(3) {
            width: 8%;
            max-width: 8%;
        }

        .order-tables tr th:nth-child(4) {
            width: 8%;
            max-width: 8% !important;
        }

        .order-tables tr th:nth-child(5) {
            width: 6%;
            max-width: 6%;
        }

        .order-tables tr th:nth-child(6) {
            width: 7%;
            max-width: 7%;
        }

        .order-tables tr th:nth-child(7) {
            width: 7%;
            max-width: 7%;
        }

        .order-tables tr th:nth-child(8) {
            width: 10%;
            max-width: 10%;
        }

        .order-tables tr th:nth-child(9) {
            width: 8%;
            max-width: 8%;
        }

        .order-tables tr th:nth-child(10) {
            width: 8%;
            max-width: 8%;
        }

        .order-tables tr th:nth-child(11) {
            width: 10%;
            max-width: 10%;
        }

        .order-tables tr th:nth-child(12) {
            width: 8%;
            max-width: 8%;
        }

        .order-tables tr td:nth-child(1) {
            width: 7%;
            max-width: 7%;
        }

        .order-tables tr td:nth-child(2) {
            width: 9%;
            max-width: 9%;
        }

        .order-tables tr td:nth-child(3) {
            width: 7%;
            max-width: 7%;
        }

        .order-tables tr td:nth-child(4) {
            width: 8%;
            max-width: 8% !important;
        }

        .order-tables tr td:nth-child(5) {
            width: 6%;
            max-width: 6%;
        }

        .order-tables tr td:nth-child(6) {
            width: 7%;
            max-width: 7%;
        }

        .order-tables tr td:nth-child(7) {
            width: 7%;
            max-width: 7%;
        }

        .order-tables tr td:nth-child(8) {
            width: 10%;
            max-width: 10%;
        }

        .order-tables tr td:nth-child(9) {
            width: 8%;
            max-width: 8%;
        }

        .order-tables tr td:nth-child(10) {
            width: 8%;
            max-width: 8%;
        }

        .order-tables tr td:nth-child(11) {
            width: 10%;
            max-width: 10%;
        }

        .order-tables tr td:nth-child(12) {
            width: 8%;
            max-width: 8%;
        }


    .order-tables.order-blank tr th:nth-child(1) {
        width: 7%;
        max-width: 7%;
    }

    .order-tables.order-blank tr th:nth-child(2) {
        width: 9%;
        max-width: 9%;
    }

    .order-tables.order-blank tr th:nth-child(3) {
        width: 11%;
        max-width: 11%;
    }

    .order-tables.order-blank tr th:nth-child(4) {
        width: 9%;
        max-width: 9% !important;
    }

    .order-tables.order-blank tr th:nth-child(5) {
        width: 6%;
        max-width: 6%;
    }

    .order-tables.order-blank tr th:nth-child(6) {
        width: 7%;
        max-width: 7%;
    }

    .order-tables.order-blank tr th:nth-child(7) {
        width: 7%;
        max-width: 7%;
    }

    .order-tables.order-blank tr th:nth-child(8) {
        width: 10%;
        max-width: 10%;
    }

    .order-tables.order-blank tr th:nth-child(9) {
        width: 8%;
        max-width: 8%;
    }

    .order-tables.order-blank tr th:nth-child(10) {
        width: 8%;
        max-width: 8%;
    }

    .order-tables.order-blank tr th:nth-child(11) {
        width: 8%;
        max-width: 8%;
    }

    .order-tables.order-blank tr th:nth-child(12) {
        width: 10%;
        max-width: 10%;
    }

    .order-tables.order-blank tr td:nth-child(1) {
        width: 7%;
        max-width: 7%;
    }

    .order-tables.order-blank tr td:nth-child(2) {
        width: 9%;
        max-width: 9%;
    }

    .order-tables.order-blank tr td:nth-child(3) {
        width: 11%;
        max-width: 11%;
    }

    .order-tables.order-blank tr td:nth-child(4) {
        width: 9%;
        max-width: 9% !important;
    }

    .order-tables.order-blank tr td:nth-child(5) {
        width: 6%;
        max-width: 6%;
    }

    .order-tables.order-blank tr td:nth-child(6) {
        width: 7%;
        max-width: 7%;
    }

    .order-tables.order-blank tr td:nth-child(7) {
        width: 7%;
        max-width: 7%;
    }

    .order-tables.order-blank tr td:nth-child(8) {
        width: 10%;
        max-width: 10%;
    }

    .order-tables.order-blank tr th:nth-child(9) {
        width: 8%;
        max-width: 8%;
    }

    .order-tables.order-blank tr td:nth-child(10) {
        width: 8%;
        max-width: 8%;
    }

    .order-tables.order-blank tr td:nth-child(11) {
        width: 8%;
        max-width: 8%;
    }

    .order-tables.order-blank tr td:nth-child(12) {
        width: 10%;
        max-width: 10%;
    }



    .order-tables.order-print tr th:nth-child(1) {
        width: 7%;
        max-width: 7%;
    }

    .order-tables.order-print tr th:nth-child(2) {
        width: 10%;
        max-width: 10%;
    }

    .order-tables.order-print tr th:nth-child(3) {
        width: 14%;
        max-width: 14%;
    }

    .order-tables.order-print tr th:nth-child(4) {
        width: 10%;
        max-width: 10% !important;
    }

    .order-tables.order-print tr th:nth-child(5) {
        width: 10%;
        max-width: 10%;
    }

    .order-tables.order-print tr th:nth-child(6) {
        width: 10%;
        max-width: 10%;
    }

    .order-tables.order-print tr th:nth-child(7) {
        width: 9%;
        max-width: 9%;
    }

    .order-tables.order-print tr th:nth-child(8) {
        width: 9%;
        max-width: 9%;
    }

    .order-tables.order-print tr th:nth-child(9) {
        width: 9%;
        max-width: 9%;
    }

    .order-tables.order-print tr th:nth-child(10) {
        width: 10%;
        max-width: 10%;
    }

    .order-tables.order-print tr td:nth-child(1) {
        width: 7%;
        max-width: 7%;
    }

    .order-tables.order-print tr td:nth-child(2) {
        width: 10%;
        max-width: 10%;
    }

    .order-tables.order-print tr td:nth-child(3) {
        width: 14%;
        max-width: 14%;
    }

    .order-tables.order-print tr td:nth-child(4) {
        width: 10%;
        max-width: 10% !important;
    }

    .order-tables.order-print tr td:nth-child(5) {
        width: 10%;
        max-width: 10%;
    }

    .order-tables.order-print tr td:nth-child(6) {
        width: 10%;
        max-width: 10%;
    }

    .order-tables.order-print tr td:nth-child(7) {
        width: 9%;
        max-width: 9%;
    }

    .order-tables.order-print tr td:nth-child(8) {
        width: 9%;
        max-width: 9%;
    }

    .order-tables.order-print tr td:nth-child(9) {
        width: 9%;
        max-width: 9%;
    }

    .order-tables.order-print tr td:nth-child(10) {
        width: 10%;
        max-width: 10%;
    }




    .order-tables.ContactsLog tr th:nth-child(1) {
        width: 12%;
        max-width: 12%;
    }

    .order-tables.ContactsLog tr th:nth-child(2) {
        width: 12%;
        max-width: 12%;
    }

    .order-tables.ContactsLog tr th:nth-child(3) {
        width: 21%;
        max-width: 21%;
    }

    .order-tables.ContactsLog tr th:nth-child(4) {
        width: 12%;
        max-width: 12% !important;
    }

    .order-tables.ContactsLog tr th:nth-child(5) {
        width: 12%;
        max-width: 12%;
    }

    .order-tables.ContactsLog tr th:nth-child(6) {
        width: 12%;
        max-width: 12%;
    }

    .order-tables.ContactsLog tr th:nth-child(7) {
        width: 12%;
        max-width: 12%;
    }

    .order-tables.ContactsLog tr th:nth-child(8) {
        width: 7%;
        max-width: 7%;
    }

    .order-tables.ContactsLog tr td:nth-child(1) {
        width: 12%;
        max-width: 12%;
    }

    .order-tables.ContactsLog tr td:nth-child(2) {
        width: 12%;
        max-width: 12%;
    }

    .order-tables.ContactsLog tr td:nth-child(3) {
        width: 21%;
        max-width: 21%;
    }

    .order-tables.ContactsLog tr td:nth-child(4) {
        width: 12%;
        max-width: 12% !important;
    }

    .order-tables.ContactsLog tr td:nth-child(5) {
        width: 12%;
        max-width: 12%;
    }

    .order-tables.ContactsLog tr td:nth-child(6) {
        width: 12%;
        max-width: 12%;
    }

    .order-tables.ContactsLog tr td:nth-child(7) {
        width: 12%;
        max-width: 12%;
    }

    .order-tables.ContactsLog tr td:nth-child(8) {
        width: 7%;
        max-width: 7%;
    }

#OrderDetails.invoice-tables tr td:nth-child(3), #InvoiceDetails.invoice-tables tr td:nth-child(3) {
    text-indent: 35px;
}



p {
    margin-bottom: 15px;
    margin-top: 15px;
}

.search {
    width: 100%;
    display: table;
    position: relative;
}

    .search input {
        width: 100%;
        height: 30px;
        border: 1px solid #ccc;
        text-indent: 10px;
    }

    .search button {
        position: absolute;
        height: 30px;
        background: none;
        border: 0px;
        right: 15px;
        top: 2px;
        box-shadow: none !important;
        outline: none;
        cursor: pointer;
    }

        .search button:focus, .search button:hover {
            box-shadow: none !important;
            outline: none;
        }

.settings {
    float: right;
    height: 20px;
    margin: 0px 0px;
}

    .settings li {
        float: left;
        list-style: none;
        padding: 0px 10px;
        border-right: 1px solid #ccc;
        height: 28px;
        line-height: 28px;
    }

        .settings li select {
            border: 1px solid #ccc;
            height: 30px;
            padding: 0px 5px;
            outline: none !important;
            box-shadow: none;
        }

        .settings li:last-child {
            border: 0px;
            padding-right: 0px;
        }

.settings-bar {
    float: left;
    height: 42px;
    margin: 0px 0px;
    display: table;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    margin-top: 5px;
    background: none;
    color: #666;
    margin-bottom: 15px;
}

    .settings-bar li {
        float: left;
        list-style: none;
        padding: 0px 10px;
        height: 28px;
        line-height: 28px;
    }

        .settings-bar li label {
            float: left;
            display: table;
            margin-right: 10px;
        }

        .settings-bar li .down-arrow {
            float: left;
            margin-right: 15px;
            min-width: 80px;
            display: table;
        }

            .settings-bar li .down-arrow select {
                width: 100%;
                outline: none !important;
                box-shadow: none;
            }

        .settings-bar li input[type="button"] {
            background: #eb5300;
            border: 1px solid #eb5300;
            height: 30px;
            padding: 0px 15px;
            float: right;
            border-radius: 0px;
            color: #fff;
            margin-left: 5px;
        }

        .settings-bar li input[type="text"] {
            min-width: 80px;
            display: table;
            border: 1px solid #ccc;
            float: left;
            height: 28px;
            margin-right: 5px;
            text-indent: 5px;
        }

        .settings-bar li:nth-child(3) .down-arrow {
            margin-right: 0px !important;
        }

        .settings-bar li select {
            border: 1px solid #ccc;
            height: 30px;
            padding: 0px 5px;
            outline: none !important;
            box-shadow: none;
        }

        .settings-bar li:last-child {
            border: 0px;
            padding-right: 0px;
            float: right;
        }

            .settings-bar li:last-child .down-arrow:last-child {
                margin-right: 0px;
            }

.the-box {
    display: table;
    width: 100%;
}

    .the-box h4 {
        width: 100%;
        display: table;
        padding: 10px 0px;
    }

.page-header {
    width: 100%;
    display: table;
    padding: 10px 0px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}

    .page-header h1 {
        display: table;
        font-weight: 400;
        font-size: 24px;
        color: #eb5300;
        float: left;
        line-height: 35px;
    }

    .page-header button, .page-header input[type="button"] { /*background:#1e62ad;*/
        border: 1px solid #eb5300;
        width: 35px;
        height: 35px;
        float: right;
        border-radius: 5px;
        color: #fff;
        margin-left: 2px;
        text-align: center;
        cursor: pointer;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
        background: #eb5300; /* Old browsers */
        background: -moz-linear-gradient(top, #eb5300 0%, #ed8a00 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #eb5300 0%,#ed8a00 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #eb5300 0%,#ed8a00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb5300', endColorstr='#ed8a00',GradientType=0 ); /* IE6-9 */
    }

        .page-header button i, .page-header input[type="button"] i {
            position: absolute;
            top: 5px;
            left: 7px;
        }

#export {
    border: 1px solid #eb5300;
    width: 35px;
    height: 35px;
    float: right;
    border-radius: 5px;
    color: #fff;
    margin-left: 2px;
    text-align: center;
    cursor: pointer;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
    background: #eb5300; /* Old browsers */
    background: -moz-linear-gradient(top, #eb5300 0%, #ed8a00 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eb5300 0%,#ed8a00 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eb5300 0%,#ed8a00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb5300', endColorstr='#ed8a00',GradientType=0 ); /* IE6-9 */
}

.page-header #export i {
    left: 7px;
    top: 5px;
}

.page-header #export1 i {
    left: 7px;
    top: 5px;
}

.page-header #export2 i {
    left: 7px;
    top: 5px;
}

.page-header #export3 i {
    left: 7px;
    top: 5px;
}

.page-header #export4 i {
    left: 7px;
    top: 5px;
}

.page-header #syncbtn i {
    left: 6px;
    top: 5px;
}

.page-header #syncbtn .fa-spin {
    display: none;
}
/*.page-header #syncbtn:hover .ref{display:block; margin-left:-3px !important;}
.page-header #syncbtn:hover .fa-spin{display:none;}*/

.page-header button {
    display: inline;
    position: relative;
}

    .page-header button#export:hover:after {
        background: #333;
        background: rgba(0,0,0,.8);
        border-radius: 5px;
        bottom: 40px;
        color: #fff;
        content: "Export";
        left: -25px;
        padding: 5px 10px;
        position: absolute;
        z-index: 98;
        width: 60px;
        font-size: 15px;
        text-align: center;
        white-space: nowrap;
        outline: none;
        position: absolute;
    }

    .page-header button#export:hover:before {
        border: solid;
        border-color: #333 transparent;
        border-width: 6px 6px 0 6px;
        bottom: 34px;
        content: "";
        left: 40%;
        position: absolute;
    }

    .page-header button#export1:hover:after {
        background: #333;
        background: rgba(0,0,0,.8);
        border-radius: 5px;
        bottom: 40px;
        color: #fff;
        content: "Export";
        left: -25px;
        padding: 5px 10px;
        position: absolute;
        z-index: 98;
        width: 60px;
        font-size: 15px;
        text-align: center;
        white-space: nowrap;
        outline: none;
        position: absolute;
    }

    .page-header button#export1:hover:before {
        border: solid;
        border-color: #333 transparent;
        border-width: 6px 6px 0 6px;
        bottom: 34px;
        content: "";
        left: 40%;
        position: absolute;
    }

    .page-header button#export2:hover:after {
        background: #333;
        background: rgba(0,0,0,.8);
        border-radius: 5px;
        bottom: 40px;
        color: #fff;
        content: "Export";
        left: -25px;
        padding: 5px 10px;
        position: absolute;
        z-index: 98;
        width: 60px;
        font-size: 15px;
        text-align: center;
        white-space: nowrap;
        outline: none;
        position: absolute;
    }

    .page-header button#export2:hover:before {
        border: solid;
        border-color: #333 transparent;
        border-width: 6px 6px 0 6px;
        bottom: 34px;
        content: "";
        left: 40%;
        position: absolute;
    }

    .page-header button#export3:hover:after {
        background: #333;
        background: rgba(0,0,0,.8);
        border-radius: 5px;
        bottom: 40px;
        color: #fff;
        content: "Export";
        left: -25px;
        padding: 5px 10px;
        position: absolute;
        z-index: 98;
        width: 60px;
        font-size: 15px;
        text-align: center;
        white-space: nowrap;
        outline: none;
        position: absolute;
    }

    .page-header button#export3:hover:before {
        border: solid;
        border-color: #333 transparent;
        border-width: 6px 6px 0 6px;
        bottom: 34px;
        content: "";
        left: 40%;
        position: absolute;
    }

    .page-header button#export4:hover:after {
        background: #333;
        background: rgba(0,0,0,.8);
        border-radius: 5px;
        bottom: 40px;
        color: #fff;
        content: "Export";
        left: -25px;
        padding: 5px 10px;
        position: absolute;
        z-index: 98;
        width: 60px;
        font-size: 15px;
        text-align: center;
        white-space: nowrap;
        outline: none;
        position: absolute;
    }

    .page-header button#export4:hover:before {
        border: solid;
        border-color: #333 transparent;
        border-width: 6px 6px 0 6px;
        bottom: 34px;
        content: "";
        left: 40%;
        position: absolute;
    }

    .page-header button[*id="export"]:hover:after {
        background: #333;
        background: rgba(0,0,0,.8);
        border-radius: 5px;
        bottom: 40px;
        color: #fff;
        content: "Export";
        left: -25px;
        padding: 5px 10px;
        position: absolute;
        z-index: 98;
        width: 60px;
        font-size: 15px;
        text-align: center;
        white-space: nowrap;
        outline: none;
        position: absolute;
    }

    .page-header button[*id="export"]:hover:before {
        border: solid;
        border-color: #333 transparent;
        border-width: 6px 6px 0 6px;
        bottom: 34px;
        content: "";
        left: 40%;
        position: absolute;
    }

    .page-header button[id*="export"]:hover:after {
        background: #333;
        background: rgba(0,0,0,.8);
        border-radius: 5px;
        bottom: 40px;
        color: #fff;
        content: "Export";
        left: -25px;
        padding: 5px 10px;
        position: absolute;
        z-index: 98;
        width: 60px;
        font-size: 15px;
        text-align: center;
        white-space: nowrap;
        outline: none;
        position: absolute;
    }

    .page-header button[id*="export"]:hover:before {
        border: solid;
        border-color: #333 transparent;
        border-width: 6px 6px 0 6px;
        bottom: 34px;
        content: "";
        left: 40%;
        position: absolute;
    }



    .page-header button#syncbtn:hover:after {
        background: #333;
        background: rgba(0,0,0,.8);
        border-radius: 5px;
        bottom: 40px;
        color: #fff;
        content: "Sync";
        left: -25px;
        padding: 5px 10px;
        position: absolute;
        z-index: 98;
        width: 60px;
        font-size: 15px;
        text-align: center;
        white-space: nowrap;
        outline: none;
        position: absolute;
    }

    .page-header button#syncbtn:hover:before {
        border: solid;
        border-color: #333 transparent;
        border-width: 6px 6px 0 6px;
        bottom: 34px;
        content: "";
        left: 40%;
        position: absolute;
    }


    .page-header button i {
        font-size: 24px;
        margin-top: 0px;
        position: absolute;
    }

    .page-header button img {
        width: 14px;
        float: left;
    }

.page-header a {
    float: right;
    display: block;
    line-height: 30px;
    text-decoration: none;
    color: #5e5e5e;
}

    .page-header a img {
        float: left;
        margin-right: 5px;
        margin-top: 7px;
    }

h2 {
    font-weight: 400;
    margin-bottom: 10px;
}

.list {
    margin-bottom: 5px;
}

    .list li {
        margin-left: 15px;
        margin-bottom: 0px;
        line-height: 30px;
        list-style: none;
        position: relative;
        padding-left: 15px;
    }

        .list li:before {
            width: 6px;
            height: 6px;
            position: absolute;
            background: #eb5300;
            left: 0px;
            content: "";
            border-radius: 5px;
            top: 11px;
            display: table;
        }

        .list li img {
            margin: 0px 2px;
        }

p {
    color: #5e5e5e;
}

.download {
    display: table;
    text-decoration: none;
    color: #003399;
}

    .download img {
        float: left;
        margin-right: 5px;
    }

.form-box {
    width: 100%;
    display: table;
    margin: 20px auto;
    background: #fff;
    border: 1px solid #ebebeb;
    padding: 20px 20px 10px;
    box-sizing: border-box;
    font-size: 13px;
}

.form-table {
    border-bottom: 0px !important;
}

    .form-table tr {
        margin-bottom: 10px;
        display: table;
        width: 100%;
    }

        .form-table tr td {
            padding: 10px;
        }

            .form-table tr td input {
                width: 100%;
                height: 34px;
                border: 1px solid #ccc;
                text-indent: 10px;
                outline: none;
                box-shadow: none;
            }

            .form-table tr td select {
                width: 100%;
                height: 34px;
                border: 1px solid #ccc;
                outline: none;
                box-shadow: none;
            }

            .form-table tr td textarea {
                width: 100%;
                height: 80px !important;
                border: 1px solid #ccc;
                padding: 7px 10px;
                box-sizing: border-box;
                overflow: hidden;
                resize: vertical;
                overflow: auto;
                outline: none;
                box-shadow: none;
            }

            .form-table tr td label {
                margin-bottom: 5px;
                display: table;
            }

            .form-table tr td input[type="radio"] {
                float: left;
                width: auto;
                margin-top: -7px;
                margin-right: 5px;
            }

button {
    background: #eb5300;
    padding: 0px 10px;
    height: 30px;
    color: #fff;
    border: 1px solid #eb5300;
    margin: 0px 5px;
}

.btn-set {
    display: table;
    float: right;
}

    .btn-set li {
        float: left;
        margin: 0px 5px;
        list-style: none;
    }

        .btn-set li button {
            background: #eb5300;
            padding: 0px 15px;
            height: 30px;
            color: #fff;
            border: 1px solid #eb5300;
        }

.text-area {
    height: 35px !important;
    padding: 5px 10px;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
}

.half-box {
    width: 38% !important;
    margin: 20px auto;
}

.maintenace-tables {
    width: 100%;
    display: table;
    background: #fff;
    margin: 0px 0px 20px;
    border: 1px solid #ededed;
}

    .maintenace-tables thead {
        background: #ededed;
        text-transform: uppercase;
    }

    .maintenace-tables tr th {
        font-weight: 700;
        color: #5e5e5e;
        padding: 5px;
        text-align: left;
        font-size: 11px;
        background: #ededed;
    }

    .maintenace-tables tr td {
        padding: 5px;
        text-align: left !important;
        font-size: 11px;
        display: table-cell;
        position: relative;
        background: #f3f3f3;
    }

    .maintenace-tables a {
        text-decoration: none;
        color: #003399;
    }

    .maintenace-tables tr {
        height: 30px;
        border: 1px solid #dedede;
        display: table;
        width: 100%;
        border-top: 0px;
    }

        .maintenace-tables tr td button {
            background: #eb5300;
            padding: 0px 10px;
            height: 30px;
            color: #fff;
            border: 1px solid #eb5300;
        }

        .maintenace-tables tr td input {
            width: 100%;
            height: 34px;
            border: 1px solid #ccc;
            padding: 0px 10px;
            box-sizing: border-box;
            outline: none;
            box-shadow: none;
        }

            .maintenace-tables tr td input[type="checkbox"] {
                width: auto;
                height: 34px;
                border: 1px solid #ccc;
                padding: 0px 10px;
                box-sizing: border-box;
                display: table;
                margin: 0;
            }

        .maintenace-tables tr td select {
            width: 100%;
            height: 34px;
            border: 1px solid #ccc;
        }

        .maintenace-tables tr th:nth-child(1) {
            width: 15%;
        }

        .maintenace-tables tr th:nth-child(2) {
            width: 6%;
        }

        .maintenace-tables tr th:nth-child(3) {
            width: 13%;
        }

        .maintenace-tables tr th:nth-child(4) {
            width: 12%;
        }

        .maintenace-tables tr th:nth-child(5) {
            width: 8%;
        }

        .maintenace-tables tr th:nth-child(6) {
            width: 13%;
        }

        .maintenace-tables tr th:nth-child(7) {
            width: 13%;
        }

        .maintenace-tables tr th:nth-child(8) {
            width: 8%;
        }

        .maintenace-tables tr th:nth-child(9) {
            width: 7%;
        }

        .maintenace-tables tr td:nth-child(1) {
            width: 15%;
        }

        .maintenace-tables tr td:nth-child(2) {
            width: 6%;
        }

        .maintenace-tables tr td:nth-child(3) {
            width: 13%;
        }

        .maintenace-tables tr td:nth-child(4) {
            width: 12%;
        }

        .maintenace-tables tr td:nth-child(5) {
            width: 8%;
        }

        .maintenace-tables tr td:nth-child(6) {
            width: 13%;
        }

        .maintenace-tables tr td:nth-child(7) {
            width: 13%;
        }

        .maintenace-tables tr td:nth-child(8) {
            width: 8%;
        }

        .maintenace-tables tr td:nth-child(9) {
            width: 7%;
        }


.headingTable3.order-tables {
    width: 80%;
    display: table;
    max-width: 80%;
    background: #fff;
    margin: 0px 0px 20px;
    border: 1px solid #ededed;
}

    .headingTable3.order-tables thead {
        background: #ededed;
        text-transform: uppercase;
    }

    .headingTable3.order-tables tr th {
        font-weight: 700;
        color: #5e5e5e;
        padding: 5px 10px;
        text-align: left;
        font-size: 11px;
        background: #ededed;
        box-sizing: border-box;
    }

    .headingTable3.order-tables tr td {
        padding: 5px 10px;
        text-align: left !important;
        font-size: 11px;
        display: table-cell;
        position: relative;
        background: #fff;
        box-sizing: border-box;
    }

    .headingTable3.order-tables a {
        text-decoration: none;
        color: #003399;
    }

    .headingTable3.order-tables tr {
        height: 30px;
        border: 1px solid #dedede;
        display: table;
        width: 100%;
        border-top: 0px;
    }

        .headingTable3.order-tables tr td button, .headingTable3.order-tables tr td input[type="button"] {
            background: #eb5300;
            padding: 0px 10px;
            height: 30px;
            color: #fff;
            border: 1px solid #eb5300;
        }

        .headingTable3.order-tables tr td input {
            width: 100px;
            height: 34px;
            border: 1px solid #ccc;
            padding: 0px 10px;
            box-sizing: border-box;
            outline: none;
            box-shadow: none;
        }

            .headingTable3.order-tables tr td input[type="checkbox"] {
                width: auto;
                height: 34px;
                border: 1px solid #ccc;
                padding: 0px 10px;
                box-sizing: border-box;
                display: table;
                margin: auto;
            }

        .headingTable3.order-tables tr td select {
            width: 100%;
            height: 34px;
            border: 1px solid #ccc;
        }

        .headingTable3.order-tables tr th:nth-child(1) {
            width: 19%;
            max-width: 19%;
        }

        .headingTable3.order-tables tr th:nth-child(2) {
            width: 19%;
            max-width: 19%;
        }

        .headingTable3.order-tables tr th:nth-child(3) {
            width: 19%;
            max-width: 19%;
        }

        .headingTable3.order-tables tr th:nth-child(4) {
            width: 28%;
            max-width: 28% !important;
        }

        .headingTable3.order-tables tr th:nth-child(5) {
            width: 12%;
            max-width: 12%;
        }

        .headingTable3.order-tables tr td:nth-child(1) {
            width: 19%;
            max-width: 19%;
        }

        .headingTable3.order-tables tr td:nth-child(2) {
            width: 19%;
            max-width: 19%;
        }

        .headingTable3.order-tables tr td:nth-child(3) {
            width: 19%;
            max-width: 19%;
        }

        .headingTable3.order-tables tr td:nth-child(4) {
            width: 28%;
            max-width: 28% !important;
        }

        .headingTable3.order-tables tr td:nth-child(5) {
            width: 12%;
            max-width: 12%;
        }


.search-block {
    width: 100%;
    display: table;
    padding: 5px;
    border: 1px solid #dedede;
    margin: 15px 0px 0px;
    background: #fff;
    border-bottom: 0px;
    box-sizing: border-box;
    display: none;
}

    .search-block .search {
        width: 40%;
        float: left;
        display: table;
        position: relative;
    }

        .search-block .search button {
            right: -10px;
        }

.filter-box {
    display: table;
    float: left;
    margin-left: 20px;
}

    .filter-box label {
        float: left;
        margin-right: 15px;
        line-height: 30px;
    }

    .filter-box select {
        display: table;
        height: 30px;
        float: left;
        border: 1px solid #ccc;
        padding: 0px 10px 0 5px;
    }

.track {
    background: none;
    display: table;
    padding: 0px 15px 0px 10px;
    height: 22px;
    line-height: 22px;
    margin: auto;
}

    .track img {
        float: left;
        height: 18px !important;
        margin: 5px 5px 5px 0px;
    }

.button-set-box {
    display: table;
    margin: 50px auto 20px;
}

    .button-set-box a {
        display: block;
        text-decoration: none;
        color: #fff;
        font-size: 20px;
        padding: 0px 20px;
        height: 40px;
        line-height: 40px;
        background: #014396;
        border-radius: 5px;
        text-transform: uppercase;
    }

        .button-set-box a:hover {
            color: #fff;
            background: #003399;
            text-decoration: none;
        }

.down-arrow {
    width: auto;
    height: 30px;
    position: relative;
    max-width: 100%;
    display: table;
}

    .down-arrow:after {
        width: 28px;
        height: 28px;
        background: #fff;
        content: "";
        background: url(../images/down-arrow.png) no-repeat center center;
        position: absolute;
        right: 1px;
        top: 1px;
        text-align: center;
        line-height: 28px;
        color: #666;
        pointer-events: none;
    }

    .down-arrow:before {
        content: '';
        right: 2px;
        top: 2px;
        width: 20px;
        height: 26px;
        background: #fff;
        position: absolute;
        pointer-events: none;
        display: block;
        border-right: 0px solid #ccc;
    }

    .down-arrow select {
        font-size: 14px;
        font-family: "OpanSans", sans-serif;
        background: #fff;
    }

        .down-arrow select option {
            padding: 5px;
            font-size: 14px;
        }

.form-table .down-arrow {
    width: 100%;
}

    .form-table .down-arrow select {
        height: 35px;
        text-indent: 3px;
    }

    .form-table .down-arrow:before {
        height: 33px;
        top: 1px;
        right: 0px;
    }

    .form-table .down-arrow:after {
        height: 33px;
    }

.maintenace-tables .down-arrow {
    width: 100%;
}

    .maintenace-tables .down-arrow select {
        height: 35px;
    }

    .maintenace-tables .down-arrow:before {
        height: 33px;
        top: 1px;
        right: 0px;
    }

    .maintenace-tables .down-arrow:after {
        height: 33px;
    }

.headingTable2 .down-arrow {
    width: 150px;
}

.popup-alert {
    display: table;
    width: auto;
    margin: 20% auto;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #aaa;
    background: #fff;
    box-shadow: 0px 0px 10px #000;
    min-width: 300px;
    border-radius: 5px;
    box-shadow: 0px 0px 0px 5px #ccc;
    position: relative;
}

    .popup-alert .close {
        position: absolute;
        top: 5px;
        width: 20px;
        height: 20px;
        right: 0px;
    }

.label {
    display: none !important;
}

.box2 {
    width: 100%;
    height: 36px;
    background: #f5f5f5;
    border: 1px solid #ccc;
    text-indent: 10px;
    line-height: 34px;
}

.table-row td {
    width: 25%;
}

.maintenace-tables.exclusion-table {
    width: 50%;
}

.total {
    float: right;
}

    .total label {
        width: 65px;
        display: table;
        float: left;
    }

        .total label strong {
            margin-right: 10px;
        }

    .total span {
        width: 185px;
        display: table;
        float: left;
    }

#OrderDetails.invoice-tables .total span {
    width: 136px;
}

.Pdf {
    font-size: 13px;
    color: #0066FF;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
    line-height: 20px;
}

    .Pdf img {
        float: left;
        margin-right: 5px;
    }

.ui-widget-header {
    border: 1px solid #eb5300 !important;
    background: #eb5300 !important;
    color: #fff !important;
    font-family: 'Roboto', sans-serif;
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        background: #ededed !important;
        font-family: 'Roboto', sans-serif;
    }

.ui-datepicker th {
    font-family: 'Roboto', sans-serif;
}

.mobile-menu {
    display: none;
    float: right;
    cursor: pointer;
    margin: 7px 0px;
}

    .mobile-menu img {
        height: 31px;
        display: table;
    }

.calender {
    width: 100%;
    height: 30px;
    position: relative;
    max-width: 100%;
    display: table;
}

    .calender:after {
        width: 28px;
        height: 35px;
        background: #fff;
        content: "";
        background: url(../images/calender-icon.png) no-repeat center center;
        position: absolute;
        right: 1px;
        top: 1px;
        text-align: center;
        line-height: 28px;
        color: #666;
        pointer-events: none;
    }

    .calender:before {
        content: '';
        right: 2px;
        top: 2px !important;
        width: 20px;
        height: 33px !important;
        background: #fff;
        position: absolute;
        pointer-events: none;
        display:
    }


/*#pagercustomerSearch.jqx-widget-header, #pagerordersCount.jqx-widget-header, #pagerdivInvoices.jqx-widget-header, #pagerStatistics.jqx-widget-header, #pagermontlysales.jqx-widget-header, #pagerdaysales.jqx-widget-header, #pagerdivrepLists.jqx-widget-header, #pagerdivMonthly.jqx-widget-header, #pagerdivyytd.jqx-widget-header, #pagerdivsmlistytd.jqx-widget-header, #pagerdivsmtwoytd.jqx-widget-header, #pagerYearlySales.jqx-widget-header {
    top: 730px !important;
}

#verticalScrollBarcustomerSearch, #verticalScrollBarordersCount, #verticalScrollBardivInvoices, #verticalScrollBarStatistics, #verticalScrollBarmontlysales, #verticalScrollBardaysales, #verticalScrollBardivrepLists, #verticalScrollBardivMonthly, #verticalScrollBardivyytd, #verticalScrollBardivsmlistytd, #verticalScrollBardivsmtwoytd, #verticalScrollBarYearlySales {
    display: none !important;
}*/
/*
#ordersCount {
    width: 100% !important;
    height: 730px !important;
    border-radius: 0px !important;
}*/

#customerSearch, #ordersCount, #divInvoices, #Statistics, #montlysales, #daysales, #Territorysales, #divrepLists, #divMonthly, #divyytd, #divsmlistytd, #divsmtwoytd {
    width: 100% !important;
    height: 480px !important;
    border-radius: 0px !important;
}

/*#YearlySales, #montlysales {
    width: 100% !important;
    height: 482px !important;
}*/

#customerSearch, .jqx-widget .jqx-grid-column-header, #divInvoices, #montlysales, #daysales, #Territorysales, #custSearch, #divrepLists, #divMonthly, #divyytd, #divsmlistytd, #divsmtwoytd {
    border: 0px !important;
    margin: 0px auto !important;
    border-radius: 0px !important;
}

    #divrepLists .jqx-grid.jqx-reset.jqx-rc-all.jqx-widget.jqx-widget-content {
        border: 0px !important;
    }

#pagercustomerSearch, #groupsheadercustomerSearch, #groupsheaderdivInvoices, #groupsheaderStatistics, #groupsheaderYearlySales, #groupsheadermontlysales, #groupsheaderdaysales, #groupsheaderTerritorysales, #groupsheaderartfile #groupsheadercustSearch, #groupsheaderdivrepLists, #pagerdivrepLists, #pagerdivMonthly, #pagerdivyytd, #pagerdivsmlistytd, #groupsheaderdivsmtwoytd {
    background: none !important;
    border-bottom: 0px !important;
    width: 100% !important;
}

    #groupsheadercustomerSearch div, #groupsheaderdivInvoices div, #groupsheaderStatistics div, #groupsheaderYearlySales div, #groupsheadermontlysales div, #groupsheaderdaysales div, #groupsheaderTerritorysales div, #groupsheaderartfile div, #groupsheaderdivrepLists div, #groupsheaderdivMonthly div, #groupsheaderdivyytd div, #groupsheaderdivsmtwoytd div {
        left: 0px !important;
    }

.jqx-scrollbar-state-normal {
    background: #f1f1f3 !important;
}

#columntablecustomerSearch {
    background: #fff !important;
}

#filterrow\.customerSearch, #filterrow\.custSearch {
    background: #fff !important;
    padding: 0px 0px !important;
    height: 30px !important; /*border-left:1px solid #ccc !important;*/
    border-top: 0px !important;
    border-right: 0px !important;
    border-bottom: 0px !important;
    width: auto !important;
}

    #filterrow\.customerSearch .jqx-grid-cell {
        line-height: 30px !important;
        height: 30px !important;
    }

        #filterrow\.customerSearch .jqx-grid-cell .jqx-item, #filterrow\.divInvoices .jqx-grid-cell .jqx-item, #filterrow\.Territorysales .jqx-grid-cell .jqx-item, #filterrow\.divsmlistytd .jqx-grid-cell .jqx-item, #filterrow\.divsmtwoytd .jqx-grid-cell .jqx-item {
            color: #666 !important;
            line-height: 25px;
        }

.jqx-widget {
    color: #666;
}

.jqx-widget-content {
    background: none !important;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.jqx-grid-cell {
    border-right: 0px !important;
    border-color: #cccc !important; /*height:30px !important; line-height:30px !important;*/
    background: none !important;
    font-family: 'Roboto', sans-serif !important;
}

.jqx-widget .jqx-grid-cell a {
    display: table;
    margin: 6px auto;
    text-decoration: none;
    color: #eb5300;
    font-size: 12px;
    font-family: Helvetica !important;
}
/*#export{background:#014693; padding:5px 15px; color:#fff; border:0px; border-radius:3px; height:30px; position:absolute; right:0px; margin-top:-5px; z-index:999;}*/
br {
    display: none;
}

#groupsheaderordersCount, #ordersCount, #pagerordersCount, #pagerStatistics, #groupsheaderYearlySales, #pagerYearlySales, #groupsheadermontlysales, #pagermontlysales, #pagerdaysales, #groupsheaderdaysales, #pagerTerritorysales, #groupsheaderTerritorysales, #groupsheaderdivrepLists, #pagerdivrepLists, #groupsheaderdivMonthly, #pagerdivMonthly, #pagerdivyytd, #groupsheaderdivsmlistytd, #pagerdivsmtwoytd #gridpagerlistdivsmtwoytd {
    background: none !important;
    border: 0px !important;
}

#jqxWidget {
    width: 100% !important;
}

#jqxWidget, .jqx-widget-content {
    font-family: 'Roboto', sans-serif !important;
    font-size: 15px !important;
}

#ordersCount img {
    width: 100px;
}

#contentordersCount .jqx-widget-header.jqx-grid-header, #contentStatistics .jqx-widget-header.jqx-grid-header, #contentYearlySales .jqx-widget-header.jqx-grid-header, #contentmontlysales .jqx-widget-header.jqx-grid-header, #contentdaysales .jqx-widget-header.jqx-grid-header, #contentTerritorysales .jqx-widget-header.jqx-grid-header, #contentdivMonthly .jqx-widget-header.jqx-grid-header, #contentdivyytd .jqx-widget-header.jqx-grid-header, #contentdivsmtwoytd .jqx-widget-header.jqx-grid-header {
    height: 65px !important;
    width: 99.9% !important;
}

.jqx-widget-header.jqx-grid-header {
    height: 65px !important;
    background: #fff !important;
    border-bottom: 0 !important;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc !important;
    width: 99.9% !important;
}

#contentdivInvoices .jqx-widget-header.jqx-grid-header {
    height: 60px !important;
    background: #fff !important;
    border-bottom: 0 !important;
    border-left: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
    width: 99.9% !important;
}

#columntablecustomerSearch {
    height: 35px !important;
    border-bottom: 1px solid #ddd;
}

#filterrow.customerSearch {
    padding-top: 5px;
    height: 35px !important;
}

#columntablecustomerSearch {
    font-weight: 600;
    font-size: 12px !important;
}

.jqx-fill-state-normal {
    background: #fff !important;
    border-radius: 0px !important;
    margin: 7px 4px !important;
}

.jqx-input[type="textarea"] {
    height: 30px !important;
    border-radius: 0px !important;
    margin: 0px !important;
    background: #fff !important;
    border: 1px solid #dbdbdb !important;
    outline: none;
    box-shadow: none;
}

.jqx-grid-cell-pinned {
    background-color: #fff !important;
}

div[role="row"] { /*height:30px !important;*/
    background: #fff !important;
    height: 28px !important;
}

    div[role="row"]:hover {
        background: #eef1f4 !important;
    }

.jqx-widget .jqx-grid-column-menubutton {
    left: 0px !important;
    border-left: 0px !important;
}
/*#verticalScrollBarcustomerSearch{border:1px solid #dbdbdb !important;}
#verticalScrollBarcustomerSearch, #jqxScrollWrapverticalScrollBarcustomerSearch{width:9px !important;}
#jqxScrollBtnUpverticalScrollBarcustomerSearch.jqx-scrollbar-button-state-normal.jqx-rc-t, #jqxScrollBtnDownverticalScrollBarcustomerSearch.jqx-scrollbar-button-state-normal.jqx-rc-b{display:none !important;}
#jqxScrollThumbverticalScrollBarcustomerSearch.jqx-fill-state-normal{margin:0px !important; background:rgba(180, 180, 180, 0.8) !important; width:5px !important; left:auto !important; right:2px !important; }
#jqxScrollThumbhorizontalScrollBarcustomerSearch.jqx-scrollbar-thumb-state-normal-horizontal.jqx-fill-state-normal.jqx-rc-all{margin:0px 4px !important; height:5px !important; background:rgba(180, 180, 180, 0.5) !important;}*/
#jqxScrollBtnUpverticalScrollBarcustomerSearch, #jqxScrollBtnDownverticalScrollBarcustomerSearch, #jqxScrollBtnUpverticalScrollBardivInvoices, #jqxScrollBtnDownverticalScrollBardivInvoices, #jqxScrollBtnUpverticalScrollBarordersCount, #jqxScrollBtnDownverticalScrollBarordersCount, #jqxScrollBtnUpverticalScrollBarYearlySales, #jqxScrollBtnDownverticalScrollBarYearlySales, #jqxScrollBtnUpverticalScrollBarmontlysales, #jqxScrollBtnDownverticalScrollBarmontlysales, #jqxScrollBtnUpverticalScrollBardaysales, #jqxScrollBtnDownverticalScrollBardaysales, #jqxScrollBtnUpverticalScrollBarTerritorysales, #jqxScrollBtnDownverticalScrollBarTerritorysales, #jqxScrollBtnDownverticalScrollBarStatistics, #jqxScrollBtnDownhorizontalScrollBarcustomerSearch, #jqxScrollBtnUpverticalScrollBarcustSearch, #jqxScrollBtnDownverticalScrollBarcustSearch, #jqxScrollBtnUpverticalScrollBardivMonthly, #jqxScrollBtnDownverticalScrollBardivMonthly, #jqxScrollBtnUpverticalScrollBardivrepLists, #jqxScrollBtnDownverticalScrollBardivrepLists {
    width: 16px !important;
    height: 16px !important;
}

#jqxScrollBtnUphorizontalScrollBarcustomerSearch, #jqxScrollBtnDownhorizontalScrollBarcustomerSearch, #jqxScrollBtnUphorizontalScrollBardivInvoices, #jqxScrollBtnDownhorizontalScrollBardivInvoices, #jqxScrollBtnUphorizontalScrollBarordersCount, #jqxScrollBtnUphorizontalScrollBarYearlySales, #jqxScrollBtnDownhorizontalScrollBarordersCount, #jqxScrollBtnDownhorizontalScrollBarYearlySale, #jqxScrollBtnDownhorizontalScrollBarcustomerSearch, #jqxScrollUphorizontalScrollBarcustomerSearch, #jqxScrollBtnUphorizontalScrollBarcustSearch, #jqxScrollBtnDownhorizontalScrollBarcustSearch, #jqxScrollBtnUphorizontalScrollBarartfile, #jqxScrollBtnUphorizontalScrollBarartfile, #jqxScrollBtnUphorizontalScrollBardivMonthly, #jqxScrollBtnUphorizontalScrollBardivMonthly, #jqxScrollBtnUphorizontalScrollBardivrepLists, #jqxScrollBtnUphorizontalScrollBardivrepLists, #jqxScrollBtnUphorizontalScrollBardivyytd, #jqxScrollBtnUphorizontalScrollBardivyytd {
    width: 15px !important;
    height: 16px !important;
    box-sizing: border-box;
}


    #jqxScrollBtnUpverticalScrollBarcustomerSearch:hover, #jqxScrollBtnDownverticalScrollBarcustomerSearch:hover, #jqxScrollBtnUphorizontalScrollBarcustomerSearch:hover, #jqxScrollBtnDownhorizontalScrollBarcustomerSearch:hover, #jqxScrollBtnUpverticalScrollBardivInvoices:hover, #jqxScrollBtnDownverticalScrollBardivInvoices:hover, #jqxScrollBtnUphorizontalScrollBardivInvoices:hover, #jqxScrollBtnDownhorizontalScrollBardivInvoices:hover, #jqxScrollBtnUpverticalScrollBarordersCount:hover, #jqxScrollBtnDownverticalScrollBarordersCount:hover, #jqxScrollBtnDownhorizontalScrollBarordersCount:hover, #jqxScrollBtnUphorizontalScrollBarordersCount:hover, #jqxScrollBtnUpverticalScrollBarYearlySales:hover, #jqxScrollBtnDownverticalScrollBarYearlySalse:hover, #jqxScrollBtnUphorizontalScrollBarYearlySales:hover, #jqxScrollBtnDownhorizontalScrollBarYearlySales:hover, #jqxScrollBtnUpverticalScrollBarmontlysales:hover, #jqxScrollBtnDownverticalScrollBarmontlysales:hover, #jqxScrollBtnUpverticalScrollBardaysales:hover, #jqxScrollBtnDownverticalScrollBardaysales:hover,
    #jqxScrollBtnUpverticalScrollBarTerritorysales:hover, #jqxScrollBtnDownverticalScrollBarTerritorysales:hover, #jqxScrollBtnDownverticalScrollBarStatistics:hover, #jqxScrollBtnUpverticalScrollBarStatistics:hover, #jqxScrollBtnUpverticalScrollBarcustSearch:hover, #jqxScrollBtnDownverticalScrollBarcustSearch:hover, #jqxScrollBtnUphorizontalScrollBarcustSearch:hover, #jqxScrollBtnDownhorizontalScrollBarcustSearch:hover, #jqxScrollBtnUpverticalScrollBarartfile:hover, #jqxScrollBtnDownverticalScrollBarartfile:hover, #jqxScrollBtnUphorizontalScrollBarartfile:hover, #jqxScrollBtnDownhorizontalScrollBarartfile:hover, #jqxScrollBtnUpverticalScrollBardivMonthly:hover, #jqxScrollBtnDownverticalScrollBardivMonthly:hover, #jqxScrollBtnUphorizontalScrollBardivMonthly:hover, #jqxScrollBtnDownhorizontalScrollBardivMonthly:hover, #jqxScrollBtnUpverticalScrollBardivyytd:hover, #jqxScrollBtnDownverticalScrollBardivyytd:hover, #jqxScrollBtnUphorizontalScrollBardivyytd:hover, #jqxScrollBtnDownhorizontalScrollBardivyytd:hover, #jqxScrollBtnDownverticalScrollBardivrepLists:hover, #jqxScrollBtnUpverticalScrollBardivrepLists:hover, #jqxScrollBtnUphorizontalScrollBardivrepLists:hover, #jqxScrollBtnDownhorizontalScrollBardivrepList:hover {
        border: 0px solid #f1f1f3 !important;
        background: none !important;
        border-right: 1px solid #f1f1f3 !important;
    }

#verticalScrollBarcustomerSearch #jqxScrollThumbverticalScrollBarcustomerSearch, #verticalScrollBardivInvoices #jqxScrollThumbverticalScrollBardivInvoices, #verticalScrollBarordersCount #jqxScrollThumbverticalScrollBarordersCount, #verticalScrollBarYearlySales #jqxScrollThumbverticalScrollBarYearlySales, #verticalScrollBarmontlysales #jqxScrollThumbverticalScrollBarmontlysales, #verticalScrollBardaysales #jqxScrollThumbverticalScrollBardaysales, #verticalScrollBarTerritorysales #jqxScrollThumbverticalScrollBarTerritorysales, #verticalScrollBarStatistics #jqxScrollThumbverticalScrollBarStatistics, #verticalScrollBarcustSearch #jqxScrollThumbverticalScrollBarcustSearch, #verticalScrollBardivrepLists #jqxScrollThumbverticalScrollBardivrepLists, #verticalScrollBardivMonthly #jqxScrollThumbverticalScrollBardivMonthly, #verticalScrollBardivyytd #jqxScrollThumbverticalScrollBardivyytd {
    width: 15px !important;
}

#verticalScrollBarcustomerSearch, #verticalScrollBarordersCount, #verticalScrollBardivInvoices, #verticalScrollBarStatistics, #verticalScrollBarYearlySales, #verticalScrollBarmontlysales, #verticalScrollBardaysales, #verticalScrollBarTerritorysales, #verticalScrollBardivyytd, #verticalScrollBardivrepLists, #verticalScrollBardivMonthly { /*left:98.3% !important;*/
    z-index: 999;
    width: 20px !important;
    border-radius: 0px !important;
    height: 388px !important;
    border-bottom: 0px;
}

    #verticalScrollBarcustomerSearch #jqxScrollWrapverticalScrollBarcustomerSearch, #verticalScrollBarordersCount #jqxScrollWrapverticalScrollBarordersCount, #verticalScrollBardivInvoices #jqxScrollWrapverticalScrollBardivInvoices, #verticalScrollBarStatistics #jqxScrollWrapverticalScrollBarStatistics, #verticalScrollBarYearlySales #jqxScrollWrapverticalScrollBarYearlySales, #verticalScrollBarmontlysales .jqxScrollOuterWrapverticalScrollBarmontlysales, #verticalScrollBardaysales #jqxScrollWrapverticalScrollBardaysales, #verticalScrollBarTerritorysales #jqxScrollWrapverticalScrollBarTerritorysales, #verticalScrollBardivyytd #jqxScrollWrapverticalScrollBardivyytd {
        border-right: 1px solid #ddd !important;
        width: 18px !important;
        border: 0px !important;
    }

    #verticalScrollBardivMonthly #jqxScrollWrapverticalScrollBardivMonthly, #verticalScrollBardivyytd #jqxScrollWrapverticalScrollBardivyytd, #verticalScrollBardivrepLists #jqxScrollWrapverticalScrollBardivrepLists {
        width: 16px !important;
    }

{
    width: 16px !important;
}

{
    width: 16px !important;
}

#gridpagerlistcustomerSearch, #gridpagerlistYearlySales, #gridpagerlistcustSearch, #gridpagerlistdivsmlistytd {
    margin: 0px 4px !important;
}

#verticalScrollBarcustSearch #jqxScrollWrapverticalScrollBarcustSearch, #verticalScrollBardivrepLists #jqxScrollWrapverticalScrollBardivrepLists, #verticalScrollBardivmonthly, #verticalScrollBardivyytd {
    width: 15px !important;
}

#filterrow\.customerSearch .jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default, #filterrow\.divInvoices .jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default, #filterrow\.YearlySales .jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default, #filterrow\.montlysales .jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default, #filterrow\.daysales .jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default, #filterrow\.Territorysales .jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default, #filterrow\.artfile .jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default, #filterrow\.custSearch .jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default, #filterrow\.divMonthly .jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default, #filterrow\.divrepLists .jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default, #filterrow\.divyytd .jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default, #filterrow\.divsmlistytd .jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default, #filterrow\.divsmtwoytd .jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default {
    margin: 0px 0px !important;
    height: 28px !important;
    width: 99% !important; /*border:1px solid #dbdbdb !important;*/
    border: 0px !important;
    border-right: 1px solid #dadada !important;
}

.jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal, .jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default {
    margin: 0px 2px !important;
}

#filterrow\.artfile .jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default span {
    line-height: 29px !important;
}

.jqx-checkbox-default.jqx-fill-state-normal.jqx-rc-all {
    margin: 0px 4px !important;
}

.small-title {
    font-size: 20px !important;
    font-weight: 600;
}

#Monthwisebars, #daywisebars {
    margin-bottom: 40px;
}

#jqxScrollWrapverticalScrollBarmontlysales {
    width: 16px !important;
}

.jqx-position-absolute.jqx-action-button.jqx-fill-state-normal.jqx-rc-r.jqx-default {
    margin: 0px 4px !important;
    left: 83% !important;
    border-left: 0px;
}

#filterrow\.divrepLists .jqx-grid-cell .jqx-max-size.jqx-position-relative input[type="textarea"] {
    width: auto !important;
}

#filterrow\.divyytd .jqx-grid-cell .jqx-max-size.jqx-position-relative input[type="textarea"] {
    background: #fff !important;
    border-radius: 0px !important;
    width: 100% !important;
    border: 0px !important;
    border-right: 1px solid #dadada !important;
    text-indent: 5px;
}

#filterrow\.YearlySales .jqx-grid-cell .jqx-max-size.jqx-position-relative input[type="textarea"] {
    background: #fff !important;
    border-radius: 0px !important;
    width: 100% !important;
    border: 0px !important;
    border-right: 1px solid #dadada !important;
    text-indent: 5px;
}

#filterrow\.montlysales .jqx-grid-cell .jqx-max-size.jqx-position-relative input[type="textarea"] {
    background: #fff !important;
    border-radius: 0px !important;
    width: 100% !important;
    border: 0px !important;
    border-right: 1px solid #dadada !important;
    text-indent: 5px;
}

#filterrow\.divsmlistytd .jqx-grid-cell .jqx-max-size.jqx-position-relative input[type="textarea"] {
    background: #fff !important;
    border-radius: 0px !important;
    width: 100% !important;
    border: 0px !important;
    border-right: 1px solid #dadada !important;
    text-indent: 5px;
}

#filterrow\.divsmtwoytd .jqx-grid-cell .jqx-max-size.jqx-position-relative input[type="textarea"] {
    background: #fff !important;
    border-radius: 0px !important;
    width: 100% !important;
    border: 0px !important;
    border-right: 1px solid #dadada !important;
    text-indent: 5px;
}

.jqx-max-size.jqx-position-relative input[type="textarea"] {
    background: #fff !important;
    border-radius: 0px !important;
    width: 99% !important;
    border: 0px !important;
    border-right: 1px solid #dadada !important;
    text-indent: 5px;
}

.jqx-widget-content.jqx-calendar-month-container {
    background: #fff !important;
}

.jqx-widget .jqx-grid-cell a img[alt="my image"], img[alt="my image"] {
    width: 100px !important;
    margin: -5px 0px 0px;
}

#columntableordersCount {
    height: 35px !important;
    border-bottom: 1px solid #ccc !important;
}

    #columntableordersCount .jqx-grid-column-header.jqx-widget-header {
        background: #eb5300 !important;
    }

    #columntableordersCount span, #columntablecustomerSearch span {
        line-height: 22px !important;
        font-weight: 400;
        margin-left: 15px;
        font-family: Helvetica !important;
        text-transform: uppercase;
        color: #fff;
        font-size: 14px;
    }


#filterrow\.ordersCount, #filterrow\.divInvoices, #filterrow\.YearlySales, #filterrow\.montlysales, #filterrow\.daysales, #filterrow\.Territorysales, #filterrow\.divrepLists, #filterrow\.divMonthly, #filterrow\.divyytd, #filterrow\.divsmtwoytd {
    height: 30px !important;
    border: 0px; /*border-left:1px solid #ccc !important;*/
    width: auto !important
}

    #filterrow\.ordersCount .jqx-grid-cell, #filterrow\.divInvoices .jqx-grid-cell, #filterrow\.YearlyTotalSales .jqx-grid-cell,
    #filterrow\.daysales .jqx-grid-cell, #filterrow\.daysales .jqx-grid-cell, #filterrow\.Territorysales .jqx-grid-cell, #filterrow\.custSearch .jqx-grid-cell, #filterrow\.divrepLists .jqx-grid-cell, #filterrow\.divMonthly .jqx-grid-cell, #filterrow\.divyytd .jqx-grid-cell, #filterrow\.divsmtwoytd .jqx-grid-cell {
        height: 30px !important;
        line-height: 30px !important;
    }

    #filterrow\.montlysales .jqx-grid-cell, #filterrow\.daysales .jqx-grid-cell {
        height: 30px !important;
        line-height: 30px !important;
    }

    #filterrow\.ordersCount .jqx-widget.jqx-datetimeinput.jqx-input.jqx-overflow-hidden.jqx-rc-all.jqx-reset.jqx-clear.jqx-widget-content, #filterrow\.YearlySales .jqx-widget.jqx-datetimeinput.jqx-input.jqx-overflow-hidden.jqx-rc-all.jqx-reset.jqx-clear.jqx-widget-content, #filterrow\.divyytd .jqx-widget.jqx-datetimeinput.jqx-input.jqx-overflow-hidden.jqx-rc-all.jqx-reset.jqx-clear.jqx-widget-content,
    #filterrow\.divsmtwoytd .jqx-widget.jqx-datetimeinput.jqx-input.jqx-overflow-hidden.jqx-rc-all.jqx-reset.jqx-clear.jqx-widget-content {
        height: 28px !important;
        line-height: 28px !important;
        border-radius: 0px !important;
        margin: 0px !important;
        width: 99% !important;
        border: 0px !important;
        border-right: 1px solid #ccc !important;
    }

    #filterrow\.ordersCount .jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default {
        height: 28px !important;
        line-height: 28px !important;
        border-radius: 0px !important;
        margin: 0px !important;
        width: 99% !important;
        border: 0px !important;
        border-right: 1px solid #ccc !important;
    }

.jqx-grid-cell-filter-row .jqx-dropdownlist .jqx-dropdownlist-content .jqx-item {
    top: 0px !important;
}

#contentordersCount .jqx-max-size.jqx-position-relative input[type="textarea"] {
    width: 100% !important;
}

.jqx-scrollbar-thumb-state-normal.jqx-fill-state-normal.jqx-rc-all, .jqx-scrollbar-thumb-state-normal-horizontal.jqx-fill-state-normal.jqx-rc-all {
    margin: 0px !important;
}
/*.jqx-scrollbar-thumb-state-normal.jqx-fill-state-normal.jqx-rc-all{ width:15px !important;}
.jqx-scrollbar-thumb-state-normal-horizontal.jqx-fill-state-normal.jqx-rc-all{height:14px !important;}*/
div[role="listbox"] {
    background: #fff !important;
    border: 1px solid #dadada !important;
}
    /*div[role="listbox"].jqx-listbox.jqx-reset.jqx-rc-all.jqx-widget.jqx-widget-content.jqx-disableselect.jqx-default-item.jqx-popup.jqx-popup-up.jqx-rc-b-expanded.jqx-fill-state-focus{width:184px !important;}
.jqx-listbox.jqx-reset.jqx-rc-all.jqx-widget.jqx-widget-content.jqx-disableselect.jqx-default-item.jqx-popup.jqx-popup-up.jqx-rc-t-expanded.jqx-fill-state-focus div[role="listbox"]{width:184px !important;}*/
    div[role="listbox"].jqx-listbox.jqx-reset.jqx-rc-all.jqx-widget.jqx-widget-content.jqx-disableselect.jqx-default-item.jqx-popup.jqx-popup-up.jqx-rc-b-expanded.jqx-fill-state-focus .jqx-scrollbar.jqx-widget.jqx-widget-content.jqx-rc-all {
        width: 21px !important;
    }

#columntablecustomerSearch, #columntabledivInvoices, #columntableYearlySales, #columntablemontlysales, #columntabledaysales, #columntableTerritorysales, #columntablecustSearch, #columntabledivrepLists, #columntabledivMonthly, #columntabledivyytd, #columntabledivsmlistytd {
    background: #eb5300 !important;
    height: 35px !important;
}

    #columntablecustomerSearch .jqx-widget-header {
        background: #eb5300 !important;
    }

#contenttableordersCount div[role="row"]:hover {
    background: #eef1f4 !important;
}

#gridpagerlistordersCount, #gridpagerlistYearlySales, #gridpagerlistTerritorysales {
    margin: 0px 4px !important;
}

#pagerordersCount .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal,
#pagerordersCount .jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default {
    margin: 0px 1px !important;
}

.ui-dialog {
    z-index: 999;
}

.iconscontainer {
    height: 34px !important;
    margin-left: 0px !important;
    width: 15px !important;
    left: 3px !important;
}

    .iconscontainer .jqx-widget-header {
        display: block !important;
    }

    .iconscontainer .filtericon.jqx-widget-header {
        display: none !important;
    }

#columntabledivyytd .jqx-grid-column-header.jqx-widget-header > div > .jqx-widget-header {
    display: none !important;
    width: 99.9% !important;
}

#columntabledivMonthly .jqx-grid-column-header.jqx-widget-header > div > .jqx-widget-header {
    display: none !important;
    width: 99.9% !important;
}

#columntabledivrepLists .jqx-grid-column-header.jqx-widget-header > div > .jqx-widget-header {
    display: none !important;
    width: 99.9% !important;
}

#columntableTerritorysales .jqx-grid-column-header.jqx-widget-header > div > .jqx-widget-header {
    display: none !important;
    width: 99.9% !important;
}

#columntabledaysales .jqx-grid-column-header.jqx-widget-header > div > .jqx-widget-header {
    display: none !important;
    width: 99.9% !important;
}

#columntablemontlysales .jqx-grid-column-header.jqx-widget-header > div > .jqx-widget-header {
    display: none !important;
    width: 99.9% !important;
}

#columntableYearlySales .jqx-grid-column-header.jqx-widget-header > div > .jqx-widget-header {
    display: none !important;
    width: 99.9% !important;
}

#columntableStatistics .jqx-grid-column-header.jqx-widget-header > div > .jqx-widget-header {
    display: none !important;
    width: 99.9% !important;
}

#columntableordersCount .jqx-grid-column-header.jqx-widget-header > div > .jqx-widget-header {
    display: none !important;
    width: 99.9% !important;
}

#columntablecustomerSearch .jqx-grid-column-header.jqx-widget-header > div > .jqx-widget-header {
    display: none !important;
    width: 99.9% !important;
}

#columntablecustSearch .jqx-grid-column-header.jqx-widget-header > div > .jqx-widget-header {
    display: none !important;
    width: 99.9% !important;
}

#columntabledivInvoices .jqx-grid-column-header.jqx-widget-header > div > .jqx-widget-header {
    display: none !important;
    width: 99.9% !important;
}

#columntabledivsmlistytd .jqx-grid-column-header.jqx-widget-header > div > .jqx-widget-header {
    display: none !important;
    width: 99.9% !important;
}

#columntabledivsmtwoytd .jqx-grid-column-header.jqx-widget-header > div > .jqx-widget-header {
    display: none !important;
    width: 99.9% !important;
}

.iconscontainer .sortasc.jqx-widget-header {
    height: 7px !important;
    position: absolute;
    top: 11px;
    right: 0px;
    background-color: #eb5300;
    !important;
}

.iconscontainer .sortdesc.jqx-widget-header {
    height: 7px !important;
    position: absolute;
    bottom: 11px;
    right: 0px;
    background-color: #eb5300 !important;
}

#row00customerSearch {
    height: 40px;
}

[role="columnheader"] {
    background: none !important;
    color: #fff !important;
    height: 35px !important;
    background: #eb5300 !important;
}

    [role="columnheader"] span {
        color: #fff !important;
        margin-left: 15px !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        text-transform: uppercase;
        font-family: Helvetica !important;
    }

#contentcustomerSearch, #contentordersCount, #contentdivInvoices, #Statistics, #YearlySales, #montlysales, #contentdaysales, #contentTerritorysales, #Territorysales, #contentcustSearch, #contentdivMonthly, #contentdivrepLists, #contentdivyytd {
    border: 0px !important;
    width: 100% !important;
}

.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default .jqx-icon-arrow-down.jqx-icon {
    background: url(../images/down-arrow2.png) !important;
}
/*#horizontalScrollBarcustomerSearch{border:1px solid #dbdbdb !important;height:9px !important;}
#jqxScrollBtnUphorizontalScrollBarcustomerSearch.jqx-scrollbar-button-state-normal.jqx-rc-l, #jqxScrollBtnDownhorizontalScrollBarcustomerSearch.jqx-scrollbar-button-state-normal.jqx-rc-r{display:none !important;}*/

div[role="row"] .jqx-grid-cell.jqx-item .jqx-grid-cell-middle-align, div[role="row"] .jqx-grid-cell.jqx-item .jqx-grid-cell-left-align, div[role="row"] .jqx-grid-cell.jqx-item .jqx-grid-cell-right-align {
    margin-top: 6px !important;
    font-size: 12px;
    color: #666 !important; /*line-height:30px;*/
    font-family: Opan Sans, sans-serif !important;
}

#divCustomer {
    max-width: 100%;
    overflow: hidden;
}

div[role="gridcell"].jqx-grid-cell-pinned {
    background-color: #e5e5e5 !important;
}

div[role="gridcell"] {
    line-height: 20px !important;
    font-size: 12px;
    border-bottom: 1px solid #ccc !important;
}

    div[role="gridcell"] a {
        display: table;
        margin: 6px auto; /*line-height:30px !important;*/
        color: #014693;
        text-decoration: none;
    }

.jqx-fill-state-normal.jqx-grid-group-column {
    margin: 0px !important;
}

div[role="gridcell"] .jqx-grid-groups-row {
    padding: 0px 15px; /*margin:-15px;*/
}

/*div[role="listbox"] .jqx-listitem-element:hover{background:#ededed !important;}
div[role="listbox"] .jqx-listitem-state-normal.jqx-item.jqx-rc-all.jqx-listitem-state-selected.jqx-fill-state-pressed.jqx-listitem-hover.jqx-fill-state-hover{background:none !important; border:0px !important;}
div[role="listbox"] .jqx-listitem-state-normal.jqx-item.jqx-rc-all.jqx-listitem-state-selected.jqx-fill-state-pressed{background:none !important; border:0px !important;}*/

.jqx-grid-column-sortascbutton.jqx-icon-arrow-up {
    background: url(../images/icon-up-white.png) !important;
    background-position: center !important;
    background-color: none !important;
}

.jqx-grid-column-sortdescbutton.jqx-icon-arrow-down {
    background: url(../images/icon-down-white.png) !important;
    background-position: center !important;
    background-color: none !important;
}

.jqx-widget.jqx-datetimeinput.jqx-input.jqx-overflow-hidden.jqx-rc-all.jqx-reset.jqx-clear.jqx-widget-content {
    border: 0px !important; /*border-right:1px solid #ccc !important;*/
    height: 30px !important;
    margin: 0px !important;
}

#pagercustomerSearch, #pagerordersCount, #pagerdivInvoices, #pagerStatistics, #pagerYearlySales, #pagermontlysales, #pagerdaysales, #pagerTerritorysales, #pagerdivrepLists, #pagerdivMonthly, #pagerdivsmlistytd, #pagerdivsmtwoytd, #pagerdivblockedReps {
    height: 40px !important;
    display: table;
    overflow: visible !important;
    line-height: 27px !important;
    font-size: 13px !important;
    top: 442px !important;
    border-top: 1px solid #c5c5c5 !important;
    background: #fff !important;
}

    #pagercustomerSearch > div > div:nth-child(6), #pagerordersCount > div > div:nth-child(6), #pagerdivInvoices > div > div:nth-child(6), #pagerStatistics > div > div:nth-child(6), #pagerYearlySales > div > div:nth-child(6), #pagermontlysales > div > div:nth-child(6), #pagerdaysales > div > div:nth-child(6), #pagerTerritorysales > div > div:nth-child(6), #pagercustSearch > div > div:nth-child(6), #pagerdivrepLists > div > div:nth-child(6), #pagerdivMonthly > div > div:nth-child(6), #pagerdivyytd > div > div:nth-child(6), #pagerdivsmlistytd > div > div:nth-child(6), #pagerdivsmtwoytd > div > div:nth-child(6) {
        margin-right: 25px !important;
    }

    #pagercustomerSearch .jqx-input.jqx-widget-content.jqx-grid-pager-input.jqx-rc-all, #pagerordersCount .jqx-input.jqx-widget-content.jqx-grid-pager-input.jqx-rc-all, #pagerdivInvoices .jqx-input.jqx-widget-content.jqx-grid-pager-input.jqx-rc-all, #pagerYearlySales .jqx-input.jqx-widget-content.jqx-grid-pager-input.jqx-rc-all, #pagermontlysales .jqx-input.jqx-widget-content.jqx-grid-pager-input.jqx-rc-all, #pagerdaysales .jqx-input.jqx-widget-content.jqx-grid-pager-input.jqx-rc-all, #pagerTerritorysales .jqx-input.jqx-widget-content.jqx-grid-pager-input.jqx-rc-all, #pagerStatistics .jqx-input.jqx-widget-content.jqx-grid-pager-input.jqx-rc-all, #pagerartfile .jqx-input.jqx-widget-content.jqx-grid-pager-input.jqx-rc-all, #custSearch .jqx-input.jqx-widget-content.jqx-grid-pager-input.jqx-rc-all, #pagerdivrepLists .jqx-input.jqx-widget-content.jqx-grid-pager-input.jqx-rc-all, #pagerdivMonthly .jqx-input.jqx-widget-content.jqx-grid-pager-input.jqx-rc-all, #pagerdivyytd .jqx-input.jqx-widget-content.jqx-grid-pager-input.jqx-rc-all, #pagerdivsmlistytd .jqx-input.jqx-widget-content.jqx-grid-pager-input.jqx-rc-all, #pagerdivsmtwoytd .jqx-input.jqx-widget-content.jqx-grid-pager-input.jqx-rc-all {
        width: 35px !important;
        height: 27px !important;
        border-radius: 0px !important;
        border: 1px solid #ccc !important;
        text-align: center !important;
    }


    #pagercustomerSearch #gridpagerlistcustomerSearch, #pagerdivInvoices #gridpagerlistdivInvoices, #pagerStatistics #gridpagerlistStatistics, #pagerYearlySales #gridpagerlistYearlySales, #pagermontlysales #gridpagerlistmontlysales, #pagerdaysales #gridpagerlistdaysales, #pagerTerritorysales #gridpagerlistTerritorysales, #gridpagerlistartfile, #pagercustSearch #gridpagerlistcustSearch, #pagerdivrepLists #gridpagerlistdivrepLists, #pagerordersCount #gridpagerlistordersCount, #pagerdivMonthly #gridpagerlistdivMonthly, #pagerdivyytd #gridpagerlistdivyytd, #pagerdivsmlistytd #gridpagerlistdivsmlistytd, #pagerdivsmtwoytd #gridpagerlistdivsmtwoytd {
        height: 25px !important;
        border: 1px solid #ccc !important;
        line-height: 20px !important;
        margin-right: 20px !important;
    }

    #pagercustomerSearch .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal, #pagerordersCount .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal, #pagerdivInvoices .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal, #pagerStatistics .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal, #pagerYearlySales .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal, #pagermontlysales .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal, #pagerdaysales .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal, #pagerTerritorysales .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal, #pagerartfile .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal, #pagercustSearch .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal, #pagerdivrepLists .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal, #pagerdivMonthly .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal, #pagerdivyytd .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal, #pagerdivsmlistytd .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal, #pagerdivsmtwoytd .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal {
        width: 25px !important;
        height: 25px !important;
        border: 1px solid #ccc !important;
        border-radius: 0px !important;
    }

        #pagercustomerSearch .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal .jqx-icon-arrow-left, #pagerordersCount .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal .jqx-icon-arrow-left, #pagerdivInvoices .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal .jqx-icon-arrow-left, #pagerStatistics .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal .jqx-icon-arrow-left, #pagerYearlySales .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal .jqx-icon-arrow-left, #pagermontlysales .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal .jqx-icon-arrow-left, #pagerdaysales .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal .jqx-icon-arrow-left, #pagerTerritorysales .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal .jqx-icon-arrow-left, #pagerartfile .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal .jqx-icon-arrow-left, #pagercustSearch .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal .jqx-icon-arrow-left, #pagerdivrepLists .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal .jqx-icon-arrow-left, #pagerdivMonthly .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal .jqx-icon-arrow-left, #pagerdivyytd .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal .jqx-icon-arrow-left, #pagerdivsmlistytd .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal .jqx-icon-arrow-left, #pagerdivsmtwoytd .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal .jqx-icon-arrow-left {
            height: 25px !important;
        }

    #pagercustomerSearch [role="button"]:hover, #pagerordersCount [role="button"]:hover, #pagerdivInvoices [role="button"]:hover, #pagerStatistics [role="button"]:hover, #pagerYearlySales [role="button"]:hover, #pagermontlysales [role="button"]:hover, #pagerdaysales [role="button"]:hover, #pagerTerritorysales [role="button"]:hover, #pagerartfile [role="button"]:hover, #pagercustSearch [role="button"]:hover, #pagerdivrepLists [role="button"]:hover, #pagerdivMonthly [role="button"]:hover, #pagerdivyytd [role="button"]:hover, #pagerdivsmlistytd [role="button"]:hover, #pagerdivsmtwoytd [role="button"]:hover {
        width: 25px !important;
        height: 25px !important;
        line-height: 25px !important;
        background: #eb5300 !important;
        border: 1px solid #eb5300 !important;
        border-radius: 0px !important;
    }

        #pagercustomerSearch [role="button"]:hover .jqx-icon-arrow-left, #pagerordersCount [role="button"]:hover .jqx-icon-arrow-left, #pagerdivInvoices [role="button"]:hover .jqx-icon-arrow-left, #pagerStatistics [role="button"]:hover .jqx-icon-arrow-left, #pagerYearlySales [role="button"]:hover .jqx-icon-arrow-left, #pagermontlysales [role="button"]:hover .jqx-icon-arrow-left, #pagerdaysales [role="button"]:hover .jqx-icon-arrow-left, #pagerTerritorysales [role="button"]:hover .jqx-icon-arrow-left, #pagerartfile [role="button"]:hover .jqx-icon-arrow-left, #pagercustSearch [role="button"]:hover .jqx-icon-arrow-left, #pagerdivrepLists [role="button"]:hover .jqx-icon-arrow-left, #pagerdivMonthly [role="button"]:hover .jqx-icon-arrow-left, #pagerdivyytd [role="button"]:hover .jqx-icon-arrow-left, #pagerdivsmlistytd [role="button"]:hover .jqx-icon-arrow-left, #pagerdivsmtwoytd [role="button"]:hover .jqx-icon-arrow-left {
            background: url(../images/icon-left-white.png) center no-repeat !important;
            width: 25px !important;
            height: 25px !important;
            margin-left: 0px !important;
        }

    #pagercustomerSearch .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal .jqx-icon-arrow-right, #pagerordersCount .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal .jqx-icon-arrow-right, #pagerdivInvoices .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal .jqx-icon-arrow-right, #pagerStatistics .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal .jqx-icon-arrow-right, #pagermontlysales .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal .jqx-icon-arrow-right, #pagerdaysales .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal .jqx-icon-arrow-right, #pagerTerritorysales .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal .jqx-icon-arrow-right, #pagerartfile .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal .jqx-icon-arrow-right, #pagercustSearch .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal .jqx-icon-arrow-right, #pagerdivrepLists .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal .jqx-icon-arrow-right, #pagerdivMonthly .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal .jqx-icon-arrow-right, #pagerdivyytd .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal .jqx-icon-arrow-right, #pagerdivsmlistytd .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal .jqx-icon-arrow-right, #pagerdivsmtwoytd .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal .jqx-icon-arrow-right {
        height: 25px !important;
        border-radius: 0px !important;
    }

    #pagercustomerSearch [role="button"]:hover .jqx-icon-arrow-right, #pagerordersCount [role="button"]:hover .jqx-icon-arrow-right, #pagerdivInvoices [role="button"]:hover .jqx-icon-arrow-right, #pagerStatistics [role="button"]:hover .jqx-icon-arrow-right, #pagerYearlySales [role="button"]:hover .jqx-icon-arrow-right, #pagermontlysales [role="button"]:hover .jqx-icon-arrow-right, #pagerdaysales [role="button"]:hover .jqx-icon-arrow-right, #pagerTerritorysales [role="button"]:hover .jqx-icon-arrow-right, #pagerartfile [role="button"]:hover .jqx-icon-arrow-right, #pagercustSearch [role="button"]:hover .jqx-icon-arrow-right, #pagerdivrepLists [role="button"]:hover .jqx-icon-arrow-right, #pagerdivMonthly [role="button"]:hover .jqx-icon-arrow-right, #pagerdivyytd [role="button"]:hover .jqx-icon-arrow-right, #pagerdivsmlistytd [role="button"]:hover .jqx-icon-arrow-right, #pagerdivsmtwoytd [role="button"]:hover .jqx-icon-arrow-right {
        background: url(../images/icon-right-white.png) center no-repeat !important;
        width: 25px !important;
        height: 25px !important;
        margin-left: 0px !important;
    }

    #pagerYearlySales [role="button"] .jqx-icon-arrow-left, #pagerYearlySales [role="button"] .jqx-icon-arrow-right, #pagermontlysales [role="button"] .jqx-icon-arrow-left, #pagermontlysales [role="button"] .jqx-icon-arrow-right, #pagerartfile [role="button"] .jqx-icon-arrow-right, #pagercustSearch [role="button"] .jqx-icon-arrow-right, #pagerdivrepLists [role="button"]:hover .jqx-icon-arrow-right, #pagerdivMonthly [role="button"]:hover .jqx-icon-arrow-right, #pagerdivyytd [role="button"]:hover .jqx-icon-arrow-right, #pagerdivsmlistytd [role="button"]:hover .jqx-icon-arrow-right, #pagerdivsmtwoytd [role="button"]:hover .jqx-icon-arrow-right {
        height: 25px !important;
    }

#listBoxContentinnerListBoxgridpagerlistordersCount .jqx-listitem-element .jqx-listitem-state-normal.jqx-item.jqx-rc-all.jqx-listitem-state-selected.jqx-fill-state-pressed,
#listBoxContentinnerListBoxgridpagerlistdivInvoices .jqx-listitem-element .jqx-listitem-state-normal.jqx-item.jqx-rc-all.jqx-listitem-state-selected.jqx-fill-state-pressed,
#listBoxContentinnerListBoxgridpagerlistcustomerSearch .jqx-listitem-element .jqx-listitem-state-normal.jqx-item.jqx-rc-all.jqx-listitem-state-selected.jqx-fill-state-pressed, #listBoxContentinnerListBoxgridpagerlistcustSearch .jqx-listitem-element .jqx-listitem-state-normal.jqx-item.jqx-rc-all.jqx-listitem-state-selected.jqx-fill-state-pressed,
#listBoxContentinnerListBoxgridpagerlistmontlysales .jqx-listitem-element .jqx-listitem-state-normal.jqx-item.jqx-rc-all.jqx-listitem-state-selected.jqx-fill-state-pressed,
#listBoxContentinnerListBoxgridpagerlistdaysales .jqx-listitem-element .jqx-listitem-state-normal.jqx-item.jqx-rc-all.jqx-listitem-state-selected.jqx-fill-state-pressed,
#listBoxContentinnerListBoxgridpagerlistTerritorysales .jqx-listitem-element .jqx-listitem-state-normal.jqx-item.jqx-rc-all.jqx-listitem-state-selected.jqx-fill-state-pressed,
#listBoxContentinnerListBoxgridpagerlistartfile .jqx-listitem-element .jqx-listitem-state-normal.jqx-item.jqx-rc-all.jqx-listitem-state-selected.jqx-fill-state-pressed,
#listBoxContentinnerListBoxgridpagerlistdivrepLists .jqx-listitem-element .jqx-listitem-state-normal.jqx-item.jqx-rc-all.jqx-listitem-state-selected.jqx-fill-state-pressed,
#listBoxContentinnerListBoxgridpagerlistdivMonthly .jqx-listitem-element .jqx-listitem-state-normal.jqx-item.jqx-rc-all.jqx-listitem-state-selected.jqx-fill-state-pressed,
#listBoxContentinnerListBoxgridpagerlistdivyytd .jqx-listitem-element .jqx-listitem-state-normal.jqx-item.jqx-rc-all.jqx-listitem-state-selected.jqx-fill-state-pressed,
{
    border: 0px !important;
    background: #eb5300 !important;
    color: #fff !important;
    width: 65% !important;
}

.jqx-listitem-state-normal.jqx-item jqx-rc-all.jqx-listitem-state-hover.jqx-fill-state-hover {
    border: 0px !important;
    background: #eb5300 !important;
    color: #fff !important;
}

#pagercustomerSearch > div, #pagerordersCount > div, #pagerStatistics > div, #pagerYearlySales > div, #pagermontlysales > div, #pagerdaysales > div, #pagerTerritorysales > div, #pagerartfile > div, #pagercustSearch > div, #pagerdivMontly > div, #pagerdiv2yth > div, #pagerdivsmlistytd > div, #pagerdivsmtwoytd > div {
    line-height: 27px !important;
}

div[role="row"] .jqx-grid-group-cell.jqx-grid-cell-pinned.jqx-grid-group-expand.jqx-icon-arrow-downdiv[role="gridcell"] {
    line-height: 40px !important;
}

[data-role="calendar"] {
    width: 200px !important;
}

    [data-role="calendar"] .jqx-widget-content.qx-calendar-month-container {
        width: 200px !important;
    }

#horizontalScrollBarordersCount, #horizontalScrollBardivInvoices, #horizontalScrollBarcustomerSearch, #horizontalScrollBarcustSearch #horizontalScrollBarStatistics, #horizontalScrollBarmontlysales, #horizontalScrollBardaysales, #horizontalScrollBarTerritorysales, #horizontalScrollBarcustSearch, #horizontalScrollBardivrepLists, #horizontalScrollBardivMonthly, #horizontalScrollBardivyytd {
    z-index: 999;
    height: 21px !important;
}

#gridpagerlistcustomerSearch #dropdownlistContentgridpagerlistcustomerSearch, #gridpagerlistcustSearch #dropdownlistContentgridpagerlistcustSearch #gridpagerlistordersCount #dropdownlistContentgridpagerlistordersCount, #gridpagerlistYearlySales #dropdownlistWrappergridpagerlistYearlySales, #gridpagerlistmontlysales #dropdownlistWrappergridpagerlistmontlysales, #gridpagerlistdaysales #dropdownlistWrappergridpagerlistdaysales, #gridpagerlistTerritorysales #dropdownlistContentgridpagerlistTerritorysales, #gridpagerlistartfile #dropdownlistContentgridpagerlistartfile, #gridpagerlistcustSearch #dropdownlistContentgridpagerlistcustSearch, #gridpagerlistdivMonthly #dropdownlistContentgridpagerlistdivMonthly, #gridpagerlistdivyytd #dropdownlistContentgridpagerlistdivyytd, #gridpagerlistdivsmlistytd #dropdownlistContentgridpagerlistdivsmlistytd {
    margin-top: 0px !important;
    line-height: 24px !important;
}

    #gridpagerlistYearlySales #dropdownlistWrappergridpagerlistYearlySales div, #gridpagerlistStatistics #dropdownlistWrappergridpagerlistStatistics div, #gridpagerlistartfile #dropdownlistWrappergridpagerlistartfile div, #gridpagerlistcustSearch #dropdownlistWrappergridpagerlistcustSearch div, #gridpagerlistdivMonthly #dropdownlistWrappergridpagerlistdivMonthly div, #dropdownlistWrappergridpagerlistdivyytd div #gridpagerlistdivsmlistytd #dropdownlistContentgridpagerlistdivsmlistytd div {
        top: 8% !important;
        margin-top: 0px !important;
        line-height: 20px !important;
    }



#bottomRight {
    width: 18px !important;
    border-right: 1px solid #ddd !important;
}

#jqxScrollBtnDownverticalScrollBarYearlySales {
    width: 17px !important;
    border-right: 1px solid #ccc !important;
    background: #f1f1f3 !important;
    top: 386px !important;
    height: 18px !important;
}

#jqxScrollBtnDownverticalScrollBarmontlysales {
    width: 16px !important;
    border-right: 1px solid #ccc !important;
    background: #f1f1f3 !important;
    top: 385px !important;
    height: 18px !important;
}

#jqxScrollBtnDownverticalScrollBardaysales {
    width: 17px !important;
    border-right: 1px solid #ccc !important;
    background: #f1f1f3 !important;
    top: 385px !important;
    height: 18px !important;
}

#jqxScrollBtnDownverticalScrollBarTerritorysales {
    width: 17px !important;
    border-right: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
    background: #f1f1f3 !important;
    top: 386px !important;
    height: 18px !important;
}

#jqxScrollBtnDownverticalScrollBarStatistics {
    width: 17px !important;
    border-right: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
    background: #f1f1f3 !important;
    top: 386px !important;
    height: 18px !important;
}

#jqxScrollBtnDownverticalScrollBardivMonthly {
    width: 17px !important;
    border-right: 1px solid #ccc !important;
    border-left: 0px solid #ccc !important;
    background: #f1f1f3 !important;
    top: 386px !important;
    height: 18px !important;
}


    #jqxScrollBtnDownverticalScrollBarYearlySales:hover, #jqxScrollBtnDownverticalScrollBarYearlySales .jqx-icon-arrow-down:hover, #jqxScrollBtnDownverticalScrollBarmontlysales:hover, #jqxScrollBtnDownverticalScrollBarmontlysales .jqx-icon-arrow-down:hover, #jqxScrollBtnDownverticalScrollBardaysales:hover, #jqxScrollBtnDownverticalScrollBardaysales .jqx-icon-arrow-down:hover, #jqxScrollBtnDownverticalScrollBarTerritorysales .jqx-icon-arrow-down:hover, #jqxScrollBtnDownverticalScrollBarStatistics .jqx-icon-arrow-down:hover, #jqxScrollBtnDownverticalScrollBarartfile .jqx-icon-arrow-down:hover, #jqxScrollBtnDownverticalScrollBardivMonthly .jqx-icon-arrow-down:hover, #jqxScrollBtnDownverticalScrollBardivrepLists .jqx-icon-arrow-down:hover, #jqxScrollBtnDownverticalScrollBardivyytd .jqx-icon-arrow-down:hover {
        border: 0px !important;
        background-color: #f1f1ff3 !important;
        border-right: 1px solid #ccc !important;
        width: 17px !important;
    }

#filterrow\.ordersCount .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default {
    width: 23px !important
}

#filterrow\.ordersCount .jqx-grid-cell > div > .jqx-widget.jqx-input.jqx-rc-all.jqx-widget-content {
    width: 83% !important;
    float: left !important;
}

#filterrow\.ordersCount .jqx-grid-cell > div > .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default.jqx-dropdownlist-state-selected .jqx-fill-state-pressed.jqx-rc-t-expanded {
    width: 23px !important;
}

#filterrow\.divrepList .jqx-grid-cell > div > .jqx-widget.jqx-input.jqx-rc-all.jqx-widget-content {
    width: 83% !important;
    float: left !important;
}

#filterrow\.divrepList .jqx-grid-cell > div > .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default.jqx-dropdownlist-state-selected .jqx-fill-state-pressed.jqx-rc-t-expanded {
    width: 23px !important;
}

#filterrow\.divMonthly .jqx-grid-cell > div > .jqx-widget.jqx-input.jqx-rc-all.jqx-widget-content {
    width: 83% !important;
    float: left !important;
}

#filterrow\.divMonthly .jqx-grid-cell > div > .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default.jqx-dropdownlist-state-selected .jqx-fill-state-pressed.jqx-rc-t-expanded {
    width: 23px !important;
}


#filterrow\.customerSearch .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default {
    width: 23px !important
}

#filterrow\.customerSearch .jqx-grid-cell > div > .jqx-widget.jqx-input.jqx-rc-all.jqx-widget-content {
    width: 83% !important;
    float: left !important;
}

#filterrow\.customerSearch .jqx-grid-cell > div > .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default.jqx-dropdownlist-state-selected .jqx-fill-state-pressed.jqx-rc-t-expanded {
    width: 23px !important;
}


#filterrow\.divInvoices .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default {
    width: 23px !important
}

#filterrow\.divInvoices .jqx-grid-cell > div > .jqx-widget.jqx-input.jqx-rc-all.jqx-widget-content {
    width: 83% !important;
    float: left !important;
}

#filterrow\.divInvoices .jqx-grid-cell > div > .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default.jqx-dropdownlist-state-selected .jqx-fill-state-pressed.jqx-rc-t-expanded {
    width: 23px !important;
}

#filterrow\.YearlySales .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default {
    width: 23px !important
}

#filterrow\.YearlySales .jqx-grid-cell > div > .jqx-widget.jqx-input.jqx-rc-all.jqx-widget-content {
    width: 80% !important;
    float: left !important;
}

#filterrow\.YearlySales .jqx-grid-cell > div > .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default.jqx-dropdownlist-state-selected .jqx-fill-state-pressed.jqx-rc-t-expanded {
    width: 23px !important;
}


#filterrow\.montlysales .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default {
    width: 23px !important
}

#filterrow\.montlysales .jqx-grid-cell > div > .jqx-widget.jqx-input.jqx-rc-all.jqx-widget-content {
    width: 80% !important;
    float: left !important;
}

#filterrow\.montlysales .jqx-grid-cell > div > .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default.jqx-dropdownlist-state-selected .jqx-fill-state-pressed.jqx-rc-t-expanded {
    width: 23px !important;
}

#filterrow\.daysales .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default {
    width: 23px !important
}

#filterrow\.daysales .jqx-grid-cell > div > .jqx-widget.jqx-input.jqx-rc-all.jqx-widget-content {
    width: 80% !important;
    float: left !important;
}

#filterrow\.daysales .jqx-grid-cell > div > .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default.jqx-dropdownlist-state-selected .jqx-fill-state-pressed.jqx-rc-t-expanded {
    width: 23px !important;
}


#filterrow\.Territorysales .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default {
    width: 23px !important
}

#filterrow\.Territorysales .jqx-grid-cell > div > .jqx-widget.jqx-input.jqx-rc-all.jqx-widget-content {
    width: 80% !important;
    float: left !important;
}

#filterrow\.Territorysales .jqx-grid-cell > div > .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default.jqx-dropdownlist-state-selected .jqx-fill-state-pressed.jqx-rc-t-expanded {
    width: 23px !important;
}

#filterrow\.artfile .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default {
    width: 23px !important
}

#filterrow\.artfile .jqx-grid-cell > div > .jqx-widget.jqx-input.jqx-rc-all.jqx-widget-content {
    width: 80% !important;
    float: left !important;
}

#filterrow\.artfile .jqx-grid-cell > div > .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default.jqx-dropdownlist-state-selected .jqx-fill-state-pressed.jqx-rc-t-expanded {
    width: 23px !important;
}

#filterrow\.custSearch .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default {
    width: 23px !important
}

#filterrow\.custSearch .jqx-grid-cell > div > .jqx-widget.jqx-input.jqx-rc-all.jqx-widget-content {
    width: 80% !important;
    float: left !important;
}

#filterrow\.custSearch .jqx-grid-cell > div > .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default.jqx-dropdownlist-state-selected .jqx-fill-state-pressed.jqx-rc-t-expanded {
    width: 23px !important;
}

#filterrow\.divyytd .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default {
    width: 23px !important
}

#filterrow\.divyytd .jqx-grid-cell > div > .jqx-widget.jqx-input.jqx-rc-all.jqx-widget-content {
    width: 90% !important;
    float: left !important;
}

#filterrow\.divyytd .jqx-grid-cell > div > .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default.jqx-dropdownlist-state-selected .jqx-fill-state-pressed.jqx-rc-t-expanded {
    width: 23px !important;
}

#filterrow\.divMonthly .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default {
    width: 23px !important
}

#filterrow\.divMonthly .jqx-grid-cell > div > .jqx-widget.jqx-input.jqx-rc-all.jqx-widget-content {
    width: 90% !important;
    float: left !important;
}

#filterrow\.divMonthly .jqx-grid-cell > div > .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default.jqx-dropdownlist-state-selected .jqx-fill-state-pressed.jqx-rc-t-expanded {
    width: 23px !important;
}

#filterrow\.divrepLists .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default {
    width: 23px !important
}

#filterrow\.divrepLists .jqx-grid-cell > div > .jqx-widget.jqx-input.jqx-rc-all.jqx-widget-content {
    width: 90% !important;
    float: left !important;
}

#filterrow\.divrepLists .jqx-grid-cell > div > .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default.jqx-dropdownlist-state-selected .jqx-fill-state-pressed.jqx-rc-t-expanded {
    width: 23px !important;
}


#filterrow\.divsmlistytd .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default {
    width: 23px !important
}

#filterrow\.divsmlistytd .jqx-grid-cell > div > .jqx-widget.jqx-input.jqx-rc-all.jqx-widget-content {
    width: 90% !important;
    float: left !important;
}

#filterrow\.divsmlistytd .jqx-grid-cell > div > .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default.jqx-dropdownlist-state-selected .jqx-fill-state-pressed.jqx-rc-t-expanded {
    width: 23px !important;
}


#filterrow\.divsmtwoytd .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default {
    width: 23px !important
}

#filterrow\.divsmtwoytd .jqx-grid-cell > div > .jqx-widget.jqx-input.jqx-rc-all.jqx-widget-content {
    width: 90% !important;
    float: left !important;
}

#filterrow\.divsmtwoytd .jqx-grid-cell > div > .filter.jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default.jqx-dropdownlist-state-selected .jqx-fill-state-pressed.jqx-rc-t-expanded {
    width: 23px !important;
}


#filterrow\.artfile {
    width: auto !important;
}

#divrepLists .jqx-widget .jqx-grid-cell a, #divMonthly .jqx-widget .jqx-grid-cell a, #divyytd .jqx-widget .jqx-grid-cell a {
    margin: 0px !important;
    float: left !important;
}



.artpdf {
    width: 100px;
}

hr.line {
    width: 100%;
    height: 1px;
    background: #ddd;
    border: 0px;
}

.page-header2 {
    padding: 15px 0px;
}
/*#contentcustomerSearch, #contentartfile{top:42px !important;}
#toolbarcustomerSearch, #toolbarartfile{background:none !important; border:1px solid #ccc !important; width:100% !important; box-sizing:border-box; height:42px !important;}
#toolbarcustomerSearch span, #toolbarartfile span{display:table; line-height:18px;}
#toolbarcustomerSearch #searchByCustomerNo, #toolbarcustomerSearch #searchByName, #toolbarartfile #searchByCustomerNo, #toolbarartfile #searchByInvoiceNo{margin-right:20px !important; height:30px !important;}
#toolbarcustomerSearch .gridButton, #toolbarartfile .gridButton{background:#eb5300 !important; border:0px !important; color:#fff !important; height:30px !important; padding:0px 15px; line-height:30px;}*/


#toolbarartfile, #toolbarcustSearch, #toolbardivInvoices {
    background: none !important;
    height: 37px !important;
    border: 1px solid #ccc !important;
    width: 100%;
    box-sizing: border-box;
    width: 100% !important;
    z-index: 999;
}

    #toolbarartfile > div, #toolbarcustSearch > div, #toolbardivInvoices > div {
        margin: 4px !important;
    }

    #toolbarartfile span, #toolbardivInvoices span {
        margin: 0px !important;
        margin-right: 10px !important;
        line-height: 27px !important;
    }

    #toolbarartfile #searchByCustomerNo, #toolbarcustSearch #searchByCustomerNo, #toolbardivInvoices #txtFromdate, #toolbardivInvoices #txttodate {
        margin-right: 20px !important;
        height: 25px !important;
        border: 1px solid #ccc !important;
    }

    #toolbarartfile #searchByInvoiceNo, #toolbarcustSearch #searchByName {
        margin-right: 20px !important;
        height: 25px !important;
        border: 1px solid #ccc !important;
    }

    #toolbarartfile .gridButton, #toolbarcustSearch .gridButton, #toolbardivInvoices .gridButton {
        background: #eb5300 !important;
        border: 0px !important;
        color: #fff !important;
        padding: 0px 15px;
        height: 27px !important;
    }

#groupsheaderartfile, #contentcustSearch, #groupsheaderdivyytd {
    top: 36px !important;
    background: none !important;
}

#artfile {
    border: 0px !important;
    border-radius: 0px;
}

    #artfile #pagerartfile, #pagercustSearch {
        height: 40px !important;
        display: table;
        overflow: visible !important;
        line-height: 27px !important;
        font-size: 13px !important;
        border-top: 1px solid #c5c5c5 !important;
        background: #fff !important;
        border: 1px solid #ccc !important;
        border-left: 0px !important;
        border-right: 0px !important;
    }

#filterrow\.artfile .jqx-grid-cell {
    line-height: 30px !important;
}

#columntableartfile, #columntablecustSearch {
    height: 35px !important;
}

    #columntableartfile .jqx-grid-column-header.jqx-widget-header > div > .jqx-widget-header, #columntablecustSearch .jqx-grid-column-header.jqx-widget-header > div > .jqx-widget-header {
        display: none !important;
        width: 99.9% !important;
    }

#jqxScrollThumbhorizontalScrollBarartfile, #jqxScrollThumbhorizontalScrollBarcustSearch {
    height: 14px !important;
}

.tab-headers {
    position: relative;
    background: #fff;
    bottom: -2px;
}

.tabs {
    display: table;
    margin: 0px auto -2px;
    float: left;
    position: relative;
    width: 100%;
}

    .tabs li {
        list-style: none;
        float: left;
        margin-left: 0px !important;
        margin-bottom: 0px !important;
    }

        .tabs li a {
            display: block;
            padding: 0px 15px;
            text-decoration: none;
            line-height: 35px;
            height: 35px;
            color: #000;
            border: 1px solid #ddd;
            border-radius: 3px;
            margin: 0px 2px 0px 0px;
            font-weight: bold;
            outline: none;
            font-size: 13px;
            border-radius: 5px 5px 0px 0px;
            background: #fff;
            border-bottom: 0px;
            text-transform: uppercase;
        }

            .tabs li a br {
                display: none;
            }

        .tabs li.active a {
            background: #eb5300;
            color: #fff;
            border: 1px solid #eb5300;
            border-bottom: 1px solid #fff;
        }

.tab-content {
    width: 100%;
    display: none;
    height: 400px;
    margin-bottom: 30px;
    float: left;
    clear: both;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #ccc;
}

.custDetails {
    display: table;
    float: right;
    list-style: none;
    margin-bottom: 0px;
    position: relative;
    bottom: -20px;
}

    .custDetails li {
        float: left;
        line-height: 40px;
        margin-left: 20px;
        margin-bottom: 0px;
    }
/*.tab-content .tab {
        display: none;
    }*/
.tab-content.active {
    display: table;
}

.tab-content .form-box {
    padding: 0px;
    border: 0px;
    margin-bottom: 0px;
}

[id*="verticalScrollBarinnerListBoxjqxWidget"]div[role="listbox"].jqx-listbox.jqx-reset.jqx-rc-all.jqx-widget.jqx-widget-content.jqx-disableselect.jqx-default-item.jqx-popup.jqx-popup-up.jqx-rc-b-expanded.jqx-fill-state-focus .jqx-scrollbar.jqx-widget.jqx-widget-content.jqx-rc-all {
    width: 17px !important;
    border-radius: 0px !important;
}

[id*="jqxScrollThumbverticalScrollBarinnerListBoxjqxWidget"] {
    width: 13px !important;
}

[id*="jqxScrollWrapverticalScrollBarinnerListBoxjqxWidget"] {
    width: 16px !important;
}

[id*="jqxScrollBtnUpverticalScrollBarinnerListBoxjqxWidget"]:hover {
    background: none !important;
    border: 0px !important;
    border-radius: 0px !important;
}

[id*="jqxScrollBtnDownverticalScrollBarinnerListBoxjqxWidget"]:hover {
    background: none !important;
    border: 0px !important;
    border-radius: 0px !important;
}

[id*="jqxScrollBtnUphorizontalScrollBarinnerListBoxjqxWidget"]:hover {
    background: none !important;
    border: 0px !important;
    border-radius: 0px !important;
}

[id*="jqxScrollBtnDownhorizontalScrollBarinnerListBoxjqxWidget"]:hover {
    background: none !important;
    border: 0px !important;
    border-radius: 0px !important;
}

.error {
    color: #f00;
    margin: 2px 0px 0px 0px;
    font-size: 12px;
    line-height: 12px;
    height: 12px;
    top: -36px;
    position: absolute;
}

.mright {
    float: right !important;
    padding: 0px !important;
}

.Custsearchbox {
    border: 1px solid #f00;
    box-shadow: 0px 0px 3px #f00;
}

.grid-boxes {
    width: 100%;
    display: table;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

    .grid-boxes ul {
        display: table;
        width: 100%;
        margin: 0px;
    }

        .grid-boxes ul li {
            list-style: none;
            float: left;
            width: 100%;
            box-sizing: border-box;
            margin-bottom: 0px;
            display: table;
            height: 35px;
            line-height: 35px;
            border-bottom: 1px solid #ccc;
            padding: 0px 10px;
        }

            .grid-boxes ul li:last-child {
                border-bottom: 0px;
            }
    /*.grid-boxes ul li:nth-child(odd) {padding-right: 15px;}
.grid-boxes ul li:nth-child(even) {padding-left: 15px;}*/
    .grid-boxes table {
        width: 100%;
        border: 1px solid #ccc;
        display: table;
    }

        .grid-boxes table tr td {
            padding: 0px;
            text-align: left;
            line-height: 35px;
            border-bottom: 1px solid #ccc;
        }

        .grid-boxes table tr th {
            padding: 0px;
            text-align: left;
            line-height: 35px;
            border-bottom: 1px solid #ccc;
            border-left: 1px solid #ccc;
        }

        .grid-boxes table tr td input {
            width: 100%;
            height: 25px;
            border: 1px solid #ccc;
            text-indent: 5px;
        }

        .grid-boxes table tr:last-child td, .grid-boxes table tr:last-child th {
            border-bottom: 0px;
        }

        .grid-boxes table tr td:first-child {
            width: 140px;
            border-bottom: 0px;
        }

            .grid-boxes table tr td:first-child span {
                display: table;
                text-align: center;
                margin: 0px auto;
                font-size: 24px;
            }

.row-header {
    background: #e5e5e5;
}

    .row-header th {
        border-left: 0px !important;
        padding-left: 10px !important;
        border-bottom: 1px solid #ccc !important;
    }

.image-thumb {
    width: 100px;
    margin: 5px 20px 10px;
    display: table;
    position: relative;
    height: 120px;
}

    .image-thumb img {
        width: 100px;
        height: 120px;
    }

    .image-thumb span {
        width: 100%;
        height: 20px;
        display: table;
        bottom: 0px;
        color: #fff;
        text-align: center;
        background: #000;
        position: absolute;
    }

.specs {
    display: table;
    margin: auto;
    text-decoration: none;
    color: #0066FF;
}

.outer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: 9999;
    width: 100%;
}

    .outer .inner {
        width: 94%;
        margin: 0 auto;
        display: table;
        position: relative;
        overflow: auto;
        background: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
    }

.popup-box {
    width: 600px;
    display: none;
    display: table;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    position: relative;
    margin: auto;
}

.popup-header {
    width: 100%;
    display: table;
    padding: 20px 15px;
    box-sizing: border-box;
    margin-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid #ccc;
}

    .popup-header h1 {
        text-indent: 20px;
        color: #555;
        line-height: 20px;
        font-weight: 400;
        text-align: center;
    }

.popup-content {
    width: 100%;
    display: table;
    box-sizing: border-box;
    padding: 0px 40px 20px;
}

    .popup-content h1 {
        font-size: 30px;
        font-weight: 400;
        color: #f5ae22;
        line-height: 20px;
        margin-bottom: 25px;
    }

    .popup-content p {
        margin-bottom: 20px;
    }

    .popup-content h3 {
        font-size: 20px;
        font-weight: 400;
        color: #000;
        line-height: 20px;
        margin-bottom: 20px;
    }

.popup-footer {
    width: 100%;
    display: table;
    padding: 15px;
    box-sizing: border-box; /*background:#edeff0;*/
    text-align: center; /*border-top:1px solid #dce0e2;*/
    color: #5f5f5f;
    font-size: 15px;
}

    .popup-footer button {
        background: #eb5300;
        color: #fff;
        border: 0px;
        padding: 0px 20px;
        font-size: 15px;
        height: 30px;
    }

    .popup-footer span, .popup-footer a {
        color: #0f4782;
        text-decoration: none;
        text-transform: uppercase;
        cursor: pointer;
    }

.qty-table {
    width: 100%;
    display: table;
}

    .qty-table tr th {
        background: #eb5300;
        color: #fff;
        text-align: left;
        border-left: 1px solid #ccc;
        padding: 5px 10px;
    }

    .qty-table tr td {
        padding: 5px 10px;
    }

.wow-alert-content {
    left: 44% !important
}

.password-block {
    width: 100%;
    display: table;
    margin: auto;
}

    .password-block h1 {
        font-size: 28px;
        color: #eb5300;
        line-height: 28px;
        margin-bottom: 20px;
    }

    .password-block table {
        width: 620px;
        border: 1px solid #ccc;
        padding: 30px 30px 25px;
        box-sizing: border-box;
        margin: 0px auto;
    }

        .password-block table tr td {
            padding: 12px 5px;
        }

            .password-block table tr td input {
                height: 30px;
                border: 1px solid #ccc;
                width: 100%;
                text-indent: 10px
            }

        .password-block table tr th {
            padding: 12px 5px;
            text-align: right;
        }

        .password-block table tr:last-child th, .password-block table tr:last-child td {
            border-bottom: 0px;
        }

.backbutton {
    /*background: #f7f7f7;*/
    /*border: 1px solid #e1e1e1;*/
    /*height: 30px;*/
    /*padding: 0px 15px;*/
    /*line-height: 30px;*/
    color: #eb5300;
    display: table;
}

.repform {
    width: 100%;
}

    .repform .page-header {
        border-bottom: 0px !important;
    }

    .repform ul {
        width: 100%;
        max-width: 500px;
        display: table;
        list-style: none;
        padding-left: 0;
    }

        .repform ul li {
            margin-bottom: 20px;
            width: 100%;
        }

            .repform ul li input, .repform ul li select {
                width: 100%;
                margin-bottom: 2px;
                border: 1px solid #e1e1e1;
                margin-top: 5px;
            }

            .repform ul li select {
                padding: 10px;
            }

                .repform ul li select:focus {
                    border: 1px solid #eb5300;
                }

            .repform ul li input:focus {
                border: 1px solid #eb5300;
            }

            .repform ul li .input-box .error {
                position: relative !important;
                top: auto !important;
            }

            .repform ul li input[type="checkbox"] {
                width: 15px;
                height: 15px;
                margin-left: 10px;
            }

    .repform #SubmitButton {
        display: table;
        width: auto;
        margin: 0;
        margin-right: auto;
        float: left;
    }

#Table_ItemSummary {
    border: 0px !important;
    border-top: 1px solid #e1e1e1 !important;
}

#pagerTable_ItemSummary {
    background: #fff !important;
}

.form-table input:focus {
    border: 0px;
    box-shadow: 0px 0px 0px 2px #000;
}

.form-table tr td input:focus {
    box-shadow: none;
    border: 1px solid #eb5300 !important;
}

input[type="checkbox"] {
    appearance: none;
    width: 15px;
    height: 15px;
    position: relative;
}

    input[type="checkbox"]:before {
        content: "";
        width: 15px;
        height: 15px;
        border: 1px solid #e1e1e1;
        display: block;
        background-color: #fff;
    }

    input[type="checkbox"]:checked:before {
        background: #eb5300;
        border: 1px solid #eb5300;
    }

    input[type="checkbox"]:checked:after {
        content: "";
        width: 5px;
        height: 8px;
        transform: rotate(45deg);
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        position: absolute;
        left: 5px;
        top: 2px;
    }


.jqx-calendar-container [id*="calendarTitleHeaderViewinnerCalendarjqxWidget"] .jqx-calendar-title-content {
    width: 100%;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid #e1e1e1;
    -webkit-text-fill-color: #666666;
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
    box-shadow: 0 0 0px 1000px #ffffff inset !important;
    transition: background-color 5000s ease-in-out 0s;
    color: #666666;
    touch-action: auto;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*02-Oct-2024*/

.input-box .error-message {
    font-size: 12px;
}

#filterrow\.ordersCount .jqx-widget.jqx-datetimeinput.jqx-input.jqx-overflow-hidden.jqx-rc-all.jqx-reset.jqx-clear.jqx-widget-content, #filterrow\.YearlySales .jqx-widget.jqx-datetimeinput.jqx-input.jqx-overflow-hidden.jqx-rc-all.jqx-reset.jqx-clear.jqx-widget-content, #filterrow\.divyytd .jqx-widget.jqx-datetimeinput.jqx-input.jqx-overflow-hidden.jqx-rc-all.jqx-reset.jqx-clear.jqx-widget-content, #filterrow\.divsmtwoytd .jqx-widget.jqx-datetimeinput.jqx-input.jqx-overflow-hidden.jqx-rc-all.jqx-reset.jqx-clear.jqx-widget-content {
    height: 28px !important;
    line-height: 28px !important;
    border-radius: 0 !important;
    width: 99% !important;
    border: 0 !important;
    border-right: 1px solid #ccc !important;
    margin: 0 !important;
}



#filterrow\.ordersCount .jqx-widget.jqx-dropdownlist-state-normal.jqx-rc-all.jqx-fill-state-normal.jqx-default {
    height: 28px !important;
    line-height: 28px !important;
    border-radius: 0 !important;
    width: 96% !important;
    border: 0 !important;
    border-right: 1px solid #ccc !important;
    margin: 0 !important;
}


#pagercustomerSearch, #pagerordersCount, #pagerdivInvoices, #pagerStatistics, #pagerYearlySales, #pagermontlysales, #pagerdaysales, #pagerTerritorysales, #pagerdivrepLists, #pagerdivMonthly, #pagerdivsmlistytd, #pagerdivsmtwoytd, .page-header h1, .form-box table td, .tabs li a {
    font-family: Helvetica !important;
}

.block-button {
    margin-left: 80px;
    margin-top: -50px;
}

    .block-button button {
        position: relative;
        z-index: 999;
        border: 1px solid #eb5300;
        width: 35px;
        height: 35px;
        float: right;
        border-radius: 5px;
        color: #fff;
        margin-left: 2px;
        text-align: center;
        cursor: pointer;
        background: #eb5300;
        background: -moz-linear-gradient(top, #eb5300 0%, #ed8a00 100%);
        background: -webkit-linear-gradient(top, #eb5300 0%, #ed8a00 100%);
        background: linear-gradient(to bottom, #eb5300 0%, #ed8a00 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb5300', endColorstr='#ed8a00',GradientType=0 );
    }

#verticalScrollBardivrepLists {
    left: 98.4% !important;
}

@media (max-width:1200px) {
    .tab-headers {
        display: flex;
    }

    .tabs {
        margin-top: 0px !important;
    }

    .custDetails {
        display: flex;
        bottom: 0px;
        gap: 20px;
        float: none;
    }

        .custDetails li {
            margin-left: 0px;
        }

            .custDetails li strong {
                display: flex;
                font-size: 12px;
            }
}

@media (max-width:1024px) {
    .tab-headers {
        display: flex;
    }

    .custDetails {
        display: flex;
        bottom: 0px;
        gap: 20px;
        float: none;
    }

        .custDetails li {
            margin-left: 0px;
        }

            .custDetails li strong {
                display: flex;
                font-size: 12px;
            }


    .column1 {
        width: 25%;
    }

    .row {
        margin-top: 12%;
    }

    .model-table.three-icons {
        width: 80%;
    }
}

@media (max-width:800px) {

    .tab-headers {
        display: flex;
        width: 215px;
    }

    .custDetails {
        display: flex;
        bottom: 0px;
        gap: 20px;
        float: none;
    }

        .custDetails li {
            margin-left: 0px;
        }

            .custDetails li strong {
                display: flex;
                font-size: 12px;
            }

    .login-box {
        width: 500px;
    }

    .logo1 img {
        width: 100%;
    }

    #toolbarartfile #searchByCustomerNo, #toolbarcustSearch #searchByCustomerNo {
        width: 170px !important;
    }

    #toolbarartfile #searchByInvoiceNo, #toolbarcustSearch #searchByName {
        width: 170px !important;
    }
}

@media (max-width:768px) {
    .row {
        margin-top: 15%;
    }

    .pwdshowhide {
        right: 10px !important;
        top: 2px !important;
        cursor: pointer;
    }

    .nav ul {
        width: 100%;
        background: #fff;
        position: absolute;
        z-index: 999;
        margin: auto;
        top: 37px;
        box-shadow: 0px 3px 10px #000;
        display: none;
    }

        .nav ul li {
            width: 100%;
            display: table;
        }

            .nav ul li:last-child {
                border-bottom: 0px;
            }

            .nav ul li a {
                display: block;
                width: 100%;
                padding: 0px 15px;
                box-sizing: border-box;
                border-bottom: 1px solid #dedede;
            }

            .nav ul li ul {
                box-shadow: none;
                border: 0px;
                position: relative;
                top: 0px;
            }

    .mobile-menu {
        display: none;
    }

    .bxc-class .row .column1:nth-child(6) {
        margin-left: 0px;
    }

    .login-menu .more {
        display: none;
    }

    .login-menu li {
        float: left !important;
    }

        .login-menu li:last-child span {
            display: none;
        }
    /*-------------Cutomers Table----------------*/
    #custmers {
        background: none;
        border: 0px !important;
    }

        #custmers thead {
            display: none;
        }

        #custmers tr {
            border: 1px solid #ccc;
            margin-bottom: 10px;
            background: #fff;
            box-sizing: border-box;
        }

            #custmers tr td {
                display: table;
                width: 100% !important;
                max-width: 100% !important;
                padding-left: 37%;
                position: relative;
                border-bottom: 1px solid #ccc;
                box-sizing: border-box;
                text-align: left !important;
            }

                #custmers tr td:last-child {
                    border-bottom: 0px !important;
                }

                #custmers tr td:before {
                    width: 35%;
                    content: "";
                    height: 38px;
                    padding-left: 10px;
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    line-height: 30px;
                    font-weight: 700;
                }

                #custmers tr td:nth-child(1):before {
                    content: "Key";
                }

                #custmers tr td:nth-child(2):before {
                    content: "Notes";
                }

                #custmers tr td:nth-child(3):before {
                    content: "Customer No";
                }

                #custmers tr td:nth-child(4):before {
                    content: "Contact";
                }

                #custmers tr td:nth-child(5):before {
                    content: "Name";
                }

                #custmers tr td:nth-child(6):before {
                    content: "Sales";
                }

                #custmers tr td:nth-child(7):before {
                    content: "Address";
                }

                #custmers tr td:nth-child(8):before {
                    content: "City";
                }

                #custmers tr td:nth-child(9):before {
                    content: "State";
                }

                #custmers tr td:nth-child(10):before {
                    content: "Phone";
                }

                #custmers tr td:nth-child(11):before {
                    content: "Type";
                }

        /*-------------Invoice Table----------------*/
        #custmers.invoice-tables {
            background: none;
            border: 0px !important;
        }

            #custmers.invoice-tables thead {
                display: none;
            }

            #custmers.invoice-tables tr {
                border: 1px solid #ccc;
                margin-bottom: 10px;
                background: #fff;
                box-sizing: border-box;
            }

                #custmers.invoice-tables tr td {
                    display: table;
                    width: 100% !important;
                    max-width: 100% !important;
                    padding-left: 37%;
                    position: relative;
                    border-bottom: 1px solid #ccc;
                    box-sizing: border-box;
                    text-align: left !important;
                    height: 34px;
                }

                    #custmers.invoice-tables tr td:last-child {
                        border-bottom: 0px !important;
                    }

                    #custmers.invoice-tables tr td:before {
                        width: 35%;
                        content: "";
                        height: 38px;
                        padding-left: 10px;
                        position: absolute;
                        left: 0px;
                        top: 0px;
                        line-height: 30px;
                        font-weight: 700;
                    }

                    #custmers.invoice-tables tr td:nth-child(1):before {
                        content: "Invoice No";
                    }

                    #custmers.invoice-tables tr td:nth-child(2):before {
                        content: "Order No";
                    }

                    #custmers.invoice-tables tr td:nth-child(3):before {
                        content: "Name";
                    }

                    #custmers.invoice-tables tr td:nth-child(4):before {
                        content: "Contact";
                    }

                    #custmers.invoice-tables tr td:nth-child(5):before {
                        content: "Amount $";
                    }

                    #custmers.invoice-tables tr td:nth-child(6):before {
                        content: "Invoice Date";
                    }

                    #custmers.invoice-tables tr td:nth-child(7):before {
                        content: "Download PDF";
                    }

    /*-------------Invoice Details Table----------------*/
    #headingTable.invoice-tables {
        background: none;
        border: 0px !important;
    }

        #headingTable.invoice-tables thead {
            display: none;
        }

        #headingTable.invoice-tables tr th {
            display: none;
        }

        #headingTable.invoice-tables tr:nth-child(1) {
            display: none;
        }

        #headingTable.invoice-tables tr {
            border: 1px solid #ccc;
            margin-bottom: 10px;
            background: #fff;
            box-sizing: border-box;
        }

            #headingTable.invoice-tables tr td {
                display: table;
                width: 100% !important;
                max-width: 100% !important;
                padding-left: 37%;
                position: relative;
                border-bottom: 1px solid #ccc;
                box-sizing: border-box;
                text-align: left !important;
                height: 34px;
            }

                #headingTable.invoice-tables tr td:last-child {
                    border-bottom: 0px !important;
                }

                #headingTable.invoice-tables tr td:before {
                    width: 35%;
                    content: "";
                    height: 38px;
                    padding-left: 10px;
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    line-height: 30px;
                    font-weight: 700;
                }

                #headingTable.invoice-tables tr td:nth-child(1):before {
                    content: "Sold To #";
                }

                #headingTable.invoice-tables tr td:nth-child(2):before {
                    content: "Customer Name";
                }

                #headingTable.invoice-tables tr td:nth-child(3):before {
                    content: "Posting Date";
                }

                #headingTable.invoice-tables tr td:nth-child(4):before {
                    content: "Order Number";
                }


    #InvoiceDetails.invoice-tables {
        background: none;
        border: 0px !important;
    }

        #InvoiceDetails.invoice-tables thead {
            display: none;
        }

        #InvoiceDetails.invoice-tables tr th {
            display: none;
        }

        #InvoiceDetails.invoice-tables tr:nth-child(1) {
            display: none;
        }

        #InvoiceDetails.invoice-tables tr {
            border: 1px solid #ccc;
            margin-bottom: 10px;
            background: #fff;
            box-sizing: border-box;
        }

            #InvoiceDetails.invoice-tables tr td {
                display: table;
                width: 100% !important;
                max-width: 100% !important;
                padding-left: 37%;
                position: relative;
                border-bottom: 1px solid #ccc;
                box-sizing: border-box;
                text-align: left !important;
                height: 34px;
            }

                #InvoiceDetails.invoice-tables tr td:last-child {
                    border-bottom: 0px !important;
                }

                #InvoiceDetails.invoice-tables tr td:before {
                    width: 35%;
                    content: "";
                    height: 38px;
                    padding-left: 10px;
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    line-height: 30px;
                    font-weight: 700;
                }

                #InvoiceDetails.invoice-tables tr td:nth-child(1):before {
                    content: "Item # ";
                }

                #InvoiceDetails.invoice-tables tr td:nth-child(2):before {
                    content: "Description";
                }

                #InvoiceDetails.invoice-tables tr td:nth-child(3):before {
                    content: "Size/Variant";
                }

                #InvoiceDetails.invoice-tables tr td:nth-child(4):before {
                    content: "Quantity";
                }

                #InvoiceDetails.invoice-tables tr td:nth-child(5):before {
                    content: "Price";
                }

    .totalcount {
        background: #ededed !important;
    }

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

            .totalcount td:before {
                display: none;
            }

        .totalcount .total {
            width: 100%;
            display: table;
        }

            .totalcount .total label {
                float: left;
                width: 35%;
            }

            .totalcount .total span {
                float: left;
                width: 65%;
            }



    /*-------------Maintenance Details Table----------------*/
    .maintenace-tables.exclusion-table {
        background: none;
        border: 0px !important;
        width: 100% !important;
    }

        .maintenace-tables.exclusion-table thead {
            display: none;
        }

        .maintenace-tables.exclusion-table tr:nth-child(1) {
            display: none;
        }

        .maintenace-tables.exclusion-table tr th {
            display: none;
        }

        .maintenace-tables.exclusion-table tr {
            border: 1px solid #ccc;
            margin-bottom: 10px;
            background: #fff;
            box-sizing: border-box;
        }

            .maintenace-tables.exclusion-table tr td {
                display: table;
                width: 100% !important;
                max-width: 100% !important;
                padding-left: 37%;
                position: relative;
                border-bottom: 1px solid #ccc;
                box-sizing: border-box;
                text-align: left !important;
                height: 34px;
            }

                .maintenace-tables.exclusion-table tr td input[type="checkbox"] {
                    margin: 0px;
                }

                .maintenace-tables.exclusion-table tr td:last-child {
                    border-bottom: 0px !important;
                }

                .maintenace-tables.exclusion-table tr td:before {
                    width: 35%;
                    content: "";
                    height: 38px;
                    padding-left: 10px;
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    line-height: 38px;
                    font-weight: 700;
                }

                .maintenace-tables.exclusion-table tr td:nth-child(1):before {
                    content: "Invoice #";
                }

                .maintenace-tables.exclusion-table tr td:nth-child(2):before {
                    content: "Reason";
                }

                .maintenace-tables.exclusion-table tr td:nth-child(3):before {
                    content: "Insert";
                }


    .maintenace-tables.newrep-table {
        background: none;
        border: 0px !important;
        width: 100% !important;
    }

        .maintenace-tables.newrep-table thead {
            display: none;
        }

        .maintenace-tables.newrep-table tr th {
            display: none;
        }

        .maintenace-tables.newrep-table tr:nth-child(1) {
            display: none;
        }

        .maintenace-tables.newrep-table tr {
            border: 1px solid #ccc;
            margin-bottom: 10px;
            background: #fff;
            box-sizing: border-box;
        }

            .maintenace-tables.newrep-table tr td {
                display: table;
                width: 100% !important;
                max-width: 100% !important;
                padding-left: 37%;
                position: relative;
                border-bottom: 1px solid #ccc;
                box-sizing: border-box;
                text-align: left !important;
                height: 34px;
            }

                .maintenace-tables.newrep-table tr td input[type="checkbox"] {
                    margin: 0px;
                }

                .maintenace-tables.newrep-table tr td:last-child {
                    border-bottom: 0px !important;
                }

                .maintenace-tables.newrep-table tr td:before {
                    width: 35%;
                    content: "";
                    height: 38px;
                    padding-left: 10px;
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    line-height: 38px;
                    font-weight: 700;
                }

                .maintenace-tables.newrep-table tr td:nth-child(1):before {
                    content: "RepCode";
                }

                .maintenace-tables.newrep-table tr td:nth-child(2):before {
                    content: "Territory";
                }

                .maintenace-tables.newrep-table tr td:nth-child(3):before {
                    content: "Enabled";
                }

                .maintenace-tables.newrep-table tr td:nth-child(4):before {
                    content: "Password";
                }

                .maintenace-tables.newrep-table tr td:nth-child(5):before {
                    content: "LoginID";
                }

                .maintenace-tables.newrep-table tr td:nth-child(6):before {
                    content: "Email";
                }

                .maintenace-tables.newrep-table tr td:nth-child(7):before {
                    content: "Mail Invoices";
                }

                .maintenace-tables.newrep-table tr td:nth-child(8):before {
                    content: "Insert";
                }

    .headingTable2.maintenace-tables {
        background: none;
        border: 0px !important;
        width: 100% !important;
    }

        .headingTable2.maintenace-tables thead {
            display: none;
        }

        .headingTable2.maintenace-tables tr:nth-child(1) {
            display: none;
        }

        .headingTable2.maintenace-tables tr th {
            display: none;
        }

        .headingTable2.maintenace-tables tr {
            border: 1px solid #ccc;
            margin-bottom: 10px;
            background: #fff;
            box-sizing: border-box;
        }

            .headingTable2.maintenace-tables tr td {
                display: table;
                width: 100% !important;
                max-width: 100% !important;
                padding-left: 37%;
                position: relative;
                border-bottom: 1px solid #ccc;
                box-sizing: border-box;
                text-align: left !important;
                height: 34px;
            }

                .headingTable2.maintenace-tables tr td input[type="checkbox"] {
                    margin: 0px;
                }

                .headingTable2.maintenace-tables tr td select, .headingTable2.maintenace-tables tr td .down-arrow {
                    width: 100% !important;
                }

                .headingTable2.maintenace-tables tr td:last-child {
                    border-bottom: 0px !important;
                }

                .headingTable2.maintenace-tables tr td:before {
                    width: 35%;
                    content: "";
                    height: 38px;
                    padding-left: 10px;
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    line-height: 38px;
                    font-weight: 700;
                }

                .headingTable2.maintenace-tables tr td:nth-child(1):before {
                    content: "RepCode";
                }

                .headingTable2.maintenace-tables tr td:nth-child(2):before {
                    content: "Current Rep Code";
                }

                .headingTable2.maintenace-tables tr td:nth-child(3):before {
                    content: "Territory";
                }

                .headingTable2.maintenace-tables tr td:nth-child(4):before {
                    content: "Enabled";
                }

                .headingTable2.maintenace-tables tr td:nth-child(5):before {
                    content: "Password";
                }

                .headingTable2.maintenace-tables tr td:nth-child(6):before {
                    content: "LoginID";
                }

                .headingTable2.maintenace-tables tr td:nth-child(7):before {
                    content: "Email";
                }

                .headingTable2.maintenace-tables tr td:nth-child(8):before {
                    content: "Mail Invoice";
                }

                .headingTable2.maintenace-tables tr td:nth-child(9):before {
                    content: "Update";
                }



    /*-------------Order Table----------------*/
    #custmers.order-tables {
        background: none;
        border: 0px !important;
    }

        #custmers.order-tables thead {
            display: none;
        }

        #custmers.order-tables tr:nth-child(1) {
            display: none !important;
        }

        #custmers.order-tables tr {
            border: 1px solid #ccc;
            margin-bottom: 10px;
            background: #fff;
            box-sizing: border-box;
        }

            #custmers.order-tables tr td {
                display: table;
                width: 100% !important;
                max-width: 100% !important;
                padding-left: 37%;
                position: relative;
                border-bottom: 1px solid #ccc;
                box-sizing: border-box;
                text-align: left !important;
                height: 34px;
            }

                #custmers.order-tables tr td:last-child {
                    border-bottom: 0px !important;
                }

                #custmers.order-tables tr td:before {
                    width: 35%;
                    content: "";
                    height: 38px;
                    padding-left: 10px;
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    line-height: 30px;
                    font-weight: 700;
                }

                #custmers.order-tables tr td:nth-child(1):before {
                    content: "Order No";
                }

                #custmers.order-tables tr td:nth-child(2):before {
                    content: "Customer No";
                }

                #custmers.order-tables tr td:nth-child(3):before {
                    content: "Name";
                }

                #custmers.order-tables tr td:nth-child(4):before {
                    content: "Contact";
                }

                #custmers.order-tables tr td:nth-child(5):before {
                    content: "Amount $";
                }

                #custmers.order-tables tr td:nth-child(6):before {
                    content: "Ship Date";
                }

                #custmers.order-tables tr td:nth-child(7):before {
                    content: "Order Terms";
                }

                #custmers.order-tables tr td:nth-child(8):before {
                    content: "Credit Limit";
                }

                #custmers.order-tables tr td:nth-child(9):before {
                    content: "Credit Hold";
                }

                #custmers.order-tables tr td:nth-child(10):before {
                    content: "Order Status";
                }

                #custmers.order-tables tr td:nth-child(11):before {
                    content: "Download PDF";
                }

                #custmers.order-tables tr td:nth-child(12):before {
                    content: "Shipping Status";
                }

                #custmers.order-tables tr td:nth-child(12) .track {
                    float: left;
                    padding: 0px;
                }

    /*-------------Order Details Table----------------*/
    #headingTable.invoice-tables.Orderhead {
        background: none;
        border: 0px !important;
    }

        #headingTable.invoice-tables.Orderhead thead {
            display: none;
        }

        #headingTable.invoice-tables.Orderhead tr th {
            display: none;
        }

        #headingTable.invoice-tables.Orderhead tr:nth-child(1) {
            display: none;
        }

        #headingTable.invoice-tables.Orderhead tr {
            border: 1px solid #ccc;
            margin-bottom: 10px;
            background: #fff;
            box-sizing: border-box;
        }

            #headingTable.invoice-tables.Orderhead tr td {
                display: table;
                width: 100% !important;
                max-width: 100% !important;
                padding-left: 37%;
                position: relative;
                border-bottom: 1px solid #ccc;
                box-sizing: border-box;
                text-align: left !important;
                height: 34px;
            }

                #headingTable.invoice-tables.Orderhead tr td:last-child {
                    border-bottom: 0px !important;
                }

                #headingTable.invoice-tables.Orderhead tr td:before {
                    width: 35%;
                    content: "";
                    height: 38px;
                    padding-left: 10px;
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    line-height: 30px;
                    font-weight: 700;
                }

                #headingTable.invoice-tables.Orderhead tr td:nth-child(1):before {
                    content: "Sold To#";
                }

                #headingTable.invoice-tables.Orderhead tr td:nth-child(2):before {
                    content: "Customer Name";
                }

                #headingTable.invoice-tables.Orderhead tr td:nth-child(3):before {
                    content: "Terms";
                }

                #headingTable.invoice-tables.Orderhead tr td:nth-child(4):before {
                    content: "Est. Ship Date";
                }

                #headingTable.invoice-tables.Orderhead tr td:nth-child(5):before {
                    content: "Event Date";
                }

                #headingTable.invoice-tables.Orderhead tr td:nth-child(6):before {
                    content: "Order Date";
                }

    #OrderDetails.invoice-tables {
        background: none;
        border: 0px !important;
    }

        #OrderDetails.invoice-tables thead {
            display: none;
        }

        #OrderDetails.invoice-tables tr th {
            display: none;
        }

        #OrderDetails.invoice-tables tr:nth-child(1) {
            display: none;
        }

        #OrderDetails.invoice-tables tr {
            border: 1px solid #ccc;
            margin-bottom: 10px;
            background: #fff;
            box-sizing: border-box;
        }

            #OrderDetails.invoice-tables tr td {
                display: table;
                width: 100% !important;
                max-width: 100% !important;
                padding-left: 37%;
                position: relative;
                border-bottom: 1px solid #ccc;
                box-sizing: border-box;
                text-align: left !important;
                height: 34px;
            }

                #OrderDetails.invoice-tables tr td:last-child {
                    border-bottom: 0px !important;
                }

                #OrderDetails.invoice-tables tr td:before {
                    width: 35%;
                    content: "";
                    height: 38px;
                    padding-left: 10px;
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    line-height: 30px;
                    font-weight: 700;
                }

                #OrderDetails.invoice-tables tr td:nth-child(1):before {
                    content: "Item # ";
                }

                #OrderDetails.invoice-tables tr td:nth-child(2):before {
                    content: "Description";
                }

                #OrderDetails.invoice-tables tr td:nth-child(3):before {
                    content: "Size/Variant";
                }

                #OrderDetails.invoice-tables tr td:nth-child(4):before {
                    content: "Quantity";
                }

                #OrderDetails.invoice-tables tr td:nth-child(5):before {
                    content: "Qty Shipped";
                }

                #OrderDetails.invoice-tables tr td:nth-child(6):before {
                    content: "Qty To Ship";
                }

                #OrderDetails.invoice-tables tr td:nth-child(7):before {
                    content: "Price";
                }


    /*-------------Print Orders Table----------------*/
    .order-tables.order-print {
        background: none;
        border: 0px !important;
    }

        .order-tables.order-print thead {
            display: none;
        }

        .order-tables.order-print tr th {
            display: none;
        }

        .order-tables.order-print tr:nth-child(1) {
            display: none;
        }

        .order-tables.order-print tr {
            border: 1px solid #ccc;
            margin-bottom: 10px;
            background: #fff;
            box-sizing: border-box;
        }

            .order-tables.order-print tr td {
                display: table;
                width: 100% !important;
                max-width: 100% !important;
                padding-left: 37%;
                position: relative;
                border-bottom: 1px solid #ccc;
                box-sizing: border-box;
                text-align: left !important;
                height: 34px;
            }

                .order-tables.order-print tr td:last-child {
                    border-bottom: 0px !important;
                }

                .order-tables.order-print tr td:before {
                    width: 35%;
                    content: "";
                    height: 38px;
                    padding-left: 10px;
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    line-height: 30px;
                    font-weight: 700;
                }

                .order-tables.order-print tr td:nth-child(1):before {
                    content: "Order No" !important;
                }

                .order-tables.order-print tr td:nth-child(2):before {
                    content: "Customer No" !important;
                }

                .order-tables.order-print tr td:nth-child(3):before {
                    content: "Name" !important;
                }

                .order-tables.order-print tr td:nth-child(4):before {
                    content: "Contact" !important;
                }

                .order-tables.order-print tr td:nth-child(5):before {
                    content: "Approved Date" !important;
                }

                .order-tables.order-print tr td:nth-child(6):before {
                    content: "Approved Status" !important;
                }

                .order-tables.order-print tr td:nth-child(7):before {
                    content: "Order Status" !important;
                }

                .order-tables.order-print tr td:nth-child(8):before {
                    content: "Art PDF" !important;
                }

                .order-tables.order-print tr td:nth-child(9):before {
                    content: "Download PDF" !important;
                }

                .order-tables.order-print tr td:nth-child(10):before {
                    content: "Shipping Status" !important;
                }

                .order-tables.order-print tr td:nth-child(10) .track {
                    float: left !important;
                    padding: 0px;
                    margin: 0px !important;
                }


    /*-------------Blank Orders Table----------------*/
    .order-tables.order-blank {
        background: none;
        border: 0px !important;
    }

        .order-tables.order-blank thead {
            display: none;
        }

        .order-tables.order-blank tr:nth-child(1) {
            display: none;
        }

        .order-tables.order-blank tr {
            border: 1px solid #ccc;
            margin-bottom: 10px;
            background: #fff;
            box-sizing: border-box;
        }

            .order-tables.order-blank tr td {
                display: table;
                width: 100% !important;
                max-width: 100% !important;
                padding-left: 37%;
                position: relative;
                border-bottom: 1px solid #ccc;
                box-sizing: border-box;
                text-align: left !important;
            }

                .order-tables.order-blank tr td:last-child {
                    border-bottom: 0px !important;
                }

                .order-tables.order-blank tr td:before {
                    width: 35%;
                    content: "";
                    height: 38px;
                    padding-left: 10px;
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    line-height: 30px;
                    font-weight: 700;
                }

                .order-tables.order-blank tr td:nth-child(1):before {
                    content: "Key";
                }

                .order-tables.order-blank tr td:nth-child(2):before {
                    content: "Notes";
                }

                .order-tables.order-blank tr td:nth-child(3):before {
                    content: "Customer No";
                }

                .order-tables.order-blank tr td:nth-child(4):before {
                    content: "Contact";
                }

                .order-tables.order-blank tr td:nth-child(5):before {
                    content: "Name";
                }

                .order-tables.order-blank tr td:nth-child(6):before {
                    content: "Sales";
                }

                .order-tables.order-blank tr td:nth-child(7):before {
                    content: "Address";
                }

                .order-tables.order-blank tr td:nth-child(8):before {
                    content: "City";
                }

                .order-tables.order-blank tr td:nth-child(9):before {
                    content: "State";
                }

                .order-tables.order-blank tr td:nth-child(10):before {
                    content: "Phone";
                }

                .order-tables.order-blank tr td:nth-child(11):before {
                    content: "Type";
                }

    /*-------------Contact Logs Table----------------*/
    .order-tables.ContactsLog {
        background: none;
        border: 0px !important;
    }

        .order-tables.ContactsLog thead {
            display: none;
        }

        .order-tables.ContactsLog tr:nth-child(1) {
            display: none !important;
        }

        .order-tables.ContactsLog tr {
            border: 1px solid #ccc;
            margin-bottom: 10px;
            background: #fff;
            box-sizing: border-box;
        }

            .order-tables.ContactsLog tr td {
                display: table;
                width: 100% !important;
                max-width: 100% !important;
                padding-left: 37%;
                position: relative;
                border-bottom: 1px solid #ccc;
                box-sizing: border-box;
                text-align: left !important;
                height: 34px;
                padding-top: 5px;
                padding-bottom: 5px;
            }

                .order-tables.ContactsLog tr td:last-child {
                    border-bottom: 0px !important;
                }

                .order-tables.ContactsLog tr td:before {
                    width: 35%;
                    content: "";
                    height: 38px;
                    padding-left: 10px;
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    line-height: 30px;
                    font-weight: 700;
                }

                .order-tables.ContactsLog tr td:nth-child(1):before {
                    content: "Date #";
                }

                .order-tables.ContactsLog tr td:nth-child(2):before {
                    content: "Activity";
                }

                .order-tables.ContactsLog tr td:nth-child(3):before {
                    content: "Action";
                }

                .order-tables.ContactsLog tr td:nth-child(4):before {
                    content: "Other";
                }

                .order-tables.ContactsLog tr td:nth-child(5):before {
                    content: "Outcome";
                }

                .order-tables.ContactsLog tr td:nth-child(6):before {
                    content: "Notes";
                }

                .order-tables.ContactsLog tr td:nth-child(7):before {
                    content: "ID";
                }

                .order-tables.ContactsLog tr td:nth-child(8):before {
                    content: "";
                }


    /*-------------Disable Reps Table----------------*/
    .headingTable3.maintenace-tables {
        background: none;
        border: 0px !important;
    }

        .headingTable3.maintenace-tables thead {
            display: none;
        }

        .headingTable3.maintenace-tables tr:nth-child(1) {
            display: none !important;
        }

        .headingTable3.maintenace-tables tr {
            border: 1px solid #ccc;
            margin-bottom: 10px;
            background: #fff;
            box-sizing: border-box;
        }

            .headingTable3.maintenace-tables tr td {
                display: table;
                width: 100% !important;
                max-width: 100% !important;
                padding-left: 37%;
                position: relative;
                border-bottom: 1px solid #ccc;
                box-sizing: border-box;
                text-align: left !important;
                height: 34px;
            }

                .headingTable3.maintenace-tables tr td:last-child {
                    border-bottom: 0px !important;
                }

                .headingTable3.maintenace-tables tr td:before {
                    width: 35%;
                    content: "";
                    height: 38px;
                    padding-left: 10px;
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    line-height: 30px;
                    font-weight: 700;
                }

                .headingTable3.maintenace-tables tr td:nth-child(1):before {
                    content: "Rep Code";
                }

                .headingTable3.maintenace-tables tr td:nth-child(2):before {
                    content: "Territory";
                }

                .headingTable3.maintenace-tables tr td:nth-child(3):before {
                    content: "Login ID";
                }

                .headingTable3.maintenace-tables tr td:nth-child(4):before {
                    content: "Email";
                }

                .headingTable3.maintenace-tables tr td:nth-child(5):before {
                    content: "Action";
                }


    .Pdf {
        font-size: 12px;
        color: #0066FF;
        text-decoration: none;
        display: block;
        margin-bottom: 10px;
    }

        .Pdf img {
            float: left;
            margin-right: 5px;
        }

    .form-box.half-box {
        width: 100% !important;
        margin-bottom: 20px;
    }

        .form-box.half-box tr td input {
            margin-bottom: 0px;
        }

    .search-block .search {
        width: 100%;
        margin-bottom: 5px;
    }

    .filter-box {
        margin-left: 0px;
    }

    .settings li span {
        display: none;
    }

    .filter-box select {
        width: 140px;
    }

    .settings select {
        width: 60px;
    }

    .form-table tr td {
        width: 100%;
        display: table;
        padding: 0px;
        position: relative;
    }

        .form-table tr td input, .form-table tr td select, .form-table tr td textarea {
            margin-bottom: 20px;
            width: 100%;
            outline: none;
            box-shadow: none;
        }

        .form-table tr td textarea {
            overflow: hidden;
        }

    .form-box {
        padding: 15px 15px 10px;
    }

    .label {
        display: table !important;
    }

    .box {
        background: #f5f5f5;
        padding: 20px 0px;
        box-sizing: border-box;
        border: 1px solid #ccc;
    }

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

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

        .box td {
            padding: 0px 20px !important;
            box-sizing: border-box;
        }

    .box2 {
        margin-bottom: 20px;
    }

    .bxc-class .row .column1:nth-child(5) {
        margin-left: 0px;
    }

    .form-table tr td textarea {
        padding: 10px;
    }

    .logout-block {
        right: 16px;
        width: 150px;
    }

        .logout-block .settings-box-heading {
            height: 30px;
        }

    #toolbarcustSearch #searchByCustomerNo {
        width: 170px !important;
    }

    #toolbarcustSearch #searchByName {
        width: 170px !important;
    }

    #OrderDetails.invoice-tables tr td:nth-child(3), #InvoiceDetails.invoice-tables tr td:nth-child(3) {
        text-indent: 0px !important;
    }

    #toolbarartfile span {
        font-size: 13px;
    }

        #toolbarartfile span strong {
            margin-right: 15px !important;
        }

    .outer {
        position: fixed;
    }

    .error {
        bottom: 7px;
    }

    .order-tables.ContactsLog tr td:nth-child(4) {
        max-width: 100% !important;
    }
}

@media (max-width:767px) {
    #lbllogin {
        display: none;
    }

    .column1 {
        width: 24.5%;
    }

    .top-circles .column1, .bottom-circles .column1 {
        width: 100% !important;
    }

    .top-circles, .bottom-circles {
        width: 100% !important;
        margin-left: 0px !important;
        flex-direction: column;
    }

    .count-box span {
        font-size: 20px !important;
    }

    .nav ul {
        width: 200px;
    }

        .nav ul li a {
            color: #000;
        }
}

@media screen and (min-width:601px) and (max-width:768px) {
    .form-table.mobi-table tr td {
        float: left !important;
    }

        .form-table.mobi-table tr td .calender, .form-table.mobi-table tr td .down-arrow {
            width: 90%;
        }
}

@media (max-width:640px) {
    .tab-content .settings-bar {
        padding: 0px 10px 10px;
    }

    #toolbarcustSearch #searchByName, #toolbarcustSearch #searchByCustomerNo {
        width: 130px !important;
    }

    #toolbarartfile #searchByCustomerNo, #toolbarartfile #searchByInvoiceNo {
        width: 100px !important;
    }

    .popup-box {
        width: 400px;
    }

    .outer {
        position: fixed;
    }

    .column1 {
        width: 49.5%;
    }

    .top-circles .column1 {
        width: 49.5% !important;
    }

    .nav {
        margin: 10px 0px 0px 10px;
    }

    .logo img {
        width: 100%;
    }

    .logo {
        position: absolute;
        left: 20%;
        width: 60%;
        top: 5px;
    }

    .login-menu {
        padding: 10px 0px;
    }

    .header-top {
        height: 60px;
    }

    .row {
        margin-top: 20%;
    }
}

@media (max-width:600px) {
    .login-box {
        width: 400px;
    }

    .half-box1, .half-box2 {
        width: 100%;
        padding: 30px;
        height: auto;
    }

    .logo1 {
        margin: 0px auto 20px;
    }

    .row {
        margin-top: 20%;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .column1 {
        width: 50%;
        margin-bottom: 30px;
    }

    .page .row:nth-child(2) {
        margin-top: 0px !important;
    }

    .home .logo {
        float: left;
    }

    .close {
        position: absolute;
        right: 7px;
        top: 2px;
    }

    .page-header h1 {
        font-size: 18px;
    }

    .settings-bar li {
        width: 100%;
        display: table;
        height: auto;
        padding: 0px;
        line-height: none;
    }

        .settings-bar li .down-arrow {
            float: right;
            width: 100px;
            margin-right: 0px;
        }

        .settings-bar li:first-child .down-arrow {
            margin-bottom: 10px !important;
        }

        .settings-bar li:first-child label {
            margin-bottom: 0px !important;
        }

        .settings-bar li:last-child {
            margin-bottom: 0px;
        }

        .settings-bar li label {
            width: 31.5%;
            line-height: 28px;
            margin-bottom: 15px;
            clear: left;
        }

        .settings-bar li input[type="button"] {
            float: left;
            display: table;
            clear: both;
            margin-left: 0px;
        }

        .settings-bar li #ddlmy, .settings-bar li #ddlterritory {
            margin-top: 15px;
        }

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

        .grid-boxes table tr td {
            width: 100%;
            display: table;
        }

    .settings-bar li input[type="text"] {
        width: 35%;
    }

    .sub-btn {
        clear: none !important;
    }

    .row-header {
        display: none;
    }

    .grid-boxes table {
        border: 0px;
    }

        .grid-boxes table tr th {
            display: none;
        }

        .grid-boxes table tr td:first-child {
            width: 100%;
            display: table;
            padding-left: 0px;
        }

        .grid-boxes table tr td {
            border: 1px solid #ccc !important;
            position: relative;
            padding-left: 50%;
            box-sizing: border-box;
            padding-top: 35px;
        }

            .grid-boxes table tr td li {
                border-left: 1px solid #ccc;
            }

                .grid-boxes table tr td li:nth-child(1):before {
                    content: "Inventory";
                    width: 50%;
                    padding-left: 10px;
                    position: absolute;
                    left: 0px;
                    text-align: left;
                    height: 35px;
                    line-height: 35px;
                    border-bottom: 1px solid #ccc;
                    font-weight: 600;
                }

                .grid-boxes table tr td li:nth-child(2):before {
                    content: "Shipdate";
                    width: 50%;
                    padding-left: 10px;
                    position: absolute;
                    left: 0px;
                    text-align: left;
                    height: 35px;
                    line-height: 35px;
                    border-bottom: 1px solid #ccc;
                    font-weight: 600;
                }

                .grid-boxes table tr td li:nth-child(3):before {
                    content: "Qty";
                    width: 50%;
                    padding-left: 10px;
                    position: absolute;
                    left: 0px;
                    text-align: left;
                    height: 35px;
                    line-height: 35px;
                    border-bottom: 1px solid #ccc;
                    font-weight: 600;
                }

            .grid-boxes table tr td:nth-child(1):before {
                content: "Item Number";
                width: 100%;
                padding-left: 10px;
                position: absolute;
                left: 0px;
                text-align: left;
                height: 35px;
                line-height: 35px;
                border: 1px solid #ccc;
                font-weight: 600;
                padding-left: 0px;
                text-align: center;
                background: #e5e5e5;
                top: 0px;
                box-sizing: border-box;
                text-transform: uppercase;
            }

            .grid-boxes table tr td:nth-child(2):before {
                content: "2X";
                width: 100%;
                padding-left: 10px;
                position: absolute;
                left: 0px;
                text-align: left;
                height: 35px;
                line-height: 35px;
                border: 1px solid #ccc;
                border-top: 0px;
                font-weight: 600;
                padding-left: 0px;
                text-align: center;
                background: #e5e5e5;
                top: 0px;
                box-sizing: border-box;
            }

            .grid-boxes table tr td:nth-child(3):before {
                content: "XS";
                width: 100%;
                padding-left: 10px;
                position: absolute;
                left: 0px;
                text-align: left;
                height: 35px;
                line-height: 35px;
                border: 1px solid #ccc;
                border-top: 0px;
                font-weight: 600;
                padding-left: 0px;
                text-align: center;
                background: #e5e5e5;
                top: 0px;
                box-sizing: border-box;
            }

            .grid-boxes table tr td:nth-child(4):before {
                content: "XL";
                width: 100%;
                padding-left: 10px;
                position: absolute;
                left: 0px;
                text-align: left;
                height: 35px;
                line-height: 35px;
                border: 1px solid #ccc;
                border-top: 0px;
                font-weight: 600;
                padding-left: 0px;
                text-align: center;
                background: #e5e5e5;
                top: 0px;
                box-sizing: border-box;
            }

            .grid-boxes table tr td:nth-child(5):before {
                content: "L";
                width: 100%;
                padding-left: 10px;
                position: absolute;
                left: 0px;
                text-align: left;
                height: 35px;
                line-height: 35px;
                border: 1px solid #ccc;
                border-top: 0px;
                font-weight: 600;
                padding-left: 0px;
                text-align: center;
                background: #e5e5e5;
                top: 0px;
                box-sizing: border-box;
            }

            .grid-boxes table tr td:nth-child(6):before {
                content: "M";
                width: 100%;
                padding-left: 10px;
                position: absolute;
                left: 0px;
                text-align: left;
                height: 35px;
                line-height: 35px;
                border: 1px solid #ccc;
                border-top: 0px;
                font-weight: 600;
                padding-left: 0px;
                text-align: center;
                background: #e5e5e5;
                top: 0px;
                box-sizing: border-box;
            }

            .grid-boxes table tr td:nth-child(7):before {
                content: "S";
                width: 100%;
                padding-left: 10px;
                position: absolute;
                left: 0px;
                text-align: left;
                height: 35px;
                line-height: 35px;
                border: 1px solid #ccc;
                border-top: 0px;
                font-weight: 600;
                padding-left: 0px;
                text-align: center;
                background: #e5e5e5;
                top: 0px;
                box-sizing: border-box;
            }

    .popup-box {
        width: 300px;
    }

    .error {
        bottom: 10px;
    }
}


@media (max-width:480px) {
    .login-box {
        width: 280px;
    }

    .half-box1, .half-box2 {
        width: 100%;
        padding: 20px;
        height: auto;
    }

    .logo1 {
        margin: 0px auto 10px;
    }

    .input-box input {
        height: 38px;
    }

    .login-box .input-box input {
        height: 48px;
    }

    .watermark {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .footer {
        padding-top: 6px;
        line-height: normal;
    }

    .logo {
        float: none;
        margin: 10px auto;
    }

    .column1 {
        width: 100%;
    }

    .row {
        margin-top: 20%;
    }

    #pagercustomerSearch > div > div:nth-child(6), #pagercustomerSearch > div > div:nth-child(7), #pagerordersCount > div > div:nth-child(6), #pagerordersCount > div > div:nth-child(7), #pagerdivInvoices > div > div:nth-child(6), #pagerdivInvoices > div > div:nth-child(7), #pagerStatistics > div > div:nth-child(6), #pagerStatistics > div > div:nth-child(7), #pagerYearlySales > div > div:nth-child(6), #pagerYearlySales > div > div:nth-child(7), #pagermontlysales > div > div:nth-child(6), #pagermontlysales > div > div:nth-child(7), #pagerdaysales > div > div:nth-child(6), #pagerdaysales > div > div:nth-child(7), #pagerTerritorysales > div > div:nth-child(6), #pagerTerritorysales > div > div:nth-child(7), #pagercustSearch > div > div:nth-child(6), #pagercustSearch > div > div:nth-child(7), #pagerdivrepLists > div > div:nth-child(6), #pagerdivrepLists > div > div:nth-child(7), #pagerdivMonthly > div > div:nth-child(6), #pagerdivMonthly > div > div:nth-child(7), #pagerdivyytd > div > div:nth-child(6), #pagerdivyytd > div > div:nth-child(7), #pagerartfile > div > div:nth-child(6), #pagerartfile > div > div:nth-child(7) {
        display: none !important;
    }

    #wrappercustSearch.jqx-clear.jqx-max-size.jqx-position-relative.jqx-overflow-hidden.jqx-background-reset {
        margin-top: 140px !important;
        overflow: visible !important;
    }

    #wrapperartfile.jqx-clear.jqx-max-size.jqx-position-relative.jqx-overflow-hidden.jqx-background-reset {
        margin-top: 140px !important;
        overflow: visible !important;
    }

    #custSearch {
        min-height: 1706px !important;
    }

    #artfile {
        min-height: 1725px !important;
    }

    #toolbarartfile #searchByCustomerNo, #toolbarartfile #searchByInvoiceNo {
        width: 51% !important;
        margin-right: 0px !important;
        margin-bottom: 15px;
        float: right !important;
        text-indent: 5px;
    }

    #toolbarartfile #searchByCustomerNo {
        margin-bottom: 30px !important;
    }

    #toolbarcustSearch #searchByCustomerNo, #toolbarcustSearch #searchByName {
        width: 61% !important;
        margin-right: 0px !important;
        margin-bottom: 15px;
        float: right !important;
        text-indent: 5px;
    }


    #toolbarcustSearch {
        margin-top: -140px !important;
        height: 170px !important;
        padding: 10px !important;
        box-sizing: border-box;
    }

    #toolbarartfile {
        margin-top: -140px !important;
        height: 155px !important;
        padding: 10px !important;
        box-sizing: border-box;
    }

        #toolbarcustSearch div, #toolbarartfile div {
            display: none;
        }

            #toolbarcustSearch div:first-child, #toolbarartfile div:first-child {
                display: table !important;
            }

        #toolbarartfile span:first-child {
            margin-bottom: 30px !important;
        }

    #toolbarcustSearch span {
        margin-right: 10px !important;
        width: 27%;
        float: left;
        display: table;
        margin-bottom: 33px !important;
        clear: left;
    }

    #toolbarartfile span {
        margin-right: 10px !important;
        width: 45%;
        float: left;
        display: table;
        margin-bottom: 15px !important;
        clear: left;
    }

        #toolbarcustSearch span strong, #toolbarartfile span strong {
            margin-top: -30px !important;
            display: table;
            margin-bottom: 10px !important;
            left: 42%;
            position: absolute;
        }

    #toolbarcustSearch .gridButton, #toolbarartfile .gridButton {
        float: left !important;
        clear: both;
    }

    .form-table tr td {
        padding-bottom: 5px !important;
    }

    .form-table.mobi-table tr td {
        width: 100% !important;
    }

    .tabs li a br {
        display: block;
    }

    .tabs li a {
        padding: 5px;
        font-size: 10px;
        height: 24px;
        text-align: center;
        line-height: 24px;
    }

    .tab-content .settings-bar li label {
        width: 100px;
        line-height: 30px;
    }

    .settings-bar li #ddlmy label:nth-child(3) {
        margin-top: 6px;
    }

    .jqx-icon-close {
        left: 100% !important;
    }

    .form-box.half-box tr td {
        text-align: left;
    }

    .top-circles .column1 {
        width: 100% !important;
    }
}

@media screen and (min-width:320px) and (max-width:359px) {
    .tabs li a {
        padding: 5px 3px;
        font-size: 9px;
    }

    .tab-content .settings-bar li label {
        width: 37%;
    }

    .settings-bar li .down-arrow {
        width: 145px;
    }
}

.success {
    color: #0eb416;
    font-size: 12px;
}

.the-box rect {
    cursor: pointer !important;
}