/*** Custom css **/
.bx-shw {
    /*-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16),0 0 0 1px rgba(0,0,0,0.08);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16),0 0 0 1px rgba(0,0,0,0.08);*/
    -webkit-box-shadow: 0px 3px 8px rgba(1, 1, 1, 0.07), 0px 2px 1px rgba(1, 1, 1, 0);
    -moz-box-shadow: 0px 3px 8px rgba(1, 1, 1, 0.07), 0px 2px 1px rgba(1, 1, 1, 0);
    -o-box-shadow: 0px 3px 8px rgba(1, 1, 1, 0.07), 0px 2px 1px rgba(1, 1, 1, 0);
    box-shadow: 0px 3px 8px rgba(1, 1, 1, 0.07), 0px 2px 1px rgba(1, 1, 1, 0); /*box-shadow: 0px 4px 16px rgba(1, 1, 1, 0.13);*/
}

.pdn20 {
    padding: 20px;
}

.no-pad-right {
    padding-right: 0;
}

.no-pad-lft {
    padding-left: 0 !important;
}

.pad-rgt-10 {
    padding-right: 10px;
}

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

.pad-rgt-30 {
    padding-right: 30px;
}

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

.pad-top-20 {
    padding-top: 20px !important;
}

.pad-btm-20 {
    padding-bottom: 20px !important;
}

.mgn-btm-20 {
    margin-bottom: 20px;
}

.mgn-rgt-20 {
    margin-right: 20px;
}

.no-mgn-left {
    margin-left: 0 !important;
}

.hgt100per {
    height: 100% !important;
}

.hgt550 {
    height: 550px;
}
.hgt85vh {
    height: 85vh;
}


.hgt505 {
    height: 505px;
}

.hgt460 {
    height: 460px;
}

.max-width400px{
    max-width:400px !important;
}

.btn-custom-add {
    background: #9aca3c;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 25px;
    line-height: 20px;
    border-radius: 3px;
    text-align: center;
    height: 40px;
    letter-spacing: 2px;
    /* min-width: 160px; */
    transition: 0.2s linear;
}

    .btn-custom-add:hover {
        border: 1px solid #9aca3c;
        color: #9aca3c;
        background: transparent;
    }
/***Table design **/
a.action-btn {
    margin-right: 7px;
}

.action img.edit-icon {
    width: 16px;
}

.table > tbody > tr > td a, .table > tfoot > tr > td a {
    color: #6f7487;
    font-size: 12px;
}
/*** scrollbar **/
.scrollY {
    overflow-y: scroll;
}

    .scrollY::-webkit-scrollbar {
        width: 2px !important;
    }

    .scrollY::-webkit-scrollbar-button {
        background-color: #e2e3e7;
    }

    .scrollY::-webkit-scrollbar-track {
        background-color: #999;
    }

    .scrollY::-webkit-scrollbar-track-piece {
        background-color: #e2e3e7;
    }

    .scrollY::-webkit-scrollbar-thumb {
        background-color: #6f7487;
        border-radius: 3px;
    }

    .scrollY::-webkit-scrollbar-corner {
        background-color: #999;
    }

    .scrollY::-webkit-resizer {
        background-color: #e2e3e7;
    }


/*.scrollX{overflow-x: scroll;}*/
.scrollX::-webkit-scrollbar {
    height: 5px !important;
}

.scrollX::-webkit-scrollbar-button {
    background-color: #e2e3e7;
}

.scrollX::-webkit-scrollbar-track {
    background-color: #999;
}

.scrollX::-webkit-scrollbar-track-piece {
    background-color: #e2e3e7;
}

.scrollX::-webkit-scrollbar-thumb {
    background-color: #6f7487;
    border-radius: 3px;
}

.scrollX::-webkit-scrollbar-corner {
    background-color: #999;
}

.scrollX::-webkit-resizer {
    background-color: #e2e3e7;
}


::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

::-webkit-scrollbar-button {
    background-color: #ffffff;
}

::-webkit-scrollbar-track {
    background-color: #999;
}

::-webkit-scrollbar-track-piece {
    background-color: #ffffff;
}

::-webkit-scrollbar-thumb {
    background-color: rgb(181, 181, 181);
    border-radius: 3px;
}

::-webkit-scrollbar-corner {
    background-color: #999;
}

::-webkit-resizer {
    background-color: #666;
}

.table-fixed {
    table-layout: fixed;
}

.scrollX {
    overflow-x: scroll;
}

div.pagination_info {
    color: #6f7487;
    font-size: 12px;
    margin-top: 18px;
}

b.pageno {
    color: #1c2238;
}

.pagination_info {
    width: 30%;
    float: left;
}

.dataTables_paginate {
    width: 70%;
    float: right;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0;
    border-radius: 3px;
    background: white;
    height: 50px;
    padding: 13px 20px;
    float: right;
}

    .pagination > li > a {
        background: transparent;
        color: #6f7487;
        font-size: 12px;
        border: none;
    }

    .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
        z-index: 3;
        color: #ffffff;
        cursor: default;
        background-color: #6f7487;
        border-color: #21252d;
    }

    .pagination > li > a, .pagination > li > span {
        position: relative;
        float: left;
        padding: 6px 9px;
        margin: 0 6px;
        line-height: 1.42857143;
        color: #6f7487;
        text-decoration: none;
        background-color: #fff;
        border-radius: 3px;
    }

    .pagination .paginate_button.previous a {
        z-index: 3;
        background-image: url('../images/left_pagination.png');
        padding: 0;
        color: transparent;
        width: 32px;
        height: 28px;
        margin: 0;
    }

    .pagination .paginate_button.next a {
        background-image: url('../images/right_pagination.png');
        padding: 0;
        color: transparent;
        width: 32px;
        height: 28px;
        margin: 0;
    }

    .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: #51bae7;
        border-color: #51bae7;
    }
/***************************************************
********************** Edit_Supplier Page *********************/

.edit-form-title {
    font-size: 14px;
    color: #1c2238;
    font-weight: 600;
}

.edit-form label {
    color: #6f7487;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 10px;
}

.edit-form .form-group {
    margin-bottom: 18px;
}

.form-control {
    border-radius: 3px;
    box-shadow: none;
    height: 40px;
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    background-color: #fff;
    background-image: none;
    border: 1px solid #6f7487;
}

    .form-control:focus {
        border-color: #1c2238;
    }

.edit-form .content {
    padding-top: 15px;
    padding-bottom: 0;
}

.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    border-radius: 3px;
    box-shadow: none;
    border-color: #6f7487;
    height: 40px;
    padding: 6px 12px;
}

.edit-form .input-group input {
    border-right: none;
}

.edit-form .input-group .input-group-addon {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-color: #6f7487;
    background-color: #fff;
    border-left: none;
}

.box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top: none;
    padding: 0 0 0;
    background-color: transparent;
}

.box-footer-title {
    color: #1c2238;
    font-size: 12px;
    font-weight: 600;
}

.box-footer p.disc {
    font-size: 12px;
    color: #6f7487;
    padding-left: 10px;
    margin-top: 6px;
    margin-bottom: 0;
}

.cancel-btn {
    /*background: #6f7487;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	padding: 10px 26px;
	line-height: 20px;
	border-radius: 3px;
	text-align: center;
	height: 40px;
	letter-spacing: 2px;
	/* min-width: 160px; */
    transition: 0.2s linear;
    display: inline-block;
    */;
}

    .save-btn:hover, .cancel-btn:hover, .save-btn:focus, .cancel-btn:focus, .save-btn:active, .cancel-btn:active {
        /*color: #fff;*/
    }

.save-btn {
    /*background: #9aca3c;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	padding: 10px 37px;
	line-height: 20px;
	border-radius: 3px;
	text-align: center;
	height: 40px;
	letter-spacing: 2px;
	/* min-width: 160px; */
    /*transition: 0.2s linear;
	margin-left: 20px;
	display: inline-block;*/
}
/********** Edit form - Product  *****/

.box-footer {
    float: left;
    width: 100%;
}

.upload-box {
    border: 1px #dcdcdc;
    border-style: dashed;
    padding: 10px 10px;
    background: #f7f7f7;
    float: left;
    width: 100%;
    margin-top: 35px;
    height: 100%;
    overflow: hidden;
}

    .upload-box h3 {
        font-size: 14px;
        color: #2b303b;
        font-family: 'Montserrat_Light';
        margin-top: 10px;
    }

    .upload-box p {
        font-size: 11px;
        color: #5e6267;
        font-family: 'Montserrat_Light';
        margin-bottom: 0;
    }

        .upload-box p a {
            font-size: 11px;
            color: #5e6267;
            font-family: 'Montserrat_Light';
            text-decoration: underline;
        }

textarea.product-disc {
    resize: none;
    height: 130px;
}

/*** Drag and Drop img input file ***/
input.multi.with-preview.MultiFile-applied {
    display: inline;
    opacity: 0;
    top: 0 !important;
}

span.MultiFile-title {
    display: none;
}

div.MultiFile-list {
    position: relative;
    background: #ffffff;
}

a.MultiFile-remove {
    position: absolute;
    right: 39%;
    top: 0;
    color: white;
    background: rgba(0, 0, 0, 0.64);
    padding: 1px 6px 3px;
    font-size: 16px;
    line-height: 15px;
    display: none;
}

span.MultiFile-label img {
    /*height: 100%;
    width: 100%;*/
    display: inline-block;
    max-width: 100% !important;
    max-height: 100% !important;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
/****/
.fronted-sec label {
    margin-right: 28px;
}

    .fronted-sec label span {
        margin-left: 5px;
        float: right;
        margin-top: 1px;
    }

.fronted-sec .edit-form-title {
    margin-top: 20px;
    margin-bottom: 25px;
}

div.country {
    background-image: url(../images/icon-location.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-position-x: 93%;
    line-height: 25px;
}

input.numberbox {
    background-image: url(../images/dropdown-up-down-arrow.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-position-x: 93%;
}

/* display: none; <- Crashes Chrome on hover */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    /* -webkit-appearance: none;*/
    margin-right: -5px;
    padding: 15px 0;
    background-image: url(../images/dropdown-up-down-arrow.png);
}
/*** changes in select option **/
.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
    height: 6px;
    width: 11px;
    left: 23%;
    position: absolute;
    top: 55%;
    background-image: url(../images/dropdown-arrow.png);
    background-repeat: no-repeat;
    border: none;
}

.select2-container.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #daeffd;
    color: #5e6267;
}

.select2-container .select2-dropdown {
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    box-shadow: 0px 2px 0 0 #f99671;
}
/** design checkbox custom **/
.size-option span input[type=checkbox]:checked + label {
    background: #99ca3c;
    border: 1px solid #99ca3c;
    color: white;
}

.size-option span input[type=checkbox] {
    display: none;
}

    .size-option span input[type=checkbox] + label {
        margin: 5px 10px 20px 0;
        display: inline-block;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
        outline: none;
        position: relative;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        background: transparent;
        color: #6f7487;
        height: 30px;
        width: 30px;
        line-height: 30px;
        text-align: center;
        /*    -webkit-transition: none;
    -moz-transition: none;
    transition: none;*/
        border: 1px solid #6f7487;
        cursor: pointer;
        border-radius: 3px;
    }


/*** design for country popup  **/
/*** scrollbar **/
#countrybox ::-webkit-scrollbar {
    width: 5px;
}

#countrybox ::-webkit-scrollbar-button {
    background-color: #e2e3e7;
}

#countrybox ::-webkit-scrollbar-track {
    background-color: #999;
}

#countrybox ::-webkit-scrollbar-track-piece {
    background-color: #e2e3e7;
}

#countrybox ::-webkit-scrollbar-thumb {
    background-color: #6f7487;
    border-radius: 3px;
}

#countrybox ::-webkit-scrollbar-corner {
    background-color: #999;
}

#countrybox ::-webkit-resizer {
    background-color: #e2e3e7;
}

@media (min-width: 768px) {
    #countrybox .modal-dialog {
        width: 304px;
        margin: 50px auto;
    }
}

#countrybox .modal-content {
    border-radius: 3px;
}

#countrybox .modal-header {
    font-size: 14px;
    color: #1c2238;
    font-weight: 600;
    letter-spacing: 0.3px;
    min-height: 60px;
    padding: 19px 20px 15px;
    line-height: normal;
    border-bottom-color: #e2e3e7;
}

#countrybox .modal-body {
    padding: 20px 10px 0 20px;
    max-height: 400px;
    overflow-y: scroll;
    margin-right: 5px;
}

    #countrybox .modal-body .cntrs {
        margin-bottom: 20px;
    }

    #countrybox .modal-body span {
        font-size: 12px;
        color: #6f7487;
        font-weight: 500;
    }

#countrybox .selectAll {
    position: relative;
}

#countrybox input[type=checkbox].allcheckCountry {
    position: absolute;
    right: 0;
    opacity: 0;
    z-index: 1;
    display: block;
}

#countrybox .modal-footer {
    padding: 0;
    ;
}

.cust-btn-block {
    color: #fff;
    background: #9aca3c;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 600;
    padding: 12px 15px 11px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; /* max-height: 40px; */
}

    .cust-btn-block:hover {
        color: white;
        box-shadow: none;
        background: #719c22;
    }
/*** design for country popup checkbox **/
#countrybox input[type=checkbox].allcheckCountry + label {
    background-image: url(../images/all-check.png);
}

#countrybox div input[type=checkbox] {
    display: none;
}

    #countrybox div input[type=checkbox]:checked + label {
        background-image: url(../images/custm-checkbox.png);
        background-position: bottom center;
        background-repeat: no-repeat;
    }

    #countrybox div input[type=checkbox] + label {
        margin: 0;
        display: inline-block;
        outline: none;
        position: relative;
        /*    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;*/
        background-image: url(../images/custm-checkbox.png);
        background-position: top center;
        background-repeat: no-repeat;
        height: 20px;
        width: 20px;
        text-align: center;
        cursor: pointer;
        float: right;
    }
/**** Edit Country DEtails PAge **/
.country-details .nav-tabs > li {
    float: left;
    margin-bottom: 0px;
}

ul#countryTab {
    margin-left: -5px;
}

.country-details .nav-tabs {
    border-bottom: 1px solid #e2e3e7;
}

    .country-details .nav-tabs > li > a {
        color: #6f7487;
        cursor: pointer;
        background-color: #fff;
        border: none;
        border-bottom: 2px solid transparent;
        font-size: 12px;
        font-weight: 600;
        padding: 15px 20px 15px;
        margin: 0;
    }

    .country-details .nav-tabs > li.active > a, .country-details .nav-tabs > li.active > a:focus, .country-details .nav-tabs > li.active > a:hover {
        color: #1c2238;
        cursor: pointer;
        background-color: #fff;
        border: none;
        border-bottom: 2px solid #1c2238;
        font-size: 12px;
        font-weight: 600;
    }

.regionTable .table > tbody > tr > th {
    border-top: none;
    color: #1c2238;
    font-size: 14px;
    font-weight: 600;
    padding: 0 20px 17px 0;
}

.regionTable .table {
    margin: 0;
}

    .regionTable .table > thead > tr > td, .regionTable .table > tbody > tr > td, .regionTable .table > tfoot > tr > td {
        color: #6f7487;
        font-size: 12px;
        padding: 13px 20px 13px 0px;
        vertical-align: middle;
        border-top-color: #e2e3e7;
    }

        .regionTable .table > tbody > tr > td input.form-control {
            height: 30px;
            width: 50px;
        }
/****** Product Detail page **/
.hgt360 {
    height: 360px;
}

.box.product-details {
    padding-bottom: 20px;
}

#productDetail .product-name {
    padding: 18px 20px 15px;
    font-size: 20px;
    color: #1c2238;
    font-weight: 600;
}

#productDetail .product-details-title {
    font-size: 12px;
    font-weight: 600;
    color: #1c2238;
    padding: 18px 20px 15px;
}

#productDetail .product-Countries-title {
    font-size: 12px;
    font-weight: 600;
    color: #1c2238;
    padding: 18px 20px 5px 0;
}

#productDetail p.pdct-disc {
    color: #6f7487;
    font-size: 12px;
    line-height: 20px;
}

.detailTable .table > tbody > tr > th {
    border-top: none;
    color: #1c2238;
    font-size: 12px;
    font-weight: 600;
    padding: 11px 15px 10px 0;
}

.detailTable .table {
    margin: 0;
}

    #productDetail .detailTable .table > thead > tr > td, .detailTable .table > tbody > tr > td, .detailTable .table > tfoot > tr > td {
        color: #6f7487;
        font-size: 12px;
        padding: 20px 20px 20px 0px;
        vertical-align: middle;
        border-top-color: #e2e3e7;
    }

.main-dtl-table .table > tbody > tr > th {
    padding: 11px 15px 5px 0;
}

.main-dtl-table .table > thead > tr > td, .main-dtl-table .table > tbody > tr > td, .main-dtl-table .table > tfoot > tr > td {
    border: none;
    padding: 5px 15px 5px 0px;
}

.prdt-video {
    float: left;
    width: 100%;
}

.prdt-imgs img {
    float: left;
    width: 100%;
}

ul.other-details {
    padding: 0;
    list-style: none;
}

    ul.other-details li img {
        margin-right: 12px;
    }

    ul.other-details li {
        margin-bottom: 16px;
        font-size: 12px;
        color: #6f7487;
        font-weight: 500;
    }

.product-details .size-option span input[type=checkbox] + label {
    margin: 5px 4px 5px 0;
}

.pdt-otr-title h5 {
    font-size: 12px;
    color: #1c2238;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 0;
}

.pdt-otr-title p {
    font-size: 12px;
    color: #6f7487;
    font-weight: 500;
    margin-bottom: 30px;
}
/***************************************************
*********************Order Page *************/
.dataTables_filter .box {
    margin: 0;
}

.dataTables_filter label {
    font-size: 12px;
    color: #797d8f;
    font-weight: 500;
    float: left;
    margin-top: 8px;
}

.dataTables_filter input[type="text"] {
    padding-left: 20px !important;
    color: #797d8f !important;
    font-size: 12px;
}

.dataTables_filter .select2-container {
    width: 100% !important;
}

.drpExportOpt_sec .select2-container {
    max-width: 200px;
    float: right;
}

.dataTables_filter .select2-container--default .select2-selection--single, .dataTables_filter .select2-selection .select2-selection--single, .modal-body .select2-container--default .select2-selection--single {
    border-radius: 3px;
    box-shadow: none;
    border-color: #f0f0f0;
    height: 35px;
    padding: 6px 20px;
    color: #797d8f !important;
    font-size: 12px;
}

#orders .select2-dropdown {
    border: 1px solid #edf0f9;
    border-radius: 3px;
    -webkit-box-shadow: 0px 3px 8px rgba(1, 1, 1, 0.07), 0px 2px 1px rgba(1, 1, 1, 0);
    box-shadow: 0px 3px 8px rgba(1, 1, 1, 0.07), 0px 2px 1px rgba(1, 1, 1, 0);
}

#orders .select2-container .select2-results__option {
    font-size: 12px;
}

#orders .content-header > h1 {
    margin-bottom: 0;
}
/***************************************
********************* Annual_Reg_Settings ************/
#annual-Reg .select2-dropdown {
    border: 1px solid #edf0f9;
    border-radius: 3px;
    -webkit-box-shadow: 0px 3px 8px rgba(1, 1, 1, 0.07), 0px 2px 1px rgba(1, 1, 1, 0);
    box-shadow: 0px 3px 8px rgba(1, 1, 1, 0.07), 0px 2px 1px rgba(1, 1, 1, 0);
}

#annual-Reg .select2-container .select2-results__option {
    font-size: 12px;
}

#annual-Reg .content-header > h1 {
    margin-bottom: 0;
}
/************************************************
********************* Unprocessed_Order Page *********/
.hgt147 {
    height: 147px;
}

.odr-dtl .table {
    margin: 0;
}

.odr-dtl .box-body {
    padding-bottom: 10px;
    padding-top: 10px;
}

.odr-dtl .table > thead > tr > td, .odr-dtl .table > tbody > tr > td, .odr-dtl .table > tfoot > tr > td {
    color: #6f7487;
    font-size: 12px;
    font-weight: 500;
    padding: 10px 0px 15px;
}

.odr-dtl .table > thead > tr > th, .odr-dtl .table > tbody > tr > th, .odr-dtl .table > tfoot > tr > th {
    color: #1c2238;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 0px 15px;
}

.odr-dtl span.id {
    color: #1c2238;
    font-size: 16px;
    font-weight: 600;
}

.processed-order .scrollX {
    /*overflow-x: scroll*/
}

.product-box .table > thead > tr > th {
    border-bottom: none;
    font-size: 14px;
    color: #1c2238;
    font-weight: 600;
    padding: 18px 20px;
}

.product-box .table > tbody > tr > td {
    border-top: 1px solid #e2e3e7;
    font-size: 12px;
    color: #6f7487;
    font-weight: 500;
    padding: 20px;
}

.product-box .table > tfoot > tr > td {
    border-top: 1px solid #8c909f;
    color: #1c2238;
    font-size: 12px;
    font-weight: 600;
    padding: 16px 20px;
}
/***** Customization screen **/
.custmzn-scrn h3 {
    color: #1c2238;
    font-size: 16px;
    font-weight: 600;
}

.custmzn-scrn .teamName img {
    display: inline-block;
    margin-top: 9px;
    margin-right: 15px;
}

.custmzn-scrn .teamName span.name {
    color: #1c2238;
    font-size: 14px;
    display: inline-block;
}

.custmzn-scrn .subproduct-row {
    margin-right: -8px;
    margin-left: -8px;
}

.custmzn-scrn .subproduct-box {
    float: left;
    width: 18.4%;
    background: #ffffff;
    margin: 0.8%;
    padding: 20px;
    border-radius: 3px;
    /*	    max-height: 250px;*/
    min-height: 210px;
    -webkit-box-shadow: 0px 3px 8px rgba(1, 1, 1, 0.07), 0px 2px 1px rgba(1, 1, 1, 0);
    -moz-box-shadow: 0px 3px 8px rgba(1, 1, 1, 0.07), 0px 2px 1px rgba(1, 1, 1, 0);
    -o-box-shadow: 0px 3px 8px rgba(1, 1, 1, 0.07), 0px 2px 1px rgba(1, 1, 1, 0);
    box-shadow: 0px 3px 8px rgba(1, 1, 1, 0.07), 0px 2px 1px rgba(1, 1, 1, 0);
    position: relative;
}

    .custmzn-scrn .subproduct-box .img-box {
        float: left;
        width: 100%;
    }

        .custmzn-scrn .subproduct-box .img-box img.pdt-img {
            float: left;
            width: 100%;
            transform: scale(0.9);
        }

    .custmzn-scrn .subproduct-box .pdt-name {
        float: left;
        width: 100%;
        font-size: 14px;
        font-weight: 600;
        color: #1c2238;
    }

.hover-detail {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    color: white;
    opacity: 0;
    text-align: center;
    background: rgba(28, 34, 56, 0.9);
}

    .hover-detail a.pdt-dtl-btn {
        color: #ffffff;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-align: center;
        padding: 10px 28px;
        border: 1px solid #fff;
        display: inline-block;
        border-radius: 3px;
        margin-top: 43%;
        -webkit-transition: all 0.6s;
        -moz-transition: all 0.6s;
        transition: all 0.6s;
    }

        .hover-detail a.pdt-dtl-btn:hover {
            color: #1c2238;
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            text-align: center;
            padding: 10px 28px;
            background: #fff;
            border: 1px solid #fff;
            display: inline-block;
            border-radius: 3px;
            margin-top: 43%;
        }

.subproduct-box:hover .hover-detail {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
}
/**** Footer **/
.fixed.withfooter .content-wrapper, .fixed.withfooter .right-side {
    padding-bottom: 70px;
}

.withfooter .main-footer {
    background: #fdfefe;
    padding: 20px 15px;
    color: #444;
    border-top: none;
}

.withfooter footer.main-footer.fixed {
    position: fixed;
    bottom: 0;
    max-width: 100%;
    right: 0;
    left: 0;
    -webkit-box-shadow: 0px -6px 8px rgba(1, 1, 1, 0.07), 0px -17px 8px rgba(1, 1, 1, 0);
    -moz-box-shadow: 0px -6px 8px rgba(1, 1, 1, 0.07), 0px -17px 8px rgba(1, 1, 1, 0);
    -o-box-shadow: 0px -6px 8px rgba(1, 1, 1, 0.07), 0px -17px 8px rgba(1, 1, 1, 0);
    box-shadow: 0px -6px 8px rgba(1, 1, 1, 0.07), 0px -17px 8px rgba(1, 1, 1, 0);
}

a.cnl-order-btn {
    text-align: center;
    background: #e34d51;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 5px 60px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 30px;
    font-weight: 600;
    display: inline-block;
    height: 40px;
    border: 1px solid transparent;
}

a.hold-order-btn {
    text-align: center;
    background: #e4a731;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 5px 50px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 30px;
    font-weight: 600;
    display: inline-block;
    height: 40px;
}

a.pass-order-btn {
    text-align: center;
    background: #2385e9;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 5px 50px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 30px;
    font-weight: 600;
    display: inline-block;
    margin-left: 20px;
    height: 40px;
}

/***** Product detal popup ***/
@media (min-width: 768px) {
    .productDetailPopup .modal-dialog {
        width: 628px;
        margin: 50px auto;
    }
}

.productDetailPopup .modal-content {
    border-radius: 3px;
}

.productDetailPopup .modal-header {
    font-size: 14px;
    color: #1c2238;
    font-weight: 600;
    letter-spacing: 0.3px;
    min-height: 60px;
    padding: 19px 20px 15px;
    line-height: normal;
    border-bottom-color: #e2e3e7;
}

.productDetailPopup .modal-body {
    padding: 0 10px 0 20px;
    max-height: 450px;
    min-height: 300px;
    overflow-y: scroll;
    margin-right: 5px;
}

    .productDetailPopup .modal-body .table {
        margin-bottom: 0;
    }

        .productDetailPopup .modal-body .table > thead > tr > th {
            width: 33%;
        }
/*************************************************
*********************Processed PAge *************/
.product-box table {
    table-layout: fixed;
}

    .product-box table tr th {
    }

    .product-box table tr td .input-group.date {
        width: 150px;
    }

    .product-box table tr td .select2-container {
        width: 80px !important;
    }

    .product-box table .select2-container--default .select2-selection--single, .product-box table .select2-selection .select2-selection--single {
        border-radius: 3px;
        box-shadow: none;
        border-color: #6f7487;
        height: 30px;
        padding: 6px 12px;
        line-height: 30px;
    }

        .product-box table .select2-container--default .select2-selection--single .select2-selection__rendered {
            color: #444;
            line-height: 16px;
        }

        .product-box table .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: 20px;
            right: 3px;
        }

    .product-box table .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 7px;
    }

    .product-box table .form-control {
        border-radius: 3px;
        box-shadow: none;
        height: 30px;
    }

.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
    background: #788195;
    cursor: pointer;
    color: white;
    outline: none;
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    color: #ffffff;
    background: rgb(81, 184, 233);
    border-color: transparent;
}

a.dispatch-order-btn {
    text-align: center;
    background: #9aca3c;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 5px 75px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 30px;
    font-weight: 600;
    display: inline-block;
    margin-left: 20px;
    height: 40px;
}
/******* COmment box **/
.commentBox .box-body {
    padding: 18px 20px 20px;
}

.commentBox textarea.form-control {
    resize: none;
}
/**** Custmize datepicker ***/
.datepicker th.datepicker-switch {
    color: #6f7487;
    font-weight: 600;
    font-size: 12px;
}

.datepicker.dropdown-menu {
    border: none;
    font-family: 'Open Sans', sans-serif;
    -webkit-box-shadow: 0 0px 13px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0px 13px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 13px rgba(0, 0, 0, 0.2);
}

.datepicker .table > thead > tr > th.dow {
    color: #1c2238;
    font-size: 12px;
}

.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover {
    background: #788195;
    color: white;
}

.datepicker th.datepicker-switch {
    padding-bottom: 6px !important;
}

.datepicker.dropdown-menu th.prev {
    background: url(../images/dropdown-arrow.png);
    background-repeat: no-repeat;
    transform: rotate(90deg);
    background-position: center;
    color: transparent;
}

.datepicker.dropdown-menu th.next {
    background: url(../images/dropdown-arrow.png);
    background-repeat: no-repeat;
    transform: rotate(-90deg);
    background-position: center;
    color: transparent;
}

.datepicker.dropdown-menu th.prev:hover {
    color: transparent;
    background: url(../images/dropdown-arrow.png) #e2e3e7;
    background-repeat: no-repeat;
    transform: rotate(90deg);
    background-position: center;
}

.datepicker.dropdown-menu th.next:hover {
    color: transparent;
    background: url(../images/dropdown-arrow.png) #e2e3e7;
    background-repeat: no-repeat;
    transform: rotate(-90deg);
    background-position: center;
}
/********************************************************************
********************** Actual Order PAge *******************/
.commentBox .edit-form label {
    color: #1c2238;
    font-size: 12px;
    font-weight: 600;
}

.commentBox p {
    font-size: 12px;
    color: #6f7487;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0;
}

/************************************************
********************* Category Management Page *********/

.mgn150 {
    margin-top: 150px;
    margin-bottom: 150px;
}

.catgry-type .add-text h3 {
    font-size: 16px;
    color: #9aca3c;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1.5px;
}

.catgry-type .add-text p {
    font-size: 12px;
    color: #6f7487;
    letter-spacing: 0.8px;
    font-weight: 600;
}

.btn.focus, .btn:focus, .btn:hover {
    color: auto;
    text-decoration: none;
    outline: none !important;
    box-shadow: none !important;
}

.btn-custom-add:focus {
    color: white;
}

.ctgryPopup .ctgry-label {
    color: #1c2238;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px;
}

.ctgryPopup .modal-content {
    padding: 20px;
}

    .ctgryPopup .modal-content a.cancel-btn, .ctgryPopup .modal-content a.save-btn {
        width: 122px;
        margin: 0;
    }

@media (min-width: 768px) {
    .ctgryPopup .modal-dialog {
        width: 300px;
        margin: 100px auto;
    }
}

/************************************************************************
************************************ Responsive css start  *****************/

/*** MAx Height landscape MObile Start**/
@media screen and (max-height: 569px) and (-webkit-min-device-pixel-ratio: 2) {
    .slimScrollDiv {
        overflow-y: scroll !important;
    }

    .fixed-bottom {
        position: initial !important;
        left: 0 !important;
        bottom: 60px !important;
    }

    .sidebar-menu .fixed-bottom .big-img {
        width: 80px;
        height: 80px;
        margin-top: 10px;
        margin-bottom: 50px;
    }
}



@media (max-height: 737px) and (max-width: 415px) and (-webkit-min-device-pixel-ratio: 2) {
    .slimScrollDiv {
        overflow-y: scroll !important;
    }

    .fixed-bottom {
        position: fixed;
        left: 0;
        bottom: 40px;
        right: 0;
    }

    .sidebar-menu .fixed-bottom .big-img {
        width: 80px;
        height: 80px;
        margin-top: 10px;
        margin-bottom: 50px;
    }
}

@media (max-height: 1025px) and (max-width: 769px) {
    .slimScrollDiv {
        overflow-y: scroll !important;
    }

    .fixed-bottom {
        position: fixed;
        left: 0;
        bottom: 40px;
        right: 0;
    }

    .sidebar-menu .fixed-bottom .big-img {
        width: 120px;
        height: 120px;
        margin-top: 10px;
        margin-bottom: 50px;
    }
}


@media (max-width: 1024px) {
    .pagination_info {
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }

    .dataTables_paginate {
        width: 100%;
        text-align: center;
        float: left;
    }

        .dataTables_paginate .pagination {
            float: none;
        }

    /**** Edit Page **/
    .edit-form-footer .cancel-btn, .edit-form-footer .save-btn {
        padding: 5px 19px;
        line-height: 20px;
        height: 32px;
        margin-left: 10px;
    }

    /**  Processed_Order Page **/
    .custmzn-scrn .subproduct-box {
        min-height: inherit;
    }

    .hgt147 {
        overflow-y: scroll;
    }

    a.hold-order-btn, a.dispatch-order-btn, a.pass-order-btn {
        padding: 5px 20px;
        line-height: 32px;
        letter-spacing: 1.2px;
    }

    a.cnl-order-btn {
        padding: 1% 3%;
        line-height: 28px;
        vertical-align: middle;
        height: 40px;
    }

    .hover-detail a.pdt-dtl-btn, .hover-detail a.pdt-dtl-btn:hover {
        margin-top: 50%;
    }
}

@media screen and (max-width:985px) {
    .edit-form-footer .cancel-btn, .edit-form-footer .save-btn {
        padding: 10px 37px;
        line-height: 20px;
        height: 40px;
    }

    .edit-form-footer .text-right {
        text-align: center;
    }

    .box-footer p.disc {
        margin-bottom: 15px;
    }
}

@media (min-width: 801px) {
    .mobileSidebarHeader {
        display: none;
    }

}
@media (max-width: 800px) {
    .mobileSidebarHeader {
        display: block;
        float: left;
        width: 100%;
        padding: 25px 25px 15px;
        box-sizing: border-box;
    }
    .sidebar-toggle.closeBtn {
        background-image: url(../../Content/images/close.png);
        background-size: auto;
        height: 40px;
        width: 40px;
        position: absolute;
        right: 22px;
        background-repeat: no-repeat;
        background-position: center center;
        top: 15px;
            z-index: 9;
    }
    .main-header .navbar-custom-menu{margin-right: 60px;
    margin-top: 5px;}
    .main-header .navbar-custom-menu li.dropdown.user.user-menu a.dropdown-toggle {
        max-width: 110px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding: 0;
            font-size: 15px;
    }
    .sidebar-mini .main-header .sidebar-toggle {
        top: 16px;
    }
    .table-responsive {
        border: none;
    }
    .main-sidebar, .left-side{width:100%;
        z-index: 1031;
    }
    .main-header .logo, .main-header .navbar {
        width: 100%;
        float: none;
    }

    .main-header .navbar {
        margin: 0;
            padding: 24px 20px;
    }
    /*.sidebar-collapse .main-header .navbar{
        background: #ffffff !important;
    }
    .main-header .navbar{
        background: #263043 !important;
        box-shadow: none;
    }*/
    .fixed .content-wrapper, .fixed .right-side {
        /*padding-top: 0;*/
        padding-top: 75px;
    }

    .main-sidebar, .left-side {
        /*-webkit-transform: translate(-303px, 0);
        -ms-transform: translate(-303px, 0);
        -o-transform: translate(-303px, 0);
        transform: translate(-303px, 0);*/

        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .sidebar-collapse .main-sidebar, .sidebar-collapse .left-side {
        /*-webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);*/
    }

    /*.sidebar-collapse .content-wrapper, .sidebar-collapse .main-sidebar, .sidebar-collapse .right-side, .sidebar-collapse .main-footer {*/
    .sidebar-collapse .main-sidebar{
        /*-webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);*/
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        -o-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }

    .sidebar-open .main-sidebar, .sidebar-open .left-side {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .main-sidebar, .left-side {
        padding-top: 0;
        /*padding-top: 161px;*/
    }

    .content-wrapper, .right-side, .main-footer {
        margin-left: 0;
    }

    .sidebar-mini .main-header .logo {
        width: 100%;
        display: none;
    }

    .skin-blue .main-header .sidebarLogo_mobile{
        display:inline-block !important;
        /*margin-top: 23px;
        margin-bottom: 24px;*/
    }

        .sidebar-mini.sidebar-collapse .main-header .logo .logo-lg {
            display: block;
        }
    .right_content_form.pull-right {
        width: 100%;
    }
    /*.pad-rgt-10 {
        padding-right: 15px !important;
    }
    .no-pad-right{padding-right: 15px !important;}
    .no-pad-left{padding-left: 15px !important;}
    .no-padding{padding-left:15px !important;padding-right: 15px !important;}
    .pad-lft-10 {
        padding-left: 15px !important;
    }

    .pad-lft-30 {
        padding-left: 15px !important;
    }*/

    .box .border-left {
        border-left: none;
    }

    .content {
        min-height: auto;
    }

    .no-pad-right {
        padding-right: 15px;
    }

    .no-pad-lft {
        padding-left: 15px !important;
    }
}

@media screen and (max-width:767px) {
    .jump-bar {
        margin: 15px 0;
    }

    .odr-dtl .table > tbody > tr > th {
        width: 40%;
    }

    .hgt147 {
        height: inherit;
        overflow-y: auto;
    }

    .withfooter footer.main-footer.fixed .pull-right {
        float: none !important;
        text-align: center;
        margin-bottom: 15px;
    }

    .withfooter footer.main-footer.fixed {
        text-align: center;
    }

    a.hold-order-btn, a.dispatch-order-btn, a.pass-order-btn {
        width: 48%;
    }

    a.cnl-order-btn {
        width: 50%;
    }

    #annual-Reg .dataTables_filter .pull-right {
        float: left !important;
        width: 100%;
        margin-top: 15px;
        text-align: right;
        padding: 0;
    }

        #annual-Reg .dataTables_filter .pull-right .sortBy {
            text-align: left;
        }
}

@media (max-width: 569px) {
    a.hold-order-btn, a.dispatch-order-btn, a.pass-order-btn {
        float: left;
        width: 100%;
        margin-bottom: 10px;
        margin-left: 0;
    }

    .withfooter footer.main-footer.fixed .pull-right {
        float: none !important;
    }

    a.cnl-order-btn {
        width: 100%;
    }

    .fixed.withfooter .content-wrapper, .fixed.withfooter .right-side {
        padding-bottom: 155px;
    }

    .custmzn-scrn .subproduct-box {
        width: 23.4%;
    }
}

@media (max-width: 415px) {
    .dataTables_paginate .pagination {
        float: none;
        padding: 9px 12px;
        height: auto;
    }

    .pagination > li > a, .pagination > li > span {
        margin: 0;
    }

        .pagination > li > a img {
            display: none;
        }

    .pagination > li.previous > a, .pagination > li.next > a {
        font-weight: 700;
    }

    .content-header > .breadcrumb > li {
        margin-bottom: 10px;
    }

    .content-header > .breadcrumb {
        position: relative;
        margin-top: 5px;
        background: transparent;
        padding-bottom: 5px;
    }

    .custmzn-scrn .subproduct-box {
        width: 48.4%;
    }

    .fixed.withfooter .content-wrapper, .fixed.withfooter .right-side {
        padding-bottom: 170px;
    }
}

@media (max-width:376px) {
}

@media (max-width: 320px) {
    .dataTables_paginate .pagination {
        float: none;
        padding: 9px 0px;
        height: auto;
    }

    .pagination > li.previous > a, .pagination > li.next > a {
        font-weight: 700;
        padding-left: 0;
        padding-right: 0;
    }

    .main-header .navbar-custom-menu li.dropdown.user.user-menu a.dropdown-toggle {
        width: auto;
    }

    .main-header .navbar-custom-menu li.dropdown.user.user-menu a > span {
        display: none;
    }

        .main-header .navbar-custom-menu li.dropdown.user.user-menu a > span.pull-right-container {
            display: block;
        }

    .main-header .navbar-custom-menu li.dropdown.user.user-menu a .label-danger {
        display: block;
    }

    .navbar-nav > .user-menu .user-image {
        margin-top: 0;
        line-height: 10px;
        margin-right: 22px;
    }

    .main-header .navbar {
        /*padding: 10px 20px;
        min-height: 50px;*/
    }

    .navbar-nav > .user-menu > .dropdown-menu > .user-body:before {
        right: 6%;
    }

    .main-header .navbar .sidebar-form {
        border: none;
        margin: 0;
        margin-top: 6px;
    }

    .edit-form-footer .cancel-btn, .edit-form-footer .save-btn {
        padding: 5px 19px;
        line-height: 20px;
        height: 32px;
        margin-left: 10px;
    }
}


.activeHeaderlink:hover, .activeHeaderlink:focus {
    text-underline-position: initial;
    color: #f99671 !important;
    text-decoration-line: underline !important;
}