.logout-boxbody,
body {
    font-size: 12px;
    line-height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'MyriadPro-Regular';
    color: #000;
}

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

a {
    text-decoration: none;
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
}

.btn {
    font-size: 12px;
}

header {
    padding: 30px 0;
}

.right-col {
    margin-top: 30px;
}

    .right-col h3 {
        color: #ff364e;
        font-size: 14px;
        margin: 20px 0 0;
        font-family: 'Renogare-Regular';
        text-transform: uppercase;
    }

    .right-col p {
        margin: 10px 0 0;
    }

        .right-col p a {
            color: #0fbac1;
        }

.art-location-wrap .form-control {
    height: 30px;
}

.art-location-wrap textarea.form-control {
    height: auto;
}

.tab-wrap {
}

    .tab-wrap .nav-tabs {
        border-bottom: 1px solid #95959D;
    }

        .tab-wrap .nav-tabs > li > a {
            margin-right: 0;
            border: none;
            border-radius: 0;
            padding: 5px 4px;
            color: #000;
            font-size: 13px;
            border: 1px solid transparent;
            border-top: transparent 13px solid;
        }

        .tab-wrap .nav-tabs > li.active > a,
        .tab-wrap .nav-tabs > li.active > a:hover,
        .tab-wrap .nav-tabs > li.active > a:focus,
        .tab-wrap .nav > li > a:hover,
        .tab-wrap .nav > li > a:focus {
            color: #000;
            background: none;
            border: #959595 1px solid;
            border-top: #ff364e 13px solid;
            border-bottom: #fff 1px solid;
        }

    .tab-wrap .tab-content {
        padding: 0;
        margin: 0;
    }

.tab-contents {
    background: #f6f5ff;
    padding: 5px 15px;
    border-radius: 8px;
}

    .tab-contents h4 {
        font-size: 16px;
        line-height: 1.8;
        margin: 0;
        font-weight: 600;
        padding: 2px 0;
    }

    .tab-contents h5 {
        font-size: 14px;
        /**margin: 25px 0;***/
        font-weight: 600;
        margin: 0 0 10px;
    }

    .tab-contents label {
        margin: 3px 0 0px;
        font-size: 11px;
        font-weight: normal;
    }

    .tab-contents .form-control {
        height: 25px;
        font-size: 10px;
        line-height: 1.428571429;
        color: #000;
        background-color: #fff;
        border: none;
        border-radius: 4px;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 5px 5px;
    }

    .tab-contents select.form-control {
    }

    .tab-contents .form-control.error {
        border: 1px solid Red;
    }

.label-wrap {
    width: 100%;
    float: none;
    margin: 5px 0;
}

    .label-wrap small {
        display: block;
        font-style: italic;
    }

.input-wrap {
    width: 100%;
    float: none;
    font-size: 12px;
}

.select-wrap .btn-default,
.select-wrap .btn-default:hover,
.select-wrap .btn-default:focus,
.select-wrap .btn-default:active,
.select-wrap .btn-default.active,
.select-wrap .open .dropdown-toggle.btn-default {
    color: #000;
    background-color: #fff;
    border: none;
    height: 38px;
    box-shadow: none;
}

.select-wrap .dropdown-menu {
    border: none;
}

.select-wrap .bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

.select-wrap .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}

.select-wrap .bootstrap-select.btn-group .dropdown-toggle .caret {
    border: none;
    right: 30px;
    margin-top: -10px;
}

    .select-wrap .bootstrap-select.btn-group .dropdown-toggle .caret:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        color: #696666;
        content: "\f078";
    }

form .form-group {
    margin-bottom: 5px;
    position: relative;
}

form input[type="submit"] {
    color: #fff;
    background: #4CAF50;
    padding: 7px 10px 6px;
    font-size: 10px;
    border-radius: 5px;
    border: none;
    outline: none;
    display: block;
    width: 100%;
    margin: 5px 0 0;
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
}

    form input[type="submit"]:hover {
        background: #3c853f;
    }

.form-wrap .btn-primary {
    border: none;
    font-size: 11px;
    transition: .2s all linear;
}

    .form-wrap .btn-primary:hover,
    .form-wrap .btn-primary:focus,
    .form-wrap .btn-primary:active,
    .form-wrap .btn-primary.active,
    .form-wrap .open .dropdown-toggle.btn-primary {
        color: #000 !important;
        background-color: #d7d7d7;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.form-wrap .btn-sm {
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 10px;
    width: auto;
    display: inline-block;
    line-height: 15px;
    border: none;
}

.form-wrap .btn-group .btn + .btn,
.form-wrap .btn-group .btn + .btn-group,
.form-wrap .btn-group .btn-group + .btn,
.form-wrap .btn-group .btn-group + .btn-group {
    margin-left: 0;
}

#radioBtn .notActive {
    color: #fff;
    background-color: #4d61f7;
    border: none;
}

.radio-col {
    margin-bottom: 30px;
}

    .radio-col .label-wrap {
        text-align: left;
    }

.select-group {
    margin-top: 30px;
}

.tab-contents hr {
    margin: 10px 0 0;
    border-top: 2px solid #b4b3b3;
}

form input[type="submit"].cancel {
    background: #959595;
    margin-left: 3px;
    margin-top: 15px;
}

    form input[type="submit"].cancel:hover {
        background: #676363;
    }

.inline-form {
}

.pay-tab form .form-group {
    margin-bottom: 15px;
}

.inline-form .input-wrap {
    position: relative;
}

form .inline-form input[type="text"] {
    padding-right: 100px;
}

form .inline-form input[type="submit"], form .inline-form input[type="button"] {
    background: #39b54a;
    color: #fff;
    font-size: 11px;
    padding: 7px 10px 6px;
    position: absolute;
    border: none;
    right: 0;
    top: 0;
    margin: 0;
    border-radius: 0 5px 5px 0;
    width: auto;
    transition: .2s all linear;
}

    form .inline-form input[type="submit"].btn-sm, form .inline-form input[type="button"].btn-sm {
        padding: 5px 10px 4px;
        line-height: 16px;
    }

.pay-tab form .inline-form input[type="submit"], .pay-tab form .inline-form input[type="button"] {
    padding: 5px 10px 4px;
}

form .inline-form input[type="submit"]:hover, form .inline-form input[type="button"]:hover {
    background: #10691c;
}

.form-groups {
    margin-top: 10px;
    margin-bottom: 10px;
}

.table-wrap {
    background: #fff;
    padding: 15px 15px 1px;
}

    .table-wrap .table > thead > tr > th,
    .table-wrap .table > tbody > tr > th,
    .table-wrap .table > tfoot > tr > th,
    .table-wrap .table > thead > tr > td,
    .table-wrap .table > tbody > tr > td,
    .table-wrap .table > tfoot > tr > td {
        padding: 5px 5px;
        vertical-align: middle;
        border-top: 1px solid #44b4a6;
        color: #000;
        font-size: 11px;
        line-height: 16px;
    }

    .table-wrap .table > thead > tr > th {
        color: #fff;
        vertical-align: middle;
        border-bottom: none;
        background: #44b4a6;
        font-weight: normal;
        font-size: 12px;
        padding: 5px 5px;
    }

        .table-wrap .table > thead > tr > th a {
            color: #fff;
        }

            .table-wrap .table > thead > tr > th a i {
                vertical-align: bottom;
                margin: 0 0 0 3px;
            }

                .table-wrap .table > thead > tr > th a i.fa-sort-down {
                    vertical-align: text-top;
                }

    .table-wrap .table-stripe {
        background: #daf3f0;
    }

.pagination-wrap {
    text-align: right;
    margin-bottom: -6px;
}

    .pagination-wrap .pagination {
        margin: 0;
    }

        .pagination-wrap .pagination > li {
            display: inline-block;
        }

            .pagination-wrap .pagination > li > a,
            .pagination-wrap .pagination > li > span {
                background-color: #fff;
                border: none;
                background: none;
                font-size: 11px;
                color: #000;
                padding: 0 6px;
            }

                .pagination-wrap .pagination > li > a:hover,
                .pagination-wrap .pagination > li > span:hover,
                .pagination-wrap .pagination > li.active > a {
                    color: #06d8e1;
                }

.check-group .btn span.glyphicon {
    opacity: 0;
}

.check-group .btn.active span.glyphicon {
    opacity: 1;
}

.check-group label.btn {
    color: #fff;
    background-color: #fff;
    border: none;
    width: 23px;
    height: 23px;
    box-shadow: none;
}

.check-group.btn-group > .btn:active,
.check-group.btn-group-vertical > .btn:active,
.check-group.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
    background: #44b4a6;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.table-wrap .table > thead > tr > th .check-group.btn-group > .btn:active,
.table-wrap .table > thead > tr > th .btn-group-vertical > .btn:active,
.table-wrap .table > thead > tr > th .check-group.btn-group > .btn.active,
.table-wrap .table > thead > tr > th .btn-group-vertical > .btn.active {
    background: #ff364d;
}

.table-wrap .table > tbody > tr > td:first-child {
    width: 50px;
}

.table-wrap .table > tbody > tr > td:nth-child(2) {
    width: 80px;
}

.tab-contents table label {
    margin: 0px 0 0px;
}

.check-group .glyphicon {
    top: -3px;
    right: 7px;
}

.inline-elements {
    margin: 0 0 15px;
}

    .inline-elements > ul {
        margin: 0;
        padding: 0;
        display: block;
    }

        .inline-elements > ul > li {
            list-style-type: none;
            display: block;
            width: 100%;
            margin: 0 10px 10px 0px;
            position: relative;
            font-size: 14px;
            vertical-align: middle;
        }

            .inline-elements > ul > li > a {
                background: #e6e6e6;
                padding: 9px 10px 7px;
                border-radius: 5px;
            }

    .inline-elements .check-group {
        position: absolute;
        top: 2px;
        left: 10px;
        z-index: 9;
    }

    .inline-elements .bootstrap-select.btn-group .dropdown-menu li {
        display: block;
        margin-right: 0;
    }

        .inline-elements .bootstrap-select.btn-group .dropdown-menu li a {
            background: none;
            padding: 8px 10px;
            border-radius: 0;
        }

    .inline-elements .btn.dropdown-toggle.btn-default .filter-option {
        text-indent: -999999px;
    }

    .inline-elements .select-wrap .bootstrap-select.btn-group .dropdown-toggle .caret {
        border: none;
        right: 26px;
        margin-top: -10px;
    }

    .inline-elements .bootstrap-select > .dropdown-toggle {
        padding-right: 0;
        width: 70px;
    }

    .inline-elements .select-wrap .btn-default,
    .inline-elements .select-wrap .btn-default:hover,
    .inline-elements .select-wrap .btn-default:focus,
    .inline-elements .select-wrap .btn-default:active,
    .inline-elements .select-wrap .btn-default.active,
    .inline-elements .select-wrap .open .dropdown-toggle.btn-default {
        background-color: #e6e6e6;
        height: 32px;
    }

.art-cols .inline-elements label {
    font-size: 12px;
}

form input[type="submit"].preview-btn {
    background: #4d61f7;
    margin-right: 5px;
}

    form input[type="submit"].preview-btn:hover {
        background: #2032bd;
    }

form input[type="button"].general-btn {
    color: #fff;
    background: #ff364e;
    padding: 7px 15px;
    border-radius: 5px;
    border: none;
    outline: none;
    display: block;
    width: 100%;
    margin: 10px 0 0;
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
}

    form input[type="button"].general-btn:hover {
        background: #a90c1f;
    }

.table {
    margin-bottom: 0;
}

#ctl00_ContentPlaceHolder1_divNoCustomer,
#ctl00_ContentPlaceHolder1_trNoData {
    color: #ff364e;
    font-style: italic;
    font-weight: bold;
}

#ctl00_ContentPlaceHolder1_divNoCustomer {
    margin-bottom: 30px;
    margin-left: 15px;
}

/******** art approval tab added *********/

.approval-tab {
}

.approval-btns-list {
}

    .approval-btns-list ul {
        margin: 0;
        padding: 0;
    }

        .approval-btns-list ul li {
            list-style-type: none;
            display: block;
            float: left;
            width: 50%;
        }

            .approval-btns-list ul li input[type="submit"] {
                display: inline-block;
            }

.approval-tab input[type="submit"] {
    background: #f7d0a7;
    padding: 11px 10px;
    width: 100%;
    margin: 0;
}

    .approval-tab input[type="submit"].update-btn {
        border-radius: 5px 0 0 5px;
        background: #faa872;
    }

.approval-btns-list ul li input[type="submit"].update-btn {
    border-radius: 5px 0 0 5px;
}

.approval-btns-list ul li input[type="submit"].create-btn {
    border-radius: 0 5px 5px 0;
}

.approval-tab input[type="submit"]:hover {
    background: #f9721a;
}

.tab-contents .table-wrap .form-control {
    background-color: #f8f7f7;
}

.table-wrap p {
    margin: 0;
}

form input[type="submit"].create-new {
    background: #0072bc;
    font-size: 13px;
    margin: 10px 0;
    padding: 10px 20px;
}

    form input[type="submit"].create-new:hover {
        background: #045f9a;
    }

.approval-tab-contents {
}

.tab-contents textarea.form-control {
    height: 78px;
}

.approval-tab-contents .table-wrap {
}

.approval-tab-contents .row [class*=col-] {
    padding-right: 7px;
    padding-left: 7px;
}

.approval-tab-contents .row {
    margin-right: -7px;
    margin-left: -7px;
}

.approval-tab-contents .select-wrap .bootstrap-select.btn-group .dropdown-toggle .caret {
    right: 30px;
}

.inline-items {
}

    .inline-items > ul {
        margin: 0;
        padding: 0;
    }

        .inline-items > ul > li {
            list-style-type: none;
            display: inline-block;
            vertical-align: middle;
            margin: 0 10px 0 0;
        }

            .inline-items > ul > li:last-child {
                margin-right: 0;
            }

span.chheck-caption {
    display: inline-block;
    margin: 4px 25px 10px 15px;
}

.inline-items .check-group label.btn {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    padding: 0;
}

.inline-items .check-group .glyphicon {
    top: 1px;
    right: 1px;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-radius: 4px;
}

form .tag-block .form-group {
    margin-bottom: 20px;
}

.approval-tab-contents.tab-contents label {
    margin: 0;
    vertical-align: 0;
    display: inline-block;
}

.approval-tab .label-wrap {
    margin: 4px 0 0px;
}

.inner-tab {
}

.tab-wrap .inner-tab .nav-tabs > li > a {
    border-top-width: 6px;
}

.tab-wrap .inner-tab .nav-tabs > li.active > a,
.tab-wrap .inner-tab .nav-tabs > li.active > a:hover,
.tab-wrap .inner-tab .nav-tabs > li.active > a:focus,
.tab-wrap .inner-tab .nav > li > a:hover,
.tab-wrap .inner-tab .nav > li > a:focus {
    border-top-color: #0fbac1;
    border-bottom-color: #efeeee;
    border-top-width: 6px;
}

.seo-tab {
    background: #fff;
    padding: 2px 15px 5px;
}

.tab-contents .seo-tab hr {
    border-top: 1px solid #b4b3b3;
    margin: 10px 0;
}

.seo-tab .check-group label.btn {
    padding: 0;
    width: 13px;
    height: 13px;
    border: rgba(0, 0, 0, 0.5) 1px solid;
    background: none;
    border-radius: 3px;
    color: #000;
}

.seo-tab .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-radius: 3px;
}

.seo-tab .check-group.btn-group > .btn:active,
.seo-tab .check-group.btn-group-vertical > .btn:active,
.seo-tab .check-group.btn-group > .btn.active,
.seo-tab .btn-group-vertical > .btn.active {
    background: none;
}

.seo-tab span.chheck-caption {
    margin: 0px 25px 10px 15px;
    font-size: 13px;
}

.seo-tab .check-group .glyphicon {
    top: -4px;
    right: 0px;
    font-size: 8px;
}

.seo-tab .btn-group.check-group {
    margin: 5px 9px 20px;
}

.col-group {
    font-size: 13px;
    line-height: 20px;
    color: #5e5b5b;
    margin-bottom: 10px;
}

    .col-group p {
        margin: 0;
    }

    .col-group label {
        font-weight: normal;
        color: #000;
        font-size: 13px;
    }

.tab-contents .bordered-box .form-control {
    border: rgba(0, 0, 0, 0.35) 1px solid;
    border-radius: 3px;
    padding: 5px 5px;
    font-size: 12px;
}

.bordered-box ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000;
}

.bordered-box ::-moz-placeholder {
    /* Firefox 19+ */
    color: #333;
}

.bordered-box :-ms-input-placeholder {
    /* IE 10+ */
    color: #333;
}

.bordered-box :-moz-placeholder {
    /* Firefox 18- */
    color: #333;
}

.seo-tab form input[type="submit"] {
    padding: 10px 23px;
    border-radius: 5px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: #ff0000;
}

    .seo-tab form input[type="submit"]:hover {
        background: #ca0404;
    }

/******** artwork ****/

.art-block {
    padding: 20px 0;
}

aside.sidebar-wrap {
    box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.11);
    -ms-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.11);
    -o-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.11);
    padding: 20px 0;
    margin-bottom: 20px;
    border-radius: 5px;
}

.sidebar-wrap h6 {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
    margin: 0 20px;
}

.sidebar-wrap hr {
    border-top: 1px solid #eee;
    margin: 15px 0;
}

.check-wrap {
    font-size: 12px;
    color: #494b4c;
    padding: 0 20px;
    line-height: 10px;
}

    .check-wrap .check-group .glyphicon {
        top: -3px;
        right: 0px;
        font-size: 8px;
    }

    .check-wrap .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-radius: 3px;
    }

    .check-wrap .check-group label.btn {
        padding: 0;
        width: 13px;
        height: 13px;
        border: rgba(0, 0, 0, 0.5) 1px solid;
        background: none;
        border-radius: 3px;
        font-size: 12px;
        color: #494b4c;
    }

    .check-wrap .check-group.btn-group > .btn:active,
    .check-wrap .check-group.btn-group-vertical > .btn:active,
    .check-wrap .check-group.btn-group > .btn.active,
    .check-wrap .btn-group-vertical > .btn.active {
        background: none;
    }

    .check-wrap span.chheck-caption {
        margin: 0px 25px 10px 15px;
    }

span.chheck-caption.colored-span {
    color: #0fbac1;
}

.art-cols {
    box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.11);
    -ms-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.11);
    -o-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.11);
    border-radius: 4px;
    padding: 10px;
    background: #fff;
    margin-bottom: 10px;
}

    .art-cols .pagination-wrap {
        text-align: left;
        margin-bottom: 0;
    }

.notify-success {
    line-height: 24px;
}

.art-cols .inline-elements {
    margin: 0 0 15px;
}

    .art-cols .inline-elements ul:last-child {
        margin-left: 0;
    }

.art-cols label {
    font-size: 12px;
    margin: 0;
    font-family: 'MyriadPro-Regular';
}

.approval-tab-contents.tab-contents .art-cols label {
    vertical-align: 0;
}

.art-cols .form-control {
    width: 112px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: #000 1px solid;
    height: 25px;
    font-size: 10px;
    color: #000;
    padding-left: 32px;
}

.art-cols .form-group {
    margin-bottom: 0;
    position: relative;
}

.art-cols select.form-control {
    width: 165px;
    display: inline-block;
    padding-left: 10px;
}

.icn {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #fff;
}

.datepicker-box .icn {
}

.table-wrap .datepicker-box .icn {
    top: 5px;
}

.datepicker-box img {
    width: 12px;
}

.icn.icn-right {
    left: auto;
    right: 6px;
    font-size: 10px;
    top: 8px;
}

.vdp-datepicker__calendar .cell.day-header {
    font-size: 100% !important;
}

.art-cols input[type=search] {
    width: 100%;
    padding: 0 15px;
    font-style: italic;
}

.art-cols button[type=submit] {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    background: #11bbc1;
    border-radius: 0 4px 4px 0;
    outline: none;
    padding: 6px 8px;
    height: 28px;
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
}

    .art-cols button[type=submit]:hover {
        background: #057d82;
    }

.art-cols .pagination-wrap .pagination {
    margin: 8px 0 0;
}

.seo-tab p {
    margin: 0;
}

.tech-block {
}

.tech-box {
    position: relative;
    border-radius: 4px;
    box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.11);
    -ms-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.11);
    -o-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.11);
    margin: 20px 0 0;
}

.tech-img {
    overflow: hidden;
}

    .tech-img img {
        width: 100%;
        border-radius: 4px;
        transition: all .4s linear;
        -webkit-transition: all .4s linear;
        -moz-transition: all .4s linear;
        -ms-transition: all .4s linear;
    }

.tech-box:hover .tech-img img {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.tech-btns {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

    .tech-btns a {
        display: block;
        float: left;
        width: 50%;
        color: #fff;
        text-align: center;
        padding: 12px 5px;
        background: #79d3d7;
        font-size: 10px;
        border-radius: 0 0 0 4px;
        text-transform: uppercase;
        font-weight: 600;
        text-decoration: none;
    }

    .tech-btns .red-btn {
        background: #fc3b4b;
        border-radius: 0 0 4px 0;
    }

    .tech-btns a:hover {
        background: #108e94;
    }

    .tech-btns .red-btn:hover {
        background: #e2081a;
    }

.art-block .row {
    margin-right: -7px;
    margin-left: -7px;
}

.art-block [class*=col-] {
    padding-right: 7px;
    padding-left: 7px;
}

.tab-contents.approval-tab-contents .form-control {
    margin: 10px 0 0;
}

    .tab-contents.approval-tab-contents .form-control.btn-danger {
        background: #ff364e;
        color: #fff;
        width: 100%;
        margin: 12px 0;
        transition: all .4s linear;
        -webkit-transition: all .4s linear;
        -moz-transition: all .4s linear;
        -ms-transition: all .4s linear;
    }

        .tab-contents.approval-tab-contents .form-control.btn-danger:hover {
            background: #e8152e;
        }

.art-link-placeholder {
    border: rgba(0, 0, 0, 0.09) 1px solid;
    padding: 15px 15px;
    border-radius: 5px;
    word-break: break-all;
    min-height: 65px;
    margin-top: 15px;
}

.check-wrp {
    margin-top: 10px;
}

.tab-contents.approval-tab-contents.product-tab .form-control {
    margin: 0;
}

/*** styles for product tab ****/

.product-tab {
}

    .product-tab .label-wrap {
        margin: 0px 0 10px;
    }

    .product-tab .radio-inline input[type=radio] {
        margin: 0px 0 0;
        margin-left: -20px;
    }

    .product-tab .radio {
        display: block;
        min-height: 0;
        padding-left: 0;
    }

        .product-tab .radio label {
            padding-left: 20px;
            padding-right: 20px;
        }

    .product-tab .seo-tab {
        padding: 25px 15px;
    }

    .product-tab.tab-contents .seo-tab .form-control {
        border: 1px solid #ccc;
    }

    .product-tab .error-holder {
        color: red;
        font-size: 12px;
    }

        .product-tab .error-holder i {
            margin-right: 5px;
        }

div#divProcessing,
div#divSuccess,
div#divError {
    text-align: center;
    line-height: 24px;
}

div#divError {
    color: #f21a1a;
}

div#divSuccess {
    color: #4CAF50;
}

    div#divProcessing .modal-body,
    div#divSuccess .modal-body,
    div#divError .modal-body {
        height: inherit !important;
    }

.tab-contents .modal-header h5 {
    margin: 0px 0;
}

div#divProcessing .modal-dialog,
div#divSuccess .modal-dialog,
div#divError .modal-dialog {
    width: 480px;
}

/*** styles for new-header ****/

.main-header {
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.22);
    padding: 0;
}

    .main-header .logo-wrap {
        padding: 10px 0;
        text-align: center;
    }

.right-wrap {
    border: rgba(0, 0, 0, 0.06) 1px solid;
    border-bottom: none;
}

    .right-wrap > ul {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        .right-wrap > ul > li {
            list-style-type: none;
            display: inline-block;
            border-left: rgba(0, 0, 0, 0.06) 1px solid;
            padding: 20px 15px;
            font-size: 15px;
            color: #000;
            vertical-align: middle;
            position: static;
        }

            .right-wrap > ul > li:last-child {
                padding-right: 0;
            }

            .right-wrap > ul > li:first-child {
                border: none;
            }

            .right-wrap > ul > li a {
                color: #000;
                position: relative;
            }

            .right-wrap > ul > li > a > i {
                font-size: 20px;
                color: #0db8c0;
            }

            .right-wrap > ul > li a:hover {
                color: #ff364e;
                text-decoration: none;
            }

span.not-no {
    position: absolute;
    bottom: -4px;
    right: -13px;
    width: 20px;
    height: 20px;
    color: #fff;
    border-radius: 50%;
    line-height: 16px;
    font-size: 12px;
    text-align: center;
    background: #ff364e;
    border: #fff 2px solid;
}

.right-wrap .dropdown-menu {
    min-width: 90%;
    margin: 1px 0 0;
    border: 1px solid rgba(0, 0, 0, 0.09);
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    left: auto;
    right: 15px;
    text-align: left;
}

    .right-wrap .dropdown-menu li {
        padding: 0;
        position: relative;
        transition: all .4s linear;
        -webkit-transition: all .4s linear;
        -moz-transition: all .4s linear;
        -ms-transition: all .4s linear;
        overflow: hidden;
    }

    .right-wrap .dropdown-menu h6 {
        margin: 0;
        font-size: 18px;
        color: rgba(0, 0, 0, 0.34);
        font-weight: bold;
        letter-spacing: 2px;
        padding: 15px 10px;
        text-align: center;
        border-bottom: 1px solid rgba(0, 0, 0, 0.09);
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        background: #fff;
    }

span.notification-ico {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #eaeaea;
    position: absolute;
    left: 15px;
    top: 15px;
    text-align: center;
    color: #f8008a;
    line-height: 44px;
    font-size: 14px;
}

.right-wrap .dropdown-menu li:not(:first-child) {
    min-height: 60px;
}

.right-wrap .dropdown-menu li:last-child {
    text-align: center;
    border-bottom: none;
    padding: 10px 10px 10px 20px;
    min-height: inherit;
}

.right-wrap .dropdown-menu li p,
.right-wrap .dropdown-menu li a {
    margin: 0;
    letter-spacing: 1px;
    color: rgba(0, 0, 0, 0.43);
    line-height: 20px;
    font-size: 16px;
    padding: 0;
}

    .right-wrap .dropdown-menu li a.not-link {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

.right-wrap .multiple-select .dropdown-menu > li > a:focus,
.right-wrap .dropdown-menu > li > a:hover {
    background: none;
}

.main-content {
    padding-top: 50px;
}

.right-wrap .dropdown-menu.logout-drop li:last-child {
    text-align: left;
}

.right-wrap .dropdown-menu.notification-panel {
    padding: 49px 0 40px;
}

.fixed-ht {
    max-height: 180px;
    overflow-y: scroll;
}

.notification-wrap button {
    background: #fff;
    color: #000;
    border: none;
    width: 49%;
    padding: 2px 10px;
    text-align: center;
    position: relative;
    z-index: 99;
    margin: 0;
    outline: none;
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
}

    .notification-wrap button.send-btn {
        background: #ff364e;
        color: #fff;
    }

.noti-desc {
    padding-left: 70px;
}

.notification-wrap {
    position: relative;
    padding: 15px 0;
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
}

    .notification-wrap:last-child {
        border: none;
    }

    .notification-wrap:hover {
        background: rgba(0, 0, 0, 0.04);
    }

    .notification-wrap button:hover {
        color: #fff;
        background: #0db8c0;
    }

    .notification-wrap button.send-btn:hover {
        background: #d00d25;
    }

.mCSB_scrollTools .mCSB_dragger {
    z-index: 999;
}

.btn-group {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -100px;
    width: 100%;
    opacity: 0;
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
}

.notification-wrap:hover .btn-group {
    opacity: 1;
    bottom: 0;
}

.right-wrap .dropdown-menu li.view-all {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.09);
}

.right-wrap .dropdown-menu h6 + li {
    padding: 21px 0 0 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}

.inline-elements.anniversary-elements label {
    margin-bottom: 8px;
}

.form-wrap .btn-danger {
    padding: 5px 10px;
    font-size: 11px;
    background-color: #d9534f;
    border: none;
    line-height: 15px;
    transition: .2s all linear;
}

    .form-wrap .btn-danger:hover {
        background-color: #c73935;
    }

span.limited-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 310px;
    display: inline-block;
}

span.span-x-year-ago {
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    color: #ff364e;
}

td#td-user-search-btn input.btn.btn-success.btn-sm {
    margin-top: 16px;
}

.red-error {
    color: red;
}

/*shipping log styles*/

.inline-controls {
}

    .inline-controls .form-group {
        position: relative;
    }

    .inline-controls .form-control {
        padding-right: 130px;
        border: rgba(0, 0, 0, 0.07) 1px solid;
        margin: 0 !important;
    }

    .inline-controls input[type="submit"] {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 7px 20px 6px;
        border-radius: 0;
        font-size: 11px;
        width: auto;
    }

.text-wrap {
    margin: 0;
    line-height: 24px;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin-bottom: 0;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 40px;
    margin: 0;
    opacity: 0;
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 40px;
    padding: .375rem .75rem;
    line-height: 31px;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

    .custom-file-label::after {
        position: absolute;
        top: -1px;
        right: 0;
        bottom: 0;
        z-index: 3;
        display: block;
        height: 39px;
        padding: 9px 20px;
        line-height: 1.5;
        color: #495057;
        content: "Browse";
        background-color: #e9ecef;
        border-left: 1px solid #ced4da;
        border-radius: 0 .25rem .25rem 0;
    }

.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse";
}

.text-wrap p a {
    display: inline-block;
    background: #ff364e;
    padding: 8px 30px;
    color: #fff;
    border-radius: 20px;
    text-decoration: none;
}

    .text-wrap p a:hover {
        background: #e2142c;
        color: #fff;
    }

.my-0 input[type="submit"] {
    margin: 0;
    padding: 12px 40px;
}

/*** production tab css - by Abhishek*****/

.production-form > ul {
    padding: 0;
    margin: 0 -5px;
}

    .production-form > ul > li {
        list-style: none;
        width: 100%;
        display: inline-block;
        padding: 0 5px;
        vertical-align: top;
    }

.production-form .label-wrap {
    text-align: left;
}

    .production-form .label-wrap label {
        font-size: 14px;
        vertical-align: 0;
    }

.production-title {
    font-size: 18px;
    text-decoration: underline;
    padding-left: 8px;
}

.tab-contents .production-title h5 {
    margin-bottom: 5px;
    margin-top: 0;
    font-size: 14px;
}

.label-block {
    background-color: #8beaf5;
    color: #000;
    font-size: 14px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    line-height: 24px;
    letter-spacing: 1px;
    margin: 5px 0 0;
    padding: 5px 15px;
}

.production-form textarea {
    resize: none;
    margin-bottom: 35px;
}

.production-form thead {
    background-color: #44b4a6;
    color: #fff;
}

.production-form tbody {
    background-color: #fff;
    text-align: center;
}

.production-form thead th {
    font-weight: 100;
    text-align: center;
}

.production-info-wrap .art-location-wrap .table-bordered > thead > tr > th {
    border: none;
}

.production-info-wrap .art-location-wrap .table-bordered > tbody > tr > td {
    line-height: 24px;
    padding: 2px 5px;
    font-size: 12px;
}

    .production-info-wrap .art-location-wrap .table-bordered > tbody > tr > td:first-child {
        text-align: left;
        padding-left: 5px;
    }

.production-info-wrap .art-location-wrap .table tr > th:first-child {
    border-top-left-radius: 5px;
}

.production-info-wrap .art-location-wrap .table tr > th:last-child {
    border-top-right-radius: 5px;
}

.production-form .production-info-wrap .art-location-wrap tbody td {
    border-top: 1px solid #ccc;
}

.production-form .art-location-wrap tbody td {
    border-top: 1px solid #44b4a6;
    padding: 5px 10px;
    font-size: 12px;
    vertical-align: middle;
}

.production-form .art-location-wrap thead th {
    padding: 7px 5px;
    border-bottom: none;
    font-size: 12px;
}

.art-location-wrap {
    padding-top: 5px;
}

.transparent-bg {
    background-color: #efeeee;
}

.production-form .art-location-wrap .reject-list tbody tr:nth-child(4) td,
.production-form .art-location-wrap .reject-list tbody tr:nth-child(3) td {
    border: none;
}

.tab-contents .production-form hr {
    margin: 0;
}

.production-inputs {
    padding-right: 0px;
}

.production-form .art-location-wrap .reject-list tbody tr:nth-child(4) td:last-child,
.production-form .art-location-wrap .reject-list tbody tr:nth-child(3) td:last-child {
    border-top: 1px solid #ddd;
}

.production-form .art-location-wrap ul li {
    padding: 0 5px;
    text-align: center;
}

.production-form .art-location-wrap div.reject-errors p {
    padding: 0;
    text-align: left;
    margin-top: 12px;
    color: red;
    list-style: circle;
}

.production-form .production-inner-tab > li {
    width: 100%;
}

.production-form .inner-tab ul {
    margin: 0;
}

.pay-form .production-form .input-wrap span {
    background-color: #fff;
    padding: 8px 6px;
    width: 100%;
    display: block;
    border-radius: 4px;
    font-size: 12px;
    text-align: left;
}

    .pay-form .production-form .input-wrap span.more span {
        padding: 0;
        height: auto;
    }

.tab-contents .product-input input {
    border: 1px solid #ccc;
}

.production-form .production-info-wrap .art-location-wrap tbody td select {
    border: 1px solid #ccc;
}

    .production-form .production-info-wrap .art-location-wrap tbody td select.error {
        border: 1px solid Red;
    }

.production-form .production-info-wrap .art-location-wrap tbody td input {
    border: 1px solid #ccc;
    text-align: center;
    height: 30px;
}

.art-location-wrap .panel {
    border-radius: 5px;
}

.panel-body {
    padding: 10px 10px;
}

.art-location-wrap .panel-body {
    background-color: #efeeee;
}

.art-location-wrap .panel-heading {
    background-color: #44b4a6;
    padding: 0 10px;
    border-radius: 0;
}

    .art-location-wrap .panel-heading h4 {
        font-size: 12px;
        color: #fff;
        letter-spacing: 1px;
    }

        .art-location-wrap .panel-heading h4 a.collapsed::before {
            content: '\f067';
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
        }

        .art-location-wrap .panel-heading h4 a::before {
            content: '\f068';
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            position: absolute;
            left: 0;
            top: 0;
        }

        .art-location-wrap .panel-heading h4 a:hover,
        .art-location-wrap .panel-heading h4 a:focus {
            text-decoration: none;
        }

span.error {
    color: red;
}

    span.error.absolute-error {
        color: #fff;
    }

span.success {
    color: green;
}

.qc {
    width: 75px;
}

.total-rejects {
    width: 100px;
}

.rejects {
    width: 165px;
}

.art-location-wrap .tab-contents .form-control {
    height: 30px;
}

.actual {
    width: 150px;
}

.pl-0 {
    padding-left: 0;
}

/* Shipping Css */

.tab-contents .search-field .form-control {
    padding-right: 0;
    margin-top: 0;
}

.search-field button {
    position: absolute;
    top: 50%;
    left: auto;
    right: 0;
    background-color: transparent;
    border: none;
    transform: translateY(-50%);
    color: #ccc;
}

.search-field .input-wrap {
    float: right;
}

.white-bg {
    background-color: #fff;
    padding: 10px;
}

.date-picker {
    position: relative;
}

.button-wrap {
}

    .button-wrap .btn-export {
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 600;
        background-color: #8BC34A;
        color: #fff;
    }

        .button-wrap .btn-export:hover {
            background-color: #6e9b39;
        }

.tab-contents .date-picker .form-control {
    border: 1px solid #ddd;
    margin-top: 0;
    max-width: 200px;
}

.order-table-wrapper th {
    font-size: 14px;
    text-transform: capitalize;
}

.order-table-wrapper tbody td a {
    color: #428bca;
}

    .order-table-wrapper tbody td a:hover {
        color: #0fbac1;
        text-decoration: underline;
    }

.btn {
    line-height: 15px;
}

.order-table-wrapper a.view-btn,
.view-btn {
    background-color: #0fbac1;
    color: #ffffff;
    padding: 5px;
    display: inline-block;
    line-height: 11px;
    font-size: 12px;
}

.order-table-wrapper a.view-btn {
    word-break: break-all;
    white-space: break-spaces;
}

    .order-table-wrapper a.view-btn:hover,
    .view-btn:hover {
        background-color: #0d8e93;
        text-decoration: none;
        color: #fff;
    }

    .order-table-wrapper a.view-btn i,
    .view-btn i {
        font-size: 10px;
    }

    .order-table-wrapper a.view-btn:hover,
    .view-btn:hover {
        background-color: #0d8e93;
        text-decoration: none;
        color: #fff;
    }



.order-table-wrapper a.view-btn-selected,
.view-btn-selected {
    background-color: #ff0000;
    color: #ffffff;
    padding: 5px;
    display: inline-block;
    line-height: 11px;
    font-size: 12px;
}

    .order-table-wrapper a.view-btn-selected:hover,
    .view-btn-selected:hover {
        background-color: #ff0000;
        text-decoration: none;
        color: #fff;
    }

    .order-table-wrapper a.view-btn-selected i,
    .view-btn-selected i {
        font-size: 10px;
    }

.date-picker .form-control {
    position: relative;
    padding: 4px 15px;
}

.date-picker .calendar {
    position: absolute;
    top: 0;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #ccc;
}

.order-modal .modal-header .close {
    background-color: #9E9E9E;
    padding: 0px;
    border-radius: 50%;
    opacity: 1;
    color: #fff;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -10px;
    right: -5px;
}

    .order-modal .modal-header .close:hover {
        background-color: #333;
    }

/* The container */

.radio-tag {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: 5px !important;
}

    /* Hide the browser's default radio button */

    .radio-tag input {
        position: absolute;
        display: none;
        cursor: pointer;
    }

/* Create a custom radio button */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */

.radio-tag:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */

.radio-tag input:checked ~ .checkmark {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */

.radio-tag input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */

.radio-tag .checkmark:after {
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #4CAF50;
}

.checkbox-wrap i {
    vertical-align: -10px;
    color: #9E9E9E;
}

.order-modal .modal-content {
    border-radius: 0;
    border: none;
}

.order-modal .modal-title {
    font-weight: 600;
    font-size: 14px;
}

.checkbox-wrap label {
    vertical-align: top;
}

.order-modal .modal-footer {
    text-align: left;
    padding: 10px 15px;
}

.art-modal .modal-footer {
    text-align: right;
    padding: 10px 15px;
}

.order-modal .tshirt-wrap {
    background-color: white;
    box-shadow: 0 0 2px 1px #ddd;
    padding: 15px;
}

.order-modal .modal-body .label-wrap {
    text-align: left;
    line-height: 1.4;
    margin-top: 0;
}

    .order-modal .modal-body .label-wrap label {
        vertical-align: 0;
        font-size: 12px;
    }

.order-modal input[type="submit"] {
    padding: 10px 23px;
    border-radius: 5px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: #ff0000;
    color: #fff;
    border: transparent;
}

.textbox {
    padding-top: 15px;
}

    .textbox h4 {
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 1px;
    }

.order-modal .modal-body textarea {
    resize: none;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.warning {
    color: #f44336;
    font-size: 16px;
}

.success-wrap {
    background-color: #f8f8f8;
    padding: 10px 11px;
    font-size: 16px;
    color: #8BC34A;
    line-height: 30px;
}

    .success-wrap a {
        color: #428bca;
    }

    .success-wrap i {
        color: #8BC34A;
        margin-right: 5px;
    }

.pl-20 {
    padding-left: 20px;
}

.row-hover {
    background-color: #f8f8f8;
}

.search-matched {
    background-color: #d3a7ac;
}

.shipment-complete {
    background-color: #c0e4c4;
}

.order-modal .input-wrap span,
.order-modal .input-wrap .bordered {
    border: 1px solid #ddd;
    padding: 6px 6px;
    width: 100%;
    display: block;
    min-height: 30px;
    border-radius: 4px;
    color: #999;
}

.search-field {
    padding: 5px 0;
}

.tab-contents h4.line-1 {
    line-height: 1.3;
}

/* Art Department */

.tab-contents .select-art .form-control {
    border: 1px solid #ddd;
    margin-top: 0;
    max-width: 90%;
}

.art-comp-wrap .label-wrap {
    margin: 0;
}

.art-comptype thead {
    background-color: #f5f5f5;
}

.art-comptype tbody {
    font-size: 14px;
}

.art-comptype table .select-art .form-control {
    font-size: 14px;
}

.art-comptype .status-pill {
    color: #ff364e;
}

.order-modal .modal-header {
    background-color: #0fbac1;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
}

.order-modal.art-modal .modal-body {
    padding: 0;
}

.order-modal .modal-body-header {
    background-color: #f8f8f8;
    padding: 15px;
}

.order-modal .modal-body-content {
    padding: 15px;
}

.modal-card h4 {
    font-weight: 600;
    font-size: 18px;
}

.modal-card ul {
    padding-left: 0;
}

    .modal-card ul li {
        list-style-type: none;
        display: inline-block;
    }

.textbox-ins .label-wrap {
    width: 10%;
}

.textbox-ins .input-wrap {
    width: 90%;
}

    .textbox-ins .input-wrap span {
        height: auto;
    }

hr.dark {
    border-top: 1px solid #999 !important;
}

more {
    display: block;
}

.morecontent span {
    display: none;
}

.morelink {
    display: block;
}

.modal-body-content .label-wrap label {
    margin-bottom: 0;
}

.d-inline {
    display: inline !important;
}

.d-none {
    display: none !important;
}

.modal-body-content .label-wrap label {
    margin-bottom: 0;
}

.red-btn {
    color: #fff;
    background: #ff364e;
    padding: 5px 10px;
    border-radius: 5px;
    border: none;
    outline: none;
    display: block;
    width: 100%;
    margin: 10px 0 0;
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
}

    .red-btn:hover,
    .red-btn:focus {
        background: #e9253d;
        color: #fff;
    }

.green-btn,
.order-table-wrapper tbody td .green-btn {
    color: #fff;
    background: #4caf50;
    padding: 5px 10px;
    border-radius: 5px;
    border: none;
    outline: none;
    display: block;
    width: 100%;
    margin: 10px 0 0;
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
}

    .green-btn:hover,
    .green-btn:focus,
    .order-table-wrapper tbody td .green-btn:hover,
    .order-table-wrapper tbody td .green-btn:focus {
        background: #37933b;
        color: #fff;
    }

.mb-0 {
    margin: 0 !important;
}

.red {
    color: #ff364e !important;
    background-color: #f8f8f8;
    padding: 15px;
}

.mb-30 {
    margin-bottom: 30px !important;
}

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

.green {
    background-color: green;
}

.va-middle {
    vertical-align: 5px;
}

.dark-red {
    background-color: red;
}

.yellow {
    background-color: yellow;
}

.fuchsia {
    background-color: fuchsia;
}

.aqua {
    background-color: aqua;
}

.bar {
    width: 100px;
    height: 15px;
    display: inline-block;
    border-radius: 4px;
    vertical-align: middle;
}

.order-table-wrapper tbody {
    font-size: 14px;
}

.order-table-wrapper {
    padding: 0 0 15px 0;
}

    .order-table-wrapper .fixed-width {
        width: 150px;
        word-break: break-word;
        white-space: break-spaces;
    }

/* Art Department */



.art-comp-wrap .label-wrap {
    margin: 0;
}

.art-comptype thead {
    background-color: #f5f5f5;
}

.art-comptype tbody {
    font-size: 14px;
}

.art-comptype table .select-art .form-control {
    font-size: 12px;
}

.art-comptype .status-pill {
    color: #ff364e;
}

.order-modal.art-modal .modal-body {
    padding: 0;
}

.order-modal .modal-body-header {
    background-color: #f8f8f8;
    padding: 10px;
}

.order-modal .modal-body-content {
    padding: 10px;
}

.order-modal .modal-card {
    padding: 10px;
    background-color: #fff;
    margin-bottom: 15px;
    box-shadow: 0 0 2px #000;
    -webkit-box-shadow: 0 0 2px #000;
    -moz-box-shadow: 0 0 2px #000;
}

.modal-card h4 {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}

.modal-card ul {
    padding-left: 0;
}

    .modal-card ul li {
        list-style-type: none;
        display: inline-block;
    }

.textbox-ins .label-wrap {
    width: 10%;
}

.textbox-ins .input-wrap {
    width: 90%;
}

    .textbox-ins .input-wrap span {
        height: auto;
    }

hr.dark {
    border-top: 1px solid #222;
}

.wrap-text span {
    display: block;
    white-space: nowrap;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .wrap-text span.d-wrap {
        white-space: normal;
        overflow: visible;
    }

.modal-body-content .label-wrap label {
    margin-bottom: 0;
}

.fixed-col-130 {
    width: 130px;
}

.fixed-col-120 {
    width: 120px;
}

.fixed-col-110 {
    width: 110px;
}

.fixed-col-105 {
    width: 105px;
}

.fixed-col-100 {
    width: 100px;
}

.fixed-col-80 {
    width: 80px;
}

.fixed-col-90 {
    width: 90px;
}

.tableFixHead {
    overflow-y: auto;
}

    .tableFixHead table {
        border-collapse: collapse;
        width: 100%;
        display: block;
        overflow-y: auto;
    }

    .tableFixHead th,
    .tableFixHead td {
        padding: 8px 16px;
        font-size: 12px;
    }

.tableFixHead thead th {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	top: 0;
	background: #eee;
	z-index: 1;
}
.multiselect__content-wrapper{
	z-index:999!important;
}
.height-450 {
    height: 450px;
}

hr {
    margin: 10px 0;
}

.height-350 {
    max-height: 350px;
}

.div-table-fixed table {
}

tr.rush-order,
tr.rush-order select.form-control,
span.rush-order {
    color: #f63106;
}

tr.jpeg-order,
tr.jpeg-order select.form-control,
span.jpeg-order {
    color: limegreen;
}

tr.immediate-attention,
tr.immediate-attention select.form-control,
span.immediate-attention {
    color: #B58EE9;
}

tr.current-assigned-user,
tr.current-assigned-user select.form-control,
span.current-assigned-user {
    color: #00BFFF;
}

tr.quick-change,
tr.quick-change select.form-control,
span.quick-change {
    color: orange;
}

tr.pending-comp, tr.pending-comp select.form-control, span.pending-comp {
    color: orange;
}

tr.low-priority, tr.low-priority select.form-control, span.low-priority {
    color: hotpink;
}

.art-comptype table .select-art select.form-control {
    height: 30px;
    padding: 0 5px;
}

.word-break-all {
    word-break: break-all;
}

.select-art .form-group {
    height: 25px;
    position: relative;
}

.select-art .loader {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.legend-block {
    padding: 5px 0;
    text-align: right;
}

    .legend-block .rush-order {
        margin-right: 5px;
    }

        .legend-block .rush-order::before {
            content: '';
            width: 11px;
            height: 11px;
            background-color: #f63106;
            display: inline-block;
            margin: 0 5px;
            border-radius: 2px;
        }

    .legend-block .immediate-attention::before {
        content: '';
        width: 11px;
        height: 11px;
        background-color: #B58EE9;
        display: inline-block;
        margin: 0 5px;
        border-radius: 2px;
    }

.order-table-wrapper .table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #e8e8e8;
}

/* 6th March - styles for PO Art*/

.info-box {
    background-color: #d1e6d2;
    padding: 15px;
    margin-bottom: 5px;
}

    .info-box p {
        margin-bottom: 0;
        color: #167b24;
    }

.custom-file-upload {
    padding: 10px 12px;
    cursor: pointer;
    background-color: #ff364e;
    color: #fff;
    border-radius: 4px;
    margin-top: 10px !important;
}

.custom-upload-btn .mt-0 {
    margin-top: 0 !important;
}

.file-list {
    position: relative;
}

.file-list-item .file-details {
    padding-right: 30px;
    word-break: break-all;
}

.po-arts .file-details h5 {
    margin: 0 0 5px 0;
    font-weight: 100;
    font-size: 14px;
}

.file-details p {
    font-size: 12px;
    color: #222;
    margin: 0;
}

.po-arts .label-wrap {
    text-align: left;
}

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

.file-list-item {
    border-bottom: 1px solid #ddd;
    padding: 15px 0 15px;
}

    .file-list-item a {
        position: relative;
        display: inline-block;
        padding-left: 60px;
    }

    .file-list-item .img-wrap img {
        width: 50px;
        height: 40px;
        position: absolute;
        left: 0;
        top: 0;
        border: #ddd 1px solid;
    }

.file-list:last-child .file-list-item {
    border: none;
    padding-bottom: 0;
}

.approval-tab-contents .po-arts input[type="submit"].preview-btn {
    margin-left: 0%
}

.upload-box {
    padding-left: 30px;
}

.search-po {
    position: relative;
}

    .search-po .form-control {
        margin-top: 0;
    }

    .search-po input.btn {
        position: absolute;
        top: 0;
        right: 0;
        border-radius: 0;
        margin-top: 0;
    }

.tab-contents .search-po input.form-control {
    margin-top: 0;
}

.file-list .remove {
    position: absolute;
    top: 10px;
    right: -5px;
    color: #ff364e;
    padding-left: 0;
    font-size: 20px;
}

    .file-list .remove:hover {
        cursor: pointer;
    }

.custom-file-upload {
    cursor: pointer;
    background-color: #2196f3;
    color: rgb(255, 255, 255);
    margin-top: 15px !important;
    padding: 10px 12px;
    border-radius: 4px;
}

.custom-upload-btn input[type="file"] {
    display: none;
}

.error-msg {
    background-color: #ffe9ec;
    padding: 5px 10px;
    color: #ff364e;
    font-size: 14px;
    margin: 0 15px;
}

.success-msg {
    background-color: #cbfccb;
    padding: 15px;
    color: #19811d;
    margin: 8px 0;
}

.warning-msg {
    background-color: #f2cf66;
    padding: 15px;
    color: #4f4427;
    margin: 15px 0;
}

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

.approval-tab-contents .vertical-form label {
    margin-bottom: 5px;
}

.readonly-box {
    background-color: #f5f5f5;
    padding: 12px 6px;
    width: 100%;
    display: block;
    height: 38px;
    border-radius: 4px;
}

td .readonly-box {
    background-color: #ffffff;
}

.vertical-form {
    margin-bottom: 15px;
}

.ml-0 {
    margin-left: 0 !important;
}

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

    .shadowed-box .table-wrap {
        width: 100%
    }

.date-col {
    width: 150px;
}

.datepicker-box {
    position: relative;
    z-index: 1;
}

    .datepicker-box input {
        padding-left: 35px;
    }

        .datepicker-box input:hover {
            cursor: pointer;
        }

    .datepicker-box .caret {
        position: absolute;
        top: 10px;
        right: 10px;
    }

.tab-contents .po-arts hr {
    margin: 0;
}

.vdp-datepicker {
    padding: 0;
    border: none !important;
}

    .vdp-datepicker input {
        width: 100%;
        height: 25px;
        padding: 5px 10px;
        border-radius: 4px;
        border: 1px solid #ddd !important;
        font-size: 10px;
    }

.tab-contents.approval-tab-contents .vdp-datepicker.form-control {
    margin: 0;
}

.modal-footer .btn {
    padding: 4px 12px;
    border: none;
    font-size: 11px;
    width: 100%;
}

    .modal-footer .btn + .btn {
        margin-left: 0;
        margin-top: 5px;
    }

.vdp-datepicker input:focus {
    outline: none;
}

.btn-wrap .btn {
    width: 100%;
    padding: 10px 0;
}

.vdp-datepicker__calendar header {
    padding: 0;
    border-radius: 4px;
}

/** for drag and drop **/

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 25px;
    padding: 0.375rem 0.75rem;
    line-height: 16px;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .custom-file-label::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        display: block;
        height: 23px;
        padding: 3px 20px;
        line-height: 1.5;
        color: #495057;
        content: "Browse";
        background-color: #e9ecef;
        border-left: 1px solid #ced4da;
        border-radius: 0 0.25rem 0.25rem 0;
    }

.dragdrop-box {
    height: 67px;
}

    .dragdrop-box .custom-file-label:hover {
        cursor: pointer;
    }

    .dragdrop-box .custom-file-label::after {
        display: none;
    }

    .dragdrop-box .custom-file-label {
        border: 1px dashed #00a99d;
        height: 60px;
        font-size: 16px;
        font-weight: 100;
        color: #aaa;
        line-height: 55px;
        text-align: center;
    }

.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse";
}

.less-spaced-col {
    margin-right: -2px;
    margin-left: -2px;
}

    .less-spaced-col > [class*=col-] {
        padding-right: 2px;
        padding-left: 2px;
    }

.input-wrap.text-area-wrap span {
    min-height: 96px;
}

.art-com-details-modal.order-modal .input-wrap span {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.6);
}

.art-com-details-modal.order-modal .input-wrap.location-input span {
    color: #ed1c24;
}

.pagination-list {
}

    .pagination-list ul {
        margin: 0;
        padding: 0;
    }

        .pagination-list ul li {
            list-style-type: none;
            display: inline-block;
            margin: 0;
            vertical-align: top;
        }

            .pagination-list ul li span {
                border: 1px solid #ddd;
                display: inline-block;
                min-height: 25px;
                border-radius: 4px;
                color: #999;
                width: 40px;
                background: none;
                padding: 0 5px;
                text-align: center;
                line-height: 23px;
                text-transform: uppercase;
            }

            .pagination-list ul li .fa {
                display: inline-block;
                background: #cde9eb;
                color: #000;
                padding: 7px 12px;
                border-radius: 5px;
            }

                .pagination-list ul li .fa:hover {
                    background: #0fbac1;
                }

.modal-body-header h4 {
    margin: 8px 0 0;
    font-size: 14px;
}

.art-detail-wrap hr {
    margin: 10px 0 15px;
}

.art-detail-wrap:last-child hr {
    display: none;
}

.order-modal.art-com-details-modal .modal-body-content {
}

.art-com-details-modal .modal-card h4 {
    margin: 6px 0 0;
}

.art-com-details-modal hr.dark {
    margin: 10px 0 15px;
}

.viewed-art-comp,
.table-striped > tbody > tr.viewed-art-comp:nth-child(odd) > td,
.table-striped > tbody > tr.viewed-art-comp:nth-child(odd) > th,
.order-table-wrapper .table-striped > tbody > trtr.viewed-art-comp:nth-child(odd) > td,
.table-striped > tbody > trtr.viewed-art-comp:nth-child(odd) > th {
    background-color: #e8afaf;
}

.pt-0 {
    padding-top: 0 !important;
}

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

.order-modal.art-com-details-modal .input-wrap span {
    padding: 5px;
    line-height: 13px;
    min-height: 25px;
    border: 1px solid rgba(15, 186, 193, 0.4);
    color: #333;
    word-break: break-word;
    font-size: 10px;
}

.art-comp-detail-body-grayed-out,
.art-comp-detail-body-grayed-out .modal-card {
    background-color: rgb(237, 254, 255);
}

.italic {
    font-style: italic;
}

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

.p-04 {
    padding: 0 4px !important;
}

.w-34 {
    width: 40% !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.w-66 {
    width: 60% !important;
}

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

.order-table-wrapper .table-bordered > thead > tr > th,
.order-table-wrapper .table-bordered > thead > tr > td {
    vertical-align: middle;
}

.art-comptype .tab-contents .form-control {
    height: 20px;
}

input .path-btn {
    padding: 1px 5px;
    background: rgb(255, 136, 150);
    border: none;
    color: #fff;
    font-size: 12px;
}

.order-table-wrapper a.view-btn {
    padding: 1px 3px;
    line-height: 14px;
    font-size: 10px;
}

.art-comptype.seo-tab {
    padding: 2px 0px 25px;
}

.art-comptype .table > thead > tr > th,
.art-comptype .table > tbody > tr > th,
.art-comptype .table > tfoot > tr > th,
.art-comptype .table > thead > tr > td,
.art-comptype .table > tbody > tr > td,
.art-comptype .table > tfoot > tr > td {
    font-size: 10px;
    vertical-align: middle;
    padding: 2px 8px;
    line-height: 16px;
}

.art-comptype .select-art .form-group {
    margin: 0;
    height: 30px;
}

.art-comptype .order-table-wrapper .select-art .form-group {
    height: inherit;
}

.add-row-wrap {
}

    .add-row-wrap a i {
        line-height: 22px;
    }

.pay-form .art-info-wrap .w-100-cols .label-wrap,
.pay-form .art-info-wrap .w-100-cols .input-wrap {
    width: 100%;
    float: none;
    padding: 0;
}

.comp-art-wrap {
}

.status-indicator {
    font-size: 12px;
}

    .status-indicator ul {
        margin: 0;
        padding: 0;
    }

        .status-indicator ul li {
            list-style-type: none;
            display: inline-block;
            vertical-align: middle;
            margin: 0 10px 5px 0;
            font-size: 11px;
            position: relative;
            min-height: 15px;
            padding-left: 25px;
        }

    .status-indicator .bar {
        width: 15px;
        vertical-align: middle;
        margin-right: 5px;
        position: absolute;
        left: 0;
        top: 0;
    }

.load-wrap {
    color: #008000;
    padding: 10px 0;
}

.order-modal.art-com-details-modal .input-wrap span.cell {
    padding: 0;
    display: inline-block;
    min-height: auto;
    border: none;
    width: 14.285714285714286%;
    line-height: 40px;
}

.order-modal .vdp-datepicker__calendar header span {
    width: 71.42857142857143%;
    border: none !important;
}

.order-modal .vdp-datepicker__calendar header .prev,
.order-modal .vdp-datepicker__calendar header .next {
    width: 14.285714285714286%;
    border: none !important;
}

.btn-wrap {
    margin: 22px 0 0;
}

.modal-title-wrap {
    background: #9fe3e6;
    padding: 1px 10px;
    margin: 0 -10px 12px;
    font-weight: 600;
    letter-spacing: 1px;
}

.modal-body-content .table-wrap {
    padding: 0;
    margin: 20px 0 0;
}

.order-modal .modal-footer.text-right {
    text-align: left;
    padding: 10px 15px;
}

.tab-contents.approval-tab-contents .form-control.small-input {
    width: 50px;
    border: #ddd 1px solid;
    padding: 0 10px;
    text-align: center;
    height: 25px;
    display: inline-block;
    margin: 0;
}

.seo-tab .inline-items {
}

    .seo-tab .inline-items > ul > li {
        margin: 0 5px 5px;
    }

.refresh-ico a {
    font-size: 10px;
    color: #0eb11a;
    display: inline-block;
}

.approval-tab-contents.tab-contents .inline-items label {
    vertical-align: 0;
}

.inline-items.date-list .vdp-datepicker input[type="text"] {
    width: 100%;
}

.inline-items.text-lg-center {
    padding: 0;
}

.reject-col {
    margin: 4px 0 0;
}

.modal-url {
    display: inline-block;
    margin: 8px 10px;
    font-size: 12px;
    color: #0fbac1;
}

.checkbox-wrap {
    margin: 5px 0 0;
}

.pay-form .production-form .input-wrap span.more span {
    width: auto;
    display: inline-block;
}

.pay-form .production-form .input-wrap span.more .morecontent span {
    display: none;
}

.modal-body-content .file-details p {
    margin: 0;
}

.modal-body-content .file-list-item {
    padding: 0 0 15px;
}

.modal-body-content .upload-box {
    padding-left: 0;
}

.columns {
    background: #fff;
    padding: 10px 15px;
    margin: 20px 0 0;
}

.update-col {
    padding: 15px 0;
    line-height: 24px;
    border-bottom: #ddd 1px solid;
}

    .update-col:last-child {
        border: none;
    }

    .update-col .file-list-item {
        padding: 0 0 10px;
        margin: 0 0 10px;
    }

.default-btn {
    padding: 10px 30px;
    border: none;
}

.modal-wrap {
}

    .modal-wrap.order-modal .modal-body-content {
        padding-top: 15px;
    }

.edit-btn {
    padding: 4px 10px;
}

.id-wrap {
}

.big-upload-box {
    position: relative;
    margin: 15px 0 15px 0;
    padding-left: 0;
    border: 3px dashed #00a99d;
    background: #fff;
    min-height: 200px;
}

    .big-upload-box .dragdrop-box {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .big-upload-box .custom-file {
        height: 100%;
        margin: 0;
    }

    .big-upload-box .custom-file-input {
        height: 100%;
        top: 0;
    }

    .big-upload-box .dragdrop-box .custom-file-label {
        height: 100%;
        line-height: 100%;
        padding: 10px 0 0;
        background: none;
        border: none;
    }

    .big-upload-box .file-list-box {
        position: relative;
        padding: 50px 25px 15px;
    }

.file-list .remove,
.file-list-item a {
    z-index: 9;
}

.textarea-wrap {
}

.alt-accordion.art-location-wrap .panel-heading {
    background-color: #8c8c8c;
    border-radius: 0;
}

.inline-lists {
}

    .inline-lists ul {
        margin: 0;
        padding: 0;
    }

        .inline-lists ul li {
            list-style-type: none;
            display: inline-block;
        }

            .inline-lists ul li input {
                width: 30px;
                padding: 5px 6px;
            }

.production-form .art-location-wrap .inline-lists ul li {
    width: auto;
}

.production-form .production-info-wrap .art-location-wrap tbody td.fixed-width-td {
    width: 216px;
}

.production-form .production-info-wrap .art-location-wrap tbody td .editable-fields,
.tab-contents.approval-tab-contents .form-control.editable-fields {
    border: #fdc06a 1px solid;
    -webkit-box-shadow: inset 0px 0px 2px 0px #fdc06a;
    -moz-box-shadow: inset 0px 0px 2px 0px #fdc06a;
    box-shadow: inset 0px 0px 2px 0px #fdc06a;
}

.editable-fields-multiselect .multiselect__tags {
    border: #fdc06a 1px solid;
    -webkit-box-shadow: inset 0px 0px 2px 0px #fdc06a;
    -moz-box-shadow: inset 0px 0px 2px 0px #fdc06a;
    box-shadow: inset 0px 0px 2px 0px #fdc06a;
}

.production-form .production-info-wrap .art-location-wrap tbody td input.error,
.production-form .production-info-wrap .art-location-wrap input.error {
    border: 1px solid Red;
}



#ta_rejects_info {
    height: 85px;
    font-size: 12px;
    line-height: 20px;
    overflow-y: scroll;
    text-align: left;
}

.btn.btn-primary.primary-btn {
    padding: 10px 10px;
    border: none;
    margin: 10px 0 0;
}

.inline-lists label {
    color: rgba(0, 0, 0, 0.5);
}

.error-box {
    line-height: 24px;
    font-size: 14px;
}

.production-form .multiselect__content-wrapper {
    z-index: 9;
}

.production-form ul.multiselect__content {
    margin: 0;
}

.production-form .art-location-wrap ul li.multiselect__element {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0;
}

.pay-form .production-form .input-wrap span.multiselect__option {
    padding: 0;
    display: block;
}

    .pay-form .production-form .input-wrap span.multiselect__option span {
        border-radius: 0;
    }

.pay-form .production-form .input-wrap span.multiselect__option--highlight span {
    background: #41b883;
    border-radius: 0;
    padding: 5px 6px;
}

.pay-form .production-form .input-wrap span.multiselect__option--selected span {
    background: #f3f3f3;
}

.pay-form .production-form .input-wrap span.multiselect__option.multiselect__option--highlight.multiselect__option--selected span {
    background: #ff6a6a;
}

.uploaded-date {
    margin: 6px 0 0;
}

    .uploaded-date small {
        display: inline-block;
    }

.add-row-wrap .btn i:before {
    content: "\f068";
}

.add-row-wrap .btn.collapsed i:before {
    content: "\f067";
}

.modal-table-wrap {
    margin: 15px 0;
}

    .modal-table-wrap .table-bordered {
        margin: 0;
    }

    .modal-table-wrap p {
        margin: 0;
        font-size: 12px;
    }

    .modal-table-wrap thead {
        background: #9bdfe2;
    }

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

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

.ml-2 {
    margin-left: 20px !important;
}

.art-modal .art-location-wrap .panel-heading h4 {
    padding: 5px 0;
}

.art-modal .form-control[disabled],
.art-modal .form-control[readonly],
.art-modal fieldset[disabled] .form-control {
    background-color: #fff;
}

.art-modal .big-upload-box {
    margin: 0;
}

.art-modal .modal-body-content .file-list-item {
    margin: 10px 0 0;
}

.art-modal .file-list-item .img-wrap img {
    top: 11px;
}

.art-modal .file-list-item .file-details {
    padding-right: 0;
}

.panel-body.bg-white {
    background: #fff;
}

.w-50 {
    max-width: 50px;
}

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

.production-screen-tab {
}

    .production-screen-tab .inline-form {
        padding: 0;
        margin-bottom: 0;
    }

    .production-screen-tab .form-group {
        margin-bottom: 0;
    }

    .production-screen-tab .label-wrap.text-right {
        text-align: right;
        margin: 10px 0 0;
    }

.block-title {
}

.tab-contents .block-title h4 {
    font-size: 14px;
    margin: 5px 0 0;
    padding: 0;
}

.production-screen-tab .form-groups {
    margin-top: 0;
    margin-bottom: 0;
}

.production-form ul.col-5-li li {
    margin: 3px 0;
}

    .production-form ul.col-5-li li label {
        font-size: 12px;
        margin: 0 0 5px;
    }

.production-form ul.col-5-li .label-wrap {
    margin: 3px 0 0px;
}

.production-inputs .form-group {
    margin: 0 0 5px;
}

.reject-text-wrap {
    font-size: 14px;
    line-height: 20px;
}

    .reject-text-wrap p {
        margin: 5px 0 0;
    }

.production-screen-tab .tab-wrap .tab-content {
    padding: 10px 0 0;
    margin: 0;
}

.pl-0 {
    padding-left: 0 !important;
}

.file-list-box hr {
    border-width: 1px;
}

[tooltip] {
    position: relative;
    display: inline-block;
    padding: 0;
    border: none;
    background: none;
    color: #44b4a6;
    margin: 2px 0;
    font-size: 12px;
    vertical-align: middle;
    outline: none;
}

    [tooltip]::before {
        content: "";
        position: absolute;
        top: -6px;
        left: 50%;
        transform: translateX(-50%);
        border-width: 4px 6px 0 6px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
        z-index: 99;
        opacity: 0;
    }

    [tooltip]::after {
        content: attr(tooltip);
        position: absolute;
        left: 50%;
        top: -6px;
        transform: translateX(-50%) translateY(-100%);
        background: #000;
        text-align: center;
        color: #fff;
        padding: 4px 2px;
        font-size: 11px;
        min-width: 80px;
        border-radius: 5px;
        pointer-events: none;
        padding: 4px 4px;
        z-index: 99;
        opacity: 0;
    }

    [tooltip]:hover::after,
    [tooltip]:hover::before {
        opacity: 1
    }

.complete-order-tab .vertical-form {
    margin: 8px 0 0;
}

.complete-order-tab .readonly-box {
    padding: 7px 10px;
    height: 30px;
    border-radius: 4px;
    font-size: 12px;
}

.production-inner-tab {
    margin-bottom: 10px;
}

.instruction-btn {
}

    .instruction-btn .btn {
        padding: 2px 5px;
        width: 60px;
    }

.btn-success {
    transition: .2s all linear;
}

.instruction-btn .btn.btn-success {
    color: #000;
    margin: 0;
    background: #e4e4e4;
    border-color: #e4e4e4;
    font-size: 12px;
}

.refresh-img {
    margin: 0px 0 0 5px;
}

.seo-tab-wrap {
}

    .seo-tab-wrap .col-group {
        margin: 0;
    }

    .seo-tab-wrap .title-col {
        padding: 15px 0 10px;
    }

.art-modal art-com-details-modal .form-group {
    margin-bottom: 0px;
}

.modal-table-wrap thead > tr > th {
    padding: 4px 8px;
}

.art-detail-wrap hr {
    margin: 10px 0;
}

.art-no {
    display: inline-block;
    background: #0db8c0;
    color: #fff;
    padding: 2px 5px;
    border-radius: 20px;
    font-size: 12px;
    margin: 1px 4px;
    vertical-align: middle;
    text-decoration: none;
}

    .art-no:hover {
        background: #06969c;
        color: #fff;
        text-decoration: none;
    }

.po-modal {
}

    .po-modal .update-col {
        padding: 0 0;
    }

    .po-modal p {
        font-size: 12px;
        margin: 0 0;
    }

.art-modal.po-modal .modal-body-content .file-list-item {
    margin: 0;
}

.panel-body h5 {
    font-weight: 600;
}

.no-art-box hr {
    border-color: #fff;
}

.panel-body .columns {
    margin: 0;
}

.modal-footer {
    margin-top: 0;
}

.approval-tab-contents.tab-contents .checkbox label {
    font-size: 10px;
    vertical-align: top;
    line-height: 14px;
    min-height: 16px;
}

.btn-groups a {
    padding: 5px 10px;
    font-size: 11px;
    border: none;
    line-height: 15px;
}

.tab-content.manage-user-tab {
    font-size: 14px;
}

.manage-user-tab .span-role-tag {
    margin: 2px 2px;
    padding: 2px 4px;
    border-radius: 6px;
    font-size: 10px;
}

.manage-user-tab .table > thead > tr > th,
.manage-user-tab .table > tbody > tr > th,
.manage-user-tab .table > tfoot > tr > th,
.manage-user-tab .table > thead > tr > td,
.manage-user-tab .table > tbody > tr > td,
.table > tfoot > tr > td {
    font-size: 12px;
}

.manage-user-tab thead {
    background-color: #44b4a6;
    color: #fff;
}

.bg-white {
    background: #fff !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.ManageShipment-tab {
}

    .ManageShipment-tab .btn.green-btn,
    .ManageShipment-tab .btn.view-btn {
        margin: 0;
        padding: 3px 8px;
        font-size: 10px;
    }

/******/

/**styles for new admin layout**/

/*****/

.navbar-default {
    background: none;
    border: none;
}

    .navbar-default .navbar-brand {
        color: #777;
        float: none;
        display: block;
        padding: 0;
        height: inherit;
    }

.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

header {
    padding: 30px 0;
}

.right-col {
    margin-top: 30px;
}

    .right-col h3 {
        color: #ff364e;
        font-size: 14px;
        margin: 20px 0 0;
        font-family: 'Renogare-Regular';
        text-transform: uppercase;
    }

    .right-col p {
        margin: 10px 0 0;
    }

        .right-col p a {
            color: #0fbac1;
        }

/*dashboard styles*/

.fixed-ht-panel {
    height: calc(100vh - 220px);
    overflow: hidden;
    padding-bottom: 20px;
}

.dashboard-block {
    background: #eff3f6;
    min-height: 100vh;
}

.dashboard-top-bar {
    background: #05d8e1;
    padding: 7px 0;
    position: relative;
}

.logo-holder {
    background: #05d8e1;
    padding: 32px 0px;
    position: relative;
    padding-right: 45px;
    border-right: #fff 1px solid;
}

span.big-logo {
}

span.small-logo {
    display: none;
}

.nav-trigger.nav-trigger-close {
    position: absolute;
    right: 10px;
    top: 18px;
}

    .nav-trigger.nav-trigger-close a {
        color: #e74c3c;
        border-radius: 50%;
        display: block;
        text-align: center;
        width: 25px;
        height: 25px;
        line-height: 24px;
        border: #e74c3c 2px solid;
        background: #fff;
    }

        .nav-trigger.nav-trigger-close a:hover {
            background: #e74c3c;
            color: #fff;
        }

ul.tab-content {
    padding: 0;
}

.dashboard-tab {
    margin: 0;
    position: relative;
}

    .dashboard-tab .tab-content.dashboard-tab-content {
        padding: 30px 15px;
    }

.left-panel .nav-tabs.nav-stacked > li {
    margin-bottom: 0;
    border-bottom: rgba(255, 255, 255, 0.25) 1px solid;
}

    .left-panel .nav-tabs.nav-stacked > li:last-child {
        border: none;
    }

.left-panel .nav-stacked > li + li {
    margin-top: 0;
}

.left-panel .nav-tabs.nav-stacked > li > a {
    margin-right: 0;
    border: none;
    border-radius: 0;
    color: #6f6f6f;
    letter-spacing: 1px;
    font-size: 10px;
    white-space: nowrap;
    padding: 15px 5px 15px 35px;
    position: relative;
}

.left-panel .nav.nav-stacked > li > a:focus,
.left-panel .nav.nav-stacked > li > a:hover,
.left-panel .nav-tabs.nav-stacked > li.active > a,
.left-panel .nav-tabs.nav-stacked > li.active > a:focus,
.left-panel .nav-tabs.nav-stacked > li.active > a:hover {
    border: none;
    color: #03a2a9;
}

.left-panel .nav-tabs.nav-stacked > li.open .fa-chevron-down:before {
    content: "\f077";
}

.left-panel .dropdown ul.dropdown-menu {
    border-radius: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: none;
    padding: 0;
    position: relative;
    width: 100%;
    background: rgb(218, 242, 244);
}

.left-panel .dropdown-menu > li > a {
    padding: 10px 15px;
    color: #6f6f6f;
    font-size: 10px;
}

    .left-panel .dropdown-menu > li > a:hover,
    .left-panel .dropdown-menu > .active > a,
    .left-panel .dropdown-menu > .active > a:focus,
    .left-panel .dropdown-menu > .active > a:hover {
        color: #484f59;
    }

        .left-panel .dropdown-menu > .active > a,
        .left-panel .dropdown-menu > .active > a:focus,
        .left-panel .dropdown-menu > .active > a:hover {
            background-color: #05d8e1;
        }

.mCSB_scrollTools {
    z-index: 9999;
}

.left-panel .icon-holder {
    border-radius: 6px;
    display: inline-block;
    font-size: 12px;
    height: 35px;
    left: 0;
    line-height: 35px;
    position: relative;
    text-align: center;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 35px;
    position: absolute;
    left: 0px;
    top: 6px;
}

.left-panel .title {
    display: inline-block;
}

.user-box {
    text-align: right;
}

.inline-elements-block .btn {
    background: none;
    border: none;
    border-radius: 0;
    padding: 0;
    color: #fff;
    min-height: 18px;
}

.account-name-wrap {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 20ch;
    vertical-align: bottom;
}

.user-box .btn-default.active,
.user-box .btn-default:active,
.user-box .open > .dropdown-toggle.btn-default,
.user-box .btn-default.active.focus,
.user-box .btn-default.active:focus,
.user-box .btn-default.active:hover,
.user-box .btn-default:active.focus,
.user-box .btn-default:active:focus,
.user-box .btn-default:active:hover,
.user-box .open > .dropdown-toggle.btn-default.focus,
.user-box .open > .dropdown-toggle.btn-default:focus,
.user-box .open > .dropdown-toggle.btn-default:hover,
.user-box .btn-default:hover,
.user-box .btn-default.focus,
.user-box .btn-default:focus {
    color: #fff;
    background: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.user-box .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
}

span.user-img {
    display: inline-block;
    width: 30px;
    height: 20px;
    margin: 0px 8px 0 0;
    border-radius: 50%;
}

    span.user-img img {
        border-radius: 50%;
    }

.dashboard-footer {
    text-align: center;
    padding: 15px 0;
    border-top: rgba(0, 0, 0, 0.1) 1px solid;
}

    .dashboard-footer p {
        margin: 0;
    }

/* offcanvas left */

.left-panel {
    background: #fff;
    /*overflow: hidden;*/
    position: fixed;
    top: 0;
    width: 180px;
    left: -180px;
    z-index: 1000;
    height: 100vh;
    min-height: 100%;
    padding: 0 0;
    vertical-align: top;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.right-panel {
    min-height: 100vh;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.nav-active .left-panel {
    left: 0;
}

.nav-active .right-panel {
    padding-left: 0;
}

.nav-active a.nav-icon i:before {
    content: "\f30b";
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
    background-color: rgba(255, 255, 255, 0.12);
}

.nav-tabs {
    border-bottom: none;
}

.nav-trigger.navbar-pos-search {
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 9;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    line-height: 26px;
}

    .nav-trigger.navbar-pos-search a {
        color: #fff;
        font-size: 20px;
    }

.arrow-right {
    font-size: 10px;
    line-height: 19px;
    position: absolute;
    right: 15px;
    -webkit-transition: all .05s ease-in;
    -o-transition: all .05s ease-in;
    transition: all .05s ease-in;
}

.left-panel-wrap {
    -webkit-box-shadow: 1px 0px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 0px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 0px 3px 0px rgba(0, 0, 0, 0.3);
}

.user-av {
    text-align: center;
    padding: 20px 10px 0;
}

.round-fig {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto 10px;
    position: relative;
}

.status-wrap {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #00c588;
    border-radius: 50%;
    border: #fff 2px solid;
}

.round-fig img {
    border-radius: 50%;
}

.left-panel hr {
    border-top: 1px solid #c7c5c5;
    margin-bottom: 0;
}

.user-av p {
    margin: 0 0;
    color: #797676;
    line-height: 24px;
    font-size: 12px;
}

    .user-av p strong {
        display: inline-block;
        word-break: break-all;
        white-space: normal;
    }

.search-wrap {
    margin: 7px 0 0 40px;
    padding: 0 0 0 20px;
    border-left: #fff 1px solid;
}

    .search-wrap .form-group {
        margin-bottom: 0;
        position: relative;
    }

    .search-wrap .form-control {
        background: #daf2f4;
        border: none;
        border-radius: 20px;
        padding: 0 0 0 30px;
    }

    .search-wrap button {
        position: absolute;
        left: 5px;
        top: 6px;
        background: none;
        border: none;
        color: #95a3a6;
        font-size: 12px;
    }

.inline-elements-block {
    text-align: center;
    margin: 5px 0 0;
}

    .inline-elements-block ul {
        margin: 0;
        padding: 0;
    }

    .inline-elements-block > ul > li {
        line-height: 28px;
        list-style-type: none;
        display: inline-block;
        margin: 4px 25px 0 0;
        font-size: 14px;
        color: #484f59;
    }

        .inline-elements-block > ul > li:last-child {
            margin: 0;
            vertical-align: super;
        }

        .inline-elements-block > ul > li > a {
            color: #fff;
        }

.btn-groups {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.add-user-li {
    border-right: #fff 1px solid;
    padding: 0 25px 0 0;
}

.drop-footer {
    text-align: center;
    background: #efeeee;
    padding: 10px 15px;
    font-size: 14px;
}

    .drop-footer a {
        color: #000;
        font-size: 14px;
        letter-spacing: 1px;
        display: inline-block;
    }

        .drop-footer a:hover {
            color: #09a8af;
            text-decoration: none;
        }

.inline-elements-block .dropdown-menu {
    margin: 5px 0 0 96px;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0 0px 8px rgba(0, 0, 0, .175);
    box-shadow: 0 0px 8px rgba(0, 0, 0, .175);
    background: #ffffff;
    left: 50%;
    right: auto;
    padding: 0;
    min-width: 100%;
    float: none;
    width: 290px;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
}

    .inline-elements-block .dropdown-menu li {
        display: block;
        margin: 0;
    }

.drop-header {
    background: #484f59;
    padding: 12px 15px;
    text-align: center;
    font-weight: 600;
    color: #fff;
}

    .drop-header h6 {
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 14px;
        margin: 0;
    }

.order-no-wrap {
    border-bottom: #efeeee 1px solid;
    text-align: center;
    padding: 10px 10px;
}

    .order-no-wrap a {
        color: #ff364e;
    }

.notification-alert {
    position: absolute;
    top: -3px;
    right: -9px;
    background: #fb71a2;
    border-radius: 2px;
    font-size: 10px;
    padding: 0px 4px;
}

.noti-desc p {
    margin: 0;
    line-height: 20px;
}

.inline-elements ul li a:hover {
    color: #000;
}

.inline-elements-block .dropdown-menu > li > a:focus,
.inline-elements-block .dropdown-menu > li > a:hover {
    color: #bec2c5;
}

.logout-box {
    background: #484f59;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px 0 15px 50px;
    color: #fff;
    z-index: 9999;
}

    .logout-box a {
        color: #bec2c5;
        text-decoration: none;
    }

        .logout-box a:hover {
            color: #fff;
        }

.page-title {
    background: #fff;
    padding: 18px 25px;
    border-bottom: #dcdcdc 2px solid;
}

    .page-title h1 {
        margin: 0;
        font-size: 16px;
        color: #78d5dc;
        font-weight: 600;
        letter-spacing: 1px;
    }

.tab-content-wrap {
    padding: 0 15px;
}

.customer-no-wrap {
    color: red;
    font-style: italic;
    font-weight: bold;
    padding: 20px 0;
}

.inner-tab .nav-tabs {
    padding: 0 15px;
}

.dashboard-block .tab-wrap .nav-tabs > li > a {
    padding: 4px 15px;
    font-size: 12px;
    border-top-width: 3px;
}

.dashboard-block .tab-wrap .nav-tabs > li.active > a,
.dashboard-block .tab-wrap .nav-tabs > li.active > a:hover,
.dashboard-block .tab-wrap .nav-tabs > li.active > a:focus,
.dashboard-block .tab-wrap .nav > li > a:hover,
.dashboard-block .tab-wrap .nav > li > a:focus {
    border-top-width: 3px;
    border-bottom-color: #efeeee;
}

.dashboard-block .tab-wrap .inner-tab .nav-tabs > li > a {
    padding: 5px 15px;
    font-size: 12px;
    border-top-width: 1px;
}

.dashboard-block .tab-wrap .inner-tab .nav-tabs > li.active > a,
.dashboard-block .tab-wrap .inner-tab .nav-tabs > li.active > a:hover,
.dashboard-block .tab-wrap .inner-tab .nav-tabs > li.active > a:focus,
.dashboard-block .tab-wrap .inner-tab .nav > li > a:hover,
.dashboard-block .tab-wrap .inner-tab .nav > li > a:focus {
    border-top-width: 1px;
}

.table-wrap .checkbox,
.table-wrap .radio {
    margin: 0;
}

.pay-form .label-wrap.text-right {
    text-align: right;
}

.error.error-box {
    margin: 15px 0 0;
}

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

.tab-contents .datepicker-box .form-control {
    padding-left: 30px;
}

.tab-contents .btn-group-xs > .btn,
.tab-contents .btn-xs {
    padding: 4px 5px;
}

.rush-orderimmediate-attention {
    color: #800080;
}

.search-btn-wrap {
    margin: 4px 0 0;
}

.btn-info {
    padding: 4px 12px;
    transition: .2s all linear;
}

.instruction-text {
    word-break: break-all;
}

    .instruction-text .btn {
        margin: 7px 0 0;
    }

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    vertical-align: middle;
    padding: 3px 5px;
}

.inline-div {
    display: inline-block;
    word-break: break-word;
    line-height: 18px;
}

span.read-only-fields {
    display: block;
    padding: 2px 5px;
    line-height: 18px;
    min-height: 25px;
    border: 1px solid rgba(15, 186, 193, 0.4);
    color: #333;
    word-break: break-word;
    font-size: 12px;
    border-radius: 4px;
}

.tab-contents .art-comp-tab .select-art .form-control {
    max-width: 125px;
}

.art-comp-tab .label-wrap {
    margin: 0px 0 0px;
}

.changed-box {
    font-size: 12px;
    color: #fff;
    background: rgba(3, 138, 14, 0.84);
    padding: 5px 5px;
    border-radius: 4px;
}

    .changed-box p {
        margin: 0;
    }

    .changed-box a {
        color: #fff;
    }

        .changed-box a:hover {
            color: #000;
            text-decoration: none;
        }

.intrstn-btn-wrap {
    margin: 12px 0 5px;
}

.production-form .multiselect__option:after {
    line-height: 26px;
}

.tab-contents.approval-tab-contents .inline-form .form-control {
    margin: 0;
    padding-right: 50px;
}

.multiselect {
    min-height: 25px;
}

.multiselect__tags {
    min-height: 25px;
    padding: 2px 40px 0 8px;
    border: none;
}

.multiselect__input,
.multiselect__single {
    margin-bottom: 0;
    padding: 0 0;
    margin: 0px 5px;
    font-size: 10px;
}

.multiselect__select {
    height: 25px;
    top: 1px;
}

.multiselect__tags-wrap {
    display: inline-block;
}

.multiselect__tag {
    margin: 5px 3px;
}

.multiselect__element {
    font-size: 10px;
}

.approval-tab-contents.tab-contents .check-wrp label {
    margin: -2px 0 0;
}

.multiselect--above .multiselect__content-wrapper {
    border-radius: 5px;
    border-top: none;
}

.multiselect--above.multiselect--active .multiselect__current,
.multiselect--above.multiselect--active .multiselect__input,
.multiselect--above.multiselect--active .multiselect__tags {
    border-radius: 5px;
}

.modal-content .table > tbody > tr > td,
.modal-content .table > tbody > tr > th,
.modal-content .table > tfoot > tr > td,
.modal-content .table > tfoot > tr > th,
.modal-content .table > thead > tr > td,
.modal-content .table > thead > tr > th {
    font-size: 12px;
    padding: 5px 5px;
}

.modal-dialog {
    width: auto;
    max-width: 1000px;
}

    .modal-dialog.modal-sm {
        width: 300px;
    }

.preloader-wrap {
    display: block;
    margin: 5px 0;
}

.hidden-elements {
    padding: 0px 25px 10px;
}

.cust-name {
    width: 160px;
}

.art-desc-col {
    width: 165px;
}

.last-col {
    width: 35px;
}

.one-lined-col-text {
    display: inline-block;
    height: 15px;
    overflow-y: hidden;
    word-break: break-all;
    vertical-align: sub;
}

.comments-col {
    width: 240px;
}

.edit-url {
}

.view-btn-col {
    width: 38px;
}

.comp-col {
    width: 60px;
}

.status-col {
    width: 50px;
}

.print-date-col {
    width: 85px;
}

.file-col {
    width: 50px;
}

.panel-heading.prod-panel-saved {
    background-color: rgb(222, 97, 97);
}

.suggestion-list-box {
    border: #ccc 1px solid;
    border-radius: 5px;
}

    .suggestion-list-box ul {
        margin: 0;
        padding: 0;
    }

        .suggestion-list-box ul li {
            list-style-type: none;
            display: block;
            border-bottom: #ccc 1px solid;
        }

            .suggestion-list-box ul li:last-child {
                border: none;
            }

            .suggestion-list-box ul li a {
                color: #0fbac1;
                text-decoration: none;
                display: block;
                padding: 8px 15px;
                cursor: pointer;
                border-radius: 5px;
            }

                .suggestion-list-box ul li a:hover,
                .suggestion-list-box ul li.active a {
                    background: rgb(242, 242, 242);
                }

.sales-id-col {
    width: 75px;
}

.tab-contents .form-control.small-field {
    border: 1px solid #ddd;
    margin: 0;
    width: 150px;
    display: inline-block;
}

.border-top-col {
    border-top: #ddd 1px solid;
    margin: 5px 0 0;
    padding: 5px 0 0;
}

.suggest-box {
    position: relative;
}

.suggest-dropdown {
    position: absolute;
    top: 29px;
    width: 100%;
    z-index: 1;
}

.suggest-box .inline-lists ul li {
    vertical-align: sub;
}

    .suggest-box .inline-lists ul li input {
        width: auto;
        font-size: 10px;
    }

.tab-contents .suggest-box .form-control.small-field {
}

.date-added-col {
    width: 125px;
}

.tab-contents .art-comp-tab .select-art .form-control {
    height: 20px;
    padding: 2px 3px;
    font-size: 10px;
}

.panel-group {
    margin-bottom: 0;
}

.art-location-wrap {
    padding-top: 0;
}

.production-inputs .multiselect__tags {
    min-height: 30px;
    height: 30px;
    padding: 0px 40px 0 0px;
}

.production-inputs .multiselect__input,
.production-inputs .multiselect__single {
    margin: 5px 0 0;
    font-size: 12px;
}

.production-inputs .production-inputs .multiselect__select {
    height: 30px;
}

.production-inputs .multiselect {
    min-height: 30px;
}

.production-inputs .multiselect__select {
    height: 30px;
}

.form-control.fixed-width-input {
    width: 100%;
}

.graph-holder {
    margin: 10px 0 0;
}

    .graph-holder img {
        max-height: 30px;
    }

.sticky-tab-bar {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 0;
    background: #efeeee;
    z-index: 3;
}

.sticky-cols {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 40px;
    background: #efeeee;
    z-index: 2;
}

.ship-sticky.sticky-cols {
    top: 28px;
}

.sticky-cols-2 {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 73px;
    background: #fff;
    padding: 10px 10px;
    z-index: 2;
    margin: -10px -10px;
}

.sticky-cols-3 {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 29px;
    background: #fff;
    padding: 0px 10px 1px;
    z-index: 2;
    margin: -10px -10px 1px;
}

.btns-holder {
}

    .btns-holder a,
    .order-table-wrapper tbody td .btns-holder a {
        color: #0fbac1;
        margin: 0 2px;
    }

        .btns-holder a:hover,
        .order-table-wrapper tbody td .btns-holder a:hover {
            color: #0b9ea5;
        }


.tab-right-col {
}

    .tab-right-col.inline-items > ul > li {
        margin: 0 0px 0 5px;
    }

.white-box {
    background: #fff;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    text-align: center;
    padding: 10px 5px;
}

.round-chart {
}

.block-title span {
    color: #44b4a6;
}

.chart-cols {
    overflow-y: scroll;
    padding: 2px 0;
}

    .chart-cols .block-title h4 {
        font-size: 14px;
    }

    .chart-cols .row {
        display: -webkit-flex;
        display: flex;
        padding: 0 10px;
    }

.inline-elements ul li:last-child {
    margin-right: 0;
}

.resize-observer[data-v-b329ee4c] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    pointer-events: none;
    display: block;
    overflow: hidden;
    opacity: 0
}

    .resize-observer[data-v-b329ee4c] object {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        overflow: hidden;
        pointer-events: none;
        z-index: -1
    }

.v-popper--theme-dropdown .v-popper__inner {
    background: #fff;
    color: #000;
    padding: 24px;
    border-radius: 6px;
    -webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 6px 30px rgba(0, 0, 0, .1);
    font-size: 12px;
}

.v-popper--theme-dropdown .v-popper__arrow {
    border-color: #fff
}

.v-popper__popper {
    z-index: 10000;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s, visibility .15s;
    transition: opacity .15s, visibility .15s
}

    .v-popper__popper.v-popper__popper--open {
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity .15s;
        transition: opacity .15s
    }

    .v-popper__popper.v-popper__popper--skip-transition {
        -webkit-transition: none !important;
        transition: none !important
    }

.v-popper__arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    z-index: 1
}

.v-popper__popper[x-placement^=top] {
    margin-bottom: 5px
}

    .v-popper__popper[x-placement^=top] .v-popper__arrow {
        border-width: 5px 5px 0 5px;
        border-left-color: transparent !important;
        border-right-color: transparent !important;
        border-bottom-color: transparent !important;
        bottom: -5px;
        left: calc(50% - 5px);
        margin-top: 0;
        margin-bottom: 0
    }

.v-popper__popper[x-placement^=bottom] {
    margin-top: 5px
}

    .v-popper__popper[x-placement^=bottom] .v-popper__arrow {
        border-width: 0 5px 5px 5px;
        border-left-color: transparent !important;
        border-right-color: transparent !important;
        border-top-color: transparent !important;
        top: -5px;
        left: calc(50% - 5px);
        margin-top: 0;
        margin-bottom: 0
    }

.v-popper__popper[x-placement^=right] {
    margin-left: 5px
}

    .v-popper__popper[x-placement^=right] .v-popper__arrow {
        border-width: 5px 5px 5px 0;
        border-left-color: transparent !important;
        border-top-color: transparent !important;
        border-bottom-color: transparent !important;
        left: -5px;
        top: calc(50% - 5px);
        margin-left: 0;
        margin-right: 0
    }

.v-popper__popper[x-placement^=left] {
    margin-right: 5px
}

    .v-popper__popper[x-placement^=left] .v-popper__arrow {
        border-width: 5px 0 5px 5px;
        border-top-color: transparent !important;
        border-right-color: transparent !important;
        border-bottom-color: transparent !important;
        right: -5px;
        top: calc(50% - 5px);
        margin-left: 0;
        margin-right: 0
    }



.modal.modal-mask .modal-body {
    max-height: 350px;
}

.mask-modal-open {
    overflow: hidden;
}

.view-url {
    display: inline-block;
    font-size: 14px;
    margin: 10px 0 0;
    color: #0fbac1;
}

.fixed-ht-table {
    max-height: 350px;
    overflow-y: auto;
}

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

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

.inline-items.filter-items > ul > li {
    margin: 0 7px 0 0;
}

    .inline-items.filter-items > ul > li .vdp-datepicker input {
        padding: 0 10px;
        border: none !important;
        margin: 0;
        width: 100%;
    }

.tab-contents .inline-items.filter-items input {
    margin: 0;
    width: 100%;
}

.total-rows {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    margin: 7px 0 0;
    font-weight: 600;
    letter-spacing: 1px;
}

.panel-title a {
    display: block;
    padding-right: 25px;
}

.art-location-wrap .panel-heading h4 a {
    display: block;
    position: relative;
    padding-left: 20px;
}

.abandoned-table .table > caption + thead > tr:first-child > td,
.abandoned-table .table > caption + thead > tr:first-child > th,
.abandoned-table .table > colgroup + thead > tr:first-child > td,
.abandoned-table .table > colgroup + thead > tr:first-child > th,
.abandoned-table .table > thead:first-child > tr:first-child > td,
.abandoned-table .table > thead:first-child > tr:first-child > th {
    width: 1px;
}

.abandoned-cart-wrap {
    padding: 15px 15px;
    font-size: 12px;
    line-height: 22px;
}

.uploaded-artwork-wrap {
    max-width: 120px;
    border: rgba(0, 0, 0, 0.1) 1px solid;
    padding: 2px;
}

.bordered-box {
    border: rgba(0, 0, 0, 0.1) 1px solid;
    padding: 15px 15px;
    color: #6e6e6e;
}

.abandoned-table .view-btn {
    margin: 4px 0;
    font-size: 10px;
}

.form-check.form-check-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: 6px;
}

    .form-check.form-check-inline input[type=checkbox],
    .form-check.form-check-inline input[type=radio] {
        margin: -1px 4px 0;
    }

    .form-check.form-check-inline .form-check-label {
        margin: 0;
    }

.modal-body .abandoned-cart-wrap .table-wrap {
    padding: 0;
}

.modal-body .table-wrap .uploaded-artwork-wrap {
    width: 60px;
}

.bg-light {
    background: #f8f8f8;
}

.row.no-gutter {
    margin-right: 0;
    margin-left: 0;
}

    .row.no-gutter > [class*=col-] {
        padding: 0;
    }

.modal-content .abandoned-table .table > tbody > tr > td,
.modal-content .abandoned-table .table > tbody > tr > th,
.modal-content .abandoned-table .table > tfoot > tr > td,
.modal-content .abandoned-table .table > tfoot > tr > th,
.modal-content .abandoned-table .table > thead > tr > td,
.modal-content .abandoned-table .table > thead > tr > th,
.table-wrap .table > tbody > tr > td:nth-child(2),
.table-wrap .table > tbody > tr > td:first-child {
    width: auto;
}

.table-wrap .table > tbody > tr > td,
.table-wrap .table > tfoot > tr > td {
    vertical-align: top;
}

.modal-content .table-wrap .table > tbody > tr > td.no-border {
    padding: 0 0;
}

.table-wrap .no-border .table > tbody > tr:first-child > td,
.table-wrap .no-border .table > tfoot > tr:first-child > td {
    border: none;
}

.modal-content .abandoned-cart-wrap > .table-wrap .table > thead > tr > th {
    width: 120px;
}

.spanBack {
    text-align: right;
}

    .spanBack img {
        max-width: 36px;
        margin: 8px 0 0;
    }

.abandoned-cart-wrap table big {
    font-size: 18px;
    font-weight: bold;
}

.red-text {
    color: #ff0000 !important;
}

.name {
    font-family: 'Satisfy', cursive;
    color: #0FBAC1;
}

.view-design {
    font-size: 16px;
    color: #0fbac1;
}

    .view-design:hover {
        color: #ff0000;
    }

.invoice-btn {
    display: inline-block;
    margin: 0 15px;
    font-size: 14px;
    padding: 10px 15px;
    background: #0fbac1;
    color: #fff;
    font-weight: 400;
    border-radius: 28px;
    vertical-align: middle;
}

    .invoice-btn:hover {
        background: #ff0000;
        color: #fff;
    }

.invoice-confirm {
    padding: 20px 0;
}

.design-control {
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    margin: 15px 8px;
    padding: 4px 10px;
}

.block-items {
}

    .block-items ul {
        margin: 0;
        padding: 0
    }

        .block-items ul li {
            list-style-type: none;
            display: block;
            line-height: 24px;
            margin: 0 0 5px 0;
        }

            .block-items ul li a {
                color: #000;
                display: block;
                padding: 0px 10px;
                text-decoration: none;
            }

                .block-items ul li.active a, .block-items ul li a:hover {
                    color: #fff;
                    background: #05d8e1;
                }

.error-holder {
    display: inline-block;
    margin: 0 0 15px;
}

    .error-holder i {
        margin-right: 10px;
    }

.content-block {
    padding: 10px;
}

.white-box.text-left {
    text-align: left;
}

.block-title h1 {
    color: #09b6bd;
    font-size: 14px;
    margin: 0 0;
    line-height: 30px;
    font-weight: bold;
    letter-spacing: 1px;
}

.block-title h2 {
    color: #797979;
    font-size: 14px;
    margin: 0 0;
    line-height: 24px;
    font-weight: bold;
    letter-spacing: 1px;
}

.col-wrapper {
    position: relative;
    min-height: 70px;
}

.fig-wrap {
    max-width: 70px;
    float: left;
    margin-right: 15px;
}

.fig-desc {
    display: table-cell;
}

    .fig-desc h3 {
        color: #ee3443;
        font-weight: 700;
        margin: 0 0 5px;
        font-size: 30px;
        line-height: 40px;
    }

.bordered-btn {
    color: #797979;
    display: inline-block;
    text-decoration: none;
    border: rgba(0, 0, 0, 0.15) 1px solid;
    border-radius: 20px;
    padding: 6px 10px;
    font-size: 12px;
    text-align: center;
}

    .bordered-btn:hover {
        color: #fff;
        background: #5fcfd4;
        text-decoration: none;
    }

.py-1 {
    padding: 10px 0 !important;
}

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

.grey-btn {
    display: inline-block;
    color: #7b7474;
    font-weight: bold;
    padding: 3px 10px;
    letter-spacing: 1px;
    background: #e1e1e1;
    font-size: 12px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
}

    .grey-btn:hover {
        background: #44b4a6;
        color: #fff;
        text-decoration: none;
    }

.table p,
.table {
    margin: 0;
    font-size: 11px;
}

.page-url {
    font-size: 11px;
    color: #143bff;
}

    .page-url:hover {
        color: #ff0000;
    }

.text-center th {
    text-align: center;
}

.form-control {
    font-size: 10px;
    padding: 2px 10px;
    height: 25px;
    line-height: 26px;
}

.sm-control {
    width: 35px;
    margin: 0 auto;
    padding: 0 5px;
    text-align: center;
}

.xs-control {
    width: 30px;
    padding: 0 5px;
    text-align: center;
    margin: 0 auto;
}

textarea .form-control {
    height: 100px;
}

.m-0 {
    margin: 0 !important;
}

.bordered-box p,
.form-wrap p {
    line-height: 16px;
    font-size: 11px;
    margin: 0;
}

label {
    font-size: 11px;
}

.form-wrap {
}

.selectable-box {
    transition: .2s all linear;
    -webkit-transition: .2s all linear;
    -moz-transition: .2s all linear;
    margin: 0 0 10px;
    min-width: 195px;
}

    .selected-box,
    .selectable-box:hover {
        border-color: #ff0000;
        cursor: pointer;
    }

.user-wrap {
    min-height: 55px;
}

.user-fig {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    float: left;
    margin-right: 15px;
}

    .user-fig img {
        border-radius: 50%;
    }

.user-desc {
    display: table-cell;
    line-height: 22px;
}

.iconed-list {
}

    .iconed-list ul {
        margin: 0;
        padding: 0;
    }

        .iconed-list ul li {
            list-style-type: none;
            margin: 0 0;
            line-height: 24px;
            position: relative;
            display: block;
            overflow: hidden;
        }

.icon-wrap {
    width: 15px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}

.round-filter-box {
    display: inline-block;
    text-decoration: none;
    border: rgba(0, 0, 0, 0.15) 1px solid;
    border-radius: 20px;
}

    .round-filter-box ul {
        margin: 0;
        padding: 0;
    }

        .round-filter-box ul li {
            list-style-type: none;
            display: inline-block;
            vertical-align: middle;
            position: relative;
            margin: 0;
            border-right: rgba(0, 0, 0, 0.15) 1px solid;
        }

            .round-filter-box ul li:last-child {
                border: none;
            }

    .round-filter-box .form-control {
        width: 110px;
        border-radius: 20px;
        padding: 2px 5px;
    }

        .round-filter-box .form-control:focus {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .round-filter-box input[type="text"] {
        padding-right: 35px;
        width: 132px;
    }

.no-border-control {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.round-btn {
    background: #06d8e1;
    text-align: center;
    padding: 0;
    border: none;
    color: #fff;
    font-size: 10px;
    line-height: 24px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    transition: .2s all linear;
    -webkit-transition: .2s all linear;
    -moz-transition: .2s all linear;
}

    .round-btn:hover {
        color: #fff;
        background: #ff0000;
    }


.positioned-btn {
    position: absolute;
    top: 2px;
    right: 3px;
}

.round-filter-box label {
    margin: 0px 12px;
}

.badge {
    font-size: 12px;
    color: rgba(50, 50, 50, 0.65);
    border-radius: 3px;
    font-weight: normal;
    letter-spacing: 1px;
    padding: 5px 10px;
}

.badge-secondary {
    background: #fdc689;
}

.badge-info {
    background: #a3d39c;
}

.badge-danger {
    background: #f49ac1;
}

.badge-primary {
    background: #6dcff6;
}

.badge-warning {
    background: #fbe65d;
}

.badge-success {
    background: #87f279;
}

.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > thead > tr > td.danger,
.table > thead > tr > th.danger {
    background-color: #ef5350;
    color: #fff;
}

.p-1 {
    padding: 10px !Important;
}

.p-2 {
    padding: 20px !Important;
}

.w-100 {
    width: 100% !important;
    padding: 11px 0 !important;
}

.required-field {
    color: #ff0000;
}

.absolute-error {
    position: absolute;
    left: 0;
    bottom: -20px;
    font-size: 11px;
    display: inline-block;
    background: #ff0000;
    color: #fff;
    padding: 1px 5px;
    z-index: 1;
    border-radius: 4px;
}

    .absolute-error:before {
        position: absolute;
        bottom: 100%;
        left: 0;
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 5px 0 5px;
        border-color: #ff0000 transparent transparent transparent;
        margin-left: 8px;
        margin-bottom: -1px;
        transform: rotate(-180deg);
    }

.modal-content .table > thead > tr > th {
    padding: 15px 5px;
}

.modal-body .ship-table .form-group {
    padding: 0;
    margin: 25px 0;
}

.modal-body hr {
    border-top: 1px solid #d7d7d7;
    margin: 0 0 10px;
}

.bg-info-light {
    background: #f6fcff;
}

.modal-content .form-control {
    border: 1px solid rgba(204, 204, 204, 0.45);
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.alert {
    padding: 5px;
    font-size: 12px;
    line-height: 18px;
    margin: 5px 0;
}

.pagination-wrap ul {
    margin: 0;
    padding: 0;
}

    .pagination-wrap ul li {
        list-style-type: none;
        display: inline-block;
        margin: 0 0;
        font-size: 11px;
        color: #000;
        padding: 0 6px;
    }

        .pagination-wrap ul li a {
            color: #000;
        }

            .pagination-wrap ul li a:hover,
            .pagination-wrap ul li.active a {
                color: #06d8e1;
                text-decoration: none;
            }

.vue-pagination-wrap {
    font-size: 11px;
}

    .vue-pagination-wrap .pagination > .active > a,
    .vue-pagination-wrap .pagination > .active > a:focus,
    .vue-pagination-wrap .pagination > .active > a:hover,
    .vue-pagination-wrap .pagination > .active > span,
    .vue-pagination-wrap .pagination > .active > span:focus,
    .vue-pagination-wrap .pagination > .active > span:hover {
        background-color: #0fbac1;
        border-color: #0fbac1;
    }

.table input[type=checkbox],
.table input[type=radio] {
    margin: 0;
    vertical-align: middle;
}

input[type=checkbox],
input[type=radio] {
    margin: 0;
}

.btn-md {
    padding: 5px 10px;
}

.fixed-ht-table-15 {
    max-height: 500px;
    overflow-y: auto;
}

.table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
    font-size: 12px;
}

.round-control {
    border-radius: 30px;
    padding: 4px 15px;
}

.accordion-wrap {
}

    .accordion-wrap .panel-default > .panel-heading {
        color: #333;
        background: none;
        border: none;
    }

    .accordion-wrap .panel-title {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 1px;
    }

    .accordion-wrap .panel-heading {
        padding: 10px 0;
    }

    .accordion-wrap .panel-group .panel {
        border-radius: 0;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .accordion-wrap .panel-group .panel + .panel {
            margin-top: 0;
        }

    .accordion-wrap .panel-body {
        border: 1px solid #eee;
        border-radius: 5px;
        margin: 10px 0;
    }

    .accordion-wrap .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #eee;
    }

    .accordion-wrap .panel-title a {
        position: relative;
    }

    .accordion-wrap .panel-heading h4 a.collapsed::before {
        content: '\f067';
    }

    .accordion-wrap .panel-heading h4 a::before {
        content: '\f068';
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        top: 0;
        right: 0;
        position: absolute;
    }

    .accordion-wrap .panel-heading h4 a:hover,
    .accordion-wrap .panel-heading h4 a:focus {
        text-decoration: none;
        color: #05d8e1;
    }

table .error.absolute-error {
    width: 140px;
}

.send-btn {
    cursor: pointer;
}

    .send-btn:hover {
        color: #0fbac1;
    }

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

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


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

.error-holder-text {
    color: #721c24;
    background-color: #f8d7da;
    border: #f5c6cb 1px solid;
    font-size: 10px;
    line-height: 20px;
    padding: 0 10px;
    margin: 2px 0;
    display: inline-block;
}

.info-text {
    color: #004085;
    background-color: #cce5ff;
    border: #b8daff 1px solid;
    font-size: 10px;
    line-height: 20px;
    padding: 0 10px;
    margin: 2px 0;
    display: inline-block;
}

.success-text {
    color: #155724;
    background-color: #d4edda;
    border: #c3e6cb 1px solid;
    font-size: 10px;
    line-height: 20px;
    padding: 0 10px;
    margin: 2px 0;
    display: inline-block;
}

.desc-wrap {
    width: 65px;
    margin: 0 auto;
}

.fig-desc p {
    font-size: 14px;
}

.fig-desc h2 {
    margin: 8px 0 5px;
}

.success-tag {
    display: inline-block;
    border: #4caf50 1px solid;
    font-size: 8px;
    letter-spacing: 1px;
    line-height: 15px;
    padding: 0px 3px;
    background: #96e999;
}

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

.table > thead > tr.danger > th a {
    color: #fff;
}

.sticky-cols-4 {
    background: #effbff;
    padding: 10px 10px;
    margin: 0;
}

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

.accordion-wrap .panel .panel-heading {
    padding: 10px 10px;
    margin: 0 0 2px;
    background: #f8f8f8;
}

.shadowed-wrap {
    box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.15);
    padding: 10px;
}

.bg-light-blue {
    background: #effbff;
}

.is_rush_order {
    color: #e71a1a;
}

.is_line_item_moved {
    background-color: #ffdddd;
}

.small-select {
    width: 50px !important;
}

    .small-select .multiselect {
        min-height: 25px;
    }

    .small-select .multiselect__select {
        height: 25px;
        padding: 0;
        width: 15px;
    }

    .small-select .multiselect__tags {
        min-height: 25px;
        padding: 2px 18px 0 8px;
    }

    .small-select .multiselect__input,
    .small-select .multiselect__single {
        margin: 0px 5px;
        font-size: 11px;
    }

    .small-select .multiselect__element span {
        font-size: 10px;
    }

.autocomplete-input {
    padding: 2px 10px 2px 10px;
    font-size: 12px;
    line-height: 20px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.autocomplete-result {
    padding: 2px 10px 2px 10px;
    background: #fff;
    text-align: left;
}

.right-dropdown-wrap .vs__dropdown-menu {
    left: auto;
    right: 0;
}

.w-200 {
    width: 200px;
}

.block-menu-list {
}

    .block-menu-list ul {
        margin: 0;
        padding: 0;
    }

        .block-menu-list ul li {
            list-style-type: none;
            display: block;
            margin: 0;
            line-height: 24px;
            border-bottom: rgb(255, 255, 255) 1px solid;
        }

            .block-menu-list ul li:last-child {
                border: none;
            }

            .block-menu-list ul li a {
                color: #000;
                display: block;
                padding: 5px 10px;
            }

                .block-menu-list ul li a:hover,
                .block-menu-list ul li.active a {
                    background: #09b6bd;
                    color: #ffffff;
                    text-decoration: none;
                }

.vs__open-indicator {
    -webkit-transform: scale(.7);
    transform: scale(.7);
}

.vs--open .vs__open-indicator {
    -webkit-transform: rotate(180deg) scale(.7);
    transform: rotate(180deg) scale(.7)
}

.vs__actions {
    padding: 4px 3px 0 3px;
}

.small-select .vs__search,
.small-select .vs__search:focus {
    padding: 0 0px;
}

.vs__selected {
    font-size: 9px;
    margin: 4px 0px 0;
}

.m-control {
    width: 60px;
    margin: 0 auto;
}

.control-120 {
    width: 120px;
    margin: 0 auto;
}

.brand-desc-wrap {
    width: 62px;
    text-align: center;
    margin: 0 auto;
}

.sticky-header-table {
    overflow-y: auto;
    max-height: 600px;
    border: 1px solid #ddd;
}

    .sticky-header-table .table thead th {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 2;
        background-color: #f5f5f5;
    }

.header-wrap {
    padding: 0;
}

.content-wrap {
    padding: 10px 0;
}

.small-box-wrap {
    width: 20.9%;
    float: left;
    padding: 0 2px;
    margin: 0 0 5px;
}

.round-box {
    border-radius: 4px;
}

.box-header {
    background-color: #ededed;
    padding: 6px 5px;
    color: #000;
}

.box-body {
    padding: 5px 5px;
    color: #000;
    min-height: 156px;
}

    .box-body p,
    .garment-block p,
    small-box-wrap-25 p,
    .box-header {
        line-height: 16px;
        font-size: 12px;
        word-break: break-word;
    }

.right-small-col p {
    line-height: 30px;
    font-size: 20px;
    margin: 0;
}

.big-box-wrap {
    width: 30%;
    float: left;
    padding: 0 5px;
}

.box-body h5 {
    margin: 0;
    font-size: 14px;
}

.garment-block {
    padding: 5px 0;
}

    .garment-block .table > tbody > tr > td,
    .garment-block .table > tbody > tr > th,
    .garment-block .table > tfoot > tr > td,
    .garment-block .table > tfoot > tr > th,
    .garment-block .table > thead > tr > td,
    .garment-block .table > thead > tr > th {
        padding: 0px 2px;
    }

.text-left {
    text-align: left !important;
}

.table-bordered > thead.no-border > tr > th {
    border: none;
}

.right-small-col {
    width: 45%;
    float: right;
}

.garment-block .table {
    font-size: 12x;
}

.col-md-50 {
    width: 48%;
    float: left;
    padding: 0 5px;
}

.col-md-40 {
    width: 34%;
    float: left;
    padding: 0 2px;
    margin: 0 0 5px;
}

.row-col {
    margin: 0 -5px;
}

.left-header-wrap {
    width: 65%;
    float: left;
    padding: 10px 5px 0;
}

.header-wrap p {
    margin: 0;
    font-size: 12px;
    line-height: 12px;
}

.container-fluid {
    padding: 0 15px;
}

.header-wrap .small-box-wrap {
    width: 33%;
    float: right;
}

.header-wrap .box-body {
    min-height: inherit;
}

.comment-box-wrap {
    width: 30%;
    float: left;
    padding: 0 2px;
}

.pdf-table table {
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 12px;
}

.pdf-table .table-bordered {
    border: 1px solid #dee2e6;
}

.pdf-table .table > tbody > tr > td,
.pdf-table .table > tbody > tr > th,
.pdf-table .table > tfoot > tr > td,
.pdf-table .table > tfoot > tr > th,
.pdf-table .table > thead > tr > td,
.pdf-table .table > thead > tr > th {
    vertical-align: middle;
    padding: 3px 3px;
    line-height: 20px;
}

.pdf-table .table-bordered > tbody > tr > td,
.pdf-table .table-bordered > tbody > tr > th,
.pdf-table .table-bordered > tfoot > tr > td,
.pdf-table .table-bordered > tfoot > tr > th,
.pdf-table .table-bordered > thead > tr > td,
.pdf-table .table-bordered > thead > tr > th {
    border: 1px solid #ddd;
}

.pdf-table thead {
    display: table-header-group
}

.pdf-table tfoot {
    display: table-row-group
}

.pdf-table tr {
    page-break-inside: avoid
}

.text-center {
    text-align: center;
}

.smal-height {
    min-height: 92px;
    word-break: break-word;
}

.small-box-wrap-25 {
    width: 25%;
    float: left;
    padding: 0 5px;
}

.small-box-wrap-75 {
    width: 70%;
    float: left;
    padding: 0 5px;
}

.clearfix {
    position: relative;
}

    .clearfix:after,
    .clearfix:before {
        display: table;
        content: " ";
    }

    .clearfix:after {
        clear: both;
    }

.w-800 {
    width: 800px;
    margin: 0 auto;
}

.top-error {
    bottom: 100%;
    margin: 0 0 5px;
}

    .top-error.absolute-error:before {
        margin-bottom: 0;
        transform: rotate(0deg);
        bottom: 0;
        top: 100%;
    }

.left-header-wrap img {
    height: 60px;
}

.w-350 {
    width: 330px;
}

.w-150 {
    width: 150px;
}

.w-130 {
    width: 130px;
}

.w-80 {
    width: 80px;
}

.w-90 {
    width: 90px;
}

.m-auto {
    margin: auto !important;
}

.tags {
    display: inline-block;
    padding: 4px 10px;
    background: #959595;
    color: #fff;
    border-radius: 15px;
}

    .tags:hover {
        background: #7a7a7a;
        color: #fff;
        text-decoration: none;
    }

    .tags.active {
        background: #5fcfd4;
        color: #fff;
        text-decoration: none;
    }

.is_line_item_selected {
    background-color: #e8afaf !important;
}

.completed_job {
    background-color: #d3d3d3;
}

.prod_qc_pending {
    background-color: #d1e7f3;
}

.po_due_date_error {
    background-color: #deabb2 !important;
}

.is_print_ship_sameday {
    color: #a020f0;
}

.send-btn-red {
    color: #d9534f;
}

.comment-field .m-control {
    width: 70px;
    padding: 0 3px;
    text-align: center;
}

.color-area {
    width: 40px;
    word-break: break-all;
    white-space: break-spaces;
}

.send-area {
    width: 30px;
    margin: 0 auto;
}

.comment-field .vue-simple-suggest.designed .input-wrapper input {
    border: 1px solid #cde;
    width: 82px;
    padding: 4px 10px;
}

.comment-field .vue-simple-suggest.designed .suggestions {
    top: calc(100% + 0px);
}

.auth-wrap {
    max-width: 500px;
    margin: 70px auto;
    padding: 30px;
}

    .auth-wrap .form-control {
        font-size: 12px;
        padding: 2px 10px;
        height: 40px;
        margin: 0 0 15px;
    }

.logo-wrap {
    max-width: 400px;
    margin: 10px auto 30px;
}

.auth-wrap h4 {
    color: #0fbac1;
    margin: 0 0 30px;
    font-size: 18px;
    text-align: center;
    letter-spacing: 1px;
}

form .auth-wrap input[type="submit"] {
    font-size: 16px;
    letter-spacing: 1px;
}

.auth-wrap label {
    font-size: 14px;
    margin: 5px 0;
}

.error-text {
    font-size: 16px;
    margin-left: 5px;
    vertical-align: sub;
}

.auth-page.bg-light {
    background: #f6f5ff;
}

.auth-wrap h2 {
    margin: 15px 0;
    font-size: 16px;
    line-height: 24px;
}

.home-ico {
    width: 100px;
    height: 100px;
    background: #f6f5ff;
    color: #919191;
    margin: 20px auto 50px;
    line-height: 100px;
    font-size: 40px;
    text-align: center;
    box-shadow: 0px 6px 10px 0 rgba(90, 141, 238, 0.25);
}

.date-head {
    width: 92px;
}

.error-list {
}

    .error-list ul {
        margin: 0;
        padding: 0;
    }

        .error-list ul li {
            display: block;
            margin: 0;
            position: relative;
            padding-left: 18px;
        }

            .error-list ul li:before {
                position: absolute;
                top: 0;
                left: 0;
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                content: "\f05a";
            }

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

.no-content-wrap {
    color: red;
    font-style: italic;
    font-weight: bold;
}

.inline-items.filter-items > ul > li {
    display: block;
}

.thumb-color {
    width: 60px;
    padding: 2px;
    text-align: center;
}

.custom-scroll::-webkit-scrollbar {
    width: 5px;
}

/* Track */

.custom-scroll::-webkit-scrollbar-track {
    border-radius: 10px;
}

/* Handle */

.custom-scroll::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}

    /* Handle on hover */

    .custom-scroll::-webkit-scrollbar-thumb:hover {
        background: #ccc;
    }

.add-row-wrap .btn {
    padding: 0 10px;
}

.well {
    padding: 10px;
    margin: 0;
}

.form-wrap .multiselect__tag {
    background: #05d8e1;
    font-size: 12px;
}

.form-wrap .multiselect__tag-icon:focus,
.form-wrap .multiselect__tag-icon:hover {
    background: #00abb3;
}

.inline-items.date-list > ul > li {
    display: block;
}

.add-row-wrap .btn {
    padding: 0 10px;
}

.well {
    padding: 10px;
    margin: 0;
}

.modal.modal-mask {
    background-color: rgba(0, 0, 0, 0.4);
}

.tableFixHead thead > tr > th,
.tableFixHead thead > tr > td {
    width: 1%;
}

.with-icon .form-control {
    padding-left: 32px;
}

.approval-tab-contents.tab-contents .sticky-box label {
    line-height: 18px;
}

.statistics-box {
}

    .statistics-box .inline-items > ul > li {
        margin: 0 10px 5px 0;
        display: block;
    }

#dashboard-recent-purchase .inline-items > ul > li {
    display: block;
    margin: 0 10px 5px 0;
}

.table a.view-btn {
    margin: 1px 0;
}

.checkbox,
.radio {
    margin: 0 0;
}

.garment-table {
}

    .garment-table .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: #effbff;
    }

.selectable-box .bordered-box {
    padding: 5px 5px;
}

.group-class-1 {
    background-color: #effbff;
}

.group-class-2 {
    background-color: #ffffff;
}

.check-row-wrap {
    width: 25px;
}

.bordered-btn.view-btn {
    color: #fff;
}

.fixed-bottom-wrap {
    position: fixed;
    bottom: 46px;
    right: 20px;
}

.po-col {
    width: 8%;
}

.order-col {
    width: 6%;
}

.brand-col {
    width: 7%;
}

.mil-col {
    width: 6%;
}

.desc-row {
    width: 22.5%;
}

.color-col {
    width: 8%;
}

.size-col {
    width: 4%;
}

.qty-col {
    width: 5%;
}

.poqty-col {
    width: 5%;
}

.cost-col {
    width: 5%;
}

.total-col {
    width: 5%;
}

.check-col {
    width: 10%;
}

.date-col {
    width: 10%;
}

th.po-col {
    width: 6%;
}

th.order-col {
    width: 6%;
}

th.brand-col {
    width: 6%;
}

th.mil-col {
    width: 6%;
}

th.desc-row {
    width: 23%;
}

th.color-col {
    width: 7%;
}

th.total-col {
    width: 5%;
}

th.size-col {
    width: 4%;
}

th.poqty-col {
    width: 5%;
}

th.date-col {
    text-align: center;
}

p.error {
    color: red;
}

.color-swatch-wrap {
    display: inline-block;
    width: 15px;
    height: 10px;
    border-radius: 4px;
    background: #ffe2ec;
    vertical-align: middle;
}

.received-col {
    width: 7%;
}

.rule-div {
    width: 450px;
    word-break: break-all;
    max-height: 200px;
    overflow-x: auto;
}

.ship-div {
    width: 400px;
    word-break: break-all;
    max-height: 200px;
    overflow-x: auto;
}

.state-div {
    width: 200px;
    word-break: break-all;
    max-height: 200px;
    overflow-x: auto;
}

.zone-div {
    width: 100px;
    word-break: break-all;
    max-height: 200px;
    overflow-x: auto;
}

.qty-div {
    width: 65px;
}

.action-div {
    width: 100px;
}

.form-control.vue-checkbox {
    width: 20px;
}

.mr-5 {
    margin-right: 5px;
}

.grey-col {
    color: #8d8d8d;
}

.sort-icons {
    display: inline-block;
}

    .sort-icons .fa-sort-up {
        vertical-align: sub;
    }

.file-upload-div {
    width: 150px;
}

.file-uploaded-col {
    width: 320px;
}

.single-action-div {
    width: 50px;
}

.file-upload-list {
    position: relative;
    display: flex;
}

.file-label-wrap {
    margin-right: 5px;
}

.file-name-wrap {
}

#app-po-checkin-item .table > tbody > tr > td {
    vertical-align: top;
}

.lt-green-color {
    background: #d5fcf4;
    display: inline-block;
    padding: 2px 6px;
    border-radius: 20px;
}

.lt-red-color {
    background: #ffe2ec;
    display: inline-block;
    padding: 2px 6px;
    border-radius: 20px;
}

.lt-po-checkin {
    background: #ffe2ec;
    display: inline-block;
    padding: 2px 6px;
}

.rule-div .inline-items > ul > li,
.ship-div .inline-items > ul > li,
.zone-div .inline-items > ul > li {
    margin: 0 3px 3px 0;
}

.table-row-wrap {
    width: 225px;
}

.location-head {
    width: 100px;
}

.confirm-head {
    width: 110px;
}

.box-head {
    width: 80px;
}

.loc-div {
    width: 400px;
}

.loc-select-div {
    width: 110px;
}

.legend-wrap {
    width: 50px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    /*background: #e500be;*/
}

.legend-wrap-checkin {
    width: 34px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    /*background: #e500be;*/
}

.priority-color-text {
    color: #0366d6;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    position: relative;
}

    .priority-color-text:hover,
    a:focus {
        text-decoration: none;
    }

.underline-holder {
    position: absolute;
    right: 0;
    height: 7px;
    left: 23px;
    top: 100%;
    margin: -3px 0 0;
    display: inline-block;
}

.big-font-text {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
}

.priority-bg-holder,
.priority-bg-holder1 {
    padding: 2px 3px;
    margin: -3px -3px;
    min-height: 29px;
    color: #fff;
}

.priority-bg-holder {
    color: #fff;
}

.expandalbe-table {
    padding-left: 22px;
}

.legend-small {
    width: 25px;
    height: 15px;
}

.big-text,
.big-text p,
.big-text label {
    font-size: 16px !important;
    line-height: 24px;
}

.garment-block .table > tbody > tr > td.big-text {
    padding: 5px 2px;
}

.box-rcv {
    width: 100px;
}

.big-text-20 {
    font-size: 25px !important;
    line-height: 30px;
}

.big-checkbox {
    zoom: 2;
}

.height-30 {
    height: 30px;
}

.round-filter-box input[type="text"].checkin-search {
    width: 210px;
    font-size: 16px;
}

.text-muted {
    color: #b8b8b8;
}

#app-po-checkin-item .sticky-header-table {
    max-height: 967px;
}

.big-input {
    height: 100px;
    font-size: 50px;
}

.h-100 {
    height: 100px;
}

h2 .badge {
    padding: 14px 20px;
    font-size: 30px !important;
}

.big-space {
    padding: 80px 0 0;
}

.lt-purp-bg {
    display: inline-block;
    border-radius: 12px;
    background: #d2cffe;
    color: #0e0e0f;
    padding: 2px 8px;
    margin: 1px 1px;
    text-decoration: none;
}

    .lt-purp-bg:hover {
        background: #b2adf3;
        color: #0e0e0f;
        text-decoration: none;
    }

.email-body-col {
    width: 420px;
}

.date-row {
    width: 80px;
}

.source-row {
    width: 100px;
}

.w-85 {
    width: 85px;
}

.barcode-wrap img {
    height: 30px;
}

.table-responsive.pdf-table {
}

.pdf-header {
}

.pdf-footer {
    margin: 15px 0 0;
}

    .pdf-footer p {
        margin: 0;
    }

.text-right {
    text-align: right;
}

.barcode-wrap h1 {
    font-size: 42px;
    line-height: 34px;
    margin-top: 0px;
    margin-bottom: 10px;
}

.pdf-header h5 {
    margin-top: 10px;
    margin-bottom: 0px;
}

.header-banner {
    margin-bottom: 5px;
}

.pdf-table .content-wrap {
    padding: 0;
}

.modal-95-width .modal-dialog {
    width: 95%;
    max-width: 95%;
}

.pdf-priority-color-text {
    position: relative;
    display: inline-block
}

    .pdf-priority-color-text .underline-holder {
        left: 0;
    }

.primary-color-wrap {
    margin-bottom: 7px;
}

.statistics-fig {
}

.ship-check-box {
    width: 120px;
    margin: 0 auto;
}

.custom-control-label {
    margin-left: 10px !important;
}

.custom-control.custom-checkbox {
    position: relative;
    display: inline-block;
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: 0;
    width: 12px;
    height: 12px;
    opacity: 0;
}

.custom-control-label::before {
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    width: 12px;
    height: 12px;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #adb5bd;
    background-color: #adb5bd;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #fff;
    border-color: #adb5bd;
}

.custom-control-label::after {
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    width: 12px;
    height: 12px;
    font-size: 8px;
    font-weight: 900;
    color: #fff;
    font-family: "Font Awesome 5 Free";
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    content: "\f00c";
}

.custom-control-input:disabled ~ .custom-control-label,
.custom-control-input[disabled] ~ .custom-control-label {
    cursor: not-allowed;
}

.date-coln {
    width: 50px !important;
}

.send-area .inline-items > ul > li {
    margin: 0 0px 0 0;
}

.order-no-col {
    width: 45px !important;
}

.garment-table .table > tbody > tr > td,
.garment-table .table > tbody > tr > th,
.garment-table .table > tfoot > tr > td,
.garment-table .table > tfoot > tr > th,
.garment-table .table > thead > tr > td,
.garment-table .table > thead > tr > th {
    padding: 1px;
}

.red-tag {
    background: #e9253d;
    color: #fff;
}

    .red-tag:hover {
        background: #d1142b;
        color: #fff;
    }

.disabled-control {
}

    .disabled-control.form-control[disabled],
    .disabled-control.form-control[readonly],
    fieldset[disabled] .disabled-control.form-control {
        background-color: #eee;
        border: none;
        box-shadow: none;
    }

.cut-off-txtbox {
    border-color: red;
    color: red;
}

.purchase-table-wrap .table > tbody > tr > td,
.purchase-table-wrap .table > tbody > tr > th,
.purchase-table-wrap .table > tfoot > tr > td,
.purchase-table-wrap .table > tfoot > tr > th,
.purchase-table-wrap .table > thead > tr > td,
.purchase-table-wrap .table > thead > tr > th {
    padding: 1px;
}

.order-table-wrapper .purchase-table-wrap a.view-btn,
.purchase-table-wrap .view-btn {
    padding: 3px;
    line-height: 11px;
    font-size: 11px;
}

.modal-backdrop.in {
    opacity: .2;
}

.edit-vendor {
    overflow-y: auto;
}

.select-wrap {
}

    .select-wrap .multiselect__input,
    .select-wrap .multiselect__single {
        min-height: 14px;
        line-height: 14px;
        font-size: 12px;
        padding: 0 0 0 0;
        margin-bottom: 0px;
        border-radius: 4px;
    }

    .select-wrap .multiselect__tags {
        min-height: 25px;
        padding: 5px 30px 0 8px;
        border: none;
    }

    .select-wrap .multiselect {
        min-height: 25px;
        color: #000000;
        margin: 10px 0 0;
    }

    .select-wrap .multiselect__select {
        height: 25px;
    }

.tab-contents .select-wrap .form-control {
    font-size: 12px;
}

.f-14-size.table-wrap .table > thead > tr > th,
.f-14-size.table-wrap .table > tbody > tr > th,
.f-14-size.table-wrap .table > tfoot > tr > th,
.f-14-size.table-wrap .table > thead > tr > td,
.f-14-size.table-wrap .table > tbody > tr > td,
.f-14-size.table-wrap .table > tfoot > tr > td,
.f-14-size.table-wrap .table > thead > tr > th {
    font-size: 14px;
}

.f-14-size.table-wrap .form-control,
.f-14-size label,
.font-14 {
    font-size: 14px !important;
}

.pb-2 {
    padding-bottom: 20px;
}

.f-14-size .multiselect__element {
    font-size: 14px;
}

.mt-22 {
    margin-top: 22px !important;
}

.mt-35 {
    margin-top: 35px !important;
}

.col_width {
    width: 1%;
}

.arrowed-btn {
    padding: 2px;
}

.send-btn {
    font-size: 10px;
}

.date-wrapp {
    width: 62px;
    margin: 0 auto;
}

.garment-table .check-wrap input[type="checkbox"] {
    width: 10px;
}

.bordered-select .multiselect__tags {
    border: 1px solid #e8e8e8;
    border-radius: 0;
}

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

.label-block label {
    margin: 0;
}

.textarea-wrap textarea {
    border: 0;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
}

.grey-fields label {
    font-weight: normal;
}

.toggled-col-wrap .form-control,
.grey-fields .form-control {
    background: #F7F9FF;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #BED0EF;
    color: #979797;
    border-radius: 4px;
}

    .grey-fields .form-control.swatch-holder {
        color: #000;
    }

.light-grey-btn {
    background: #f4f4f4;
    display: inline-block;
    padding: 0 0;
}

.light-grey-btn {
    background: #f4f4f4;
    display: inline-block;
    padding: 9px 20px;
    border-radius: 5px;
}

hr {
    margin: 10px 0;
    border-color: #BED0EF;
}

.buttoned-tab-wrap {
    position: relative;
}

    .buttoned-tab-wrap .nav-tabs {
        display: inline-block;
        background: #F7F9FF;
        border-radius: 6px;
        padding: 5px 10px;
    }

        .buttoned-tab-wrap .nav-tabs > li {
            float: left;
            margin-bottom: 0;
        }

            .buttoned-tab-wrap .nav-tabs > li > a {
                border-radius: 6px;
                color: #000;
                font-weight: 600;
                padding: 4px 15px;
                border: none;
                font-size: 10px;
            }

            .buttoned-tab-wrap .nav-tabs > li.active > a,
            .buttoned-tab-wrap .nav-tabs > li.active > a:focus,
            .buttoned-tab-wrap .nav-tabs > li.active > a:hover,
            .buttoned-tab-wrap .nav > li > a:focus,
            .buttoned-tab-wrap .nav > li > a:hover {
                color: #0FBAC1;
                border: none;
                background: #fff;
            }

.shadow-sm {
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
}

.rounded-4 {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.h-15 {
    height: 15px;
}

p big {
    font-size: 14px;
}

.accordion-wrap .panel .red-panel-heading {
    background: #ef5350;
    color: #fff;
    min-height: 32px;
}

.accordion-wrap .panel .turquoise-panel-heading {
    background: #44b4a6;
    color: #fff;
    min-height: 32px;
}

.form-wrap .multiselect {
    min-height: 25px;
}

.form-wrap .multiselect__tags {
    min-height: 25px;
    padding: 0px 40px 0 0px;
    border-radius: 0;
}

.form-wrap .multiselect__input, .form-wrap .multiselect__single {
    font-size: 10px;
    min-height: auto;
    margin-bottom: 0;
    line-height: 22px;
}

.form-wrap .multiselect__select {
    height: 25px;
    padding: 4px 8px;
}

.form-wrap .multiselect__tag {
    font-size: 10px;
    padding: 2px 26px 2px 10px;
}

.multiselect__tag-icon {
    line-height: 14px;
}

multiselect__tag {
    margin: 3px 3px 0;
}

.height-600 {
    max-height: 600px;
}

}

.question-wrap {
    max-width: 200px;
}

.answer-wrap {
    max-width: 500px;
}

.swatch-holder {
    width: 35px;
}

.mt-16 {
    margin-top: 16px !important;
}

.imgHolder {
    max-width: 100px;
    text-align: center;
    margin: 0 0 10px;
}

.clickable {
    transition: .2s all linear;
    cursor: pointer;
}

    .clickable:hover {
        background: #f8f8f8;
    }

.collapse-icon {
    position: relative;
}

    .collapse-icon.collapsed::before {
        content: '\f067';
    }

    .collapse-icon::before {
        content: '\f068';
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        top: 4px;
        right: 15px;
        position: absolute;
        width: 20px;
        height: 15px;
        display: inline-block;
        line-height: 15px;
        border: rgba(0, 0, 0, 0.2) 1px solid;
        text-align: center;
        border-radius: 2px;
    }

.position-relative.collapse-icon:before {
    top: 0;
    right: 0;
    position: relative;
}

.w-400 {
    width: 400px;
}
.w-600 {
	width: 600px;
}
.w-56{
	width:56px;
}

.form-control.text-dark {
    color: #000;
}

.modal-img {
    height: 435px;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
}

    .modal-img img {
        bottom: -9999px;
        left: -9999px;
        margin: auto;
        position: absolute;
        right: -9999px;
        top: -9999px;
        height: 100%;
        max-height: 100%;
        max-width: none;
    }

.progress-bar-info {
    background-color: #0fbac1;
}

.tab-contents .suggest-box .form-control.small-field.w-250 {
    width: 250px;
}

.priority-col {
    width: 80px;
}

.flex-box-wrap {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.flex-field {
    width: 100%;
}

.flex-control {
    width: 100%;
}

.tab-contents .flex-control .form-control.small-field {
    width: 100%;
}

.flex-box-wrap .suggest-box {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}

.with-icon-control .form-control {
    padding-right: 30px;
}

.control-icon {
    position: absolute;
    top: 13px;
    right: 10px;
}

.bordered-control {
}

.form-wrap .bordered-control .multiselect__tags {
    border: #cecece 1px solid;
    border-radius: 4px;
}

.input-ico {
    display: block;
    max-width: 40px;
    margin: 6px auto;
}

.dragdrop-box .custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

.dragdrop-box .custom-file {
    margin-bottom: 0;
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.file-list-block {
}

    .file-list-block ul {
        margin: 0;
        padding: 0;
    }

        .file-list-block ul li {
            display: block;
            line-height: 24px;
            position: relative;
            padding-left: 20px;
        }

.icon-wrapp {
    position: absolute;
    left: 0;
    color: #979797;
}

.remove-btn-wrap {
    margin-left: 10px;
}

    .remove-btn-wrap a {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #d6201a;
        display: inline-block;
        text-align: center;
        color: #fff;
        line-height: 16px;
        font-size: 10px;
    }

        .remove-btn-wrap a:hover {
            background: #ff3f39;
        }

.product-img-card {
    width: 50px;
    height: 50px;
}

    .product-img-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.custom-select-wrap .btn-default {
    border-color: #000;
}

.message-dropdown {
    width: 300px;
    left: auto;
    right: 0;
}

.dropdown-menu.message-dropdown > li > a {
    white-space: break-spaces;
    font-size: 12px;
    padding: 0 15px;
}

.barcode-wrap h3 {
    font-size: 14px;
}

.glyphicon-remove {
    font-size: 10px;
    color: red;
    position: absolute;
    top: 50%;
}

.white-bg {
    position: relative;
}

.blurred-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(255, 255, 255, 0.45);
}

.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #1f52b8;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
}

.message-container {
    height: calc(100vh - 30rem);
    overflow: hidden scroll;
    padding: 20px;
}

.message {
    display: flex;
    -webkit-margin-after: 20px;
    margin-block-end: 20px;
}

    .message.received .avatar {
        background-color: #337ab7;
    }

    .message.received {
        justify-content: end;
        text-align: end;
    }

.message-time {
    color: #999;
    margin: 0 5px;
}

.message-inner {
    display: flex;
    max-width: 75%;
}

.ms-3 {
    margin-left: 1rem !important;
}

.me-3 {
    margin-right: 1rem !important;
}

.message-content {
    background: #f3f6f8;
    padding: 10px 10px;
    line-height: 20px;
    border-radius: 4px;
}

.message-inner p {
    font-size: 12px;
    margin: 5px 0;
}

.message-footer {
    margin: 15px -15px 0;
    padding: 10px 15px 0;
    box-shadow: 0 -6px 10px rgb(0 0 0 / 5%);
}

    .message-footer .form-group {
        flex-shrink: 0;
        display: flex;
        align-items: center;
    }

        .message-footer .form-group .form-control {
            height: 40px;
            border-radius: 4px;
        }

.sent-btn {
    display: inline-block;
    background: #04adb4;
    border: none;
    color: #fff;
    padding: 14px 18px;
    position: relative;
    border-radius: 4px;
    margin-left: 10px;
    transition: .2s all linear;
}

    .sent-btn:hover {
        background: #03868c;
    }

    .sent-btn[disabled] {
        background: #ccc;
        cursor: none;
        pointer-events: none;
    }

.attachements-wrap {
    margin: 10px 0 0;
}

    .attachements-wrap ul {
        margin: 0;
        padding: 0;
    }

        .attachements-wrap ul li {
            list-style-type: none;
            display: inline-block;
            margin: 0 10px 0 0;
        }

.media-holder {
    width: 50px;
    height: 50px;
    position: relative;
    border: #c4c4c4 1px solid;
    border-radius: 10px;
}

    .media-holder img {
        object-fit: contain;
        height: 100%;
        width: 100%;
        border-radius: 10px;
    }

.remove-icon {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #6c6c6c;
    width: 20px;
    height: 20px;
    font-size: 10px;
    border: #fff 2px solid;
    line-height: 18px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
}

    .remove-icon:hover {
        background: #000;
        color: #fff;
    }

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

    .upload-btn-wrapper input[type=file] {
        font-size: 100px;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        width: 100%;
        height: 100%;
    }

        .upload-btn-wrapper input[type=file]:hover {
            cursor: pointer;
        }

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

textarea.ft-ht-control {
    height: 26px;
    line-height: 16px;
}

.stock-location {
    width: 150px !important;
}

.w-auto {
    width: auto !important;
}

.image-location-wrap {
    box-shadow: 0 0 4px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.1);
    border-radius: 4px;
    position: relative;
    text-align: center;
}

.cancel-btn {
    position: absolute;
    top: 6px;
    right: 10px;
    color: #000;
    cursor: pointer;
    background: #fff;
    padding: 3px 3px;
    line-height: 8px;
}

    .cancel-btn:hover {
        color: #b2221e !important;
    }

.location-image {
    width: 100px;
    height: 74px;
}

    .location-image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

.image-location-wrap p {
    padding: 4px 0;
}

.image-upload-wrap {
}

    .image-upload-wrap label input {
        display: none
    }

    .image-upload-wrap label {
        background: #ebebeb;
        display: block;
        padding: 15px 10px;
        width: 100px;
        height: 80px;
        margin: 0;
    }

.d-block {
    display: block;
}

.quantity-threshold {
    background-color: #e8afaf;
}

.mill-yellow {
    background-color: yellow;
    cursor: pointer
}

.black-text {
    color: #000;
}

.checkbox-coln {
    width: 40px;
}

.green-badge {
    display: inline-block;
    background: #c0f0b9;
    color: #0aae0d;
    padding: 2px 10px;
    line-height: 16px;
    border-radius: 6px;
}

.yellow-badge {
    display: inline-block;
    background: #ffec82;
    color: #5f5a06;
    padding: 2px 10px;
    line-height: 16px;
    border-radius: 6px;
}

.red-badge {
    display: inline-block;
    background: #fdadad;
    color: #ff003c;
    padding: 2px 10px;
    line-height: 16px;
    border-radius: 6px;
}

.track-coln {
    width: 200px;
}

.po-coln {
    width: 200px;
}

.shipping-coln {
    width: 200px;
}

.total-coln {
    width: 200px;
}

.box-coln {
    width: 200px;
}

.status-coln {
    width: 110px;
}

.blue-border {
    border: #00deff 2px solid;
}

.green-border {
    border: #00ff00 2px solid;
}

.first-priority-item {
    background-color: #e8e8e8;
}

.innercheckbox-coln {
    width: 37px;
}

.ml-45 {
    margin-left: 45px;
}

textarea.form-control.h-60 {
    height: 60px !important;
}

.similar-order {
    background-color: #f1d7d7;
}

.width-100px {
    width: 100px;
}

.fw-bold {
    font-weight: bold;
}

.btn-pills {
    border-radius: 20px !important;
}

.red-border {
    border-color: #ef5350 !important;
}

.orange-btn {
    background: #f57921;
    color: #fff;
}

    .orange-btn:hover {
        background: #cf5804;
        color: #fff;
    }

.gap-3 {
	gap: 1rem !important;
}

.d-flex {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.align-items-center {
    align-items: center !important;
}

.minh-100 {
    min-height: 100px !important;
}

.table-responsive .with-calendar-td {
    height: 360px;
}

.modal-body .form-group .multiselect {
    min-height: auto !important;
}

.form-wrap .multiselect__tag-icon {
    line-height: 15px;
}

.view-btn-alert {
    background-color: #f57921;
    color: #fff;
    padding: 5px;
    display: inline-block;
    line-height: 11px;
    font-size: 12px;
}

.btn-alert {
    background: #f57921;
    color: #fff;
}

    .btn-alert:hover {
        background: #cf5804;
        color: #fff;
    }

.dark-grey {
    background: #ededed;
}

.accordion-wrap .panel .teal-panel-heading {
    background: #05d8e1;
    color: #000000;
}

.accordion-wrap .teal-panel-heading.panel-heading h4 a:hover, .accordion-wrap .teal-panel-heading.panel-heading h4 a:focus {
    text-decoration: none;
    color: #000;
}

.custom-radio-label input[type=checkbox], .custom-radio-label input[type=radio] {
    vertical-align: bottom;
}

.meta-tags {
    display: inline-block;
    padding: 5px 15px;
    background: #0fbac1;
    color: #ffffff;
    margin: 0 0 4px;
    border-radius: 47px;
}

    .meta-tags:hover {
        background: #04aab1;
        color: #FFF;
        text-decoration: none;
    }

.justify-content-between {
    justify-content: space-between !important;
}

.bg-dark-blue {
    background: #a0f0f3;
}

.damaged-photo {
    max-width: 250px;
}

.table-info-icons {
    display: inline-block;
    width: 30px;
}

.text-success {
    color: #00BA00;
}

.text-danger {
    color: #FF2020;
}

.fa-font-17 {
    font-size: 17px;
}

.brand-swatch {
	height: 500px;
	overflow-y: scroll;
}
.yellow-text {
	color: #FFB700;
}
.score-card {
	background: #7d787d;
	color: #fff;
	padding: 10px;
	border-radius: 4px;
}
.progress-bar-success {
	background: linear-gradient(to right, #3dca96 0%,#79d845 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.progress-bar-warning {
	background: linear-gradient(to right, #f68a33 0%,#f5b833 100%);
}
.progress {
	height: 10px;
	margin-bottom: 5px;
	background-color: #666570;
	border-radius: 25px;
}

.green-text {
	color: #00f034;
}
.dark-card {
	background: #281f29;
}
.score-card .avatar {
	border: #fff 2px solid;
}


.dark-bg-grey {
    background: #d8d9da !important;
}

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

.accordion-wrap .panel-heading.dark-bg-grey h4 a:hover, .accordion-wrap .panel-heading.dark-bg-grey h4 a:focus {
    color: #000;
}

.custom-switch-wrap {
}

    .custom-switch-wrap .switch {
        position: relative;
        display: inline-block;
        width: 35px;
        height: 20px;
        margin: 0px;
    }

    .custom-switch-wrap ::before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        left: 2px;
        bottom: 3px;
        background-color: white;
        transition: 0.4s;
    }

    .custom-switch-wrap .switch input {
        opacity: 0;
        width: 0px;
        height: 0px;
    }

    .custom-switch-wrap ::before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        left: 2px;
        bottom: 3px;
        background-color: white;
        transition: 0.4s;
    }

    .custom-switch-wrap .slider {
        position: absolute;
        cursor: pointer;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-color: rgb(255, 0, 0);
        transition: 0.4s;
    }

        .custom-switch-wrap .slider.round {
            border-radius: 34px;
        }

    .custom-switch-wrap .round::before {
        border-radius: 50%;
    }

    .custom-switch-wrap input:checked + .slider::before {
        transform: translateX(15px);
    }

    .custom-switch-wrap input:checked + .slider {
        background-color: rgb(0, 164, 56);
    }

.text-teal {
    color: #0fbac1;
}

.admin-product-card {
    position: relative;
}

.cancel-product-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index:1;
}

.admin-product-fig-wrap {
    height: 300px;
    padding: 0 10px
}

    .admin-product-fig-wrap img {
        text-align: left;
        width: auto;
        height: 100%;
        position: relative;
        margin: 0 auto;
        display: block;
    }

.admin-product-fig-desc {
    background: rgba(255, 255, 255, .8);
    padding: 8px 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 91;
    transition: .3s linear;

}
    .admin-product-fig-desc h6 {
        user-select: text;
        cursor: text;
    }
    .admin-product-fig-desc p.h5 {
        color: #0fbac1;
        font-weight: 400;
        font-size: 14px;
        margin: 0;
    }
.rounded{
    border-radius:4px;
}
.align-top {
    vertical-align: text-top;
}

.manager-wrap {
    height: 890px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.not-available-card {
    opacity: 0.3;
}
.admin-product-card.dark-grey-bg, .dark-grey-bg .admin-product-fig-desc {
    background: #dfdfdf !important;
}


.draggable-card {
    cursor: grab;
    transition: transform 0.2s;
}

    .draggable-card:active {
        cursor: grabbing;
    }

    .draggable-card:hover {
        box-shadow: 0 2px 10px rgba(0,0,0,0.2);
        transform: translateY(-2px);
    }