.nav-col {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    margin: 32px 0 3px;
    background: #a8cf45;
}


    .nav-col li {
        margin: 8px 0 0;
        padding: 0;
        float: left;
    }

        .nav-col li a {
            background: #a8cf45 none repeat scroll 0 0;
            border-right: 1px solid #fefefe;
            color: #fff;
            font-size: 17px; 
            padding: 6px 20px;
        }
    .nav-col li a.active {
                display: block;
                font-size: 22px;
                margin-top: -17px;
                padding: 12px 20px;
            }

            .nav-col li a:hover {
                color: #eee;
            }

.iFramelogin {
    margin: 8% auto 0 !important;
    left: 0 !important;
    right: 0 !important;
      top: 0 !important;
      width: 1044px !important;
            height: 632px !important;
}
    .iFramelogin.custiFramelogin {
        margin-top: 20px !important;
    }

.drawer {
    width: 41%;
    float: left;
}

.drawer-col {
    width: 95% !important;
    margin: 8px auto 0 !important;
    float: none !important;
}

.drawer-item-active .drawer-header {
    background: #2a7ef2;
    transition: 0.25s;
    color: #fff;
}

.drawer-item-active .drawer-header-icon {
    color: #fff;
}

.drawer-header {
    background: #2a7ef2 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    margin-bottom: 5px;
    min-height: 21px;
    padding: 10px;
    transition: all 0.25s ease 0s;
}

    .drawer-header h1 {
        line-height: 21px;
        float: left;
        font-size: 18px !important;
        margin: 0 !important;
        background: transparent !important;
    }

.drawer-content {
    position: relative;
    background: transparent none repeat scroll 0 0;
    border: 1px solid #b5b6b9;
    display: none;
    padding: 10px;
    color: #96989a;
    line-height: 1.45;
    margin-top: -5px;
}

    .drawer-content p {
        margin: 0;
        position: relative;
    }

.drawer-header-icon {
    float: right;
    margin-top: 3px;
    color: #888;
}

    .drawer-header-icon.drawer-header-icon-active {
        transform: rotate(180deg);
    }

.drawer-header:hover {
    opacity: 0.9;
}

#jquery-script-menu {
    position: fixed;
    height: 90px;
    width: 100%;
    top: 0;
    left: 0;
    border-top: 5px solid #316594;
    background: #fff;
    -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    z-index: 999999;
    padding: 10px 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.jquery-script-center {
    width: 960px;
    margin: 0 auto;
}

    .jquery-script-center ul {
        width: 212px;
        float: left;
        line-height: 45px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .jquery-script-center a {
        text-decoration: none;
    }

.jquery-script-ads {
    width: 728px;
    height: 90px;
    float: right;
}

.jquery-script-clear {
    clear: both;
    height: 0;
}

.drawer .drawer-content input, .drawer .drawer-content textarea {
    width: 79%;
    padding: 8px 10px;
    border: #cacbce solid 1px;
    background: transparent;
    text-align: center;
    font-size: 17px;
    color: #6d6a6a;
}

    .drawer .drawer-content input[type="date"] {
        width: 70%;
        float: left;
    }

.inner-col {
    border-bottom: 1px solid #96989a;
    float: inherit !important;
    line-height: 24px;
    padding-bottom: 6px;
    padding-left: 44px !important;
    width: 86% !important;
}

    .inner-col .lft-mrg {
        margin-left: 20px;
    }

    .inner-col input[type="checkbox"] {
        margin: 0 10px 0 5px !important;
        width: auto !important;
    }

    .inner-col input[type="button"] {
        width: auto;
        padding: 10px 20px;
    }

    .inner-col table {
        width: 100%;
    }

.text20 {
    font-size: 17px;
    line-height: 23px;
    margin-bottom: 10px !important;
}

.green-btn-sty {
    background: #a8cf45 none repeat scroll 0 0 !important;
    border: medium none !important;
    border-radius: 5px;
    color: #fff;
    font-size: 17px !important;
    margin-bottom: 5px;
    padding: 8px 18px !important;
    width: auto !important;
}

.grey-btn-sty {
    background: #96989a !important;
    border: medium none !important;
    border-radius: 5px;
    color: #fff;
    font-size: 17px !important;
    margin: 0 10px 5px;
    padding: 8px 18px !important;
    width: auto !important;
}

    .green-btn-sty:hover, .grey-btn-sty:hover {
        opacity: 0.8;
    }

.dropcontainer {
    position: relative;
}

    .dropcontainer a {
        color: #96989a !important;
    }

.select-droplist {
    position: absolute;
    right: 75px;
    top: 15px;
    width: 100px;
}

.trigger {
    padding: 3px;
    width: 100%;
    background: #f1f1f1 url(../images/select-arrow.png) 98% center no-repeat;
    background-size: 12px;
    display: block;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: #96989a;
}

    .trigger:hover {
        color: #777;
        background: #f5f5f5 url(../images/select-arrow.png) 98% center no-repeat;
        background-size: 12px;
    }

.activetrigger {
    background: #f1f1f1 url(../images/select-arrow.png) 98% center no-repeat;
    background-size: 12px;
    color: #96989a !important;
    padding: 5px 8px;
    width: 100%;
    display: block;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .activetrigger:active {
        color: #777;
    }

.dropcontainer ul {
    font-size: 14px;
    border: 1px solid #ccc;
    border-top: none;
    background: #f1f1f1;
    list-style-type: none;
    padding: 10px;
    margin: 0;
    width: 100%;
    z-index: 100;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .dropcontainer ul li {
        padding: 3px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .dropcontainer ul li:hover {
            background: #f5f5f5;
            outline: none;
        }

        .dropcontainer ul li:first-child {
            display: none;
        }

        .dropcontainer ul li:last-child {
            border-bottom: none;
        }

.dropdownhidden {
    display: none;
}

.dropdownvisible {
    height: auto;
}

.update-img {
    border: 0 none;
    height: auto;
    position: absolute;
    right: 2px;
    width: 66px;
}

.inner2-col {
    float: left;
    line-height: 24px;
    padding-bottom: 6px;
    width: 90% !important;
}

    .inner2-col input[type="checkbox"] {
        margin: 0 10px 0 5px !important;
        width: auto !important;
    }

    .inner2-col input.s-input {
        width: 53px !important;
    }

.s-input {
    margin: 5px !important;
    padding: 5px 10px !important;
    width: 75px !important;
}

.m-input {
    margin: 10px !important;
    padding: 5px 10px !important;
    width: 150px !important;
}

.col-8 {
    width: 68%;
    float: left;
}

.left-padding {
    padding-left: 10px;
}

.right-divsty {
    width: 45%;
    float: left;
    padding-left: 5%;
}

.form-sty input, .form-sty textarea {
    width: 80%;
    padding: 11px 10px;
    border: #cacbce solid 1px;
    background: transparent;
    text-align: center;
    font-size: 17px;
}

.box-stycol {
    background: #efeff0;
    border: 1px solid #a0a1a3;
    padding: 5px;
}

    .box-stycol input {
        margin: 3px 0 !important;
        width: 95% !important;
        text-align: left !important;
        padding: 5px !important;
    }

.btext {
    margin-bottom: 10px !important;
    color: #96989a;
    font-size: 26px;
    line-height: 30px;
}

.box-stycol select {
    margin-right: 10px;
}

.box-stycol input[type="button"] {
    width: auto !important;
    padding: 5px;
    background: #848688;
    text-align: center;
    font-size: 12px !important;
    color: #fff;
}

.form-sty input[type="button"] {
    width: auto !important;
    padding: 5px;
    background: #848688;
    text-align: center;
    font-size: 12px !important;
    color: #fff;
}

.btn-grey {
    background: #96989a none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    margin: 8px 8px 8px 0;
    padding: 3px 10px;
    cursor: pointer;
}

#searchdiv {
    width: 330px;
    float: right;
}

    #searchdiv input[type="search"] {
        height: 15px;
        text-align: left;
        background: #fff none repeat scroll 0 0;
        border-radius: 0;
        border-right: medium none;
        float: left;
        padding: 3px;
        width: 144px !important;
        border-color: #999b9d;
    }

    #searchdiv div {
        float: left;
        width: 40px !important;
    }

    #searchdiv input[type="button"] {
        background-color: transparent !important;
        background-image: url("../images/search-btn-img.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        border: medium none;
        height: 27px;
        width: 39px !important;
    }

.text21 {
    font-size: 18px;
    line-height: 29px;
}

.detail-btn {
    background: #666 none repeat scroll 0 0;
    color: #fff;
    font-size: 12px;
    padding: 3px 6px;
    position: absolute;
    right: 16px;
    top: 7px;
}

.box-stycol select {
    margin-bottom: 0;
}

.detail-btn:hover {
    color: #eee;
}

.gilman-store {
    width: 100%;
    float: left;
}

    .gilman-store h1 {
        background: #848688;
        color: #fff;
        float: left;
        font-size: 27px;
        font-weight: normal;
        margin-bottom: 20px;
        padding: 2px 1% 0;
        width: 98%;
    }

    .gilman-store h1 img {
        margin-right: 8px;
        margin-top: -5px;
        opacity: 1;
    }

    .gilman-store h1 span {
        float: right;
        font-size: 12px !important;
        line-height: 15px;
        text-align: center;
    }

    .gilman-store h1 span img {
        margin: 0;
        width: 149px;
    }

.blue-heading {
    background: #00a3e4;
    color: #fff;
    padding: 13px;
    font-size: 30px;
    text-align: center;
    font-weight: bold;
}

.blue-text {
    font-size: 30px;
    color: #2f62a1;
    padding: 20px 0;
    text-align: center;
}

.blue-text .bt-storeprevtd {
    margin:0 auto;
    max-width:98%;
    text-align:center;
}

.blue-text .bt-storeprevtd .storelp-gm{
    margin: 0;
    padding:0;
    line-height:normal;
}

.blue-text .bt-storeprevtd .storelp-gm:empty {
    display: none;
}

.bgcol {
    padding: 10px;
    background: #dbe4f1;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
}

.white-bg {
    padding: 10px;
    background: #fff;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    position: relative;
}

.images-zoom {
    float: left;
    margin-bottom: 2px;
    position: relative;
    width: 100%;
    margin-top: 25px;
}

    .images-zoom .thumbnails-container {
        float: left;
        width: 120px;
    }

    .images-zoom .big-img {
        float: left;
        width: 435px;
    }

        .images-zoom .big-img img {
            margin: 0 auto;
            max-height: 271px;
            max-width: 100%;
        }

    .images-zoom .zoom-col {
        bottom: 0;
        position: absolute;
        text-align: center;
        width: 180px;
        right: 0;
    }

        .images-zoom .zoom-col img {
            width: auto;
            margin: 5px 0 0;
        }

        .images-zoom .zoom-col a {
            color: #000;
            font-size: 15px;
            font-weight: bold;
        }

        .images-zoom .zoom-col .zoom-icon {
            float: left;
            margin-left: 17px;
        }

.col-3 {
    width: 30%;
}

.PaddedContent {
    padding: 10px;
}

.grey-topboder {
    border-top: 1px solid #a0a1a3;
    float: left;
    margin-bottom: 0 !important;
    margin-top: 5px;
    padding-top: 7px;
    width: 100%;
}

.close-icon {
    float: right;
    position: absolute;
    right: 7px;
    width: 23px;
}

.white_content {
    border: 1px solid gray;
    background-color: #fff;
    padding: 1%;
}

    .white_content a {
        color: #96989a;
        text-decoration: underline;
        line-height: 16px;
        width: 95%;
        width: 93%;
        float: left;
    }

.lightbox {
    color: #96989a;
    float: left;
    font-size: 12.5px;
    margin-bottom: 12px;
    margin-left: 11px;
    position: relative;
    width: 48%;
}

.box-col {
    position: relative;
    height: 100%;
}

.divider {
    border-left: 1px solid #ccc;
    bottom: 10%;
    height: 79%;
    left: 50%;
    position: absolute;
    top: 21%;
}

#divGarmentList .ng-scope:last-child .lightbox {
    border-right: 0;
    width: 47%;
}

    #divGarmentList .ng-scope:last-child .lightbox .white_content {
        margin-right: 0;
        margin-left: 1px;
    }

.lightbox .text20 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 !important;
    line-height: 19px;
}

.lightbox .btext {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 4px !important;
    float: left;
    margin-right: 10px;
}

.leftscript .images-zoom .big-img {
    width: 278px;
    background: #FFF;
    text-align: center;
}

.leftscript .zoom-col {
    position: relative;
    float: left;
    width: 164px;
    min-height: 357px;
}

.bluebg {
    background: #2f62a1 !important;
}

.btn-buy {
    background: #2f62a1 none repeat scroll 0 0;
    color: #ffffff !important;
    display: inline-block;
    font-size: 30px !important;
    line-height: 20px;
    margin: 20px 0 40px;
    padding: 11px 10px 13px;
    text-align: center;
    vertical-align: middle;
    width: 57%;
}

    .btn-buy:hover {
        background-color: #2f62a1;
    }

.text37 {
    font-size: 37px;
    font-weight: bold;
}

.btn-buy:hover {
    background-color: #2f62a1;
}

.text37 {
    font-size: 37px;
    font-weight: bold;
}

.leftscript .big-img-col {
    width: 302px !important;
    float: left;
    margin-top: 0;
}

    .leftscript .big-img-col .btn-grey {
        margin-bottom: 5px;
        border-radius: 0;
    }

        .leftscript .big-img-col .btn-grey:hover {
            color: #e9eae7;
        }

.leftscript .big-img {
    border: 1px solid #ddd;
    padding: 10px;
    margin-top: 1px;
}

.leftscript .thumbnails-container {
    margin: 0 13px 0 24px !important;
    width: 74px !important;
    float: left;
}

    .leftscript .thumbnails-container img {
        max-width: 100%;
    }

.leftscript .big-img .bottom-img {
    margin-top: 10px;
    width: 100%;
    float: left;
    border-top: 1px solid #ddd;
    text-align: left;
}

    .leftscript .big-img .bottom-img img {
        border: 1px solid #ddd;
        height: 26px;
        margin: 0;
        width: 26px;
    }

.leftscript .drawer-header h1 {
    background: transparent;
}

.leftscript .drawer-header {
    padding: 6px;
}

    .leftscript .drawer-header h1 {
        font-size: 16px !important;
    }

.leftscript .drawer-content {
    padding: 6px;
    color: #4a4b4c;
}

    .leftscript .drawer-content select {
        font-size: 12px;
        padding: 0;
    }

.mrg-bootm {
    margin-bottom: 8px;
}

.delivery-details-col {
    background: #fff;
}

    .delivery-details-col td.border-rgt {
        border-right: 1px #ddd solid;
        padding-right: 10px;
    }

    .delivery-details-col td {
        font-size: 16px;
        padding: 2px 9px;
    }

.payment-col {
    background: #FFF;
}

.paymentbox {
    background: #FFF;
    padding: 15px 15px;
    font-size: 16px;
    border-top: 1px solid #ddd;
    margin-top: 10px;
}

    .paymentbox input, .paymentbox textarea {
        font-size: 16px !important;
        padding: 7px 10px !important;
        width: 93% !important;
    }

.s-select {
    width: 90px;
}

.paymentbox .heading-tx {
    font-size: 18px;
    margin-bottom: 10px;
}

.paymentbox input[type="checkbox"] {
    float: left;
    left: 0 !important;
    margin: 2px 5px 5px 0 !important;
    position: relative !important;
    width: auto !important;
}

.paymentbox input.btn {
    background: #2f62a1;
    color: #FFF;
    text-shadow: none;
    width: 53% !important;
}

.thanks-box {
    border-top: 1px solid #ddd;
    margin-top: 10px;
    padding: 15px 8px;
    line-height: 30px;
}

    .thanks-box p {
        width: 70%;
        margin: 0 auto;    padding: 7px 0;
    }

    .thanks-box strong {
        line-height: 39px;
        margin-bottom: 10px;
    }

.leftscript {
    background: #FFF;
    padding-bottom: 20px;
}

.off-white-bg {
    background: #eee none repeat scroll 0 0;
    font-size: 15px;
    line-height: 25px;
    margin: 0 auto 15px;
    padding: 10px;
    text-align: center;
    width: 91%;
}

.store-dashboard {
    background: #fff none repeat scroll 0 0;
    float: left;
    margin: 0 0 10px;
    padding: 0 1%;
    width: 98%;
    border-top: 13px #fff solid;
}

    .store-dashboard .blue-heading {
        border-right: 1px solid #fff !important;
        font-size: 19px !important;
        padding: 10px !important;
    }

    .store-dashboard input {
        border: 1px solid #ddd;
        border-radius: 5px;
        margin: 12px 0 5px;
        padding: 2%;
        width: 95%;
    }

    .store-dashboard .hero-unit {
        border-right: 1px solid #fff;
        font-size: 17px;
        font-weight: normal;
        line-height: 22px;
        padding: 10px;
        text-align: center;
    }

.bg-headersty {
    background: #00a3e4 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    float: left;
    margin-right: 6px;
    padding: 10px 8px;
    width: 111px;
}

.blue-totalbox {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    float: left;
    height: auto;
    line-height: 19px;
    padding: 0;
    vertical-align: middle;
    width: 100%;
}

.textcol {
    display: inline-block;
    margin-top: 0;
    overflow-wrap: break-word;
}

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

.top20-mrg {
    margin-top: 20px;
}

.border-bgcolor {
    border: 1px solid #dcd9d9;
    background: #eeeeee;
}

.table-sty-col td {
    border: 1px #eee solid;
    padding: 0;
    font-size: 16px;
    height: 100%;
    vertical-align: middle;
}

    .table-sty-col td table {
        height: 100%;
    }

    .table-sty-col td td {
        border: none;
        padding: 0;
        border-right: 1px solid #dcd9d9;
        width: 9% !important;
        text-align: center;
    }

        .table-sty-col td td:last-child {
            border: none;
        }

.table-sty-col .img {
    height: 40px;
    margin: 5px;
    width: 40px;
}

.display-col {
    max-height: 150px;
    overflow-y: auto;
}

.sale-detail-col {
    border: #ddd solid 1px;
    font-size: 19px;
}

    .sale-detail-col td {
        padding: 5px 3px;
    }

        .sale-detail-col td input {
            margin: 0;
        }

.drawer-content input[type="radio"] {
    margin: 1px 10px 5px 0;
    width: auto !important;
    float: left;
}

.mrg-none {
    margin: 0 !important;
}

.top-padding {
    padding-top: 10px;
}

.point-26 {
    font-size: 26px;
    line-height: 32px;
}

.calendar-img {
    margin-top: 2px;
    float: left;
    padding-left: 8px;
}
/* Base for label styling */
.drawer-content [type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

    .drawer-content [type="checkbox"]:not(:checked) + label,
    [type="checkbox"]:checked + label {
        position: relative;
        padding-left: 25px;
        cursor: pointer;
    }

        /* checkbox aspect */
        .drawer-content [type="checkbox"]:not(:checked) + label:before,
        [type="checkbox"]:checked + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 2px;
            width: 17px;
            height: 17px;
            border: 1px solid #aaa;
            background: #f8f8f8;
            border-radius: 3px;
            box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
        }
        /* checked mark aspect */
        .drawer-content [type="checkbox"]:not(:checked) + label:after,
        [type="checkbox"]:checked + label:after {
            content: '\2713';
            position: absolute;
            top: 3px;
            left: 4px;
            font-size: 18px;
            line-height: 0.8;
            color: #a8cf45;
            transition: all .2s;
            font-weight: bold;
        }
        /* checked mark aspect changes */
        .drawer-content [type="checkbox"]:not(:checked) + label:after {
            opacity: 0;
            transform: scale(0);
        }

.drawer-content [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}
/* disabled checkbox */
.drawer-content [type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

.drawer-content [type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

.drawer-content [type="checkbox"]:disabled + label {
    color: #aaa;
}
/* accessibility */
.drawer-content [type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
    border: 1px dotted blue;
}

/* Base for label styling */
.checkbook-sty [type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
   
}

    .checkbook-sty [type="checkbox"]:not(:checked) + label,
    [type="checkbox"]:checked + label {
        position: relative;
        padding-left: 25px;
        cursor: pointer;
    }

        /* checkbox aspect */
        .checkbook-sty [type="checkbox"]:not(:checked) + label:before,
        [type="checkbox"]:checked + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0px;
            width: 17px;
            height: 17px;
            border: 1px solid #aaa;
            background: #f8f8f8;
            border-radius: 3px;
            box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
        }
        /* checked mark aspect */
        .checkbook-sty [type="checkbox"]:not(:checked) + label:after,
        [type="checkbox"]:checked + label:after {
            content: '\2713';
            position: absolute;
            top: 3px;
            left: 4px;
            font-size: 18px;
            line-height: 0.8;
            color: #a8cf45;
            transition: all .2s;
            font-weight: bold;
        }
        /* checked mark aspect changes */
        .checkbook-sty [type="checkbox"]:not(:checked) + label:after {
            opacity: 0;
            transform: scale(0);
        }

.checkbook-sty [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}
/* disabled checkbox */
.checkbook-sty [type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

.checkbook-sty [type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

.checkbook-sty [type="checkbox"]:disabled + label {
    color: #aaa;
}
/* accessibility */
.checkbook-sty [type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
    border: 1px dotted blue;
}

.checkbook-sty {
    width: 116px;
    margin: 0 auto;
}
/* hover style just for information */
.drawer-content label:hover:before {
    border: 1px solid #4778d9 !important;
}

.drawer-content input[type=radio]:checked ~ .check {
    border: 5px solid #0DFF92;
}

    .drawer-content input[type=radio]:checked ~ .check::before {
        background: #0DFF92;
    }

.drawer-content input[type=radio]:checked ~ label {
    color: #000;
}

.drawer-content .btn:hover {
    background: #2f62a1;
    opacity: 0.8;
}

.drawer-content .btn {
    background: #2f62a1;
    border: medium none !important;
    box-shadow: none !important;
    color: #fff !important;
    line-height: 15px;
    outline: medium none;
    padding: 5px 11px;
    text-shadow: none !important;
    margin: 4px 0 10px;
}

.leftscript .drawer fulldiv .drawer-item:last-child .drawer-header {
    margin-bottom: 5px;
}

.drawer-content .s-img-icon {
    width: 80px;
    height: auto;
}

.btblue {
    background: #00a3e4 none repeat scroll 0 0 !important;
    border: medium none;
    box-shadow: none !important;
    color: #fff !important;
    line-height: 15px;
    outline: medium none;
    padding: 5px 12px;
    text-shadow: none !important;
}

.td-col-padding td {
    padding: 2px 6px;
}

.lft-imgbox {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    cursor: pointer;
    display: block;
    float: left;
    height: 58px;
    margin-bottom: 5px;
    padding: 5px;
    text-align: center;
    width: 59px;
}

.black-sty {
    background: #c5c3c3;
}

    .black-sty .blue-heading {
        background: #000;
    }

    .black-sty .btn-buy {
        background: #000;
    }

        .black-sty .btn-buy:after {
            border-color: transparent transparent transparent #000;
        }

    .black-sty .drawer-header {
        background: #000 !important;
    }

    .black-sty .drawer-content .btn {
        background: #000 !important;
    }

.select-droplist2 {
    position: absolute;
    width: 262px;
}

.slct-list {
    width: 30%;
    float: left;
}

.slct-content {
    width: 77%;
    float: left;
}

.table-tdfull td {
    display: inline-block;
    width: 100%;
}

    .table-tdfull td td {
        width: auto;
        float: left;
    }

        .table-tdfull td td input {
            width: 85px !important;
            margin-right: 10px;
        }

.table-tdfull select {
    width: 202px;
    float: left;
    margin-top: 5px;
}

.select-color-box {
    float: left;
    font-size: 13px;
    line-height: 16px;
    margin-left: 2%;
    width: 100%;
}

.lightbox ul li img {
    float: left;
}

.lightbox ul li {
    width: 100%;
    float: left;
    padding: 6px 0;
    border-bottom: 1px solid #ddd;
    color: #96989a;
}

    .lightbox ul li:last-child {
        border-bottom: none;
    }

    .lightbox ul li .ng-binding {
        float: left;
        width: 86%;
        line-height: 16px;
        margin-top: 0;
    }

        .lightbox ul li .ng-binding p {
            margin-bottom: 0;
        }

.lightbox .white_content {
    border: none;
    background-color: #fff;
    padding: 0;
    margin-bottom: 10px;
    float: left;
    position: relative;
    width: 257px;
    margin-right: 10px;
    border-collapse: collapse;
    box-sizing: border-box;
    box-shadow: 0px 0px 0px 1px #929497, 0px 0px 0px 1px #929497;
}

.lightbox {
    float: left;
}

    .lightbox .close-btn {
        float: right;
        position: absolute;
        right: 3px;
        top: 3px;
        width: 18px;
    }

.drawer {
    float: left;
    width: 41%;
}

.lightbox ul, ol {
    margin: 0 0 10px 11px;
    padding: 0;
}

.input-date {
    margin-right: 8px;
    width: 40% !important;
}

.drawer-content .ui-datepicker-trigger {
    margin-top: -12px;
}

.price-col {
    border-top: 1px solid #a0a1a3;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0 0 4px !important;
    width: 48%;
}

.right-boder {
    border-right: 1px solid #ddd;
}

.col-box {
    float: left;
    width: 100%;
    margin: 8px 0;
}

    .col-box input {
        float: left;
        margin-right: 5px;
    }

.select-list-color select {
    width: 160px;
    padding: 3px;
    border: 1px #ddd solid;
}

.select-list-color option {
    background-position: left 5px top 4px;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    text-indent: 22px;
}

.overlay-bg {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.25s ease-in-out 0s;
    width: 100%;
}

.bgcolor-change-col .leftscript {
    position: relative;
    background: none;
}

.bgcolor-change-col {
    float: left;
    width: 100%;
    position: relative;
}

.border-right {
    border-right: 1px solid #ddd;
    padding-right: 7px;
    margin-right: 7px;
}

.approved-design-col .approved-img-size {
    max-height: 290px;
    max-width: 290px;
    min-height: 290px;
    min-width: 290px;
    margin-bottom: 10px;
}

.approved-design-col .colbox {
    width: 33%;
    float: left;
}

.approved-design-col {
    width: 100%;
    background: #fff none repeat scroll 0 0;
    padding-top: 30px;
}

.lft-mrgNone {
    margin-left: 0 !important;
}

div#right {
    border-bottom: 24px solid transparent;
    border-left: 22px solid #2f62a1;
    border-top: 20px solid transparent;
    height: 0;
    position: absolute;
    right: 5px;
    top: 50px;
    width: 0;
}

.hidden-div {
    display: none;
}

#divBigPhoto1 {
    display: block;
}

.tab-btn {
    margin-left: 124px;
}

    .tab-btn a {
        border-radius: 0;
    }

.lft-imgbox img {
    height: 59px;
    width: auto;
}

.approved-design-col ul li {
    margin-right: 10px !important;
    width: 302px !important;
    float: left;
}

.approved-design-col ul {
    margin: 0;
}

.full-colbox {
    width: 100%;
    margin: 10px 0;
}

.approved-design-col .bx-wrapper .bx-viewport {
    width: 92% !important;
    margin: 0 auto;
    height: 349px !important;
}

.approved-design-col .bx-wrapper .bx-prev {
    left: 12px !important;
    top: 36% !important;
}

.approved-design-col .bx-wrapper .bx-next {
    top: 36% !important;
}

.approved-design-col {
    width: 1007px;
}

.top-bto-border {
    padding: 7px 0;
    width: 95%;
    background: #FFF;
    font-size: 18px !important;
}

    .top-bto-border span:first-child {
        border-top: 1px solid #a0a1a3;
    }

    .top-bto-border span:last-child {
        border-bottom: 1px solid #a0a1a3;
        margin-bottom: 10px;
    }

    .top-bto-border span {
        float: left;
        width: 100%;
    }

.btn:hover {
    background: #000;
}

.img-col-full {
    position: relative;
}

.imgfull-col .img-col-full:first-child a.btn-grey:first-child {
    position: absolute;
    left: 139px;
    top: -8px;
    border-radius: 0;
    z-index: 88;
}

.imgfull-col .img-col-full:last-child a.btn-grey:first-child {
    position: absolute;
    left: 192px;
    top: -8px;
    border-radius: 0;
    z-index: 88;
}

.imgfull-col .zoom-icon {
    position: relative;
    bottom: 2px;
    right: 0;
}

.off-white-bg a {
    color: #333333;
}

.close-btn-bottom {
    top: 4px;
    right: 4px;
    opacity: 0.8;
    position: absolute;
    width: 21px;
}

.select_small-sty {
    background-color: #fff;
    border: 1px solid #999;
    font-size: 12px;
    margin: 0 5px 9px;
    padding: 3px;
    width: 142px;
}

.grey-link-text {
    color: #333;
}

.bordersty {
    width: 100%;
}

    .bordersty .checkbook-sty {
        border-right: 1px solid #999;
        border-left: 1px solid #999;
        padding: 0 10px;
        width: 95%;
    }

        .bordersty .checkbook-sty:first-child {
            border-top: 1px solid #999;
            padding-top: 10px;
        }

        .bordersty .checkbook-sty:last-child {
            border-bottom: 1px solid #999;
            padding-bottom: 5px;
        }

.highlight {
    background: #ddd;
    color: #4a4b4b;
}

.left-rwd-col.store-wihtebg .img-col-full > .highlight {
    background: #001948 ;
    color: #ffffff ;
}


.highlight-border {
    border: 1px solid #434445 !important;
}

.left-rwd-col .zoom-col img {
    display: table;
    float: none;
    height: 101px;
    margin: 5px auto;
    width: auto;
}

img.s-img-icon1 {
    height: 45px;
    margin-top: 4px;
    width: 45px;
    border: 1px #333 solid;
}

.table-br-sty table {
    border-collapse: collapse;
}

.tablebr-sty table {
    width: 100%;
    margin-top: 20px;
}

.tablebr-sty td, th {
    border: 1px solid #d5d3d3;
    padding: 5px;
}

.tablebr-sty td {
    font-size: 15px;
}

.tablebr-sty th {
    background: #ddd;
    color: #000;
}

.blue-bcol {
    background: #2f62a1 none repeat scroll 0 0;
    float: left;
    font-size: 17px;
    margin: 12px 1%;
    padding: 2%;
    width: 94%;
    color: #fff;
}

.min-height {
    min-height: 450px;
}

.thanks-col {
    line-height: 21px;
    margin-left: 2%;
    width: 56%;
    float: left;
    color: #2a7ef2;
    font-weight: 600;
}

.s-blue-text {
    color: #2f62a1;
}

.successfully-col {
    color: #588501;
    float: left;
    margin-top: 6px;
    width: 100%;
}

.error-col {
    color: #FF0000;
    float: left;
    margin-top: 15px;
    width: 100%;
    line-height: 22px;
    font-size: 16px;
}

.border-none {
    border: none !important;
}

.bottom-img .highlight-border {
    display: inline-block;
}

.s-blue-text img {
    margin-right: 5px;
}

.bottom-img a {
    display: inline-block;
    margin-right: 2px;
    margin-top: 5px;
}

    .bottom-img a:last-child {
        margin-right: 0;
    }

.right-onmebile {
    bottom: 0;
    left: 31px;
    position: absolute;
}

.ui-datepicker-trigger {
    cursor: pointer;
}

.Poweredby-col {
    float: right;
    font-size: 12px !important;
    line-height: 15px;
    text-align: center;
}

    .Poweredby-col img {
        margin: 0;
        width: 149px;
    }

.btn-mobile {
    display: none;
}

.no-padding {
    padding: 0 !important;
}

.bottom-nonepad {
    padding-bottom: 0 !important;
}

.visible-m {
    visibility: hidden;
    display: none;
}

.buy-div {
    width: 163px;
}

#pnlPaymentSuccess .thanks-box {
    background: #fff none repeat scroll 0 0;
    border-top: 1px solid #ddd;
    float: left;
    line-height: 30px;
    margin-top: 10px;
    padding: 15px 1% 44px;
    position: relative;
    width: 98%;
}

.content_storearea {
    background-color: #f1f1f1;
    display: table;
    margin: 0 auto;
    padding: 1%;
    width: 98%;
}

.text32 {
    font-size: 30px;
    font-weight: 500;
}

.dopayment-col {
    width: 99.5%;
    background: #fff;
}

.payment-left-col, .payment-right-col {
    padding: 1%;
}

.md-input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #cacbce;
    font-size: 17px;
    margin: 10px 0;
    padding: 5px 10px !important;
    text-align: center;
    width: 200px !important;
}

.lightcolor-box {
    background: rgba(0, 0, 0, 0.08) none repeat scroll 0 0;
    float: left;
    margin: 10px 0 10px 3%;
    padding: 8px;
    width: 91.5%;
}

.totalbox-bg {
    background: #fff none repeat scroll 0 0;
    font-size: 15px;
    line-height: 20px;
    padding: 10px;
    position: relative;
    text-align: center;
}

.drawer-content .ui-datepicker-trigger {
    margin-top: -12px;
    position: absolute;
    right: 17%;
    top: 22px;
    width: 20px;
}

.border-bottome {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px !important;
    padding: 10px 0;
}

.light-grey-btn {
    color: #96989a;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    margin: 4px 12px;
    padding: 5px 10px;
    border: 1px solid #cccccc;
}

    .light-grey-btn:hover {
        opacity: 0.7;
        color: #333;
    }

#divGramentFooter .ng-binding p {
    float: left;
    width: 48%;
    font-size: 13px;
    line-height: 18px;
}

.close-img {
    background: rgba(0, 0, 0, 0) url("/resources/images/close-icon-g.png") no-repeat scroll left center !important;
    width: 15px;
    height: 15px;
}

.store-wihtebg {
    background: #FFF;
}

.select-droplist-lg {
    position: absolute;
    right: 71px;
    top: 15px;
    width: 123px;
}

.tooltip-info {
    display: inline-block;
    float: left;
    margin-right: 10px;
    position: relative;
    z-index: 1;
    margin: 10px;
}

    .tooltip-info .tooltiptext {
        background-color: #888888;
        border-radius: 0;
        color: #fff;
        left: 110%;
        padding: 10px;
        position: absolute;
        text-align: left;
        top: -5px;
        visibility: hidden;
        width: 288px;
        z-index: 1;
    }

        .tooltip-info .tooltiptext::after {
            border-color: transparent #888888 transparent transparent;
            border-style: solid;
            border-width: 9px;
            content: "";
            margin-top: -5px;
            position: absolute;
            right: 100%;
            top: 5%;
        }

    .tooltip-info:hover .tooltiptext {
        visibility: visible;
    }

.aColorImg {
    float: left !important;
    width: auto !important;
}

.dailydeal-leftbox ul {
    list-style: outside none none;
    margin: 10px 0;
    padding: 0;
    width: 70%;
}

.dailydeal-leftbox .firtbox li img {
    max-height: 100%;
    max-width: 100%;
}

.grey-round-btn {
    background: #96989a none repeat scroll 0 0 !important;
    border: medium none !important;
    border-radius: 5px;
    color: #fff !important;
    display: block;
    float: none !important;
    margin: 0 auto !important;
    padding: 5px 10px !important;
    width: auto !important;
}

.selet-tag-mrgno select {
    margin: 5px 0 0 !important;
}

.store-link {
    display: table;
    margin: 10px auto 0;
    width: 182px;
}

    .store-link a {
        margin-right: 10px;
    }

.first-tdsize td:first-child {
    width: 34% !important;
}

.grey-link {
    color: #333333;
    font-size: 13px;
}

    .grey-link:hover {
        opacity: 0.8;
    }

.progressbar {
    margin-bottom: 13px !important;
}

.btn-padding {
    padding: 5px 6px !important;
    margin: 4px 1px 10px !important;
    font-size: 14px !important;
}

.white-bg .available {
    font-size: 14px !important;
}

.storedashboard-table table {
    margin-top: 20px;
    width: 100%;
}

.storedashboard-table td {
    font-size: 15px;
}

.storedashboard-table td, th {
    border: 1px solid #d5d3d3;
    padding: 5px 0;
    text-align: center;
}

.storedashboard-table th {
    color: #00a3e4;
}

.inner-table {
    padding: 0 !important;
}

    .inner-table table {
        margin: 0;
    }

    .inner-table td {
        padding: 5px 0;
        border: none;
        border-bottom: 1px solid #d5d3d3;
        border-right: 1px solid #d5d3d3;
    }

        .inner-table td:last-child {
            border-right: none;
        }

.lightbox .viewArtwork {
    margin-bottom: 8px;
}

.No-leftpad {
    padding-left: 0 !important;
}

.mrg-bottomNo {
    margin-bottom: 0 !important;
}

.select-droplist-ss {
    background: #fff none repeat scroll 0 0;
    font-size: 11px;
    height: 35px;
    line-height: 14px;
    padding-right: 1px;
    position: absolute;
    right: 72px;
    text-align: center;
    top: 0;
    width: 73px;
}

    .select-droplist-ss .green-sm-tx {
        font-size: 12px !important;
    }

    .select-droplist-ss img {
        opacity: 0.7;
    }

    .select-droplist-ss select {
        height: 19px;
    }

.center-divsty-inner .tooltips {
    z-index: 100;
}

.bigimg-div {
    height: 271px;
}

.store-link input {
    border: medium none;
    border-radius: 5px;
    margin: 0 0 5px;
    padding: 6px 15px;
    width: auto;
}

.drak-border-sty td {
    border: 1px solid #dddddd;
    padding: 5px;
}

.drak-border-sty {
    margin-bottom: 10px;
}

.new-blue-button {
    background: #00acdc none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    color: #fff !important;
    font-family: "Roboto Condensed",sans-serif !important;
    font-weight: 600;
    padding: 5px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

    .new-blue-button:hover {
        opacity: 0.9;
    }

.img-fullwidth {
    width: 100%;
}

.table-col .table {
    margin: 0 auto !important;
}

.s-inputbox {
    width: 54px;
    float: left;
    margin: 0 0 0 5px;
    padding: 5px;
    height: 16px;
}

#divArtWorkImages ul.firtbox {
    width: 100% !important;
}

.img-box embed {
    width: 97%;
    height: 486px;
    max-width: 100%;
}

img {
    max-width: 100%;
}

.search-colsty {
    float: right;
}

    .search-colsty input {
        margin-top: 4px;
    }

        .search-colsty input[type="submit"] {
            background-color: transparent;
            background-image: url("../images/right-green-arrow.png");
            background-position: center top 3px;
            background-repeat: no-repeat;
            border: medium none;
            height: 36px;
            margin: 0;
            width: 21px;
        }
        .search-colsty.cust-search-colsty {
            height: auto;
            padding-top: 2px;
        }
        .search-colsty.cust-search-colsty input[type="text"] {
            margin-top: 3px;
            margin-bottom: 0;
            vertical-align: top;
        }
        
        .search-colsty.cust-search-colsty input[type="submit"] {
            vertical-align: top;
        }

.f-height .fancybox-inner {
    height: 500px !important;
}

#divInvoice iframe {
    width: 100% !important;
    height: 510px !important;
}

.highlight-box {
    border: 1px solid #434445 !important;
    float: left;
    margin-bottom: 5px;
    padding: 1% 0 1% 1%;
    width: 98%;
}
.custom-box-store .highlight-box{
    width: auto;
    border: none!important;
    float: none;
    margin: 0;
    padding: 0;
}
.custom-box-store .highlight-box .lft-imgbox {
    border-color: #434445!important;
}
.custom-box-store .lft-imgbox{margin-bottom: 5px!important;}

    .highlight-box .lft-imgbox {
        margin-bottom: 0;
    }

.bx-wrapper .bx-next {
    right: 8px !important;
}

.overimg-box {
    position: absolute;
    width: 310px;
    height: 320px;
    display: table;
    background: rgba(0, 0, 0, 0.5);
}

    .overimg-box h1 {
        font-size: 18px;
        -webkit-transform: rotate(319deg);
        -moz-transform: rotate(319deg);
        -o-transform: rotate(319deg);
        writing-mode: lr-tb;
        color: #fff;
    }

#divArtWorkImages h2 {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.75);
    padding: 10px;
    color: #000;
    margin: 0 auto;
    font: 16px;
    text-align: center;
}

.resize-photo a img {
    height: 310px;
    max-height: 100%;
    max-width: 100%;
    width: 320px;
}

.blue-msg-tx {
    border-bottom: 1px solid #ccc;
    color: #2a7ef2;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 20px;
}
/*------------New CSS For Message Board------------------*/



.chatting-box .greensty-box {
    color: #FFF;
    background: #a3d13c;
    margin-bottom: 25px;
    width: 86%;
    float: left;
    padding: 8px 1% 5px 56px;
    border-radius: 2px;
    border: none;
    margin-left: 3%;
    position: relative;
}

.chatting-box .blue-box {
    color: #FFF;
    background: #678aca;
    margin-bottom: 25px;
    width: 86%;
    float: left;
    padding: 10px 1% 10px 56px;
    border-radius: 2px;
    border: none;
    margin-left: 6%;
    position: relative;
}

    .chatting-box .greensty-box .profile, .chatting-box .blue-box .profile {
        background: #fff none repeat scroll 0 0;
        border-radius: 50%;
        height: 55px;
        left: -18px;
        position: absolute;
        top: -19px;
        width: 55px;
    }

.chatting-box table td {
    color: #FFF !important;
}

.chatting-box .border-box {
    border-left: 2px solid rgba(255, 255, 255, 0.5);
    padding-left: 7px;
}

    .chatting-box .border-box a {
        color: #FFF;
        margin-bottom: 2px;
        display: block;
    }

.btn-blue {
    width: auto;
    float: left;
    color: #fff !important;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
    text-transform: uppercase;
    display: inline-block;
    border: none;
    background: #00a7db;
    padding: 8px;
    text-decoration: none;
    margin-left: 8px;
}

    .btn-blue:hover {
        text-decoration: none;
    }


.comment-box {
    width: 98%;
    float: left;
    padding: 1%;
    background: #babcbe;
}

    .comment-box input.file {
        width: 150px;
        height: 33px;
        border: 1px solid #BBB;
        border-right: 0;
        color: #888;
        padding: 5px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        outline: none;
        border-radius: 0;
        margin: 0;
    }

    .comment-box textarea {
        border: 5px solid #b2d85c;
    }

.content .comment-box textarea {
    border: 5px solid #678aca !important;
}

.comment-box input[type="submit"] {
    margin-top: 10px;
    margin-left: 8px;
    background: #a3d13c;
}

.content .comment-box input[type="submit"] {
    background: #678aca !important;
    margin-top: 10px;
    margin-left: 8px;
}

.comment-box input.file {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff none repeat scroll 0 0;
    border-color: #bbb -moz-use-text-color #bbb #bbb;
    border-image: none;
    border-radius: 0;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
    color: #888;
    height: 33px;
    margin: 0 0 7px 8px;
    outline: medium none;
    padding: 0;
    width: 209px;
}

.comment-box div.file_upload:before {
    content: "UPLOAD";
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
}

.comment-box div.file_upload input {
    cursor: pointer;
    display: inline;
    height: 30px;
    opacity: 0;
    position: relative;
    width: 250px;
}

.bigtext {
    font-size: 16px !important;
    padding: 10px 20px;
}

.artwork-col {
    float: left;
    padding: 20px 0;
    width: 100%;
    text-align: left;
}

    .artwork-col .search {
        display: inline-block;
        float: left;
        margin: 0 auto 0 107px;
        position: relative;
        width: 147px;
    }

        .artwork-col .search input[type="text"] {
            height: 22px !important;
            padding: 0 7px;
            width: 114px !important;
        }

        .artwork-col .search input[type=image] {
            margin: 0 5px 0 0;
            padding: 0;
            position: absolute;
            right: 0;
        }

    .artwork-col input {
        width: 40px !important;
        padding: 5px;
        margin-top: 5px;
    }

        .artwork-col input[type=radio] {
            margin: 0;
            width: auto !important;
        }

    .artwork-col .btn-blue {
        width: 56px !important;
    }

        .artwork-col .btn-blue:hover {
            opacity: 0.7;
        }

.artwork-history {
    float: left;
    width: 100%;
    margin: 10px 0;
}

.ft-linkbox {
    float: none;
    margin: 10px auto;
    width: 98%;
}

    .ft-linkbox ul {
        list-style: none;
        margin: 0 0 30px 0;
    }

        .ft-linkbox ul li {
            border-bottom: #b3cf3e 6px solid;
            float: left;
            text-transform: uppercase;
            height: 50px;
            padding-bottom: 8px;
        }

            .ft-linkbox ul li a {
                background: #8f9192 none repeat scroll 0 0;
                color: #fff;
                display: inline-block;
                font-size: 10px;
                font-weight: bold;
                height: 37px;
                line-height: 12px;
                padding: 2px;
                text-align: center;
                text-decoration: none;
                width: 99.8px;
            }

                .ft-linkbox ul li a span {
                    font-size: 10px;
                }

                .ft-linkbox ul li a.active {
                    background: transparent url("/resources/images/hover-img.png") no-repeat scroll right center;
                    border: medium none;
                    height: 96px;
                    line-height: 12px;
                    margin-top: -36px;
                    padding-top: 38px;
                    position: relative;
                    width: 145px;
                    z-index: 2;
                }

.artwork-history input {
    margin-top: 5px;
    padding: 1px;
    width: 40px !important;
    text-align: center;
    height: 20px;
}

.artwork-table th {
    background: #eee;
    border: 1px solid #ddd;
    padding: 5px;
    text-align: center;
}

.artwork-table td {
    border: 1px solid #d0d0d0;
    text-align: center;
    padding: 10px 0;
}

.email-bx {
    color: #fff;
    float: left;
    line-height: 12px;
    margin-left: 4px;
    padding-top: 1px;
    text-align: center;
    width: 45px;
}

    .email-bx input[type=checkbox] {
        display: inline-block;
        float: none;
        margin: 5px auto !important;
        left: 0 !important;
        position: relative;
    }

.chatting-box strong {
    font-size: 16px;
}

.content-bx {
    display: none;
}

.delivery-box {
    width: 100%;
    float: left;
    background: #fff;
}

    .delivery-box h4 {
        background: #00a7db;
        padding: 5px 1%;
        color: #FFF;
        width: 98%;
    }

    .delivery-box .text-bx {
        border-bottom: 1px solid #ddd;
        float: left;
        padding: 4% 2%;
        width: 96%;
    }

        .delivery-box .text-bx input {
            width: 216px;
        }

        .delivery-box .text-bx span {
            width: 100%;
            float: left;
        }

        .delivery-box .text-bx .col-5 {
            width: 131px;
            float: left;
        }

        .delivery-box .text-bx span input[type=text] {
            margin-left: 5px;
            padding: 2px;
            float: left;
        }

        .delivery-box .text-bx h5 {
            display: inline-block;
            margin-top: 1px;
        }

        .delivery-box .text-bx input[type=checkbox] {
            margin-left: 0;
            margin-right: 10px;
            margin-top: 0;
            position: relative !important;
            left: 0 !important;
        }

    .delivery-box input[type="button"], input[type="submit"] {
        margin-top: 10px;
    }

.full-div {
    width: 100%;
    float: left;
}

.artwork-table td table td {
    border: none;
    padding: 0 !important;
    text-align: left;
    font-size: 13px;
}

.select166 {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    width: 166px;
    margin-right: 8px;
}

.chatting-box .red {
    color: #af0424;
}

.right-mrsty {
    margin-right: 0 !important;
}

.border_approvedArtWork {
    color: #b3cf3e;
    border: 4px solid;
}

.border_rejectedArtWork {
    color: red;
    border: 4px solid;
}

.content .comment-box input.file {
    height: auto;
    padding: 2px;
    margin: 0 0 21px 8px;
    line-height: 18px;
    float: right;
}

.light-greenbtn {
    color: #fff !important;
    cursor: pointer;
    font-size: 16px !important;
    padding: 10px 20px;
    font-weight: bold;
    line-height: 15px;
    text-transform: uppercase;
    display: inline-block;
    border: none;
    background: #b2d85c;
    text-decoration: none;
    margin: 10px 0 0 10px;
    float: left;
}

.select3 {
    width: 88px !important;
}

#ulArtWork li {
    width: 46% !important;
}

.bottom-border {
    border-top: 1px solid #ddd;
    margin-top: 10px;
    padding-top: 11px;
}

.pricequote-col {
    background: #fff none repeat scroll 0 0;
    padding: 4px 1%;
    width: 98%;
    font-size: 13px;
}

    .pricequote-col #aBack {
        background: #b2d85c none repeat scroll 0 0;
        border: medium none;
        color: #fff !important;
        cursor: pointer;
        display: inline-block;
        float: right;
        font-size: 11px;
        font-weight: bold;
        line-height: 13px;
        padding: 5px 12px;
        text-decoration: none;
        text-transform: uppercase;
    }

#divArtWorkDetail .select1 {
    margin-top: 1px;
}

.get-quote-greenbtn {
    background: #b2d85c none repeat scroll 0 0;
    border: medium none;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 11px !important;
    font-weight: bold;
    line-height: 15px;
    margin-top: -8px;
    padding: 7px;
    text-decoration: none;
    text-transform: uppercase;
}
.get-quote-redbtn {
    background: red none repeat scroll 0 0;
    border: medium none;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 11px !important;
    font-weight: bold;
    line-height: 15px;
    margin-top: -8px;
    padding: 7px;
    text-decoration: none;
    text-transform: uppercase;
}

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

.table-fullcol td input {
    width: 17px;
    height: 17px;
    border: 1px solid #aaa;
    background: #f8f8f8;
    border-radius: 3px;
    /*box-shadow: inset 0 1px 3px rgba(0,0,0,.3);*/
}

.colorbox {
    border: 1px solid #ccc;
    display: inline-block;
    height: 25px;
    margin-right: 4px;
    width: 26px;
	vertical-align:top;
}

.noTop-margn {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.all-padding {
    padding: 5px 18px 0 0;
}

.content h2 {
    padding: 3px 10px;
    font-weight: normal;
    font-size: 20px;
}

#divGarmentColorSizes p {
    margin-bottom: 0;
}

.hg29 {
    height: 29px;
}

.chatting-box .border_approvedArtWork {
    border: 3px solid #659c0f;
}

.option-text {
    width: 100%;
    float: left;
    height: 17px;
}

.hidden {
    display: none;
}

.shown {
    display: block;
}

.tooltips span {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #a6ce39;
    color: #000;
    height: auto;
    line-height: 15px;
    margin-top: 6px;
    padding: 2px 5px;
    position: absolute;
    text-align: left;
    visibility: hidden;
    width: 140px;
}

.tooltips {
    background: #e7e7e8 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin-top: 4px;
    padding: 4px 6px;
    position: relative;
}

    .tooltips span:after {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -26px;
        width: 0;
        height: 0;
        border-bottom: 8px solid #a6ce39;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
    }

    .tooltips:hover.tooltips span {
        visibility: visible;
        opacity: 0.8;
        top: 30px;
        left: 50%;
        margin-left: -76px;
        z-index: 999;
    }

.tooltips-box {
    position: relative;
    display: inline-block;
}

.bg-col #divInvoice {
    width: 99% !important;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.content .comment-box .custom_file_upload {
    float: right !important;
    margin-right: 9px;
}

.btblue-s {
    background: #00a3e4 none repeat scroll 0 0;
    border: medium none;
    box-shadow: none !important;
    color: #fff !important;
    display: inline-block;
    font-size: 13px;
    line-height: 15px;
    margin: 9px 3px 5px;
    outline: medium none;
    padding: 3px 8px;
    text-shadow: none !important;
}

.blue-brSty {
    border: #00a3e4 solid 2px;
    padding: 6px 2px;
    font-size: 11px;
}

    .blue-brSty a {
        color: #FFF;
        margin-left: 8px;
    }

.green-bor-bg {
    background: #e7e7e8 none repeat scroll 0 0;
    border-bottom: 3px solid #b0ce36;
    border-left: 3px solid #b0ce36;
    border-top: 3px solid #b0ce36;
    padding: 2px 11px;
}

.green2-bor-bg {
    background: #e7e7e8;
    border-right: 3px solid #b0ce36;
    border-top: 3px solid #b0ce36;
    border-bottom: 3px solid #b0ce36;
}

.rgt-box .gre-col h2 {
    line-height: 24px;
    padding: 2px 0 2px 4px;
    font-size: 17px;
}

.rgt-box .gry-greenBor {
    background: #e7e7e8;
    margin-bottom: 0;
    border-right: 3px solid #b0ce36;
    border-top: 3px solid #b0ce36;
    border-bottom: 3px solid #b0ce36;
    color: #404041;
    font-size: 12px;
    padding: 6px 6px;
    min-height: 61px;
}

.rgt-box .gre-col {
    padding: 3px 0;
}

.text20-Sty {
    font-size: 20px;
    color: #404041;
}

.modal-box {
    display: none;
    position: absolute;
    z-index: 1000;
    width: 500px;
    background: white;
    border-bottom: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-clip: padding-box;
}

@media (min-width: 32em) {
    .modal-box {
        left: 0 !important;
        margin: 0 auto;
        right: 0 !important;
        width: 500px;
    }
}

.modal-body .btblue-s {
    width: 27%;
    padding: 10px;
    text-align: center;
    margin-top: 28px;
}

.modal-box header,
.modal-box .modal-header {
    padding: 5px 15px;
    background: #00a1e4;
}

    .modal-box header .backbtn {
        background: #ffffff none repeat scroll 0 0;
        color: #000;
        cursor: pointer;
        float: right;
        font-size: 12px;
        margin-right: 21px;
        margin-top: 14px;
        padding: 0 10px;
    }

    .modal-box header h3 {
        font-size: 20px;
        text-transform: capitalize;
        display: inline-block;
    }

    .modal-box header h3,
    .modal-box header h4,
    .modal-box .modal-header h3,
    .modal-box .modal-header h4 {
        margin: 0;
    }

.modal-box .modal-body {
    padding: 2em 1.5em;
    border: 15px solid #818285;
}

    .modal-box .modal-body input {
        border: 1px solid #ccc;
        padding: 2px;
        width: 84%;
    }

    .modal-box .modal-body textarea {
        width: 81%;
    }

.modal-box footer,
.modal-box .modal-footer {
    padding: 1em;
    background: #818285;
    text-align: right;
}

.modal-box footer {
    color: #FFF;
}

.modal-overlay {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7) !important;
}

a.close {
    color: #fff;
    font-size: 1.5em;
    line-height: 1;
    opacity: 1;
    position: absolute;
    right: 2%;
    text-decoration: none;
    top: 5%;
}

    a.close:hover {
        color: #222;
        -webkit-transition: color 1s ease;
        -moz-transition: color 1s ease;
        transition: color 1s ease;
    }

.mobile-screen-sty {
    position: relative;
    width: 80px;
}

.current-order-col {
    background: #e7e7e8;
    border-top: 20px solid #b0ce36;
    border-bottom: 9px solid #b0ce36;
    position: relative;
}

.current-inner-col a.gr-btn {
    background: #b0ce36 none repeat scroll 0 0;
    border-right: 1px solid #fff;
    color: #fff;
    display: block;
    font-size: 10px;
    padding: 0px 5px;
    float: left;
    margin-top: 2px;
    margin-left: 0 !important;
    line-height: 25px;
}

.current-inner-col .b-text {
    font-size: 13px;
    font-weight: bold;
    background: #b0ce36 none repeat scroll 0 0;
    border-right: 1px solid #fff;
    color: #fff;
    display: block;
    padding: 0px 5px;
    float: left;
}

.current-inner-col {
    margin-top: -38px;
}

    .current-inner-col .text-col {
        width: 93%;
        margin-top: 6px;
        float: left;
    }

        .current-inner-col .text-col img {
            margin: 0 0 2px;
            max-width: 88%;
        }

.open-col img {
    margin: 0 3px 0 8px !important;
}

.open-col {
    color: #818285;
    font-size: 15px;
    font-weight: bold;
    margin: 6px 0 1px;
}

.heat-press-col {
    width: 100%;
    float: left;
}

    .heat-press-col input[type="radio"] {
        display: inline-block;
        margin: 0 5px !important;
    }

    .heat-press-col .all-padding {
        padding: 5px 6px 0 0;
    }

#spnQuoteDetail .promoCode {
    margin-bottom: 5px;
}

#spnQuoteDetail .tdBorder {
    margin-bottom: 20px;
    padding: 17px 0 !important;
}

#spnQuoteDetail .ClassSpanFreeText {
    line-height: 34px;
}

.content .ft-linkbox ul {
    list-style: none;
    margin: 0 0 13px 0;
    width: 100%;
    float: left;
}

#divArtWork img {
    width: 354px !important;
    margin-top: 0;
}

.divArtWork-colDiv {
    margin: 0;
    width: 600px;
    float: left;
    background: url(/resources/images/divArtWork-colDiv-bg.jpg) left repeat-y;
    display: table;
    height: 93%;
}

#liArtWork .none-div {
    display: none;
}

#divArtWorkDetail .order-box {
    width: 99% !important;
}

.tab-btncol {
    margin: 0 0 12px 0 !important;
    width: 100%;
    float: left;
}

    .tab-btncol li a {
        width: 107.10px !important;
    }

.ArtworkDetail-divSty {
    display: table-cell;
    height: 100%;
    background: url(/resources/images/divArtWork-colDiv-bg.jpg) left repeat-y;
}

.ArtworkDetail-Rightcol {
    background: #fff;
    width: 398px;
    float: left;
    background: #FFF;
    position: relative;
    height: 93%;
    display: table;
}

.chatting-box .blue-box:last-child, {
    margin-bottom: 8px;
}

#divArtWorkDetail .img-box {
    margin-top: 36px;
}

#divArtWorkDetail .red-bg {
    display: table;
    height: 537px !important;
}

.greensty-box p {
    margin-bottom: 1px !important;
}

.message-board {
    background-image: url(/resources/images/send-mssage-img.png);
    background-color: #b3cf3e;
    width: 55px;
    height: 23px;
    color: #FFFFFF;
    padding: 3px 2px 2px 45px;
    font-size: 10px;
    line-height: 11px;
    font-weight: 600;
    background-repeat: no-repeat;
    margin-top: 4px;
}

.content .comment-box .bl-btn {
    background: #678aca !important;
    margin-top: 10px !important;
    margin-left: 8px;
}

.chatting-box h2, .comment-box h2 {
    background-color: transparent !important;
    border-bottom: 0 !important;
    padding: 0;
}

.reorder-btn {
    padding: 10px 5px;
    cursor: pointer;
}

.white-link {
    color: #FFF;
    opacity: 0.7;
}

    .white-link:hover {
        color: #FFF;
    }

.complete-imgbox {
    width: 79px;
    height: auto;
    margin-left: 9px;
    margin-top: 8px;
    border-radius: 4px;
    float: left;
}

.text16-Sty {
    font-size: 16px;
    color: #404041;
}

.img-bgSty {
    background: url(/resources/images/complete-img.jpg) no-repeat top 8px center;
    width: 100%;
    float: left;
    min-height: 230px;
}

.top-mrgNone {
    margin-top: 2px !important;
}

.ptag-mrg-sty p {
    margin-bottom: 3px;
}

.open-btn {
    transform: rotate(90deg);
    transform-origin: left top 0;
    background: #b3cf3e;
    color: #FFF;
    width: 8px;
    height: 150px;
    color: #FFF;
    cursor: pointer;
    display: none;
}

.message-sty .tooltips {
    background: transparent;
    color: #fff;
    margin-top: -4px;
    padding: 0;
    margin-left: 5px;
}

.message-sty {
    display: inline-block;
    margin: 0;
}

    .message-sty .tooltips span {
        margin-top: 2px;
    }

.sm-green-btn {
    line-height: 18px;
    background: #a6ce39 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    margin: 2px 0 9px 2px;
    padding: 2px 7px;
    font-size: 12px;
    border-radius: 0;
    text-transform: none;
}

    .sm-green-btn:hover {
        color: #fff;
    }

.slide-box {
    position: absolute;
    left: 46%;
    z-index: 8;
    width: 421px;
    margin-top: 78px;
}

.open-btn {
    z-index: 2;
    line-height: 15px;
    background: #b3cf3e;
    color: #fff;
    display: block !important;
    font-size: 9px;
    font-weight: normal;
    left: -13px !important;
    margin: 0;
    max-height: 100%;
    padding: 0 6px;
    position: absolute !important;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    position: relative;
    top: 112px;
    left: 0px;
    display: inline-block;
    width: 71px;
    text-align: right;
    height: 13px;
}

    .open-btn img {
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        margin-left: 5px;
        margin-left: 5px;
        height: 10px;
    }

.mobile-screen-sty img {
    height: 115px;
    margin-top: -42px;
    position: absolute;
}

.close-btn {
    width: 123px;
    text-align: center;
}

.date-col {
    background: #FFF;
    padding: 4px 4px 5px;
    width: 132px;
    float: left;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .mobile-screen-sty img {
        height: 114px;
        margin-top: 1px;
        top: -35px;
    }

    .slide-box {
        margin-top: 79px;
    }

    .current-order-col {
        border-top: 8px solid #b0ce36;
        border-bottom: 6px solid #b0ce36;
    }

    .current-inner-col {
        margin-top: -27px;
    }

    .rgt-box .gry-greenBor {
        padding: 5.5px 6px;
        border-bottom: 6px solid #b0ce36;
    }

    .date-col {
        padding: 7px 4px 1px;
    }

    .current-inner-col .text-col {
        margin-bottom: 3px;
    }

    .current-inner-col a.gr-btn {
        margin-top: 3px;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .mobile-screen-sty {
        top: -35px;
    }

        .mobile-screen-sty img {
            height: 117px;
            margin-top: 0;
            top: -5px;
        }

    .slide-box {
        margin-top: 78px;
    }

    .current-inner-col .text-col {
        margin-top: 7px;
    }

    .rgt-box .gry-greenBor {
        min-height: 68px;
    }

    .close-btn {
        width: 126px;
        text-align: center;
    }

        .close-btn img {
            margin-top: -1px;
        }

    .date-col {
        padding: 8px 6px;
    }

    .open-btn {
        top: 116px;
        width: 78px;
    }
}

.input-btn:hover {
    background: #CCC;
}

.linkblack-btn {
    display: inline-block;
    background-color: #333;
    padding: 4px 10px 4px 10px;
    color: #fff;
    font-weight: 900;
    width: auto;
    margin: 10px 0 21px;
    font-size: 13px;
    text-align: center;
    float: right;
}

.shoppingcart-div .cell-col .cell:nth-child(1) {
    width: 156px;
}

.shoppingcart-div .black-bgtext {
    width: 75%;
    padding: 5px 2px !important;
    cursor: pointer;
}

.shoppingcart-div .cell [type="radio"] + span:before {
    border: 0;
    background: transparent;
}

/*------------NEW CSS--------------*/
.store-setup-section .drawer {
    float: left;
    width: 41%;
}

.template-section {
    width: 1000px;
    float: left;
    margin: 0;
    position: relative;
}

    .template-section .msg-bx-sty { /*font-family: 'Handlee', cursive; font-family: 'Indie Flower', cursive !important;*/
        font-family: 'Kalam', cursive !important;
        min-height: 36px;
        position: absolute;
        margin-top: 11px;
        padding: 1% 2%;
        left: 149px;
        text-align: center;
    }

        .template-section .msg-bx-sty p {
            font-size: 18px;
            margin: 6px 0 0;
        }

        .template-section .msg-bx-sty .arrow-sty {
            position: absolute;
            bottom: -16px;
            left: 57px;
        }

.lighticon-box {
    position: absolute;
    top: 17px;
    right: 18px;
}

.select-box {
    position: absolute;
    bottom: 22px;
    right: 82px;
}

    .select-box a {
        background: #a6ce39;
        padding: 2px 10px;
        color: #fff;
        font-size: 12px;
        margin-right: 14px;
        font-weight: bold;
        display: inline-block;
    }

        .select-box a img {
            margin-top: -2px;
        }

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

.select-designsleft {
    width: 35.5%;
    float: left;
    margin: 15px 0;
    border: 1px solid #dcddde;
}

    .select-designsleft h3 {
        background: #00a1e4;
        font-size: 17px;
        padding: 0 15px;
        text-transform: inherit;
    }

.tmp-box {
    border-bottom: 1px solid #dcddde;
    margin: 15px auto;
    padding: 0 0 17px;
    width: 91%;
    font-size: 22px;
    color: #939598;
}

    .tmp-box a {
        background: #939598;
        border-radius: 5px;
        color: #FFF;
        font-size: 12px;
        padding: 0px 5px;
        float: right;
    }

.design-box {
    border: 1px solid #dcddde;
    border-radius: 5px;
    width: 86%;
    margin: 15px auto;
    padding: 10px 2%;
    text-align: center;
    display: block;
    height: 112px;
}

    .design-box div {
        width: 138px;
        float: left;
    }

        .design-box div img {
            margin-top: 10px;
        }

    .design-box .img {
        border: 2px solid #ccc;
    }

    .design-box input[type="radio"] {
        margin-top: -4px;
    }

.select-designsright {
    float: left;
    width: 64%;
    margin: 15px 0;
}

    .select-designsright .img-with-text {
        position: relative;
    }

        .select-designsright .img-with-text .lighticon-box {
            bottom: 10px;
            top: auto;
        }

.drawer-header .item-Num {
    float: right;
    font-size: 14px;
}

    .drawer-header .item-Num span {
        background: #FFF;
        padding: 1px 5px;
        color: #333333;
    }

.green-btn-small {
    background: #a8cf45 none repeat scroll 0 0 !important;
    border: medium none !important;
    border-radius: 5px;
    color: #fff;
    font-size: 13px !important;
    margin: 5px;
    padding: 3px 6px !important;
    width: auto !important;
}

.store-setup-section .drawer .margin-right {
    margin-right: 8px !important;
}

.store-setup-section .drawer-header, .store-setup-section .drawer-item-active .drawer-header {
    background: #00a1e4;
    width: 100%;
    float: left;
}

.garment-right-section {
    width: 56.7%;
    float: left;
    margin-left: 2%;
    border: 1px solid #9b9da0;
    position: relative;
    display: block;
    margin-bottom: 10px;
}

.garment-add-section {
    max-height: 250px;
    margin: 10px 0;
    padding: 1.5%;
}

.garment-right-section .lighticon-box {
    position: absolute;
    top: 54px;
    right: 18px;
}

.garment-right-section .item-name {
    position: absolute;
    right: 100px;
    top: 53px;
    color: #FFF;
    font-size: 18px;
}

.garment-add-section .search {
    float: left;
    margin: 0 10px;
    width: 135px;
}

    .garment-add-section .search input[type="text"] {
        background: #FFF;
        border-left: #acaeb1 solid 1px;
        border-top: #acaeb1 solid 1px;
        border-bottom: #acaeb1 solid 1px;
        width: 83px;
        height: 15px;
    }

.garment-add-section h3 {
    float: left;
    font-size: 20px;
    color: #333;
    margin: 0;
    line-height: 28px;
    text-transform: inherit;
}

.garment-add-section .green-btn-sty {
    padding: 2px 10px !important;
    font-size: 15px !important;
    cursor: pointer;
    margin-left: 37px;
}

.gy-btn {
    background: #d6d7d9;
    padding: 5px 19px;
    color: #FFF;
    margin: 41px auto 10px;
    display: table;
    font-size: 21px;
    line-height: 22px;
}

.garment-boxshow {
    padding: 0 0 0 10px;
    width: 79%;
    float: left;
    line-height: 13px;
    font-size: 18px;
}

.arrow-green-btn {
    background: #a6ce39;
    padding: 4px 10px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
}

.garment-boxshow hr {
    margin: -3px 0 5px;
    border: 0;
    border-top: 1px solid #ccc;
}

.garment-boxshow img.thumbnail-Sty {
    margin-right: 5px;
    width: 25px;
    height: 24px;
}

.arrow-green-btn img {
    margin-top: -2px;
    margin-left: 4px;
}

.garment-color-box {
    width: 70%;
    float: left;
}

.grade-level-box {
    width: 30%;
    float: left;
}

.garment-color-box select {
    width: 137px;
}

.garment-color-box .ng-binding {
    float: left;
    line-height: 16px;
    margin-top: 0;
    line-height: 6px;
    font-size: 12px;
    margin-top: 24px;
    margin-left: 10px;
}

.grade-level-box select {
    width: 137px;
}

.store-setup-section .drawer-item {
    float: left;
    width: 95%;
}

.store-setup-section .drawer-content {
    width: 99.6%;
    background: #FFF;
    position: relative;
    padding-top: 7px;
    font-size: 12px;
    float: left;
}

.close-boxSty a {
    background: #6c6d70;
    padding: 0px 5px;
    color: #FFF;
    text-align: center;
    display: inline-block;
    margin: 0 5px 4px;
    font-size: 9px;
    font-weight: 600;
    line-height: 13px;
}

    .close-boxSty a:hover {
        color: #FFF;
    }

.msgBOX-STY {
    background: #FFF;
    width: 258px;
    margin: 0 auto;
    padding: 3px 1% 0;
    position: absolute;
    text-align: center;
    top: 197px;
    font-size: 13px;
    line-height: 18px;
    height: auto;
    z-index: 1;
}

    .msgBOX-STY span {
        color: #00abd9;
    }

    .msgBOX-STY .plus-box {
        background: #00a1e0;
        line-height: 15px;
        color: #FFF;
    }

.add-btnSty {
    background: #0098d5;
    padding: 4px 0;
    width: 100%;
    float: left;
    color: #FFF;
    text-align: left;
    cursor: pointer;
}

    .add-btnSty .plus-box {
        background: #fff;
        line-height: 13px;
        color: #00a1e0;
        margin-bottom: 0;
    }

.garment-stycol {
    width: 100%;
    float: left;
    position: relative;
}

.mrg-bot37 {
    margin-bottom: 23px !important;
}

.shopping-cart table td {
    vertical-align: top;
}

.addfree-shirts-col th {
    background: #4e4f51;
    color: #FFF;
    border-color: #6c6b6d;
    line-height: 4px;
}

.addfree-shirts-col td {
    background: #009cd6;
    border-color: #6c6b6d;
    color: #FFF;
    padding-top: 5px !important;
}

    .addfree-shirts-col td img {
        margin-bottom: 2px;
        max-width: 58%;
    }

.addfree-shirts-col .text-center {
    text-align: center !important;
    font-size: 15px;
}

.addcolor-div {
    width: 130px;
    float: left;
    text-align: left;
}

.shopping-cart .cell .cell {
    border-bottom: none;
}

.expand-section {
    margin-top: 12px;
    width: 100%;
    color: #818285;
    text-align: center;
    font-size: 21px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 7px;
    padding-bottom: 7px;
}

    .expand-section h1 {
        margin-bottom: 6px;
    }

    .expand-section .expander {
        float: right;
        margin-top: 19px;
    }

    .expand-section:last-child {
        border-bottom: none;
    }

    .expand-section .content {
        color: #818285;
        font-size: 18px;
    }

    .expand-section .blue-tx {
        color: #00acdc;
        line-height: 27px;
        margin-bottom: 10px;
        font-size: 24px;
        padding: 10px 1% 0;
        text-align: center;
        width: 100%;
        float: left;
    }

.footer-divSty {
    z-index: 0;
    position: relative;
    padding-top: 0;
    line-height: 34px;
    border-left: 1px solid #a2a2a3;
}

.expand-section .arrow-green-btn {
    font-size: 24px;
    margin: 8px auto;
    display: table;
    padding: 0 10px;
}

    .expand-section .arrow-green-btn img {
        margin-top: -2px;
        width: 15px;
        height: 20px;
        margin-left: 5px;
    }

.garment-size-section {
    margin: 10px 0;
    padding: 1.5%;
    width: 100%;
    float: left;
}

.grm-box {
    background: #939598;
    padding: 16px 10px 10px;
    color: #FFF;
    border-right: 5px #a6ce39 solid;
    display: table;
    min-width: 306px;
    margin: 0 0 7px 2%;
    font-size: 20px;
    font-weight: 500;
    line-height: 21px;
    float: left;
}

    .grm-box span {
        background: #FFF;
        padding: 3px 10px;
        display: inline-black;
        color: #818285;
        float: right;
        font-size: 19px;
        margin-top: -4px;
    }

.order-box-section {
    margin-top: 9px;
    display: inline-block;
    background: #a6ce39;
    padding: 4px 1px;
    color: #FFF;
    width: 204px;
    float: left;
    margin: 0;
    font-size: 13px;
    line-height: 12px;
}

    .order-box-section select {
        width: 127px;
        margin: 2px 0 0;
        height: 27px;
    }

.garment-size-section .arrow-green-btn {
    font-size: 16px;
}

    .garment-size-section .arrow-green-btn img {
        margin-top: -2px;
        margin-left: 5px;
    }

.store-sort-list {
    float: left;
    width: 80%;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px !important;
    padding: 10px 10%;
}

    .store-sort-list .grm-box {
        padding: 7px 5px 5px;
        min-width: 92%;
        margin: 0 0 7px 0;
        font-size: 19px;
        line-height: 19px;
        border: 0;
    }

        .store-sort-list .grm-box span {
            padding: 1px 10px;
            font-size: 16px;
            margin: -2px 6px 0;
        }

    .store-sort-list .order-box-section {
        text-align: center;
        padding: 4px 12px;
        width: 134px;
        float: left;
        margin: 0;
        font-size: 13px;
        line-height: 12px;
    }

.msg-box-section {
    width: 100%;
    float: left;
    background: url(../images/two-bg-img.jpg) repeat-x;
    height: 101px;
}

.msg-bx-sty {
    font-family: 'Kalam', cursive !important;
    background-color: #fff;
    min-height: 29px;
    position: relative;
    width: auto;
    float: left;
    border: 2px solid #231f20;
    margin-top: 0px;
    padding: 1%;
    font-size: 24px;
    padding-top: 10px;
    max-width: 509px;
    line-height: 25px;
    margin-top: 2px;
}

.msg-box-section img {
    margin-left: 3%;
    float: left;
}

.inner-box {
    line-height: 14px;
    background: #a6ce39;
    width: 45%;
    float: left;
    font-size: 13px;
    padding: 1% 0 1% 2%;
    margin-right: 0px;
    color: #fff;
    margin-left: 6px;
}

    .inner-box select {
        width: 96%;
        margin-bottom: 1px;
    }

.colorgrade-box .grm-box {
    background: #939598;
    padding: 7px 0px 6px;
    color: #a6ce39;
    border-right: 5px #a6ce39 solid;
    display: table;
    min-width: 314px;
    margin: 0 0 7px 2%;
    font-size: 20px;
    font-weight: 500;
    line-height: 21px;
    float: left;
}

.colorgrade-box .order-box-section {
    margin: 8px 0 0;
    padding-right: 7px;
}

.name-section {
    background: #FFF;
    color: #333;
    font-size: 21px;
    width: 92%;
    float: left;
    padding: 8px;
}

.estimated-quantity {
    width: 100%;
    float: left;
}

    .estimated-quantity .estimated-box {
        width: 100%;
        float: left;
        border-bottom: 1px solid #ddd;
        margin-bottom: 10px !important;
        padding: 10px 0;
    }

        .estimated-quantity .estimated-box select {
            width: 92px;
            margin: 0 4px;
        }

        .estimated-quantity .estimated-box input {
            width: 45px;
            padding: 5px 2px;
            margin: 0px 4px 0;
        }

    .estimated-quantity .garment-boxshow {
        line-height: 14px;
        font-size: 23px;
    }

.msg-boxsection {
    background: url(../images/are-you-sure.jpg) no-repeat top center;
    width: 100%;
    float: left;
    background-size: 100%;
}

    .msg-boxsection .msg-innerbox {
        font-family: 'Handlee', cursive;
        line-height: 25px;
        float: right;
        padding: 2%;
        text-align: center;
        margin-top: 135px;
        min-height: 121px;
        margin-bottom: 53px;
        border: 2px solid #211f20;
        margin-right: 19px;
        width: 377px;
        font-size: 21px;
        border-top: 0;
        background: #FFF;
    }

        .msg-boxsection .msg-innerbox h1 {
            font-size: 30px;
            margin: -16px 0 5px;
        }

.expand-container {
    width: 90%;
    background: #939598;
    float: left;
    color: #FFF;
    margin-bottom: 30px;
}

.exp-btn {
    background: url(../images/upArrow-exp.png) no-repeat;
    background-position: right 0px;
    cursor: pointer;
    right: 0;
    width: 17px;
    float: right;
    height: 10px;
    margin-top: 7px;
    margin-right: 5px;
}

.collapsed .exp-btn {
    background-image: url(../images/whitedownArrow-exp.png);
}

.expand-container .content {
    padding-bottom: 10px;
    height: auto;
    overflow: hidden;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.collapsed .content {
    min-height: 0px;
    height: 0px;
    padding-bottom: 9px;
}

.None-border {
    border: 0 !important;
}

.expand-container .each-box {
    border: 1px solid #ccc;
    width: auto;
    margin-right: 7px;
    padding: 3px;
    display: inline-block;
    margin-top: 4px;
}

    .expand-container .each-box span {
        margin-left: 5px;
    }

.td-white-bg {
    padding: 2px;
    margin: 0 auto;
}

    .td-white-bg th, .td-white-bg td {
        padding: 1px;
        border: 0;
        text-align: left;
    }

    .td-white-bg td {
        background: #FFF;
        color: #939598;
        font-size: 12px;
        line-height: 16px;
    }

.store-price-section .hd {
    font-size: 17px;
    color: #ffffff;
    text-align: center;
    padding-top: 9px;
}

    .store-price-section .hd span {
        color: #ccc;
        font-size: 13px;
        display: block;
        text-align: center;
    }

.store-pricebox {
    background: #a6ce39;
    padding: 2px;
    position: relative;
}

.price-box {
    background: #FFF;
    padding: 5px;
    font-size: 20px;
    color: #333;
    width: 84px;
    margin: 0 auto;
    text-align: center;
}

    .price-box span {
        font-size: 12px;
        color: #333;
        display: inline-block;
    }

.white-bigtext {
    font-size: 30px;
    color: #FFF;
}

.blue-storeprice {
    background: #00bce4;
    width: 100%;
    float: left;
    padding: 11px 5px;
    text-align: center;
    margin-top: 8px;
    line-height: 16px;
}

.pl-min-box {
    float: right;
    margin-top: 7px;
}

    .pl-min-box img {
        margin-bottom: 5px;
    }

.price-add {
    border: #a6ce39 solid 7px;
    float: left;
    background: #939598;
    color: #FFF;
    font-size: 55px;
    padding: 3px;
    float: left;
    font-size: 20px;
    margin-top: 98px;
}

    .price-add:hover {
        color: #FFF;
    }

.arrow-sty {
    position: absolute;
    bottom: -16px;
    left: 10px;
    z-index: 10;
}

.footer-divSty .custom-select > a.dropdown-toggle, .garment-stycol .custom-select > a.dropdown-toggle {
    border: 0;
    height: 23px;
}

.garment-stycol .slct-content {
    font-size: 12px;
    line-height: 25px;
}

.sgl-sizebox {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 95%;
    margin-left: 0px;
    z-index: 10000;
    background: #FFF;
    padding-top: 10px;
}

.round-btn {
    border-radius: 15px;
    margin-top: 3px;
    font-size: 9px !important;
    float: right;
}

.inner-cell-box {
    width: 730px !important;
}

    .inner-cell-box .cell {
        width: 323px !important;
        text-align: center;
    }

.sezi-colsty {
    position: relative;
    width: 83.9% !important;
}

    .sezi-colsty td, .sezi-colsty p {
        text-align: center;
        padding: 0;
    }

    .sezi-colsty td {
        border-right: #a2a2a3 solid 1px;
    }

        .sezi-colsty td:last-child {
            border-right: 0;
        }

.shopping-cart {
    margin-bottom: 0px;
    position: relative;
}

    .shopping-cart p {
        padding: 0;
    }

    .shopping-cart td p {
        padding-top: 15px;
    }

.plus-box {
    line-height: 20px;
    background: #6c6d70;
    padding: 0px 4px;
    color: #FFF;
    text-align: center;
    display: inline-block;
    margin: 0 5px 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
}

    .plus-box:hover {
        color: #FFF;
    }

.shopping-cart table td {
    vertical-align: top;
}

.addfree-shirts-col th {
    background: #4e4f51;
    color: #FFF;
    border-color: #6c6b6d;
}

.addfree-shirts-col td {
    background: #009cd6;
    border-color: #6c6b6d;
}

.addcolor-div {
    width: 130px;
    float: left;
    text-align: left;
}

.shopping-cart .cell .cell {
    border-bottom: none;
}

.shopping-cart .cell-col .cell {
    border-bottom: 0;
}

.none-divsection :not(:first-child) {
    display: none !important;
}

.left-bdSty .cell:last-child {
    border-left: 1px solid rgb(162, 162, 163) !important;
    height: 190px;
}

.gy-add-color {
    padding: 2px 8px 2px 2px;
    width: auto;
    color: #000;
    text-align: left;
    line-height: 23px;
    display: block;
    float: left;
    font-size: 13px;
    text-transform: uppercase;
    cursor: pointer;
}

    .gy-add-color .plus-box {
        margin: 0 5px 4px;
    }

.shopping-cart .cell h1 {
    text-indent: 0;
    line-height: 20px !important;
}

.add-btnSty .plus-box:hover {
    color: #00a1e0;
}

.current-inner-col .b-text {
    position: relative;
    margin-top: -3px;
    height: 30px;
    line-height: 30px;
}

.addfree-shirts-col .custom-select > a.dropdown-toggle {
    height: 24px;
    border: none;
}

.addfree-shirts-col .custom-select > .dropdown-menu > ul > li > a {
    font-size: 12px;
}

.shopping-cart .addfree-shirts-col td p {
    padding-top: 2px;
}

.border-None {
    border: none;
}

.sezi-colsty .cell {
    border-bottom: 1px solid #a2a2a3 !important;
}

    .sezi-colsty .cell .cell {
        border-bottom: none !important;
    }

.addfree-shirts-col {
    border-bottom: 1px solid #4e4f51;
}

.single-group-section {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 10px;
}

.artwork-proofsection-custom {
    width: auto;
    display: inline-block;
    float: right !important;
    margin-right: 0 !important;
    text-align: right;
}

    .artwork-proofsection-custom span, .artwork-proofsection-custom input {
        float: left;
    }

    .artwork-proofsection-custom .checkbook-sty [type="checkbox"]:not(:checked) + label::before, [type="checkbox"]:checked + label::before {
        top: 0 !important;
    }

    .artwork-proofsection-custom .checkbook-sty [type="checkbox"]:not(:checked) + label::after, [type="checkbox"]:checked + label::after {
        top: 4px !important;
    }

    .artwork-proofsection-custom label {
        display: inline-block;
        margin-bottom: 5px;
        margin-top: 4px;
    }

    .artwork-proofsection-custom input[type="checkbox"] {
        padding: 5px;
        width: 21px;
        margin-top: 7px;
    }

.store-setup-slider .imageWrapper {
    position: relative;
    width: 29%;
    float: left;
    margin: 10px 1%;
}

    .store-setup-slider .imageWrapper img {
        display: block;
        z-index: 1;
    }

    .store-setup-slider .imageWrapper .cornerLink {
        opacity: 0;
        position: absolute;
        top: -25px;
        left: 0px;
        right: 0px;
        padding: 3px 5px 5px;
        color: #ffffff;
        background: #00acdc;
        text-decoration: none;
        text-align: center;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
        height: 196px;
    }

    .store-setup-slider .imageWrapper:hover .cornerLink {
        opacity: 1;
        z-index: -1;
    }

.store-setup-slider .lightimg-opacity {
    opacity: 0.4;
}

.store-setup-slider {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 280px;
    padding-top: 62px;
}

    .store-setup-slider .imageWrapper a {
        background: #FFF;
        padding: 2px 9px;
        text-align: center;
        font-size: 19px;
        margin: 166px auto 0;
        display: table;
        line-height: 14px;
        cursor: pointer;
        color: #00acdc;
        font-weight: 600;
    }

        .store-setup-slider .imageWrapper a span {
            display: block;
            font-size: 11px;
            cursor: pointer;
            font-weight: 500;
        }

    .store-setup-slider .imageWrapper .zoomimg-sty {
        margin-top: -24px;
        float: right;
    }

.store-setup-sliderinner {
    width: 94%;
    margin: 0 7%;
}

.select-designsright .bx-prev {
    background: rgba(0, 0, 0, 0) url("../images/arrow-pl-left.png") no-repeat scroll 0 0 !important;
}

.select-designsright .bx-next {
    background: rgba(0, 0, 0, 0) url("../images/arrow-pl-right.png") no-repeat scroll 0 0 !important;
}

.select-designsright .bx-controls-direction a {
    position: absolute;
    top: 23%;
    margin-top: -33px;
    outline: 0;
    width: 26px;
    height: 208px;
    text-indent: -9999px;
    z-index: 8009;
}

.sezi-colsty .select_small .slct-content {
    text-align: left;
    line-height: 14px;
}

.shopping-cart .table .ng-scope:first-child .bottom-borderSTY {
    border-bottom: 1px solid #a2a2a3;
}

.handlee-text {
    font-family: 'Handlee', cursive !important;
    color: #000;
}

.garment-slct-list {
    width: 100%;
    float: left;
    background: #ffffff;
    margin-bottom: 20px;
    border: 1px solid #a2a2a3;
}

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

    .sort-list-section .grm-box {
        min-width: 298px;
        float: left;
        width: 340px;
    }

    .sort-list-section .inner-box {
        width: 29%;
    }

    .sort-list-section .order-box-section {
        width: 178px;
    }

.leftpadding-s a {
    padding-left: 4px !important;
}

.garment-stycol .cell input[type="text"] {
    width: 39px;
    padding: 2px !important;
}

.addfree-shirts-col .size-inputSty {
    width: 32px !important;
}

.mark {
    border-bottom: 1px solid #000;
    top: -9px;
    position: relative;
    display: table;
    margin: 0 auto;
    padding: 0 3px;
}

.offsetMark {
    position: relative;
    top: 9px;
}

#tbodyLineItems .offsetMark {
    line-height: 17px;
}

.shopping-cart .cell-col .cell:nth-child(1) {
    width: 130px;
}

.left-bdSty .cell {
    width: 300px !important;
}

.garment-size-section .grm-box {
    padding: 7px 0px 6px;
    width: 285px;
    margin: 0 0 7px 0;
    margin-bottom: 8px;
    min-width: 285px;
}

.garment-size-section .order-box-section {
    width: 206px;
}

.garment-size-section .grm-box span {
    padding: 2px 4px 2px 6px;
    margin-top: 0;
    float: left;
}

.garment-size-section .name-section {
    width: 41%;
    font-size: 14px;
}

.option-edit {
    background: #939598;
    border-radius: 5px;
    color: #FFF;
    font-size: 12px;
    padding: 0px 5px;
    float: right;
}

.select-color-box p {
    margin-bottom: 0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .chatting-box div:last-child {
        border-bottom: 10px solid #FFF;
    }

    .chatting-box table div {
        border-bottom: none !important;
    }
}

.studentorder-section {
    width: 98%;
    float: left;
    background: #FFF;
    padding: 15px 1%;
    font-size: 17px;
}

    .studentorder-section h5 {
        margin-bottom: 20px;
        padding-bottom: 10px;
    }

    .studentorder-section table td {
        padding: 3px 7px;
        vertical-align: initial;
    }

    .studentorder-section input[type='text'] {
        padding: 5px;
        border: 1px solid #CCC;
        margin-bottom: 5px;
        width: 55%;
    }

    .studentorder-section table td p {
        font-size: 13px;
        color: #6d6e70;
    }

    .studentorder-section table td td {
        padding: 5px 10px 0 0;
    }

    .studentorder-section .red {
        color: red;
    }

    .studentorder-section td td input[type='text'] {
        width: 98%;
    }

    .studentorder-section input[type='checkbox'] {
        padding: 5px;
        margin: 3px 5px !important;
    }

    .studentorder-section [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
        position: relative;
        left: 0;
    }

.vertical-text {
    transform: rotate(-90deg);
    position: absolute;
    left: -10px;
    top: 55px;
    font-size: 18px;
    letter-spacing: 1px;
    color: #6d6e70;
}

.img-mrg img {
    margin-left: 8px;
    width: 31px;
    margin-top: -4px;
}

.table-fullcol .checkbook-sty [type="checkbox"]:not(:checked) + label::before, [type="checkbox"]:checked + label::before {
    left: 3px;
}

.table-fullcol .checkbook-sty [type="checkbox"]:not(:checked) + label::after, [type="checkbox"]:checked + label::after {
    left: 7px;
    font-size: 14px;
}

.studentorder-btn {
    margin-left: 14px;
    border-radius: 0;
    padding: 7px 20px;
    font-size: 17px;
    font-weight: 500;
}

.checkbook-sty [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
    display: block;
}

.checkleft label {
    left: -5px;
    top: -1px;
}

.msg-bx-bg {
    background: url(../images/bgimg.jpg) repeat-x;
    width: 100%;
    float: left;
    position: relative;
}

.garment-right-section .msg-bx-sty {
    max-width: 422px;
    padding-top: 0;
    margin-bottom: 3px;
    color: #000;
    margin-top: 0px;
    font-family: 'Kalam', cursive !important;
}

    .garment-right-section .msg-bx-sty p b {
        margin-bottom: 7px;
        width: 100%;
        text-align: center;
        float: left;
        font-size: 18px;
    }

    .garment-right-section .msg-bx-sty p p {
        font-size: 12px;
        line-height: 4px;
    }

    .garment-right-section .msg-bx-sty p {
        margin-bottom: 5px;
    }

.garment-right-section .msg-bx-bg {
    margin-bottom: 20px;
    color: #FFF;
    width: 100%;
    background: rgba(148, 149, 153, 1) url("../images/bgimg.jpg") repeat-x scroll 0 0;
}

#divGarmentList .lightbox .white_content b {
    width: 100%;
    background: #929497;
    float: left;
    color: #FFF;
    padding: 1px 1%;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: normal;
    box-sizing: border-box;
}
#divGarmentList .lightbox .white_content .heatpress {
    display: block;
    margin-left: 6em;
}
#divGarmentList .lightbox .white_content .heatpress svg {
    width: 50px;
    height: 30px;
    fill: #FFFFFF;
}

#divGarmentList .lightbox .white_content span svg path {
    fill: #FFFFFF;
}

#divGarmentList .lightbox .close-btn {
    top: 33px; 
    text-align: center;
}

.garment-btn {
    border-radius: 0;
    font-size: 14px;
}

.approved-msgbx {
    font-size: 17px;
    line-height: 16px;
}

    .approved-msgbx p:first-child {
        text-align: center;
    }

.questions-img {
    position: absolute;
    right: 56px;
    margin: 0 auto;
    top: 31px;
    z-index: 1000;
}

.backbtn-arrow {
    background: rgba(0, 0, 0, 0) url("../images/back.png") no-repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    height: 54px;
    line-height: 54px !important;
    padding-left: 27px;
    text-align: center;
    width: 55px;
    cursor: pointer;
}

    .backbtn-arrow:hover {
        background-color: none;
        opacity: 0.7;
    }

.nextbtn-arrow {
    background: rgba(0, 0, 0, 0) url("../images/next-arrow.png") no-repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 54px;
    line-height: 54px;
    margin-left: 10px;
    padding-right: 23px;
    text-align: center;
    width: 50px;
}

    .nextbtn-arrow:hover {
        background-color: none;
        opacity: 0.7;
    }

html {
    position: relative;
    min-height: 100%;
}

footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 60px;
    width: 100%;
}

form {
    height: 100%;
}

.mainpage-div {
    display: table;
    height: 100%;
    width: 100%;
    padding-bottom: 55px;
}

#divGramentFooter .ng-binding p {
    line-height: 17px;
}

#divGramentFooter .text20 {
    font-size: 15px;
    line-height: 14px;
    margin-bottom: 0;
}

#divGramentFooter .text21 {
    font-size: 14px;
    line-height: 29px;
}

.off-white-bg {
    padding: 10px 8px 0 !important;
}

.greenLink {
    color: #a8cf45;
    text-decoration: underline !important;
}

.drawer-content .grey-round-btn:hover {
    color: #a6ce39 !important;
}

.bgcolor-change-col a.highlight:hover {
    color: #a6ce39 !important;
}

.bgcolor-change-col a:hover {
    color: #a6ce39 !important;
}

@font-face {
    font-family: 'augie';
    src: url('Augie.eot');
    src: url('Augie.eot?#iefix') format('embedded-opentype'), url('Augie.woff2') format('woff2'), url('Augie.woff') format('woff'), url('Augie.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.leftscript .left-rwd-col .lft-imgbox {
    display: inline-block;
    margin: 0 7px 0 0;
    width: 91%;
}

.select-design-col {
    float: left;
    font-size: 10.5px;
    font-weight: bold;
    width: 50%;
}

    .select-design-col input[type="radio"] {
        float: left;
        margin: 3px 4px 2px 0;
        width: auto;
    }

    .select-design-col .btn-grey {
        background: #a5ce39;
        color: #fff;
        font-size: 11px;
        margin: 8px 8px 0 0;
    }

        .select-design-col .btn-grey:hover {
            color: #FFF;
        }

.TaxTerms {
    width: 57%;
    float: right;
}

    .TaxTerms .border {
        margin: 10px 0 8px;
    }

#divGarmentList .ng-scope:last-child .garmentCol-sty {
    border: 0;
}

.lightbox .full-colbox {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    width: 97%;
}

.create-account-col {
    width: 100%;
    background: #FFF;
    padding-bottom: 30px;
}

    .create-account-col h4 {
        color: #818285;
        font-size: 25px;
        margin-top: 20px;
    }

    .create-account-col .checkbook-sty {
        margin-top: 30px;
        width: auto;
    }

    .create-account-col .get-quote-greenbtn {
        float: none;
        font-size: 16px !important;
        margin: 40px auto 10px;
    }

    .create-account-col .checkbook-sty label {
        font-size: 18px;
        color: #818285;
    }

.create-account-inner {
    background: #d8d8db;
    float: left;
    padding: 1%;
    width: 98%;
}

    .create-account-inner .aboutme-col {
        background: #fff;
        float: left;
        padding: 1%;
        width: 370px;
        margin-right: 10px;
        position: relative;
        z-index: 999;
        color: #818285;
        height: 409px;
    }

    .create-account-inner .aboutother-col {
        background: #fff;
        float: right;
        padding: 1%;
        width: 493px;
        position: relative;
        z-index: 999;
        color: #818285;
        height: 548px;
    }

    .create-account-inner .checkbook-sty {
        text-align: left;
    }

    .create-account-inner .aboutme-col input, .create-account-inner .aboutother-col input {
        background: #fff none repeat scroll 0 0;
        border-color: #818285;
        border-radius: 0;
        margin-bottom: 2px;
    }

    .create-account-inner .aboutme-col select, .create-account-inner .aboutother-col select {
        border-color: #818285;
        margin-bottom: 2px;
    }

    .create-account-inner .heading-box1 .heading1 {
        color: #fff;
        font-size: 31px;
        height: 280px;
        height: 178px;
        margin: -12px 0 0;
        transform: rotate(-90deg);
        width: 163px;
        writing-mode: horizontal-tb;
    }

    .create-account-inner .heading-box {
        float: left;
        position: relative;
        width: 44px;
        z-index: 1;
        background: #d8d8db;
        height: 568px;
    }

    .create-account-inner .heading-box1 {
        float: left;
        position: relative;
        width: 30px;
        z-index: 1;
    }

.heading-box .heading {
    color: #fff;
    font-size: 31px;
    height: 309px;
    margin: 0 0 0 3px;
    transform: rotate(-90deg);
    width: 309px;
    writing-mode: horizontal-tb;
    text-align: right;
}

.msg-tooltip {
    position: relative;
    display: inline-block;
}

    .msg-tooltip .tooltiptext {
        background-color: #fff;
        border: 2px solid #a6ce39;
        bottom: -431%;
        left: 0;
        margin-left: -98px;
        opacity: 0;
        padding: 5px;
        position: absolute;
        text-align: center;
        transition: opacity 1s ease 0s;
        visibility: hidden;
        width: 380px;
        z-index: 1;
    }

    .msg-tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

    .msg-tooltip .tooltiptext:after, .msg-tooltip .tooltiptext:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .msg-tooltip .tooltiptext:after {
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: #fff;
        border-width: 10px;
        margin-left: -10px;
    }

    .msg-tooltip .tooltiptext:before {
        border-color: rgba(194, 225, 245, 0);
        border-bottom-color: #a6ce39;
        border-width: 13px;
        margin-left: -13px;
    }

.q-sty {
    color: #a6ce39;
    display: inline-block;
    padding-left: 2px;
    position: absolute;
}

.likeSty .login {
    padding: 0 !important;
    margin: 5px 0 0 5px !important;
    border: 0 !important;
}

.signup-col label {
    float: left;
    margin-left: 5px;
    text-align: left;
    width: auto;
}

#divSignup {
    margin: 0;
}

    #divSignup h2 {
        margin-bottom: 0;
    }

.checkbook-sty input {
    margin: 3px 3px 0 0 !important;
}

#divAccountType .create-account-col {
    width: 92%;
    margin: 78px auto 0;
    padding: 20px 0;
}

.UserProfile-col {
    background: #ffffff;
    width: 98%;
    float: left;
    padding: 2%;
    float: left;
    margin: 20px 0 0;
    border-bottom: 2px dotted #8f9192;
    font-size: 16px;
}

.user-h {
    width: auto;
    float: left;
    padding-top: 10px;
    padding-right: 35px;
    font-weight: 600;
}

.userprofile-left {
    width: 66%;
    float: left;
    padding-right: 5px;
    padding-top: 20px;
}

    .userprofile-left .col-7h {
        width: 50%;
        float: left;
    }

    .userprofile-left .col-5h {
        width: 50%;
        float: left;
    }

    .userprofile-left .boxcol {
        width: 100%;
        float: left;
        padding: 6px 0;
    }

        .userprofile-left .boxcol div {
            width: 62%;
            float: right;
        }

.userprofile-right {
    width: 32%;
    float: right;
    border-left: 2px dotted #8f9192;
    min-height: 319px;
    padding-top: 20px;
    padding-left: 10px;
}

.userprofile-inner {
    background: #ffffff;
    width: 98%;
    float: left;
    padding: 0 2%;
    font-size: 14px;
}

.UserProfile-col .black_button2 {
    font-weight: 400;
}

.userprofile-right table {
    margin-top: 20px;
}

    .userprofile-right table th {
        background: #cccccc;
        padding: 6px;
        text-align: left;
        border: 1px solid #000;
    }

    .userprofile-right table tr:nth-child(2n+1) {
        background: #ececec;
    }

    .userprofile-right table td {
        border: 1px solid #000;
        padding: 6px;
    }

.aboutme-col .checkbook-sty label {
    magrin-bottom: 0;
}

.buy-box-col a.btn-buy:hover {
    color: #FFF !important;
}

.vld-msg {
    text-align: left !important;
    color: red;
    width: 100%;
    float: left;
}

.school-tooltip {
    width: 384px !important;
    margin-left: -87px !important;
    bottom: -349% !important;
}

.individual-tooltip {
     position: absolute;
    background: #ffffff;
    border: solid 1px #d0cfcf;
    padding: 8px;
    text-align: center;
    font-weight: normal;
    font-size: 11px;
    line-height: 17px;
    margin-top: 8px;
    display:none;
}
.individual-tooltip:after, .individual-tooltip:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
    .individual-tooltip:before {
        border-color: rgba(194, 225, 245, 0);
       border-bottom-color: #e2e2e2;
    border-width: 13px;
    margin-left: -93px;
    }
    .individual-tooltip:after {
    border-color: rgba(136, 183, 213, 0);
       border-bottom-color: #fff;
    border-width: 11px;
    margin-left: -91px;
}
    .r_notification:hover .individual-tooltip{display:block;}

.design-pendingbox .iconbox img.hidden {
    width: 86% !important;
}

.white-bgSty .fancybox-skin {
    background: #818285 !important;
}

.db-designbox .what-next-box .arrow-div {
    font-size: 11px !important;
    line-height: 14px;
}

@media all and (-ms-high-contrast:none) {
    body {
        zoom: 100% !important;
        -moz-transform: scale(100%);
    }
}

/*--------------New Store------------------*/

.gray-hd {
    background: #818285;
    padding: 10px;
    font-size: 23px;
    text-transform: capitalize;
    color: #FFF;
    font-weight: bold;
}

.addorder-col {
    background: #f1f1f2;
    width: 100%;
    float: left;
    display: table;
}

    .addorder-col .studentName-col input {
        line-height: 23px;
    }

    .addorder-col .input-sty {
        width: 195px;
    }

    .addorder-col .left-div {
        width: 250px;
        float: left;
        padding: 10px;
        text-align: center;
        position: relative;
        display: table-cell;
        height: 100%;
    }

    .addorder-col .right-div {
        float: left;
        padding: 10px;
        width: 708px;
        position: relative;
        border-left: 2px #818285 solid;
        min-height: 509px;
        display: table-cell;
    }

.left-div .lightblue-text {
    font-size: 19px;
    line-height: 20px;
}

.studentName-col {
    display: table;
    font-size: 16px;
    width: 100%;
}

    .studentName-col input {
        border: 1px solid #cacbce;
        display: inline-block;
        margin: 7px 5px 10px 0;
        padding: 3px;
        width: 104px;
        border-radius: 5px;
    }

.addorder-col .input-sty {
    margin: 10px 0 0;
    border: 1px solid #cacbce;
    color: #6d6a6a;
    font-size: 17px;
    padding: 6px 10px;
    border-radius: 5px;
}

.addorder-col .get-btn {
    display: inline-block;
    font-size: 14px;
    margin: 3px auto 8px;
    padding: 5px 17px;
    text-align: center;
    width: auto;
}

.addorder-col .red {
    color: #ff0000;
    font-size: 13px;
    margin-left: 2px;
}

.smalltooltip {
    display: table-cell;
    vertical-align: middle;
    font-size: 19px !important;
    width: 230px !important;
    line-height: 20px !important;
    padding: 7px 3px !important;
    top: inherit !important;
    left: 20px !important;
    color: #231f20 !important;
    height: 40px;
}

    .smalltooltip:before {
        border-width: 10px !important;
        bottom: -41% !important;
    }

    .smalltooltip:after {
        border-width: 12px !important;
        bottom: -41% !important;
    }

.black-tooltip {
    background-color: #fff;
    border: 2px solid #231f20;
    font-family: "Kalam",cursive;
    color: #58595b;
    font-size: 34px;
    left: 26px;
    line-height: 35px;
    padding: 12px;
    position: absolute;
    text-align: center;
    top: 137px;
    width: 424px;
}

    .black-tooltip:after, .black-tooltip:before {
        bottom: -46%;
        left: 81%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .black-tooltip:after {
        border-color: rgba(136, 183, 213, 0);
        border-top-color: #fff;
        border-width: 23px;
        margin-left: -27px;
    }

    .black-tooltip:before {
        border-color: rgba(194, 225, 245, 0);
        border-top-color: #231f20;
        border-width: 21px;
        margin-left: -25px;
    }

    .black-tooltip b {
        font-weight: normal;
    }

.orderform-col {
    width: 100%;
    float: left;
}

    .orderform-col .left-div {
        width: 250px;
        padding: 10px;
        text-align: center;
        position: relative;
        height: 100%;
        display: table-cell;
    }

    .orderform-col .right-div {
        float: left;
        padding: 10px;
        width: 708px;
        position: relative;
        border-left: 2px #818285 solid;
        min-height: 509px;
        display: table-cell;
    }

    .orderform-col .light-blue-bg {
        border: none;
        font-size: 20px;
        line-height: 13px;
        padding: 1px 5px;
    }

    .orderform-col .big-btn {
        padding: 1px 11px;
    }

.garmentBox-col {
    width: 100%;
    float: left;
}

.garmentcol-box {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    position: relative;
}

.garmentBox-col ul {
    margin: 0;
    width: 99%;
    float: left;
}

    .garmentBox-col ul li {
        border: #818285 solid 1px;
        color: #FFF;
        font-size: 17px;
        text-align: center;
    }

        .garmentBox-col ul li:last-child {
            margin-right: 0 !important;
        }

.garmentBox-col .hd-box li {
    background: #939598;
    display: inline-block;
    padding: 1px 6px;
    margin-right: 2.8px;
}

    .garmentBox-col .hd-box li span.box3 {
        width: 33%;
        display: inline-block;
    }

.garmentBox-col .garmentcol-box li {
    text-align: center;
    background: #FFF;
    border: #bcbdc0 solid 1px;
    display: block;
    float: left;
    margin-right: 3.4px !important;
    padding: 6px;
    height: 30px;
    line-height: 30px;
}

    .garmentBox-col .garmentcol-box li select {
        width: 73%;
        margin-bottom: 0 !important;
        float: right;
        padding: 2px;
    }

.garmentcol-box td {
    color: #58585a;
    width: 33%;
    text-align: center;
}

.paymentmethod {
    background: #FFF;
    margin-bottom: 5px;
    width: 100%;
    float: left;
}

    .paymentmethod th {
        background: #939598;
        color: #FFF;
        text-align: left;
        font-size: 20px;
        padding: 5px 10px;
    }

    .paymentmethod input[type="radio"] {
        margin-right: 5px !important;
        margin-top: 2px !important;
    }

.one-round-btn {
    background: #939598;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    padding: 8px 15px;
    text-align: center;
}

.paymentmethod .paymentinner {
    border-top: 5px solid #939598;
    float: right;
    width: 100%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .paymentmethod .paymentinner {
        width: 100%;
    }
}

.paymentmethod .paymentinner span {
    display: inline-block;
    margin-right: 10px;
}

.paymentmethod .bigtext {
    font-size: 21px !important;
    color: #818285;
}

.green-button2 {
    display: block;
    line-height: 18px;
    margin: 0 auto;
    padding: 3px;
    text-align: center;
    text-transform: capitalize;
    width: 134px !important;
    font-size: 18px;
    font-weight: 500;
}

.accordion_container {
    float: left;
    margin: -39px 0 20px;
    width: 100%;
    position: relative;
    z-index: 2;
}

.accordion_head {
    background-color: #a6ce39;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    margin: 16px 0 1px;
    padding: 1px 11px;
    width: auto;
}

.accordion_body {
    z-index: 9;
    padding: 10px;
    margin: 0px;
    background: #FFF;
    width: 100%;
    padding: 10px 0 20px;
    text-align: center;
    position: absolute;
}

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

.accordion_body .get-btn {
    font-size: 14px;
    display: inline-block;
}

.accordion_body select {
    width: 89%;
}

.sales-details-col {
    width: 100%;
    float: left;
}

.find-order-col {
    float: left;
    width: 24%;
    margin-right: 2%;
    background: #c7c8ca;
    height: 268px;
}

.distribute-order-col {
    float: left;
    width: 74%;
    background: #c7c8ca;
    padding-bottom: 10px;
}

.find-order-col h1 {
    margin: 0 0 10PX;
    background: #0099d9 none repeat scroll 0 0;
    color: #fff;
    font-size: 25px;
    font-weight: 900;
    line-height: 25px;
    padding: 8px;
    text-align: center;
    border-bottom: #818285 6px solid;
}

.distribute-order-col h1 {
    margin: 0 0 10px;
    width: 96%;
    float: left;
    background: #0099d9 none repeat scroll 0 0;
    color: #fff;
    font-size: 55px;
    line-height: 60px;
    padding: 3px 2%;
    text-align: left;
    border-bottom: #818285 6px solid;
}

.find-order-col h1 img {
    width: 50px;
    height: auto;
    margin-right: 6px;
}

.distribute-order-col h1 img {
    margin-top: 2px;
}

.sales-details-inner {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 10px;
}

    .sales-details-inner h4 {
        margin-bottom: 19px;
        color: #0099d9;
        font-size: 22px;
        margin: 3px 0 8px;
        padding: 0;
        text-align: left;
    }

    .sales-details-inner input {
        border: 1px solid #cacbce;
        border-radius: 5px;
        display: inline-block;
        margin: 15px 0 20px;
        padding: 8px;
        width: 87%;
    }

    .sales-details-inner select {
        height: 37px;
        margin-bottom: 0;
    }

.distribute-order-col .white-bg {
    background: #fff;
    border-radius: 4px;
    color: #6d6e70;
    font-size: 16px;
    line-height: 20px;
    padding: 0 10px;
    position: relative;
    text-align: left;
    margin-bottom: 8px;
}

.paymentmethod label .distribute-order-col h4 {
    margin-bottom: 19px;
    color: #0099d9;
    font-size: 22px;
    margin: 0;
    padding: 0;
    text-align: center;
}

.line-behind-title {
    color: #fff;
    float: left;
    font-size: 28px;
    margin-bottom: 6px;
    margin-top: 16px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}

    .line-behind-title:before {
        border-top: 2px solid #fff;
        content: "";
        margin: 0 auto;
        position: absolute;
        top: 24%;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        z-index: -1;
    }

    .line-behind-title span {
        background: #c7c8ca;
        padding: 0 15px;
        float: right;
        margin-right: 22%;
        margin-top: -8px;
    }

.light-green-btn {
    background: #a6ce39;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    padding: 3px 10px;
    border-radius: 5px;
}

.distribute-order-col select {
    margin-bottom: 0;
    margin-top: 5px;
}

.distribute-order-col input {
    border: 1px solid #cacbce;
    border-radius: 5px;
    margin: 2px 0 0;
    padding: 6px 7px 7px;
    width: 82%;
}

.q-text {
    color: #6d6e70;
    font-size: 21px;
    font-weight: 900;
    margin-left: 10px;
    margin-top: -1px;
    margin-left: 5px;
    float: right;
    margin-right: 10px;
}

.sales-details-list {
    width: 100%;
    float: left;
    margin-top: 11px;
}

    .sales-details-list table {
        width: 100%;
        table-layout: fixed;
    }

        .sales-details-list table tr td {
            border: 1px solid #d1d2d4;
            font-size: 15px;
            overflow-wrap: break-word;
            padding: 7px;
            text-align: center;
        }

        .sales-details-list table.head tr td {
            background: #818285;
            color: #FFF;
            font-weight: normal;
        }

    .sales-details-list .inner_table {
        background: #fff none repeat scroll 0 0;
        border: 0 none;
        height: 210px;
        overflow-y: auto;
        width: 100% !important;
    }

.cash-col {
    width: 100%;
    float: left;
    border-top: #818285 solid 5px;
    margin-bottom: 10px;
}

    .cash-col .bluebg-col {
        width: 695px !important;
        background: #0099d9;
        color: #FFF;
        width: 85%;
        float: right;
        padding: 10px 0;
        font-size: 15px;
        font-weight: 600;
    }

    .cash-col table input {
        margin-left: 6px;
        width: 107px;
    }

    .cash-col table td {
        padding-bottom: 10px;
    }

    .cash-col table tr:last-child td {
        padding-bottom: 0px;
    }

.big-btn {
    background-color: #a6ce39;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 1px;
    padding: 7px 11px;
    width: auto;
}

.brd-col {
    width: 112%;
    float: left;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-left: -6px;
    color: #333;
    padding-top: 6px;
}

.garmentcol-box li .brd-col:last-child {
    border-bottom: 0;
}

.brd-col select {
    width: 90% !important;
    margin-bottom: 2px !important;
}

.qty-div .brd-col {
    height: 30px;
    line-height: 30px;
}

.sales-details-list .vertical-track {
    margin-top: 0;
}

.garmentBox-col .input-sty {
    margin: 0px 0 0;
    border: 1px solid #cacbce;
    color: #6d6a6a;
    font-size: 17px;
    padding: 4px 10px;
    border-radius: 5px;
    width: 68%;
}

.paymentmethod label {
    display: inline-block;
}

.storeDashBox {
    width: 100%;
    float: left;
    border-bottom: 10px #FFF solid;
}

    .storeDashBox .blueHD {
        background: #00acdc;
        font-size: 15px;
        color: #FFF;
        padding: 4px;
        display: table-cell;
    }

.num-whitebg {
    background: #FFF;
    color: #58585a;
    font-size: 13px;
    display: table-cell;
    text-align: center;
    padding: 4px 20px 5px;
    float: left;
    min-width: 50px;
    word-break: break-all;
    line-height: 14px;
}

    .num-whitebg a {
        text-decoration: underline;
        color: #58585a;
    }

.store-statusbox {
    margin: 0 auto;
    padding: 0;
    background: #FFF;
    font-size: 15px;
    line-height: 20px;
    color: #818285;
    width: 90%;
    height: 156px;
}

.storeDashBox h1 {
    background: #818285;
    padding: 5px;
    color: #FFF;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
}

.storeDashBox .white-bg {
    margin-right: 5%;
    color: #818285;
    font-size: 14px;
}

.storeDashBox .big-btn {
    font-size: 16px;
    margin-bottom: 10px;
}

.countdown-clock-box .blue-tx {
    color: #00a1e4;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 0 0;
    display: block;
}

.countdown-clock-box ul {
    margin: 0;
    padding: 5px 2px 3px;
    border: #00acdc 2px solid;
}

    .countdown-clock-box ul li {
        font-weight: 600;
        margin: 0;
        padding: 0;
        display: inline-block;
        width: 30%;
        line-height: 15px;
        text-align: center;
        font-size: 18px;
        color: #818285;
        border-right: #00acdc 1px solid;
    }

        .countdown-clock-box ul li.active {
            color: #00acdc;
        }

        .countdown-clock-box ul li:last-child {
            border: none;
        }

.text8 {
    font-size: 8px;
}

.total-div {
    background: #00acdc;
    width: 100%;
    float: left;
    color: #FFF;
    font-weight: bold;
}

    .total-div .vertical-text {
        float: left;
        width: 25px;
        z-index: 1;
        position: relative;
        height: 85px;
    }

        .total-div .vertical-text h1 {
            color: #fff;
            font-size: 18px;
            transform: rotate(-1deg);
            writing-mode: horizontal-tb;
            margin: 0;
            height: 150px;
            margin-left: 30px;
            margin-top: 35px;
            text-transform: uppercase;
        }

    .total-div table td {
        padding: 8px 4px 0px;
    }

.text16 {
    font-size: 16px;
}

.total-div table .white-bg {
    padding: 5px;
    color: #231f20;
    font-weight: normal;
    font-size: 12px;
    font-weight: 500;
}

.total-div .text22 {
    font-size: 21px !important;
}

.small-whitebg {
    display: inline-block;
    margin-left: 12px;
    width: 118px;
    text-align: left;
    font-size: 15px !important;
    display: inline-block;
    padding: 3px !important;
    margin-top: 6px;
    padding: 2px 5px !important;
}

.design-tab {
    width: 98%;
    margin: 13px 1%;
    float: left;
    padding: 16px 0 0;
}

    .design-tab ul {
        width: 100%;
        float: left;
        border-bottom: #00acdc 1px solid;
        margin: 0;
    }

        .design-tab ul li {
            float: left;
            margin-right: 8px !important;
            padding: 0;
        }

            .design-tab ul li a {
                padding: 6px 10px 3px;
                background: #FFF;
                color: #00acdc;
                font-size: 15px;
                border: 1px solid #00acdc;
                border-bottom: 0 !important;
                font-weight: 600;
            }

                .design-tab ul li a.active {
                    background: #00acdc;
                    display: block;
                    font-size: 16px;
                    margin-top: -17px;
                    padding: 9px 13px;
                    color: #FFF;
                }

.storeDash-cont-tbl .hitable {
    border-collapse: collapse;
    width: 100%; /* table-layout: fixed; */
}

    .storeDash-cont-tbl .hitable th {
        color: #00a3e4;
        white-space: nowrap;
    }

    .storeDash-cont-tbl .hitable tbody td:first-child {
        width: 10% !important;
    }

    .storeDash-cont-tbl .hitable td, .storeDash-cont-tbl .hitable th {
        font-size: 85%;
        border-collapse: collapse;
        border: solid 1px silver;
        vertical-align: middle;
        text-align: center;
        padding: 3px;
    }

.storeDash-cont-tbl {
    width: 99.85%;
    overflow: auto;
    border: solid 1px silver;
    margin-top: 20px;
    float: left;
}

.free-shirtbox {
    width: 131px;
    float: left;
    position: absolute;
    bottom: 0;
    background: #f1f1f1;
    padding: 0;
    text-align: right;
}

    .free-shirtbox span {
        background: #fff;
        padding: 8px;
        text-align: right;
        padding-right: 10px;
        border-top: solid 1px silver;
        border-left: solid 1px silver;
        line-height: 35px;
        font-size: 15px;
    }

.free-color-box {
    width: 100%;
    float: left;
}

    .free-color-box select {
        width: 100%;
        margin-bottom: 0;
        height: 28px;
        line-height: 28px;
    }

.small-btn {
    background-color: #a6ce39;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    margin: 0 0 1px;
    padding: 3px 11px;
    width: auto;
}

.tabs-menu {
    height: 23px;
    list-style: none;
}

    .tabs-menu li {
        float: left;
    }

        .tabs-menu li a {
            padding: 10px;
            text-transform: uppercase;
            color: #fff;
            text-decoration: none;
        }

    .tabs-menu .current a {
        display: block;
        background: #00acdc;
        color: #FFF;
        padding: 9px 13px !important;
        margin-top: -16px;
        font-size: 16px;
    }

.tab {
    border: 1px solid #d4d4d1;
    background-color: #fff;
    float: left;
    margin-bottom: 20px;
    width: auto;
}

.tab-content {
    width: 100%;
    display: none;
}

#tab-1 {
    display: block;
}

#divPaymentDetails {
    width: 100%;
    float: left;
    padding: 10px 1%;
}

    #divPaymentDetails input {
        margin-bottom: 0;
    }

    #divPaymentDetails label {
        display: inline-block;
        width: 128px;
        text-align: right;
        margin-right: 10px;
        margin-top: 5px;
    }

    #divPaymentDetails div {
        width: 98%;
        float: left;
        margin-bottom: 10px;
    }

.bt-border {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
}

#divPaymentDetails div.col-4 {
    width: auto;
    margin-bottom: 0;
}

#divPaymentDetails select {
    margin-right: 5px;
    margin-bottom: 0;
}

#divPaymentDetails textarea {
    width: 65%;
}

.small-inpt {
    width: 28%;
}

.addorder-col .green-button2 {
    font-size: 18px !important;
    text-transform: uppercase;
}

.white-bg .big-btn {
    border-radius: 0;
}

.text30 {
    font-size: 34px;
    font-weight: normal;
}

.green-button2 {
    display: block;
    line-height: 18px;
    margin: 0 auto;
    padding: 3px;
    text-align: center;
    text-transform: capitalize;
    width: 134px !important;
    font-size: 18px;
    font-weight: 500;
}

.store-dashboard .data-tbl .cth {
    font-size: 13.5px;
}

.store-dashboard .data-tbl .hitable th {
    font-size: 13.5px;
    background: #f1f1f1;
}

.store-dashboard .data-tbl .hitable td {
    background: #fafbfb;
    padding: 0px;
    font-size: 16px;
}

.store-dashboard .data-tbl .hitable tbody td:first-child {
    background: #f1f1f1;
    text-align: left;
    width: 19% !important;
    padding: 3px;
}

.store-dashboard .data-tbl .hitable td:nth-last-child(1) {
    background: #f1f1f1 !important;
    border-right: solid 1px silver !important;
    width: 10%;
}

.store-dashboard .data-tbl .hitable th:nth-last-child(1) {
    background: #f1f1f1 !important;
    border-right: solid 1px silver !important;
    width: 10%;
}

.store-dashboard .data-tbl .hitable td, .store-dashboard .data-tbl .hitable th {
    border: 0;
}

.store-dashboard .data-tbl .hitable tr {
    border-bottom: solid 1px silver;
}

#aFreeGarments {
    font-weight: bold;
}

.distribute-order-col h4 {
    margin-bottom: 19px;
    color: #0099d9;
    font-size: 22px;
    margin: 0;
    padding: 0;
    text-align: center;
}
.distribute-order-col .cust-distribute-order-col select {
    width: 85%!important;
}
.distribute-order-col .cust-distribute-order-col tr td:nth-child(2) {
    padding-left: 20px;
}
.distribute-order-col .cust-distribute-order-col tr td:nth-child(2), .distribute-order-col .cust-distribute-order-col tr td:nth-child(3) {
    vertical-align: top;
    padding-top: 22px;
}
.distribute-order-col .cust-distribute-order-col tr td:last-child {
    padding-top: 48px!important;
    vertical-align: top;
}
.distribute-order-col .cust-distribute-order-col tr td:last-child .light-green-btn {
    height: 22px;
    line-height: 22px;
}
.distribute-order-col .cust-distribute-order-col h4 {
    text-align: left;
    font-size: 20px;
}
.distribute-order-col .tooltips {
    padding: 4px 3px;
    background: none;
    margin-right: 7px;
    margin-top: -4px;
}

    .distribute-order-col .tooltips span:after {
        border-bottom: 8px solid #0099d9;
    }

    .distribute-order-col .tooltips span {
        background: #fff none repeat scroll 0 0;
        border: 2px solid #0099d9;
        color: #000;
        line-height: 13px;
        margin-top: 10px;
        padding: 2px 5px;
        position: absolute;
        text-align: left;
        visibility: hidden;
        width: 180px;
        font-size: 12px;
        font-weight: normal;
    }

.bg-white-box {
    background: #fff none repeat scroll 0 0;
    color: #333333;
    float: left;
    margin-left: 5px;
    padding: 0px 5px;
    width: 73px;
}

#tblPrintBulkOrders .hitable th {
    background: #f1f1f1 !important;
}

.free-btn {
    padding: 3px 0 !important;
    line-height: 13px;
    display: block;
    text-align: center;
    color: #fff;
    margin: 0 3px;
    background: #a6ce39;
}

.mt-1 {
    margin-top: 10px;
}

.garmentBox-col ul li .dk-text {
    color: gray;
}

.garmentBox-col ul li .name-text-show {
    color: gray;
    font-size: 15px;
    white-space: nowrap;
    text-align: left;
    height: 33px;
    display: inline-block;
    width: 70px;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.sm-blue-btn {
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline !important;
}

div.h-sized .fancybox-inner iframe {
    height: 620px !important;
}

.basic {
    color: #02a7df !important;
    text-decoration: underline !important;
    padding-top: 10px;
    display: inline-block;
}

#basic-modal-content {
    display: none;
    z-index: 1000000000 !important;
    position: absolute;
    width: 528px;
    top: 34%;
    background: #FFF;
    left: 0;
    right: 0;
    margin: 0 auto;
    border: solid 5px #606060;
}

    #basic-modal-content table td {
        padding: 0 !important;
    }

.price-quote .text-gy {
    font-size: 23px;
    color: #a7a9ac;
    margin-top: 14px;
    text-align: center;
    font-weight: 600;
}

.input-boxSty {
    width: 358px;
    margin: 21px auto 18px;
    display: table;
    padding-bottom: 18px;
}

    .input-boxSty input[type=text] {
        width: 250px;
        float: left;
        margin: 0 15px 0 0;
        background-color: #f7f7f7;
        border: 1px solid #cccccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }

#basic-modal-content .close {
    font-size: 30px;
    position: absolute;
    right: 11px;
    top: 10px;
}

.input-boxSty .close-btn {
    width: 97px !important;
}

.input-boxSty .alert-error {
    margin-bottom: 0;
}

.price-quote table td {
    padding: 0 !important;
}

#basic-modal .basic {
    font-weight: 600;
}

.price-quote img {
    width: 100%;
}

@font-face {
    font-family: 'HeadlineNEWS';
    src: url('HeadlineNEWS.eot?#iefix') format('embedded-opentype'), url('HeadlineNEWS.woff') format('woff'), url('HeadlineNEWS.ttf') format('truetype'), url('HeadlineNEWS.svg#HeadlineNEWS') format('svg');
    font-weight: normal;
    font-style: normal;
}

.promocode-box {
    width: 830px;
    float: left;
    margin: 0 auto;
    position: relative;
    color: #818285;
}

    .promocode-box h2 {
        background: #818285;
        height: 22px;
        margin: 0 0 10px;
    }

    .promocode-box img {
        z-index: 1;
    }

.promocode-inner .text-inner {
    padding: 16px 10px;
    text-align: center;
}

.promocode-inner {
    width: 560px;
    border: 5px solid #231f20;
    float: left;
    position: absolute;
    top: 181px;
    right: 0;
    z-index: 1;
    font-size: 16px;
    background: #FFFFFF;
}

.promocode-box img {
    z-index: 5;
    position: relative;
}

.promocode-inner .tx22 {
    font-size: 22px;
    font-weight: 600;
}

.promocode-inner .tx30 {
    font-size: 33px;
    margin-bottom: 13px;
}

.promocode-inner .tx18 {
    font-size: 18px;
}

.promocode-box .border-box {
    border: 1px solid #818285;
    padding: 3px;
    width: auto;
    display: inline-block;
    color: #231f20;
    font-weight: 600;
}

.promocode-inner input {
    border: 1px solid #818285;
    padding: 3px;
    margin-left: 5px;
}

.promocode-inner .bule-boxbg {
    text-align: center;
    background: #00a1e4;
    height: 30px;
    width: 100%;
    color: #fff;
    font-size: 21px;
    font-weight: bold;
}

    .promocode-inner .bule-boxbg img {
        position: relative;
        margin: -9px 0 0;
    }

.promocode-box .new-green-button:hover {
    color: #fff;
    text-decoration: none;
    opacity: 0.7;
}

.promocode-box .new-green-button {
    margin: 14px auto;
    display: table;
    color: #fff !important;
    text-decoration: none !important;
}

.submitbtn-code {
    padding: 5px 11px 3px !important;
    color: #FFF !important;
}


.thank-promocode {
    width: 731px;
    float: left;
    background: #FFFFFF;
    position: relative;
    color: #818285;
    font-size: 18px;
    border: 5px solid #231f20;
    margin: 36px 12px 12px;
}

    .thank-promocode h2 {
        background: #818285;
        height: 25px;
        margin: 0 0 10px;
        position: absolute;
        top: 0;
        width: 97.2%;
        z-index: 1;
    }

    .thank-promocode img {
        z-index: 5;
        margin-top: -30px;
        margin-left: -8px;
        position: relative;
    }

    .thank-promocode h3 {
        font-size: 68px;
        color: #231f20;
        font-weight: normal;
        float: right;
        margin-right: 8px;
        font-family: 'HeadlineNEWS' !important;
        text-transform: inherit;
    }

.thanks-innercode {
    width: 70%;
    position: absolute;
    right: 0;
    top: 55px;
    color: #231f20;
    z-index: 99;
}

.thank-promocode .box-samllpromo {
    width: 324px;
    float: right;
    padding: 10px;
    text-align: center;
    font-size: 30px;
    line-height: 35px;
    margin-top: 18px;
    font-family: 'HeadlineNEWS' !important;
}

.thank-promocode .tx22 {
    font-size: 22px;
    color: #818285;
    line-height: 28px;
}

.thank-promocode a {
    color: #818285;
}

    .thank-promocode a:hover {
        opacity: 0.8;
    }

.textpromo {
    color: #231f20;
    width: 100%;
    float: left;
    margin-top: 38px;
    font-weight: 600;
    margin-bottom: 12px;
    float: right;
    width: 90%;
}

    .textpromo span.line-sty {
        margin: 3px;
        position: relative;
        float: left;
    }

.thank-promocode .tx30 {
    font-size: 33px;
    margin-bottom: 13px;
}

.thank-promocode .tx18 {
    font-size: 18px;
}

.thank-promocode .col-full-sty {
    width: 100%;
    float: left;
    color: #818285;
}

.thank-promocode .border-box {
    border: 1px solid #818285;
    padding: 3px 10px;
    width: auto;
    display: inline-block;
    color: #231f20;
    font-weight: 600;
}

#inline5 {
    margin: 0 auto;
    width: 570px !important;
}

    #inline5 .promocode-inner {
        position: relative !important;
        top: 0 !important;
    }

.orderMore ClassPoint20 {
    font-size: 18px !important;
}

#divAdvancePromo {
    width: 584px !important;
    margin-left: 4px;
}

    #divAdvancePromo .promocode-inner {
        top: 18px !important;
    }

#spnGlobalPromoCode {
    margin-right: 8px;
    padding: 3px 7px;
    width: auto;
}

.db-nav li a {
    overflow: hidden;
}

.financialStat-div {
    background: #fff;
    height: 100%;
    width: 100%;
}

    .financialStat-div td {
        padding: 0;
    }

    .financialStat-div h1 {
        color: #FFF;
        margin: 0;
        width: 98%;
        float: left;
        background: #00a0e4;
        line-height: 52px;
        padding-left: 2%;
        font-size: 33px;
    }

        .financialStat-div h1 img {
            width: 114px;
        }

    .financialStat-div table td {
        border: #808285 1px solid;
        text-align: right;
    }

        .financialStat-div table td:first-child {
            border-left: 0;
            padding-left: 10px;
            text-align: left;
        }

.financial-innerdiv {
    padding: 0 2%;
    float: left;
    width: 96%;
    margin-top: 30px;
    color: #808285;
    font-size: 18px;
    margin-bottom: 4px;
    height: 86%;
}

    .financial-innerdiv hr {
        border-bottom: 2px solid #808285;
        width: 80%;
        margin: 13px 10% 10px;
        display: inline-block;
    }

    .financial-innerdiv .lf-brd-none {
        border-left: 0;
    }

    .financial-innerdiv .tp-brd-none {
        border-top: 0;
    }

    .financial-innerdiv h4 {
        color: #818285;
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 0;
        line-height: 11px;
    }

.light-tx-sty {
    color: #bcbdc0;
    font-size: 14px;
    margin-left: 10px;
}

.blue-heading {
    font-weight: normal;
    margin-bottom: 11px;
    background: #00a0e4;
    padding: 5px 1%;
    width: 100%;
    float: left;
    color: #FFF;
    font-size: 19px;
    text-align: center;
    box-sizing: border-box;
}

.org-heading {
    margin-bottom: 11px;
    background: #f47427;
    padding: 5px 0;
    width: 100%;
    float: left;
    color: #FFF;
    font-size: 19px;
    text-align: center;
}

.green-heading {
    margin-bottom: 11px;
    background: #a6ce39;
    padding: 5px 0;
    width: 100%;
    float: left;
    color: #FFF;
    font-size: 19px;
    text-align: center;
}

.financial-innerdiv input[type='text'] {
    background: #FFF;
    border-radius: 0;
    width: 56%;
    display: inline-block;
    border: 0;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-bottom: 2px solid #ccc;
    margin-bottom: 10px;
    font-size: 18px;
    color: #808285;
    margin-left: 5px;
}

.light-TX {
    color: #d1d3d4;
    width: 100%;
    text-align: center;
}

.total-deductions .order-left {
    line-height: 18px;
    color: #939598;
    float: right;
    text-align: center;
    font-weight: 600;
    font-size: 19px;
    margin: 0 20px;
}

.total-deductions .order-right {
    line-height: 18px;
    color: #939598;
    float: right;
    text-align: center;
    font-weight: 600;
    font-size: 19px;
}

.border-NoneSTY {
    border: 0 !important;
}

.profit-box {
    margin-bottom: 0;
    font-weight: 600;
    height: 66px;
    padding-top: 13px;
    font-size: 22px;
    line-height: 22px;
}

.tax-collectebox .fancybox-close {
    background-image: url(../images/x-tr.png) !important;
    background-repeat: no-repeat;
    top: 64px;
    right: -9px;
    opacity: 0.7;
    background-size: 13px;
}

.tax-collectebox {
    margin-top: 5px;
    margin-left: 2px;
}

    .tax-collectebox label {
        font-size: 16px;
        font-weight: 600;
    }

    .tax-collectebox input[type="checkbox"] {
        margin-top: 4px !important;
        float: left;
    }

    .tax-collectebox td {
        text-align: center !important;
    }

    .tax-collectebox .table-fullcol .checkbook-sty [type="checkbox"]:not(:checked) + label::before, [type="checkbox"]:checked + label::before {
        left: -2px;
    }

    .tax-collectebox .checkbook-sty [type="checkbox"]:not(:checked) + label::before, [type="checkbox"]:checked + label::before {
        width: 15px;
        height: 15px;
    }

    .tax-collectebox .checkbook-sty [type="checkbox"]:not(:checked) + label::after, [type="checkbox"]:checked + label::after {
        left: 0px;
        font-size: 14px;
    }

    .tax-collectebox .checkbook-sty [type="checkbox"]:not(:checked) + label::after, [type="checkbox"]:checked + label::after {
        top: 3px !important;
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .tax-collectebox .checkbook-sty [type="checkbox"]:not(:checked) + label::after, [type="checkbox"]:checked + label::after {
        top: 3.7px !important;
    }
}

ul#menu-tab {
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    background: #fff;
    color: #333;
    font-weight: normal;
}

    ul#menu-tab > li {
        float: left;
        list-style-type: none;
        position: relative;
    }

#menu-tab label {
    position: relative;
    display: block;
    padding: 7px 5px;
    line-height: 1em;
    transition: background 0.3s;
    cursor: pointer;
    margin: 4px 2px;
}

    #menu-tab label:after {
        font-weight: normal !important;
        line-height: 0.4;
        left: inherit;
        content: "\25be";
        position: absolute;
        font-size: 49px !important;
        display: block;
        top: 53% !important;
        color: #818285 !important;
        right: 36px !important;
        width: 0;
        height: 0;
    }

#menu-tab input {
    display: none;
}

    #menu-tab input:checked ~ ul.submenu {
        max-height: 210px;
        transition: max-height 0.5s ease-in;
        overflow-y: scroll !important;
    }

#menu-tab ul.submenu {
    -webkit-box-shadow: 0px 4px 5px 0px rgba(158,158,158,1);
    -moz-box-shadow: 0px 4px 5px 0px rgba(158,158,158,1);
    box-shadow: 0px 4px 5px 0px rgba(158,158,158,1);
    max-height: 0;
    padding: 0;
    list-style-type: none;
    background: #fff;
    transition: max-height 0.5s ease-out;
    position: absolute;
    min-width: 100%;
    margin: 0;
}

    #menu-tab ul.submenu li {
        text-align: center;
        padding: 5px 0;
        text-decoration: none;
        color: #6d6e70;
        font-size: 21px;
        line-height: 21px;
        background-color: #fff;
        float: left;
        border-bottom: 1px #d1d2d4 solid;
        font-weight: 400;
    }

        #menu-tab ul.submenu li :hover {
            background: #FFF;
        }

.tx22 {
    font-size: 18px;
    color: #818285;
    line-height: 28px;
}

#menu-tab .tx34 {
    font-size: 25px;
    display: table;
    margin-top: 5px;
}

#menu-tab ul li, #menu-tab ul div {
    border-bottom: 1px solid #ccc;
    margin: 0 auto !important;
    -webkit-transition: all, 0.3s ease-out;
    -moz-transition: all, 0.3s ease-out;
    -o-transition: all, 0.3s ease-out;
    transition: all, 0.3s ease-out;
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100% !important;
    list-style: none;
}

    #menu-tab ul li a img {
        width: 71px;
        height: auto;
        float: left;
        margin-left: 5px;
    }

    #menu-tab ul li a .itemBox {
        margin: 5px 0 10px;
        line-height: 21px;
    }

        #menu-tab ul li a .itemBox span {
            font-size: 23px;
            display: table;
            margin: 0 auto;
        }

    #menu-tab ul li.closed a:hover {
        cursor: default;
    }

.borderline-none {
    border-bottom: 0px !important;
}

#menu-tab .itemBox {
    line-height: 21px;
    width: auto !important;
    border-bottom: 0 #fff !important;
}

#menu-tab label:before {
    display: none;
}

.Online-sales-profit {
    margin-left: 6px;
    float: right;
    width: 118px;
    text-align: center;
}

    .Online-sales-profit .white-bg {
        margin-bottom: 2px;
        width: auto;
        color: #939598 !important;
        margin-top: 0;
        line-height: 14.8px;
        margin-bottom: 5px;
        width: 78px;
        height: 14.8px;
    }

.financial-statement-col span {
    color: #FFF !important;
    font-size: 16px;
    margin-top: 14px;
    display: inline-block;
}

.financial-statement-col img {
    margin-right: 8px;
}

.financial-statement-col {
    width: 100%;
    float: left;
    border-bottom: #fff solid 2px;
    text-align: center;
}

.online-sales-col {
    width: 92%;
    margin: 8px 3% 0;
    float: left;
    padding: 11px 4px !important;
}

.financialStat-div input[type=number]::-webkit-inner-spin-button, .financialStat-div input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.border-NoneSTY td {
    border: none !important;
}

.online-sales-col img {
    width: 100%;
    height: 16.5px;
}

.input--file.red-brd {
    padding: 2px;
}

#menu-tab input:checked ~ label:after {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    top: 49px !important;
}

#menu-tab .scrollbox {
    border: 0;
    max-height: 318px;
    height: auto;
    overflow-y: scroll !important;
    overflow: hidden;
    width: 164px !IMPORTANT;
}

/**10july css start**/
.ArtworkDetail-Rightcol{width:400px;}
.approve-box.c_approve_box {width: auto;
    margin: 15px;
    margin-bottom: 0;}
.approve-box.c_approve_box>img {
    width: 131px;
    margin-bottom: 5px;
}
.request-revision-col.c_revision_col>img {
    width: 150px;
}
.approve-box.c_approve_box .green-close {
        text-align: left;
    font-size: 13px;
    margin-bottom: 14px;
    font-weight: 600;
    padding-left: 23px;
    box-sizing: border-box;
    width: 100%;
}
.approve-box.c_approve_box .green-close a {
    float: right;
    font-weight:normal; font-size:11px;
}
.approve-box.c_approve_box .approve_check_list {
    clear: both;
    text-align: left;
    margin-bottom: 15px;
    margin-left: 15px;
}
.approve-box.c_approve_box .approve_check_list input[type="checkbox"] {
    margin-top: 3px!important;
    margin-right: 5px!important;
    display: inline-block!important;
}
.approve-box.c_approve_box .approve_check_list span {
    background: none;
    padding: 0;
    font-weight: 400;
    font-size: 15px;
}
.approve-box.c_approve_box .request-revision-bg {
        font-size: 12px;
}
.approve-box.c_approve_box .request-revision-bg em {
       font-size: 18px;
    font-style: normal;
    display: block;
    padding-top: 6px;
}
.approve-box.c_approve_box .request-revision-bg input[type="text"] {
    width: 79%;
    border: none;
    height: 24px;
}
.approve-box.c_approve_box .request-revision-bg .left-col {
    line-height: 15px;
    padding-bottom: 3px;
}
.approve-box.c_approve_box .approve_check_list label {
    overflow: hidden;
}
.approve_check_list input[type=checkbox] {
                visibility: hidden;
                left: -9999px;
                display: none;
            }

            .approve_check_list span {
                margin-top: -4px;
                float: left; /*font-size: 1.125em;*/
                margin-bottom: 10px;
            }

            .approve_check_list .note {
                margin-top: 0;
                font-size: 1.125em;
                display: block;
                margin-bottom: 10px;
            }

        .approve_check_list [type="checkbox"]:not(:checked) + span::after, [type="checkbox"]:checked + span::after {
            font-size: 14px;
            left: 4px;
            top: 5px;
        }

        

        .approve_check_list [type="checkbox"]:not(:checked) + span, .approve_check_list [type="checkbox"]:checked + span {
                position: relative;
    padding-left: 25px;
    cursor: pointer;
    /* display: block; */
    margin-bottom: 0;
    margin-top: 0;
        }

            .approve_check_list [type="checkbox"]:not(:checked) + span:before, .approve_check_list [type="checkbox"]:checked + span:before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 17px;
                height: 17px;
                border: 1px solid #aaa;
                background: #f8f8f8;
                border-radius: 3px;
                /*box-shadow: inset 0 1px 3px rgba(0,0,0,.3);*/
            }

           .approve_check_list [type="checkbox"].ng-not-empty:not(:checked) + span:after, .approve_check_list [type="checkbox"].ng-not-empty:checked + span:after {
    content: '\2713';
    position: absolute;
    top: 3px;
    left: 4px;
    font-size: 18px;
    line-height: 0.8;
   color: #a8cf45;
    transition: all .2s;
    font-weight: bold;
}
               h3.instance_price_quote a.toggleclass {
    float: right;
    margin-top: 11px;
    margin-right: 10px;
}
               a.btn-back.pull-left.back_btn {
    float: left;
    background: no-repeat;
    padding: 0;
    margin-top: 0;
}
.request-revision-col.c_revision_col {
    width: auto;
    margin: 15px;
    margin-bottom: 0;
}
.request-revision-col.c_revision_col .request-revision-bg h2 {
        font-weight: 600;
    font-size: 16px;
    line-height: normal;
    margin-bottom: 0;
    font-family: inherit;
}
.request-revision-col.c_revision_col .request-revision-bg {
    font-size: 15px;
    padding-top: 10px;
    margin-bottom:8px;
}
.request-revision-col.c_revision_col .jqte {
    margin: 18px 0 10px;
    border: #eaeaea 1px solid;

}
.request-revision-col.c_revision_col .btm-text {
    clear: both;
    font-size: 16px;
    line-height: 18px;
}
.request-revision-col.c_revision_col input.submit-btn {
    float: none;
    margin: 0;
    padding: 5px 18px;
    font-size: 14px;
    margin-bottom: 3px;
}
.approve-box.c_approve_box .request-revision-bg input.submit-btn {
    font-size: 14px;
    margin: 0;
    padding: 5px 10px;
    margin-bottom:10px;
}
.approve-box.thank_approve_box {
    width: auto;
    margin: 15px;
    margin-bottom: 0;
    padding-bottom: 20px;
}
.approve-box.thank_approve_box .header-col {
    line-height: 27px;    clear: both; margin-bottom:13px;
}
.approve-box.thank_approve_box .green-close {
    margin-top: 12px;
}

/**10july css end**/

/*11 july css start*/
.request-revision-col.c_revision_col .jqte_linkform .jqte_linktypeselect {
    margin-bottom: 5px;
}
.request-revision-col.c_revision_col .jqte_linkform input.jqte_linkinput {
    margin: 0;
    width: 93%;
    margin-bottom: 5px;
}
.text-center{text-align:center;}
/*11 july css start*/

/**12 july 2018 css start**/
.jqte_editor, .jqte_source{ text-align:left;    max-height: 100px!important;  word-break: break-all;}
/**12 july 2018 css end**/

/**03 August 2018 css start**/

div.custom_freegarment {
    overflow: hidden;
}
div.custom_freegarment .garmentBox-col {
    margin-left:10px;
    width: auto;
    float: none;
    margin-right:10px;
}
div.custom_freegarment .garmentBox-col ul {
    margin: 0;
    padding: 0;
    width: auto;
    float: none;
}
div.custom_freegarment .full-colbox { overflow:hidden;}
div.custom_freegarment .garmentBox-col .garmentcol-box ul li{height:auto;min-height:35px;}
div.custom_freegarment .garmentBox-col .garmentcol-box ul li div span{color: #333333;
    font-size: 11px;
    display: inline-block;
    width: 149px;
    line-height: 15px;
    text-align: left;}
div.custom_freegarment .garmentBox-col .garmentcol-box li select {
    width:82%;
    padding: 4px;
    font-size: 14px;
    height: 34px;
    cursor: pointer;
    outline: none;
    border-color: #cccccc;
}
div.custom_freegarment .garmentBox-col .garmentcol-box li input[type="text"]{    height: 30px;
    border: solid 1px #cccccc;
    font-size: 13px;
    text-align: center;}
div.custom_freegarment .add_more{    margin-left: 10px;
    margin-right: 62px;
    text-align: right;
    height: auto;}
div.custom_freegarment .add_more a{border-radius: 4px;
    padding: 7px 10px;
    display: inline-block;}
div.custom_freegarment .garmentcol-box{margin-bottom:0px;}
div.custom_freegarment .save_sec{margin-left: 10px;
    margin-right: 62px;}
div.custom_freegarment .save_sec{    margin-left: 10px;
    margin-right: 62px;
    margin-top: 5px;
}
div.custom_freegarment .save_sec a {
    display: inline-block;
        border-radius: 4px;
    padding: 7px 10px;
}
/**03 August 2018 css start**/
.mt-0{margin-top:0px;}









/**====================================16august2018 css start===========================***/
.spirit_worx_popup .msg-bx-bg {
    background: #949599;    min-height: 82px;
}
.spirit_worx_popup img.backbtn {
        margin-top: 24px;
    margin-left: 14px;
    margin-right: 45px;
}
.spirit_worx_popup .msg-bx-sty {
    margin-top: 16px;
    position: absolute;
    z-index: 100;
   left: 15%;
    top: 16px;
}
.spirit_worx_popup .msg-bx-sty p{font-style:normal; color:#333333;}
.spirit_worx_popupContent .boy {
        display: inline-block;
    width: 28%;
    margin-left: 9px;
    margin-top: 23px;
    margin-bottom: 20px;
    vertical-align: top;
    position: relative;
}
.spirit_worx_popupContent .content_right .content_rightBox {
      padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: solid 3px #333;
    padding-right: 42%;
    position: relative;
    min-height: 224px;
}
.spirit_worx_popupContent .content_right .content_rightBox .content_img_box img {
    width: 200px;
}
.spirit_worx_popupContent .content_right {
   display: inline-block;
    width: 70%;
    margin-top: 50px;
}
.spirit_worx_popupContent .content_right .content_rightBox h2 {
        background: no-repeat;
    border: none;
    color: #ce1443;
    text-align: center;
    font-size: 50px;
    margin-bottom: 0;
    padding-bottom: 5px;font-family: Roboto;
}
.spirit_worx_popupContent .content_right .content_rightBox h2 span {
    font-size: 26px;
    display: inline-block;
    vertical-align: middle;    font-family: "Roboto Condensed",sans-serif;
}
.spirit_worx_popupContent .content_right .content_rightBox h3 {
       color: #231f20;
    text-align: center;
    font-weight: 600;
    text-transform: inherit;
    font-size: 36px;
        line-height: 42px;
    font-family: Roboto;
}
.spirit_worx_popupContent .content_right .content_rightBox p {
    text-align: center;
    margin-top: 7px;
    font-size: 16px;
}
.spirit_worx_popupContent .content_right .content_rightBox .content_img_box {
       position: absolute;
    right: 0;
    top: 0;
    width: 38%;
    text-align: center;
}
.spirit_worx_popupContent .content_right .content_rightBox .content_img_box a {
    background: #00a1e4;
    color: #fff;
    display: inline-block;
    width: 100%;
    padding: 13px;
    margin-top: 20px;
    font-weight: 600;
    font-size: 24px;
    box-sizing: border-box;
}
.spirit_worx_popupContent .content_right .content_rightBox:last-child{border-bottom:none;}
.spirit_worx_popupContent .boy img {
    position: absolute;
    width: 329px;
    height: auto;
    max-width: inherit;
}
/***=====================================16 august 2018 css end==========================***/






/**=========================================14 august 2018 css start=================================**/
.individual-tooltip{position:relative; display:block;}
.p-t0{padding-top:0px;}
/* width */
.tooltip_scroll::-webkit-scrollbar {
    width: 5px;
}
.tooltip_scroll{       min-height: auto;
    max-height: 56px;
    overflow-y: scroll;
    padding-right: 10px;
}
/* Track */
.tooltip_scroll::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

/* Handle */
.tooltip_scroll::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
.tooltip_scroll::-webkit-scrollbar-thumb:hover {
    background: #555; 
}
/**=========================================14 august 2018 css end=================================**/


/**======================================== signShop admin control css start==================================================**/
.ft-linkbox2 ul li a{ vertical-align: top;
    padding: 3px 2px;
    height: 39px!important;
    display: inline-block;
    width: 159.6px!important;}
.ft-linkbox2 ul li a.active{     background: transparent url(/resources/images/signShopControlhover.png) no-repeat scroll right center;
    margin-top: -36px;
    padding-top: 40px;
    padding-bottom: 8px;
    height: 92px!important;margin-left:-2px;}
.ft-linkbox2 ul li:last-child a:not(.active) {     padding-top: 7px;
    height: 35px!important;}
.SignShopArtworkHistory {
    float: left;
    width: 100%;
    margin: 0px 0 10px;
}
.SignShopArtworkHistory .artwork-table td { padding:10px;}
.SignShopArtworkHistory .artwork-table td table td{padding: 0 10px !important; text-transform:uppercase;}
.content .comment-box .SignShopArtworkHistory input[type="file"] {     margin: 0;
    padding: 5px;
    line-height: normal;
    height: auto;
    cursor: pointer;
    width: auto;
    border: solid 1px #cccccc;}

.SignShopArtworkHistory .artworkPoster{text-align:left;}
.SignShopArtworkHistory .artworkPoster input[type="checkbox"] {
    margin-top:0px!important;
    margin-right:0px!important;
    display: inline-block!important;    visibility: hidden;
    left: -9999px;
        position: relative;
    width: 0px!important;
}

.SignShopArtworkHistory .artworkPoster [type="checkbox"]:not(:checked) + label, .SignShopArtworkHistory .artworkPoster [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    /* display: block; */
    margin-bottom: 0px;
    margin-top: 0;
}
.SignShopArtworkHistory .artworkPoster label {
    background: none;
    padding: 0;
    font-weight: 400;
    font-size: 12px;
}


.SignShopArtworkHistory .artworkPoster [type="checkbox"]:not(:checked) + label:before, .SignShopArtworkHistory .artworkPoster [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top:0px;
    width: 17px;
    height: 17px;
    border: 1px solid #aaa;
    background: #f8f8f8;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
}
.SignShopArtworkHistory .artworkPoster [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.SignShopArtworkHistory .artworkPoster [type="checkbox"]:not(:checked) + label:after, .SignShopArtworkHistory .artworkPoster [type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: 0;
    left: 4px;
    font-size: 14px;
    color: #a3d13c;
    line-height:14px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
    font-weight:normal;
}
#artworkProofSec {
    width: 60%;float: right; margin-bottom:10px
}
#artworkProofSec .lft-mrg5 [type="checkbox"]:not(:checked) + label::after, #artworkProofSec .lft-mrg5 [type="checkbox"]:checked + label::after {
    left: 2px;
}
/*.SignShopArtworkHistory .artworkPoster label {display: inline-block;border: solid 1px #cccccc; padding: 5px 8px 5px 5px;    margin-left:0px; margin-right: 5px;}*/
.SignShopArtworkHistory  button[type='submit']{    background: #a3d13c;
    float: left;
    min-width: 129px;
    margin-top: 7px;
    text-transform: uppercase;
    text-shadow: none;
    font-weight: 600;
    letter-spacing: 1px;}
.SignShopArtworkHistory  button[type='submit'].disabled{ background:#cdcdcd; color:#323232;     padding-top: 5px; padding-bottom: 5px;}

/**======================================== signShop admin control css start==================================================**/
.m-t10 {
    margin-top:10px;
}.right-msgcol.signShopDashboard .greensty-box.blue-box {
    background:#275ca5!important;
}
.right-msgcol.signShopDashboard .message-box .chatting-box .greensty-box {
    background: #809e32;
}

/**26 oct 2018 css start**/
.frontAddFreeShirt {
    position: relative;
}

/**26 Oct 2018 css end**/
/**16 apr 2019 css start**/
.deginNo {
    font-style: normal;
    font-size: 12px;
    font-weight: 600;
}
.content .comment-box .messageBrdFile input.file {
    margin-left: 0px;
    float: left;
    margin-right: 5px;
    margin-bottom: 0;
    margin-top: 20px;
    padding: 5px;
    border-radius: 4px;
    width: 100% !important;
    box-sizing: border-box;
}
.div-PaymentTerms.cust-div-PaymentTerms {
    display: inline-block;
    width: 89%;
    vertical-align: top;
    margin-top: -17px;
    margin-right: 0;
}
.div-PaymentTerms.cust-div-PaymentTerms .col-2 {
        width: 13.4%;
        margin-right: 5px;
        font-size:11px;
    }
    .div-PaymentTerms.cust-div-PaymentTerms input[type="text"] {
        font-size: 11px;
    }
    .div-PaymentTerms.cust-div-PaymentTerms .input-date {
        width: 74%!important;
    }
.div-PaymentTerms.cust-div-PaymentTerms select {
    width: 100% !important;
}
    .div-PaymentTerms.cust-div-PaymentTerms .paymentRemarks {
        width: 22.8%;
        margin-right: 0;
    }
        .div-PaymentTerms.cust-div-PaymentTerms .paymentRemarks input[type="text"] {
            width: 100% !important;
            box-sizing: border-box;
            padding: 14px;
        }
.custom-shop-section {
    margin-left: 9px;
    margin-top: 0px;
    margin-bottom: 0;
    position:relative;
}
    .custom-shop-section .shop-note.two-shop-note-Box {
        
        position: absolute;
        top: 0;
        right: 119px;
        z-index: 100;
        box-shadow: 0 0 3px #ccc;
    }
        .custom-shop-section .shop-note.two-shop-note-Box.show {
            display: block !important
        }
    .custom-shop-section .purchasing-detail.hide{display:none!important;}
    .custom-shop-section .shop-note {
        background: #ffffff;
        display: inline-block;
        width: 43%;
        border-radius: 0 5px 5px 0;
        position: relative;
        padding-left: 66px;
        height: 56px;
        margin-bottom: 6px;
        box-sizing: border-box;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 5px;
        color: #f00;
        font-size: 11px;
        text-align: center;
        line-height: 18px;
        margin-right: 5px;
        vertical-align: top;
    }
.custom-shop-section a.two-shop-note-icon {
    display: inline-block;
    vertical-align: top;
    
}
    .custom-shop-section .shop-note.two-shop-note-Box.show img{cursor:pointer;}
    .custom-shop-section .two-shop-note-icon img {
        width: 70px;
        margin-top: -2px;
    }
        .custom-shop-section .shop-note img {
            position: absolute;
            left: -4px;
            width: 70px;
            top: -2px;
        }
        .custom-shop-section .shop-note textarea {
            border: none !important;
            margin: 0;
            box-shadow: none;
            width: 96%;
            color: #2d2d2d;
            padding: 0;
            text-align: center;
            line-height: 15px;
            height: 46px;
            resize: none;
            padding-right: 5px;
        }

            .custom-shop-section .shop-note textarea::-webkit-scrollbar-track {
                -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
                border-radius: 10px;
                background-color: #F5F5F5;
            }

            .custom-shop-section .shop-note textarea::-webkit-scrollbar {
                width: 5px;
                background-color: #F5F5F5;
            }

            .custom-shop-section .shop-note textarea::-webkit-scrollbar-thumb {
                border-radius: 10px;
                -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
                background-color: #c1c1c1;
            }
.purchasing-detail {
    display: inline-block;
    vertical-align: top;
    float: right;
    position: relative;
    width: 360px;
    padding-top:0px;
}
    .purchasing-detail .printToggle {
        position: absolute;
        left: 0px;
        width: 100%;
        top: -23px;
        background: #ffdd00;
        text-align: center;
        font-size: 11px;
        color: #333;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .purchasing-detail .purchasing-body label {
        font-size: 12px !important;
        line-height:normal;
    }
    .purchasing-detail .purchasing-body {
        color: #ffffff;
        font-size: 11px !important;
    }
        .purchasing-detail .purchasing-body .p-d-box:first-child input[type="text"] {
            margin-top: 2px;
            width: 72% !important;
        }
        .purchasing-detail .purchasing-body .p-d-box {
            display: inline-block;
            width: 45%;
            vertical-align:top;
        }
            .purchasing-detail .purchasing-body .p-d-box:last-child {
                width:52%;
            }
            .purchasing-detail .purchasing-body .p-d-box input[type="text"] {
                width: 50% !important;
                height: 13px;
                box-shadow: none;
                vertical-align: inherit;
                font-size: 11px;
            }
            .purchasing-detail .purchasing-body .p-d-box:first-child input[type="text"] {
                margin-top: 2px;
            }
            .purchasing-detail .purchasing-body .p-d-box:last-child label {
                display: inline-block;
                margin-right: 7px;
                min-width: 73px;
            }
           
            .purchasing-detail .purchasing-body .p-d-box:last-child input[type="text"] {
    width: 32%!important;
    margin-right: 5px;
    margin-bottom:5px; font-size:11px;
}
            .purchasing-detail .purchasing-body .p-d-box:last-child p a {
                color: #ffffff;
                font-size: 16px;
                display: inline-block;
                margin-top: -6px;
                margin-left: 32px;
            }
            .purchasing-detail .purchasing-body .p-d-box:last-child p {
                margin-bottom: 0;
                line-height: normal;
            }
.custom-area .deleivery{width:130px;}
    .custom-area .deleivery select{width:100%!important;font-size:12px; margin-bottom:0px; outline:none;}
    .custom-area .deleivery, .custom-area .print-icon, .content .comment-box .custom-area .custom_file_upload, .custom-area .datebox-Sty {
        float: none !important;
        display: inline-block !important;
        vertical-align:bottom;
        width:auto;
        position:relative
    }
        .custom-area .deleivery .setupValidate {
            position: absolute;
            right: 0;
            font-size: 11px;
            bottom: -20px;
        }
    .custom-area .deleivery label{color:#ffffff; font-size:12px; text-align:left; line-height:normal;}
.custom-area{text-align:right; margin-bottom:10px}
    .custom-area.custom-areaNew {
        text-align: right;
        margin-bottom: 10px;
        display: inline-block;
        width: auto !important;
        float: right !important;
        margin-top: -16px;
    }
    .custom-area.custom-areaNew .deleivery label {
        margin-bottom: 0px;
    }
    .content .comment-box .custom-area .custom_file_upload label {
        text-align: left;
    }

.purchasing-detail {
     position: relative;
   
}
    .purchasing-detail .purchaseSaveBtn {
        position: absolute;
        right: -10px;
       top:6px;
        
    }
        .purchasing-detail .purchaseSaveBtn input[type="submit"] {
             padding: 0;
            /* word-break: normal; */
           width: 17px;
           word-wrap: break-word;
            white-space: normal;
            line-height: 16px;
            padding-top: 5px;
            padding-bottom: 5px;
            font-size: 15px !important;
            margin-left: 0;
            text-align: center;
         
        }
/**16 apr 2019 css end**/

#divGramentFooter.off-white-bg{padding-bottom: 10px;}
#divGramentFooter.off-white-bg table td > a#aHrefsizechart > img{
    max-width: 102px;
    min-width: 102px;
}


/**31 august 2020 css start**/
.custom-view-order-sec {
    overflow: hidden;
    border-right: solid 1px #ffffff;
    padding-right: 15px;
}
.custom-view-order-sec h3 {
    color: #333333;
    font-size: 17px;
    text-transform: capitalize;
    text-align: left;
    position: relative;
    padding-left: 20px;
}
.custom-view-order-sec h3:before {
    position: absolute;
    height: 1px;
    background: #333;
    width: 100%;
    content: '';
    left: 0;
    top: 50%;
}
.custom-view-order-sec h3 span {
    background: #c7c8ca;
    display: inline-block;
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
}
.custom-view-order-sec .ck-list input[type="checkbox"]{    position: static;
    width: auto;
    margin-right: 5px !important;
    margin-top: 3px!important;}
.custom-view-order-sec .ck-list .checkboxtax {
    cursor: pointer;
    left: 0;
    position: relative;
    width: auto;
    margin: 4px 5px 0px 0px !important;
}
.custom-view-order-sec .ck-list.checkbook-sty {
    width: auto;
}
.custom-view-order-sec .ck-list.checkbook-sty [type="checkbox"]:not(:checked) + label:before, .custom-view-order-sec .ck-list.checkbook-sty [type="checkbox"]:checked + label:before{
    width: 15px;
    height: 15px;
}
.custom-view-order-sec .ck-list.checkbook-sty [type="checkbox"]:not(:checked) + label::before, .custom-view-order-sec .ck-list.checkbook-sty [type="checkbox"]:checked + label::before {
    left: 0;
}
.custom-view-order-sec .ck-list.checkbook-sty [type="checkbox"]:not(:checked) + label::after, .custom-view-order-sec .ck-list.checkbook-sty [type="checkbox"]:checked + label::after {
    left: 3px;
}
.cust-shipping-order-status {
    margin-right: 5%;
    margin-top: 10px;
}
.cust-shipping-order-status h4 {
    background: #808185;
    font-size: 13px;
    color: #ffffff;
    overflow: hidden;
    
}
.cust-shipping-order-status h4 span.order-text {
    float: left;
    margin-left: 8px;
    min-width: 126px;
    text-align: left;
}
.cust-shipping-order-status h4 span.order-total-quantity {
    display: inline-block;
    
}
.cust-shipping-order-status p {
    margin: 0;
    margin-bottom: 5px;
    font-size: 14px;
    text-align: left;
}
.cust-shipping-order-status p span {
    margin-right: 5px;
        display: inline-block;
    margin-right: 0;
    font-size: 12px;
}
.cust-shipping-order-status p span.title {
    min-width: 97px;
    display: inline-block;
    margin-right: 0;
}
/**31 august 2020 css end**/
/**01 sep 2020 css start**/
/**Find Order**/
.findMyOrder {
    position: absolute;
    bottom: 0;
    width: 100%;
    background:none;
    padding: 20px;
    box-sizing: border-box;
}
.findMyOrder h1 {
    margin: 0;
    background: none;
    font-weight: bold;
    font-size: 45px;
    letter-spacing: 2px;
    margin-bottom: -5px!important;
}
.findMyOrder .form-section {
    background: #ffffff;
    clear: both;
    padding: 10px;
}
.findMyOrder .form-section input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    height: 30px;
    margin-bottom: 2px;
    margin-top: 5px;
    text-align: center;
}
.findMyOrder .form-section input[type="button"] {
    display: block;
    border-radius: 0;
    margin-bottom: 0;
}

/**invalid email popup **/
.not-order-popup {
    text-align: center;
    padding: 20px;
    border: solid 10px #f00;
}
.not-order-popup .mail-status strong {
    font-weight: normal;
    font-size: 20px;
    display: block;
    margin-bottom: 10px;
}
.not-order-popup .mail-status p {
    text-align: left;
    width: 320px;
    margin: auto;
    margin-bottom: 5px;
}
.not-order-popup .mail-status p b {
    display: inline-block;
    width: 100px;
    text-align: right;
    margin-right: 10px;
}
.not-order-popup .another-email input[type="text"] {
    width: 60%;
    box-sizing: border-box;
    height: 30px;
    text-align: center;
    margin-bottom: 5px;
}.not-order-popup .another-email p {
    font-size: 16px;
}

.not-order-popup input[type="button"] {
    border-radius: 0;
}
.not-order-popup hr{margin: 10px 0;}
/**success email popup**/
.success-order-popup {
    text-align: center;
    margin: 0;
    margin-bottom: 0;
    padding: 20px;
    border: solid 10px#f00;
}
.success-order-popup img {
    margin-bottom: 10px;
}
.success-order-popup p {
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 400;
}.success-order-popup p b {
    font-size: 25px;
    display: block;
    margin: 15px 0;
    font-weight: normal;
}.success-order-popup p span {
    display: block;
    font-size: 14px;
}.success-order-popup hr {
    margin: 5px 0;
}.success-order-popup .slogan-text p b {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 0;
    margin-top: 7px;
    display: block;
}
/**shipping address field css**/
.bor.der.shoppingAddress > p {
    text-align: center;
    margin-bottom: 20px;
}
.bor.der.shoppingAddress {
    margin-top: 20px;
}
.bor.der.shoppingAddress div.form-group{ margin-bottom: 10px;}
.bor.der.shoppingAddress div.form-group input[type="text"], .bor.der.shoppingAddress div.form-group select {
    width: 100%!important;
    box-sizing: border-box;
    margin: 0!important;
    height: 35px;
    text-align: left;
    margin-top: 5px!important;
}
/**01 sep 2020 css end**/

/**11 sep 2020 css start**/
table.totalbox-bg.border.mrg-bootm.custom-tatalbox-bg a.btn.storeBgColor:hover {
    color: #ffffff!important;
    background: none;
}
/**11 sep 2020 css end**/


@media screen and (-webkit-min-device-pixel-ratio:0) {
    #menu-tab label:after {
        right: 30px !important;
    }

    .cash-check-box {
        padding: 4px !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #menu-tab label:after {
        right: 26px !important;
    }

    .cash-check-box {
        padding: 2px 4px !important;
    }
}
/**stroe css changes 02-may-2019**/
@media screen and (min-width:0px) and (max-width:540px) {
    #trFundrising.cust-fundraising {
    }

        #trFundrising.cust-fundraising .soldValue {
            text-align: left !important;
            width: 100% !important;
            margin-bottom: 10px;
        }

        #trFundrising.cust-fundraising .lightcolor-box {
            height: 110px !important;
        }

        #trFundrising.cust-fundraising .progress-bar-col {
            width: 100% !important;
        }
}

@media screen and (min-width:0px) and (max-width:330px) {
    #trFundrising.cust-fundraising .box-fund {
        top: 66px !important;
        width: 88% !important;
        left: 20px !important;
    }

    #trFundrising.cust-fundraising .lightcolor-box {
        margin-left: 6px !important;
    }
}
/**stroe css changes 02-may-2019**/
.print-icon.print-margin {
    margin-top: 12px;
}

    .comment-box .custom-area.custom-areaNew .box-btn [type="checkbox"]:not(:checked), .comment-box .custom-area.custom-areaNew .box-btn [type="checkbox"]:checked {
        left: -9999px !important;
    }
        .comment-box .custom-area.custom-areaNew .box-btn [type="checkbox"]:checked + label::before {
            top: -6px !important;
            left: 0 !important;
        }
        .comment-box .custom-area.custom-areaNew .box-btn [type="checkbox"]:checked + label::after {
            top: -3px !important;
            left: 3px !important;
        }
        .comment-box .custom-area.custom-areaNew .box-btn [type="checkbox"]:not(:checked) + label, .comment-box .custom-area.custom-areaNew .box-btn [type="checkbox"]:checked + label {
            padding-left: 0px;
        }

        .deleiver_cond{padding: 0 15px; box-sizing: border-box;}


/**17dec2020 css start**/
img#imgPayInvoice {
    position: absolute;
    right: 54px;
    top: 50%;
    border-left: 2px solid rgba(255, 255, 255, 0.5);
    padding-left: 54px;
    height: 50px !important;
    transform: translateY(-50%);
    width:auto!important;
}
/**17dec2020 css end**/
/**15 feb 2021 css start**/
.chatting-box.chattingbox-admin .greensty-box.blue-box {
    margin-left: 5%;
    width: 85%;
}
.chatting-box.chattingbox-admin .greensty-box img#imgPayInvoice {
    right: 99px;
    padding-left: 99px;
}
.chatting-box.chattingbox-admin .greensty-box{
    width:87%;
}
.chatting-box.chattingbox-frontend .greensty-box>table>tbody>tr> td:first-child {
    word-break: break-word;
    padding-right: 5px;
}
/**15 feb 2021 css end**/
/**26 march css start bhanu***/
/**store dahboard**/
p.full-div.pull-left.cust-storeId-sec {
    margin-top: 5px;
    margin-bottom: 5px;
}
.storeDashBox p.full-div.pull-left.cust-storeId-sec span.blueHD, p.full-div.pull-left.cust-store-link span.blueHD,
.full-div.pull-left.cust-store-qr-code span.blueHD {
    background: #818285;
    font-size: 13px;
    line-height: 1;
}
.storeDashBox p.full-div.pull-left.cust-storeId-sec span.num-whitebg {
    float: none;
    font-size: 15px !important;
    padding: 4px;
    font-weight: bold;
}
.storeDashBox p.full-div.pull-left.cust-store-link {
    margin-bottom: 5px;
}
.storeDashBox p.full-div.pull-left.cust-store-link span.copy-link {
    display: table-cell;
    padding-left: 5px;
    font-size: 12px;
}
    .storeDashBox p.full-div.pull-left.cust-store-link span.copy-link a {
        background: #a8cf45;
        color: #fff;
        padding: 2px 5px;
        font-size: 11px;
    }
.storeDashBox p.full-div.pull-left.cust-store-link span.num-whitebg {
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
}
.storeDashBox .full-div.pull-left.cust-store-qr-code span.num-whitebg {
    padding: 0px;
    width: 90px;
    height: 90px;
    overflow: hidden;
}
    .storeDashBox .full-div.pull-left.cust-store-qr-code span.num-whitebg img {
        max-width: none;
        margin-top: -5px;
        margin-left: -5px;
    }
.storeDashBox .full-div.pull-left.cust-store-qr-code span.copy-link {
    display: inline-block;
    background: #a8cf45;
    color: #fff;
    margin-top: 30px;
    margin-left: 5px;
    font-size: 11px;
}
    .storeDashBox .full-div.pull-left.cust-store-qr-code span.copy-link a {
        color: #fff;
        line-height: normal;
        padding: 2px 5px;
        display: inline-block;
    }
/**26 march css end bhanu***/
/**8 april 2021 css start***/
.custom_divScheduledDatecss img.ui-datepicker-trigger {
    float: left;
    margin-left: 0;margin-right:5px;
}
.custom_divScheduledDatecss .datepicker {
    float: right!important;
}
.content .comment-box .custom_divScheduledDatecss input[type="submit"] {
    display: inline-block;
    float: right !important;
    font-size: 0;
    border: none;
    background: #678aca url(../images/referesh-white.png)no-repeat 5px 5px !important;
    width: 26px !important;
    height: 26px !important;
    text-align: center;
    padding: 0 !important;
    margin-left: 5px;
    margin-top: 2px;
    border-radius:4px;
}
/**8 april 2021 css end***/


/*******27 jan 20222 css start for spirit store open date update******/
.store-with-instruction span.calendar .ui-datepicker-trigger {
    margin-top: -23px;
    right: 22%;
}

.store-with-instruction span.calendar input[type="text"] {
    width: 100% !important;
    box-sizing: border-box;
    height: 38px;
    margin-right: 0;
}

.store-with-instruction span.calendar {
    display: inline-block;
    width: 40%;
    margin-right: 5px;
}

.store-with-instruction span.calendar-detail {
    display: inline-block;
    width: 57%;
    vertical-align: top;
}

    .store-with-instruction span.calendar-detail a {
        position: relative;
        top: -4px;
    }

    .store-with-instruction span.calendar-detail span.instruction {
        display: block;
        font-size: 11px;
        clear: both;
    }

        .store-with-instruction span.calendar-detail span.instruction.last {
            margin-top: 2px;
            text-align: center;
            font-size: 12px;
        }
/*******27 jan 20222 css end for spirit store open date update******/


/***21feb 2022 css start***/
.studentorder-section table td td.price-input-container input[type='text'] {
    width: 75%;
    margin-left: 5px;
}
/***21feb 2022 css end***/


/*******18 april 2022 css start******/
.userprofile-right table.order-save-more {
    margin: 0;
    margin-bottom: -15px;
}
    .userprofile-right table.order-save-more tr {
        background: none;
    }
    .userprofile-right table.order-save-more td:first-child {
        width: 160px;
    }
    .userprofile-right table.order-save-more td {
        padding: 0;
        border: none;
    }
        .userprofile-right table.order-save-more td:last-child {
            padding-left: 15px;
        }
        .userprofile-right table.order-save-more td label input {
            background: #fff;
            border: 1px solid #ccc;
            padding: 2px;
            width: 100%;
            box-sizing: border-box;
        }
.userprofile-right table.order-discount-saving td, .userprofile-right table.order-discount-saving th {
    padding: 2px 6px;
}
.userprofile-right table.order-discount-saving:last-child {
    margin-bottom: 20px;
}

/**Rizwan khan add this code**/
.center-itmes {
    display: flex;
    align-items: center;
    justify-content: center;
}
.heat-press-cus{
    width:100%;
    margin:0;
}
.heat-press-cus .tooltip-option {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.heat-press-cus .tooltip-option span{
    color: #000;
    font-size: 18px;
    text-align: -webkit-center;
    font-weight: 400;
    line-height: 1.1;
}
.heat-press-cus .check-option{
    position:relative
}
.heat-press-cus .check-option label{
    position: relative;
    padding-left: 26px;
    color: #494949;
    margin: 10px;
    font-size: 15px;
}
.heat-press-cus .check-option [type="checkbox"]:not(:checked), [type="checkbox"]:checked{
    left:0 !important;
}
.heat-press-cus .check-option [type="checkbox"] {
    cursor: pointer;
    left: 0 !important;
    top: -1px;
    position:absolute;
    width: 20px;
    height: 20px;
}


/* styles for pop-ups */
.text_box {
    background-color: #fff;
    border: 2px solid #a8cf45;
    border-radius: .25em;
    box-shadow: 0 1em 1em -1em rgba(0,0,0,.25);
    color: #fff;
    opacity: 0;
    position: absolute;
    pointer-events: none;
    left: 50%;
    transform: translate(-50%, 1em);
    transition: all 250ms ease;
    transition-delay: 100ms;
    width: 386px;
    margin-left: 30px;
    margin-top: 20px;
    z-index:99;
}
    .text_box::before {
        position: absolute;
        left: 50%;
        transform: translate(-5%);
        content: '';
        border-bottom: 15px solid #a8cf45;
        border-right: 14px solid transparent;
        border-left: 14px solid transparent;
        top: -15px;
    }
    .text_box::after {
        position: absolute;
        left: 50%;
        transform: translate(-5%);
        content: '';
        border-bottom: 15px solid #FFF;
        border-right: 14px solid transparent;
        border-left: 14px solid transparent;
        top: -12px;
    }
.text_box p {
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 1em;
    white-space: nowrap;
    color:#939598;
}

.heat-press-cus .check-option input:checked + .heat-press-cus .check-option label {
    box-shadow: inset 2px 5px 5px 0 rgba(0,0,0,.35);
    background-color: blue;
}
.heat-press-cus .check-option label[for="checkbox1"]:hover + #text_box_test1, .heat-press-cus .check-option label[for="checkbox1"]:hover + .text_box {
    opacity: 1;
    transform: translate(-50%, 0);
    position:relative !important;
}

#checkbox1:checked ~ #text_box_test1 {
    opacity: 1;
    transform: translate(-50%, 0);
}

.tooltip-box-yes, .tooltip-box-no {
    border: 2px solid #a8cf45;
    background: #FFF;
    padding: 10px;
    position: relative;
    text-align: center;
    margin-top: 10px;
}
.tooltip-box-yes::before {
    position: absolute;
    left: 40%;
    transform: translate(-40%);
    top: -15px;
}

.tooltip-box-yes::after {
    position: absolute;
    left: 40%;
    transform: translate(-40%);
    top: -12px;
}


.tooltip-box-no::before {
    position: absolute;
    left: 55%;
    transform: translate(-55%);
    top: -15px;
}

.tooltip-box-no::after {
    position: absolute;
    left: 55%;
    transform: translate(-55%);
    top: -12px;
}
.tooltip-box-yes::before, .tooltip-box-no::before {
    content: '';
    border-bottom: 15px solid #a8cf45;
    border-right: 14px solid transparent;
    border-left: 14px solid transparent;
}
.tooltip-box-yes::after,.tooltip-box-no::after{
    content: '';
    border-bottom: 15px solid #FFF;
    border-right: 14px solid transparent;
    border-left: 14px solid transparent;
}
.tooltip-box-yes .btn-get,.tooltip-box-no .btn-get {
    background: #96989a;
    border: medium none !important;
    border-radius: 5px;
    color: #fff !important;
    padding: 3px 5px;
}
.tooltip-box-yes .btn-get:hover,.tooltip-box-no .btn-get:hover{
    background: #a8cf45;
    color:#000;
}
.tooltip-box-yes button[disabled]{
    background:#a2a3a3 !important;
}
.tooltip-box-yes p,.tooltip-box-no p{
    color: #6c6e70;
    line-height: 1.1;
    margin-bottom: 18px;
}
/*******18 april 2022 css end******/

/***---- 07 Nov 2022 ----***/

.custom_freegarIn .cf_headrtext {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    font-size: 35px;
    font-family: "Roboto", sans-serif;
}

.custom_freegarIn .cf_headrnum {
    position: absolute;
    font-size: 20px;
    right: 60px;
    top: 14px;
    text-align: right;
}

.custom_freegarIn .dontprint {
    top: 12px!important;
}

.custom_freegarIn h2 {
    background-color: #606060;
    border-bottom: 4px solid #9acd34;
    color: #fff;
    font-family: "Roboto Condensed",sans-serif;
    margin: 0 0 10px;
    padding: 4px 10px 12px 10px;
}

.custom_freegarIn .btblue {
    background: #00a3e4 !important;
    border: medium none;
    box-shadow: none !important;
    color: #fff !important;
    line-height: 15px;
    outline: medium none;
    padding: 5px 12px;
    text-shadow: none !important;
}

.custom_freegarIn .btblue:hover {
    opacity: 0.8;
}

.custom_freegarIn .table-col {
    margin-bottom: 10px;
}

.custom_freegarIn .free-col {
    background: #ffffff !important;
    color: #000000 !important;
}

.custom_freegarIn .cell {
    display: inline-table;
    border-left: #a2a2a3 solid 1px !important;
    vertical-align: text-top;
    width: 100%;
    min-height: 115px;
    color:#000000;
}

.custom_freegarIn .cell p,
.custom_freegarIn .cell span{
    color: #000000;
}

.custom_freegarIn .cell h1 {
    text-align: center;
    text-indent: 0 !important;
}

.custom_freegarIn .popup-table {
    width: 100%;
}

.custom_freegarIn .popup-table tr td {
    vertical-align: text-top;
}

.custom_freegarIn .cell input[type="text"] {
    width: 15px;
}

.custom_freegarIn .btndel {
    text-align: center;
    margin-bottom: 5px;
    border-radius: 4px;
    border: 1px solid #333;
    background: black;
    padding: 5px 10px;
    display: inline-block;
    font-size: 13px;
    color: #f34545;
    margin-left: 15%;
}

.custom_freegarIn .select_small {
    margin: 5px 5px 2px;
}

.custom_freegarIn .popupclose_btn {
    background: url(/resources/Js/fancyBox/fancybox_sprite.png);
    top: 1px !important;
    right: 1px !important;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

._new_promocode_inner {
    border-color: #6A6D70 !important;
    top: 170px !important;
}
._popup_cat_line {
    border-top: 1px solid #e1e1e1; 
    border-bottom: 1px solid #e1e1e1;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 0 !important;
}
    ._popup_cat_line > span {
        width: 50%;
        text-align: center;
    }
._new_ord_m_img {
    max-width: 60%;
}
._new_popup_header {
    font-size: 19px;
    line-height: 32PX !important;
    background: #606060 !important;
    border: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px 10px 20px !important;
    margin-bottom: 0 !important;
}

._new_c_title_bar {
    background-color: #ffffff;
    padding: 15px 10px;
    text-align: center;
    margin-bottom: 20px;
}
    ._new_c_title_bar p {
        font-size: 30px;
        font-weight: 600;
        color: rgb(119 119 119);
        margin-bottom: 0 !important;
    }
._new_c_freegift_bg {
    background-color: #EDEFF0; 
    padding-bottom:10px;
}



/***---- 06 Dec 2022 (Store Landing Page Issue) ----***/
@media only screen and (max-width:575px) {
    .cust-pnlContactForm tr td:first-child {
        white-space: nowrap;
        font-size: 14px;
    }
    .sizechartWrper .iteam-heading {
        font-size:16px;
        padding-top:2px;
        padding-bottom:10px;
    }

}


.outer-aw-gallery {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    column-gap: 10px;
}
.inner-aw-gallery {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .inner-aw-gallery span {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 45px;
        font-size: 9px;
    }