@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
}

html,
body {
    font-family: 'Open Sans', sans-serif;
    color: #000;
    background-color: #fff;
    font-size: 13px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
}

a,
a:focus,
a:visited,
a:hover {
    outline: none;
    text-decoration: none;
    /*transition: all linear .3s;-o-transition: all linear .3s;-ms-transition: all linear .3s;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;*/
}

p {
    margin-bottom: 15px;
}

p:last-child,
p:last-of-type {
    margin-bottom: 0px;
}

p:only-child,
p:only-of-type {
    margin-bottom: 0px;
}

p:empty {
    display: none;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

input,
textarea,
button {
    font-family: 'Open Sans', sans-serif;
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(https://ka-f.fontawesome.com/releases/v5.15.1/webfonts/free-fa-solid-900.eot);
    src: url(https://ka-f.fontawesome.com/releases/v5.15.1/webfonts/free-fa-solid-900.eot?#iefix) format("embedded-opentype"), url(https://ka-f.fontawesome.com/releases/v5.15.1/webfonts/free-fa-solid-900.woff2) format("woff2"), url(https://ka-f.fontawesome.com/releases/v5.15.1/webfonts/free-fa-solid-900.woff) format("woff"), url(https://ka-f.fontawesome.com/releases/v5.15.1/webfonts/free-fa-solid-900.ttf) format("truetype"), url(https://ka-f.fontawesome.com/releases/v5.15.1/webfonts/free-fa-solid-900.svg#fontawesome) format("svg")
}

.fa,
.far,
.fas {
    font-family: "Font Awesome 5 Free";
}

.btn {
    color: rgb(255, 255, 255);
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 3px;
    outline: none;
    background: rgb(0, 111, 175);
    padding: 10px 25px;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(0, 111, 175);
    border-image: initial;
    transition: all linear .3s;
    -o-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -webkit-transition: all linear .3s;
    outline: none !important;
}

.btn:hover {
    color: rgb(255, 255, 255);
    background: rgb(1, 92, 144);
    border-width: 2px;
    border-style: solid;
    border-color: rgb(0, 111, 175);
    border-image: initial;
    transition: all linear .3s;
    -o-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -webkit-transition: all linear .3s;
}

select.form-control {
    background-image: url(../images/select-down.png);
    background-position: top 50% right 15px;
    background-repeat: no-repeat;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    position: relative;
    outline: none;
    border: solid 1px #ccc;
    box-shadow: none;
    border-radius: 3px;
}

select.form-control:focus {
    box-shadow: none;
    border: solid 1px #ccc;
}

.clear {
    clear: both;
}

.flLeft {
    float: left;
}

.flRight {
    float: right;
}


.MainTable {
    background: #f0f0f0;
    float: left;
    width: 100%;
    padding: 5px;
    height: calc(100vh - 148px);
    box-sizing: border-box;
    margin-top: 5px !important;
	color:#73879c!important;
    text-align: center;
}

.MainTable h1 {
    font-size: 22px;
    font-weight: 400;
	margin-bottom:5px;
}

.MainTable .uploadData {
    width: 55%;
    margin: auto;
    border: 3px dashed #ccc;
    padding: 2% 0;
    font-size: 16px;
}

.uploadData .ui.form {
    font-size: 16px!important;
}

.ui.form .field {
    clear: both;
    margin: 0 0 1em;
}
.MainTable .fontEm {
    font-size: 5em!important;
    cursor: pointer;
}

.MainTable .fontEm:hover {
    color: #006faf;
}

.uploadData .ui.form p {
    margin: 2px;
}

a.download_simple {
    position: relative;
    z-index: 999;
}

.buttonBlue {
    background-color: #006faf;
    color: #fff;
    border: 1px solid #ccc;
    padding: 4px 8px;
    font-size: 14px!important;
    border-radius: 4px;
    cursor: pointer;
}

.ui.form input[type=file] {
    border: none;
    font-size: 13px;
    padding: 6px;
}
input[type=file] {
    display: block;
}

.input_style {
    background: #f0f8ff!important;
    font-size: 12px!important;
    color: #006faf!important;
}
.input_style {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    left: 0;
}

input[type="file" i] {
    appearance: none;
    background-color: initial;
    cursor: default;
    align-items: baseline;
    color: inherit;
    text-overflow: ellipsis;
    white-space: pre;
    text-align: start !important;
    padding: initial;
    border: initial;
    overflow: hidden !important;
}

/*TD Width*/

.w300 {
    width: 300px;
}

.w250 {
    width: 250px;
}

.w200 {
    width: 200px;
}

.w170 {
    width: 170px;
}

.w150 {
    width: 150px;
}


/*Site Header Start*/

.hide-search .input-group {
    display: none;
}

.site-header {
    padding: 15px 0;
}


/*.site-header.newcart-headers {padding: 15px 0 0 0;}*/

.site-header.newcart-headers ul.header-right {
    margin: 0;
}

.site-header.newcart-headers ul li {
    margin-bottom: -1px;
}


/*.site-header.newcart-headers ul li a.enquiry-icn{border: solid 1px #dbf4ff;background: #dbf4ff;color: #000000;}*/

.site-header.inquiry-header {
    padding: 5px 0 0;
}

.site-header.homeheader .hleft {
    width: 33%;
}

.site-header .hleft {
    float: left;
    width: 33%;
    height: 1px;
}

.site-header .hcenter {
    float: left;
    width: 33%;
    height: 1px;
}

.site-header .hright {
    float: right;
    width: 33%;
}

.site-header .hright.w100 {
    width: 100%;
}

.site-header ul.header-right {
    text-align: right;
    margin: 0;
}

.site-header.new-inquiry-headers ul.header-right li.inquiry-btns {
    margin: 0;
    position: absolute;
    right: 15px;
}

.site-header.new-inquiry-headers ul.header-right li.inquiry-btns a {
    padding: 1px 20px 1px 20px;
    min-width: auto;
    line-height: 34px;
    border: solid 1px #dbf4ff;
    background: #dbf4ff;
    color: #000000;
}

.site-header ul.header-right li {
    display: inline-block;
    margin-left: 3px;
    position: relative;
}

.site-header ul.header-right li .tab-badge {
    position: absolute;
    background: #C81012;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    right: -5px;
    top: -13px;
}

.site-header ul.header-right li.head-cart {
    margin-left: 0;
    position: absolute;
    top: 50px;
    right: 30px;
}

.site-header ul.header-right li a {
    border: solid 1px #004e7b;
    background: #356aa0;
    color: #fff;
    display: block;
    min-width: 145px;
    text-align: center;
    line-height: 33px;
    padding: 1px 8px 1px 40px;
    font-size: 14px;
    font-weight: 500;
}

.site-header ul.header-right li a.enquiry-icn {
    padding: 1px 20px 1px 20px;
    min-width: auto;
    line-height: 28px;
}

.site-header ul.header-right li a.buyer-icn,

/*.site-header ul.header-right li a.enquiry-icn, */

.site-header ul.header-right li a.order-icn,
.site-header ul.header-right li a.cart-icn {
    position: relative;
}

.site-header ul.header-right li a.buyer-icn:before,

/*.site-header ul.header-right li a.enquiry-icn:before, */

.site-header ul.header-right li a.order-icn:before,
.site-header ul.header-right li a.shop-icn:before,
.site-header ul.header-right li a.cart-icn:before {
    position: absolute;
    top: 4px;
    left: 7px;
    content: "";
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    transition: all 0.5s ease;
    transform: scale(0.8);
}

.site-header ul.header-right li a.buyer-icn:before {
    width: 29px;
    height: 29px;
    background-position: top -4px left -2px;
}


/*.site-header ul.header-right li a.buyer-icn.shop-icn {padding: 0 8px 0 20px;}*/

.site-header ul.header-right li a.shop-icn:before {
    width: 20px;
    height: 29px;
    background-position: top -195px left -128px;
    left: 25px;
}

.site-header ul.header-right li:hover a.shop-icn.buyer-icn:before {
    background-position: top -195px left -158px;
    transition: all 0.5s ease;
}


/*.site-header ul.header-right li a.enquiry-icn:before{width: 31px;height: 29px;background-position:top -53px left -5px;left: 15px;}*/


/*.site-header ul.header-right li a.enquiry-icn {padding: 0 15px 0 45px;}*/

.site-header ul.header-right li a.order-icn:before {
    width: 29px;
    height: 29px;
    background-position: top -103px left -2px;
}

.site-header ul.header-right li:hover a.buyer-icn:before {
    background-position: top -4px left -42px;
    transition: all 0.5s ease;
}

.site-header ul.header-right li:hover a.enquiry-icn:before {
    background-position: top -53px left -45px;
    transition: all 0.5s ease;
}

.site-header ul.header-right li:hover a.order-icn:before {
    background-position: top -103px left -42px;
    transition: all 0.5s ease;
}

.site-header ul.header-right li a.buyer-icn.offers-icn:before {
    height: 33px;
    background-position: top -217px left -7px;
    left: 30px;
}

.site-header ul.header-right li:hover a.buyer-icn.offers-icn:before {
    height: 33px;
    background-position: top -217px left -48px;
}

.site-header ul.header-right li a.activeCls {
    background: #0097ef;
    border-color: #0097ef;
}

.site-header ul.header-right li a.cart-icn {
    border: none;
    min-width: 35px;
    padding: 0;
    background: transparent;
    position: relative;
}

.site-header ul.header-right li a.cart-icn span {
    position: relative;
    top: -2px;
    right: -23px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    color: #000;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
}

.site-header ul.header-right li a.cart-icn:before {
    width: 27px;
    height: 26px;
    background-position: top -154px left -5px;
    left: 0;
    top: -6px;
}

.site-header ul.header-right li:hover a.cart-icn:before {
    background-position: top -154px left -39px;
    transition: all 0.5s ease;
}

.support-footer {
    width: 100%;
    background: #E7E7E7;
    height: 45px;
    position: fixed;
    bottom: -1px;
    left: 0;
    z-index: 9;
}

.support-footer .flRight {
    font-size: 13px;
    padding: 13px 15px 0;
    position: relative;
}

.support-footer .flRight p {
    position: absolute;
    top: 0;
    right: 35px;
}

.support-footer .flLeft {
    position: relative;
    background: #C81012;
}

.support-footer .flLeft a {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    padding: 12px 15px;
    display: inline-block;
}

.site-sub-header {
    padding: 25px 0 15px 0;
}

.wrap-drop {
    height: 32px;
    border: solid 1px #ccc;
    cursor: pointer;
    padding: 5px 9px;
    position: relative;
    z-index: 9;
    width: 160px;
    background: rgba(239, 247, 251, 0.36);
    float: right;
}

.site-header .hleft .wrap-drop {
    width: 190px;
    float: left;
}

.wrap-drop.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.wrap-drop::after {
    background: url(../images/sprite.png);
    background-repeat: no-repeat;
    background-position: top -6px left -103px;
    position: absolute;
    top: 5px;
    right: 6px;
    content: "";
    width: 20px;
    height: 20px;
}

.wrap-drop .drop {
    background: #fff;
    box-shadow: 0px 20px 9px 0px rgba(0, 0, 0, 0.05);
    display: none;
    left: 0;
    list-style: none;
    margin-top: 0;
    opacity: 0;
    padding-left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 2;
}

.wrap-drop .drop li {
    color: #000;
    display: block;
    padding: 6px 15px;
    text-decoration: none;
    border-bottom: solid 1px #ccc;
    transition: all linear .05s;
    font-size: 13px;
}

.wrap-drop.filterby .drop li {
    padding: 0;
    text-decoration: none;
    border-bottom: solid 1px #ccc;
    transition: all linear .05s;
    font-size: 13px;
}

.wrap-drop.filterby .drop li a {
    color: #000;
    display: block;
    padding: 6px 15px;
    text-decoration: none;
    transition: all linear .05s;
    font-size: 13px;
}

.wrap-drop.filterby .drop li a:hover {
    color: #fff;
}

.wrap-drop span {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
}

.wrap-drop.filterby {
    width: 180px;
    float: right;
    padding-left: 35px;
}

.wrap-drop.filterby::before {
    background: url(../images/sprite.png);
    background-repeat: no-repeat;
    background-position: top -36px left -103px;
    position: absolute;
    top: 6px;
    left: 8px;
    content: "";
    width: 20px;
    height: 20px;
    transform: scale(0.8);
}

.wrap-drop.filterby span {
    text-transform: none;
}

.wrap-drop .drop li:last-child {
    border-bottom: none;
}

.wrap-drop .drop li:hover {
    background-color: #356aa0;
    color: #fff;
    transition: all linear .05s;
}

.wrap-drop .drop li a {
    color: #000;
    transition: none;
    display: block;
}

.wrap-drop .drop li:hover a {
    color: #fff;
    transition: none;
}

.wrap-drop.active::after {
    border-width: 0 10px 10px;
}

.wrap-drop.active .drop {
    display: block;
    opacity: 1;
    pointer-events: auto;
    border: solid 1px #b2b2b2;
}

.filter-right-col {
    float: right;
    width: 16%;
}

.filter-right-col .wrap-drop.filterby.forsell {
    width: 110px;
    float: left;
    padding-left: 10px;
}

.filter-right-col .wrap-drop.filterby.forsell:before {
    display: none;
}


/*table header fixed start*/

.table-scroll {
    position: relative;
    width: 100%;
    margin: auto;
    display: table;
}

.table-wrap {
    width: 100%;
    display: block;
    height: calc(100vh - 182px);
    overflow-y: auto;
    position: relative;
    z-index: 2;
}

.theinquiry-page .table-wrap {
    height: calc(100vh - 168px);
    border-top: none;
}

.table-scroll table {
    width: 100%;
    margin: auto;
    border-collapse: separate;
    border-spacing: 0;
    text-align: center;
    background: #ececec;
}

.data-list-scroll .table-scroll th {
    border-bottom: 1px solid #d5d5d5;
    box-shadow: inset 0px 11px 8px -10px #CCC, inset 0px -11px 8px -10px #CCC;
}

.table-scroll th,
.table-scroll td {
    font-size: 13px;
    vertical-align: middle;
    text-align: center;
    font-weight: 400;
    border-bottom: 2px solid #d5d5d5;
    border-left: 1px solid #ddd;
}

.table-scroll th:first-child,
.table-scroll td:first-child {
    border-left: 0;
}

.table-scroll th {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    padding: 7px 4px;
}

.theinquiry-page.addqty-page .table-scroll td {
    padding: 5px 4px;
}

.theinquiry-page.addqty-page .table-scroll td {
    padding: 5px 4px;
}

.table-scroll tfoot {
    background: #dedede;
}

.table-scroll tfoot th {
    color: #000;
    font-weight: 500;
    text-align: center;
    padding: 5px;
    /* border-color: #8c8b8b; */
}

.table-scroll tfoot th.totalprice {
    color: #fff;
    background: #666;
    font-size: 18px;
}

.table-scroll tfoot th.removebtn {
    text-align: left;
    padding-left: 15px;
}

.table-scroll tfoot th.removebtn .remove {
    background: rgb(195, 0, 0);
    border-color: rgb(195, 0, 0);
    border-radius: 0;
    box-shadow: none;
    outline: none;
    padding: 7px 10px;
}

.table-scroll tfoot th.removebtn .remove:active,
.table-scroll tfoot th.removebtn .remove:focus,
.table-scroll tfoot th.submitbtn .submit:active,
.table-scroll tfoot th.submitbtn .submit:focus {
    color: #fff;
}

.table-scroll tfoot th.removebtn .remove:hover {
    background: rgb(162, 0, 0);
    border-color: rgb(162, 0, 0);
}

.table-scroll tfoot th.submitbtn .submit {
    background: #356aa0;
    border: solid 1px #004e7b;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    padding: 5px 10px;
}

.table-scroll tfoot th.submitbtn .submit:hover {
    background: #004e7b
}

.table-scroll th label {
    margin: 0;
    font-weight: 400;
}

.table-scroll td {
    padding: 4px;
}

.table-scroll td:last-child,
.table-scroll th:last-child {
    border-right: none;
}

.table-scroll table tbody tr:last-child td {
    border-bottom: 1px solid #ddd;
}

.faux-table table {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.faux-table table+table {
    top: auto;
    bottom: 0;
}

.faux-table table tbody,
.faux-table tfoot {
    visibility: hidden;
    border-color: transparent;
}

.faux-table table+table thead {
    visibility: hidden;
    border-color: transparent;
}

.faux-table table+table tfoot {
    border-color: #000;
}

.faux-table thead th,
.faux-table tfoot th,
.faux-table tfoot td {
    background: #006faf;
}

.faux-table {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow-y: auto;
}

.faux-table thead,
.faux-table tfoot,
.faux-table thead th,
.faux-table tfoot th,
.faux-table tfoot td {
    position: relative;
    z-index: 2;
}

.data-list-scroll .table-scroll .main-table thead {
    /*box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.81);*/
}

.table-scroll tr td i.fa.fa-cart-plus {
    background: url(../images/sprite.png);
    background-repeat: no-repeat;
    background-position: top -94px left -112px;
    width: 22px;
    height: 20px;
    transition: all 0.5s ease;
}

.table-scroll tr td i.fa.fa-cart-plus:hover {
    background-position: top -94px left -140px;
    transition: all 0.5s ease;
}

.table-scroll tr td i.fa.fa-cart-plus:before {
    display: none;
}

.table-scroll tr td .showpopup.greencart i.fa.fa-cart-plus {
    background: url(../images/sprite.png);
    background-repeat: no-repeat;
    background-position: top -94px left -195px;
    width: 20px;
    height: 20px;
    transition: none;
}

.table-scroll tr td .showpopup.greencart i.fa.fa-cart-plus:hover {
    background-position: top -94px left -195px;
    transition: none;
}

select.form-control.delivery-time {
    width: 110px;
    margin: auto;
    border-radius: 0;
    position: relative;
    color: #000;
    background-color: #fff;
    font-size: 13px;
    height: 28px;
    padding: 3px 10px;
    background-position: top 50% right 10px;
}

select.form-control.delivery-time::after {
    background: url(../images/sprite.png);
    background-repeat: no-repeat;
    background-position: top -2px left -103px;
    position: absolute;
    top: 5px;
    right: 10px;
    content: "";
    width: 20px;
    height: 20px;
}

.enquiry-received .table-scroll th,
.enquiry-sent.my-purchase .table-scroll th,
.table-scroll thead tr th {
    font-weight: 600;
    color: #000;
    background: #C3E6F5;
}

.offer-slide .date-your-price .offer-inpute {
    display: inline-block;
    width: 66px;
    text-align: center;
    height: 36px;
    margin-left: 10px;
}

.clickme {
    text-decoration: underline;
}

.clickme:hover {
    text-decoration: none;
}


/*table header fixed end*/

#custom-search-input {
    margin: auto;
    padding: 0;
}

#custom-search-input.search-box .search-query {
    border-bottom: solid 1px #356aa0 !important;
    border: none;
    box-shadow: none;
    border-radius: 0;
    height: 32px;
    padding: 6px 25px 6px 0;
    float: right;
    width: 80%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

#custom-search-input.search-box .search-query:focus {
    width: 100%;
}

#custom-search-input.search-box button {
    background: none;
    position: relative;
    border-bottom: solid 1px #356aa0 !important;
    border: none;
    box-shadow: none;
    border-radius: 0;
    height: 32px;
    width: 50px;
    padding: 0;
    outline: none;
}

#custom-search-input.search-box button:before {
    position: absolute;
    top: 5px;
    right: 0;
    content: "";
    width: 22px;
    height: 22px;
    background: url(../images/sprite.png);
    background-repeat: no-repeat;
    background-position: top -6px left -141px;
}

#custom-search-input.search-box .input-group-btn:hover button:before {
    position: absolute;
    top: 5px;
    right: 0;
    content: "";
    width: 22px;
    height: 22px;
    background: url(../images/sprite.png);
    background-repeat: no-repeat;
    background-position: top -33px left -140px;
}

#custom-search-input.search-box button .glyphicon-search:before {
    display: none;
}

.slide-poup .qty {
    width: 135px;
}

.slide-poup .qty .count {
    color: #000;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    line-height: 29px;
    padding: 0 2px;
    width: 2%;
    min-width: 65px;
    text-align: center;
    margin-left: -5px;
    border: 0;
    border-top: solid 1px #356aa0;
    border-bottom: solid 1px #356aa0
}

.slide-poup .qty .plus {
    cursor: pointer;
    display: inline-block;
    color: white;
    width: 31px;
    height: 31px;
    background: #356aa0 url(../images/sprite.png);
    background-repeat: no-repeat;
    background-position: top -153px left -118px;
    text-align: center;
    margin-left: -5px;
    border: 0;
    position: relative;
    right: -1px;
}

.slide-poup .qty .plus i,
.slide-poup .qty .minus i {
    display: none;
}

.slide-poup .qty .minus {
    cursor: pointer;
    display: inline-block;
    color: white;
    width: 31px;
    height: 31px;
    background: #666 url(../images/sprite.png);
    background-repeat: no-repeat;
    background-position: top -153px left -169px;
    text-align: center;
    border: 0;
}

.slide-poup .minus:hover {
    background-color: #015c90 !important;
}

.slide-poup .plus:hover {
    background-color: #015c90 !important;
}

.slide-poup .qty .plus i,
.slide-poup .qty .minus i {
    font: normal normal normal 14px/2 FontAwesome;
}

.slide-poup span {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

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

.slide-poup input:disabled {
    background-color: white;
}

.data-list-scroll {
    position: relative;
    overflow: hidden;
    background: #ececec;
}

.slide-poup {
    width: 335px;
    padding: 30px;
    background: #fff;
    position: absolute;
    top: 33px;
    right: -434px;
    transition: all 0.5s ease;
    z-index: 6;
}

.overlay-table .slide-poup.slide-from {
    right: 0;
    transition: all 0.5s ease;
}

.overlay-table .slide-poup ul.drop li {
    padding: 5px 10px;
}

.slide-poup .wrap-drop span {
    text-transform: none;
}

.slide-poup .sku-text,
.slide-poup .price-text,
.overlay-table .slide-poup.slide-from .date-sku-text {
    font-size: 14px;
}

.slide-poup .price-text strong {
    font-weight: 500;
}

.mb20 {
    margin-bottom: 10px;
}

.mt20 {
    margin-top: 10px;
}

.slide-poup .qty-text strong,
.slide-poup .bid-text strong,
.slide-poup .select-text strong {
    display: block;
    font-weight: 400;
    margin-bottom: 5px;
    line-height: normal;
    font-size: 14px;
}

.slide-poup .sku-text.mb20 {
    margin-bottom: 10px;
    font-weight: 600;
}

.bid-text .form-input {
    border: solid 1px #b2b2b2;
    height: 31px;
    padding: 5px 10px;
    box-sizing: border-box;
    max-width: 100%;
    margin-right: 5px;
}

.bid-text .form-input span {
    font-size: 14px;
    color: #000;
}

.select-text .wrap-drop {
    border-color: #b2b2b2;
    padding: 5px 10px;
    background: #fff;
    max-width: 100%;
    height: 31px;
}

.select-text .wrap-drop:after {
    background-position: top -6px left -101px;
}

.add-btn .btn {
    width: 130px;
    background: #356aa0;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    padding: 8px;
    line-height: 14px;
    border-radius: 0;
    border: solid 1px #004e7b;
}

.add-btn .btn:hover {
    background-color: #004e7b
}

.slide-poup .qty-text {
    width: 100%;
    float: left;
}

.slide-poup .bid-text {
    float: left;
    width: 50%;
}

.slide-poup .bid-text .input-group .form-input {
    max-width: 96px;
}

.overlay-table .slide-poup.slide-from.inqtabrcvd .form-input {
    height: auto;
}

.slide-poup .bid-text .input-group .input-group-addon {
    border-radius: 0;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    border-color: #b2b2b2;
}

.slide-poup .select-text {
    float: left;
    width: 50%;
    padding-left: 15px;
}

.slide-poup.inqsnt .select-text {
    padding-left: 0;
    width: 130px;
}

.slide-poup.inqsnt .select-text .wrap-drop:after {
    background-position: top -6px left -98px;
}

.slide-poup.inqsnt .select-text .wrap-drop {
    padding: 5px 5px;
    height: 33px;
}

.slide-poup .sku-text.mb20.skubold {
    margin-bottom: 10px;
    font-weight: 600;
}

.slide-poup .add-btn {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.cart-qty span.minus,
.cart-qty span.plus {
    cursor: pointer;
    display: inline-block;
    color: white;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: #666 url(../images/sprite.png);
    background-repeat: no-repeat;
    text-align: center;
    border: 0;
}

.cart-qty span.minus {
    background-position: top -158px left -174px;
}

.cart-qty span.plus {
    background-position: top -159px left -125px;
    background-color: #356aa0;
}

.overlay-table {
    position: relative;
    overflow-x: hidden;
}

.overlay-table:before {
    position: absolute;
    top: 33px;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.47);
    content: "";
    bottom: 0;
    z-index: 4;
}

.slide-poup .close-slide {
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.65);
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
}

.data-list-footer {
    clear: both;
}

.data-list-footer .total-value {
    float: right;
    min-width: 434px;
    text-align: right;
    margin-bottom: 10px;
    color: rgb(255, 255, 255);
    background: rgb(0, 111, 175);
    border-width: 1px 1px 1px;
    border-style: none solid solid;
    border-color: rgb(0, 111, 175) rgb(0, 111, 175) rgb(0, 111, 175);
    border-image: initial;
    border-top: none;
}

.data-list-footer .total-value .total-price-text {
    display: inline-block;
    width: 50%;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px;
}

.data-list-footer .total-value .total-price-value {
    display: inline-block;
    width: 49%;
    font-weight: 600;
    padding: 10px 15px;
}

.cart-table-content.site-list-content tbody {
    height: calc(100vh - 315px);
}

.data-list-footer .update-btn-area {
    float: left;
    margin-top: 10px;
}

.data-list-footer .update-btn-area .submit {
    color: rgb(255, 255, 255);
    font-weight: 500;
    background: rgb(51, 51, 51);
    border-color: rgb(51, 51, 51);
}

.data-list-footer .update-btn-area .submit:hover {
    color: rgb(255, 255, 255);
    background: rgb(27, 27, 27);
    border-color: rgb(27, 27, 27);
}

.data-list-footer .update-btn-area .remove {
    background: rgb(195, 0, 0);
    border-color: rgb(195, 0, 0);
}

.data-list-footer .update-btn-area .remove:hover {
    background: rgb(162, 0, 0);
    border-color: rgb(162, 0, 0);
}

.data-list-footer .update-btn-area .remove i,
.cart-header .btn i {
    margin-right: 5px;
    font-size: 16px;
}

.showpopup i,
.deleteicn i {
    font-size: 18px;
    color: #666;
    transition: all 0.5s ease;
    margin: 0 5px
}

.showpopup i.fa.fa-plus {
    font-size: 14px;
}

.showpopup i.fa-trash-o,
.deleteicn i {
    color: #c30000;
}

.showpopup i:hover,
.deleteicn i:hover {
    color: #015c90;
    transition: all 0.5s ease;
}

.cart-header {
    background: #356aa0;
    padding: 5px 0;
    margin-bottom: 30px;
}

.site-header.cart-head .hright {
    height: auto;
    float: right;
}

.cart-header h1 {
    font-size: 26px;
    text-transform: uppercase;
    padding: 8px 0;
    color: #fff;
}

.cart-header .btn {
    outline: none;
    background: #ffffff;
    border-color: #fff;
    color: #000;
    margin-top: 3px;
    padding: 7px 10px;
}

.cart-header .btn:hover,
.cart-header .btn:focus {
    background: #0097ef;
    color: #fff;
    outline: none;
    border-color: #0097ef;
}

.cart-table-content.site-list-content table thead {
    background: #fafafa;
    color: #000;
    -webkit-box-shadow: inset 0px -4px 6px -4px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0px -4px 6px -4px rgba(0, 0, 0, 0.15);
    border: 1px solid #dee2e6;
    box-shadow: inset 0px -4px 6px -4px rgba(0, 0, 0, 0.15);
    border-bottom: none;
}

.cart-page.site-list-content table thead th.cart-select-check,
.cart-page.site-list-content table tbody td.cart-select-check {
    width: 7%;
}

.cart-page.site-list-content table thead th.cart-sku,
.cart-page.site-list-content table tbody td.cart-sku {
    width: 8%;
}

.cart-page.site-list-content table thead th.cart-lp,
.cart-page.site-list-content table tbody td.cart-lp {
    width: 8%;
}

.cart-page.site-list-content table thead th.cart-bp,
.cart-page.site-list-content table tbody td.cart-bp {
    width: 8%;
}

.cart-page.site-list-content table thead th.cart-qty-text,
.cart-page.site-list-content table tbody td.cart-qty-text {
    width: 7%;
}

.cart-page.site-list-content table thead th.cart-sm,
.cart-page.site-list-content table tbody td.cart-sm {
    width: 14%;
    padding-left: 15px;
    padding-right: 15px;
}

.cart-page.site-list-content table thead th.cart-action,
.cart-page.site-list-content table tbody td.cart-action {
    width: 8%;
}

.cart-qty .count {
    width: 40px;
    text-align: center;
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
    position: relative;
    top: 2px;
}

.cart-qty i {
    color: #fff;
    cursor: pointer
}

.cart-qty i:before {
    display: none;
}

.shipping-options,
.shipping-method {
    width: 80%;
    margin: auto;
    height: 32px;
    cursor: pointer;
}

.shipping-method {
    width: 100%;
}

.top-space {
    margin-top: 30px;
}

#snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    top: 0;
    font-size: 17px;
}

#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

#snackbar2 {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    top: 0;
    font-size: 17px;
}

#snackbar2.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

#snackbar3 {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    top: 0;
    font-size: 17px;
}

#snackbar3.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
    from {
        top: 0;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        top: 0;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        top: 0;
        opacity: 1;
    }
    to {
        top: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        top: 0;
        opacity: 1;
    }
    to {
        top: 0;
        opacity: 0;
    }
}

ul.resp-tabs-list {
    margin: 0px;
    padding: 0px;
}

.resp-tabs-list li {
    font-weight: 600;
    font-size: 13px;
    display: inline-block;
    padding: 10px 15px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    float: left;
    color: #fff;
    background: #356aa0;
    position: relative;
    margin-bottom: -1px !important;
    z-index: 2;
    border-right: solid 1px #e9f7ff;
}

.resp-tabs-list li:last-child {
    border-right: none;
}

.resp-tabs-list li i {
    font-size: 16px;
}

.resp-tabs-list li i.fa-credit-card-alt {
    font-size: 14px;
}

.resp-tabs-list li i.fa-shopping-cart {
    font-size: 18px;
}

.resp-tabs-list li .tab-badge {
    /*color:#C81012; position: absolute;background: #C81012;width: 25px;height: 25px;border-radius: 50%;text-align: center;line-height: 25px;color: #fff;display: inline-block;font-size: 14px;right: 10px;top: -13px;*/
}

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
}

.resp-tab-active {
    color: #121212 !important;
    background: #dbf4ff !important;
    border-bottom: none;
}

.resp-tab-active {
    border-bottom: none;
}

.resp-content-active,
.resp-accordion-active {
    display: block;
}

.resp-tab-content {}

h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #ccc;
    border-top: 0px solid #ccc;
    margin: 0px;
    padding: 10px 15px;
}

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}


/*Vertical tabs*/

.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
}

.resp-vtabs li.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-right: none;
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding: 14px 15px 15px 14px !important;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}


/*Accordion styles*/

h2.resp-tab-active {
    background: #DBDBDB !important;
}

.resp-easy-accordion h2.resp-accordion {
    display: block;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important;
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
    background: #ececec;
}

#horizontalTab {
    position: relative;
}

#horizontalTab .applied-filter {
    position: absolute;
    right: 0;
    top: 5px;
}

#horizontalTab .applied-filter p,
#horizontalTab .applied-filter p span {
    display: inline-block;
    margin: 0 5px 10px 0;
    vertical-align: middle;
    background-color: #e5e5e5;
    padding: 1px 4px;
    cursor: pointer;
}

#horizontalTab .applied-filter p span {
    margin-bottom: 0px;
    margin-right: 0;
    padding-left: 0;
}

#horizontalTab .applied-filter p .remove-icon {
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    color: #333;
}

#horizontalTab .applied-filter a.clear-all {
    padding: 1px 8px 0;
    display: inline-block;
    line-height: 21px;
    background-color: #006faf;
    color: #fff;
    vertical-align: top;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1 !important;
}

.receiveicn i,
.sendicn i {
    vertical-align: middle;
    margin-right: 3px;
}

.receiveicn i {
    -ms-transform: rotate(-75deg);
    -webkit-transform: rotate(-75deg);
    transform: rotate(-75deg);
    transform: scaleX(-1);
}

.submit-text {
    color: #356aa0;
}

.submit-text:hover {
    color: #000;
    text-decoration: underline;
}

.accepticon i,
.rejecticn i {
    font-size: 16px;
}

.accepticon {
    color: #06b506;
    padding-right: 5px;
}

.rejecticn {
    color: #ed2142;
    padding-left: 5px;
}

.offericn-price i {
    font-size: 18px;
    color: #356aa0;
}

.offericn-price i:hover {
    color: #000;
}

a.accepticon.showpopup i {
    color: #06b506;
}

a.rejecticn.showpopup i {
    color: #ed2142;
}

.offer-slide strong {
    display: block;
    font-weight: 400;
    color: #666;
}

.offer-slide .date-your-price {
    margin: 25px 0;
    font-weight: 600;
    color: #00b104;
}

.inqtabrcvd .date-offer-price {
    margin-bottom: 20px;
}

.inqtabrcvd .date-offer-price i,
.inqtabrcvd .date-bid-price i {
    margin-right: 5px;
    font-size: 18px;
}

.inqtabrcvd .date-offer-price,
.inqtabrcvd .date-bid-price {
    color: #000;
    font-size: 16px;
}

.rcvdate {
    margin-top: 7px;
}

.rcvdate span.rcvdprice {
    font-weight: 600;
}

.rcvdate .bprc {
    color: #356aa0;
    font-weight: 400;
}

.rcvdate .ofprc {
    font-weight: 400;
    color: #00b104;
}

ol.offer-price-list {
    margin: 0;
    padding: 0;
    font-weight: 400;
    color: #000;
}

ol.offer-price-list li {
    margin-bottom: 15px;
    list-style: none;
    padding: 10px;
    color: #000;
    background: #eff7fb;
}

ol.offer-price-list li span {
    font-weight: 600;
}

ol.offer-price-list li a.offaccept {
    border: solid 1px #029f02;
    padding: 5px 10px;
    float: right;
    color: #fff;
    font-size: 13px;
    margin-top: -5px;
    background: #00b104;
}

ol.offer-price-list li a.offaccept:hover {
    border: solid 1px #029f02;
    background: #029f02
}

.price-offer-accept .ortext {
    margin: 20px 0 15px;
    font-weight: 600;
}

.price-offer-accept .date-your-price {
    margin-bottom: 20px;
    color: #000000;
    font-weight: 600;
    font-size: 16px;
}

.price-offer-accept .date-your-price span {
    border: solid 1px #b2b2b2;
    padding: 5px 10px;
    color: #666;
    margin-left: 5px;
}

.hcenter .input-group {
    display: none;
}

ul.search-filter-list {
    position: absolute;
    right: 0;
    width: 100%;
    background: #fff;
    top: 40px;
    display: none;
    z-index: 4;
    box-shadow: 1px 9px 7px 0px rgba(0, 0, 0, 0.4);
    border: solid 1px #ccc;
    border-top: 0;
}

ul.search-filter-list li {
    border-bottom: solid 1px #ccc;
}

ul.search-filter-list li:last-child {
    border-bottom: none;
}

ul.search-filter-list li a {
    color: #0097ef;
    padding: 5px 10px;
    display: block;
}

ul.search-filter-list li a strong {
    color: #000;
    display: block;
    font-weight: 600;
}

.overlay-table .slide-poup.slide-from .date-sku-text {
    margin-bottom: 15px;
    color: #000;
    font-weight: 600;
}

.price-offer-accept .date-your-price .offer-inpute,
.offer-slide .date-your-price .offer-inpute {
    display: inline-block;
    width: 66px;
    text-align: center;
    height: 31px;
    margin-left: 10px;
    border: solid 1px #b2b2b2;
    color: #000;
    font-size: 14px;
}

.price-offer-accept .date-your-price strong {
    font-weight: 600;
}

.price-offer-accept .date-your-price input.form-input {
    width: 96px;
    border: solid 1px #b2b2b2;
    height: 31px;
    padding: 5px 10px;
    box-sizing: border-box;
    margin-left: -1px;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
}

.price-offer-accept .date-your-price .input-group-addon {
    border-radius: 0;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    border-color: #b2b2b2;
}

.price-offer-accept .date-your-price .input-group {
    background: #eff7fb;
    padding: 5px;
}


/* .price-offer-accept .add-btn {margin: 0;} */

.slide-poup.price-offer-accept {
    width: 400px;
}

.offer-price-list2 {
    margin: 0;
    padding: 0;
    font-weight: 400;
    color: #000;
    text-align: center;
    font-size: 14px;
    border: solid 1px #666666;
}

.offer-price-list2.table>thead {
    background: #666666;
    color: #fff;
    font-size: 13px;
}

.offer-price-list2.table>thead>tr>th {
    text-align: center;
    font-weight: 400;
    border: none;
    padding: 6px 3px;
    vertical-align: middle;
    border-right: solid 1px #868686;
}

.offer-price-list2.table>thead>tr>th:last-child {
    border-right: none;
}

.offer-price-list2.table>tbody>tr>td {
    text-align: center;
    font-weight: 400;
    border: none;
    border-right: solid 1px #666666;
    padding: 4px!important;
    vertical-align: middle;
    width: auto;
}

.offer-price-list2.table>tbody>tr:nth-child(odd) {}

.offer-price-list2.table>tbody>tr:nth-child(even) {
    background: #eff7fb;
}

.offer-price-list2 span {
    font-weight: 600;
}

.offer-price-list2 a.offaccept {
    border: solid 1px #029f02;
    padding: 1px 5px;
    color: #fff;
    font-size: 12px;
    background: #00b104;
}

.offer-price-list2 a.offaccept i {
    font-size: 13px !important;
    color: #fff !important;
}

.offer-price-list2 a.offaccept:hover {
    border: solid 1px #029f02;
    background: #029f02
}

.offer-slide .date-your-price input.offer-inpute {
    margin-left: 0;
}

.offer-slide .date-your-price .input-group-addon {
    border-radius: 0;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    border-color: #b2b2b2;
}

.offer-slide .date-your-price .input-group-addon,
.offer-slide .date-your-price .offer-inpute {
    position: relative;
    left: -15px;
}


/*.viewbid {background: #00b104;margin-left: 5px;color: #fff;font-size: 12px;padding: 1px 5px;border: solid 1px #029f02;}
.viewbid:hover{background: #029f02;text-decoration:none;color:#fff;}*/

.viewbid i {
    margin-left: 5px;
    color: #356aa0;
    font-size: 17px;
}

.viewbid i:hover {
    color: #000000;
}

.site-list-content.buyer-status-page .resp-tabs-container tbody td,
.site-list-content.buyer-status-page .resp-tabs-container thead th {
    width: 11%;
}

.site-list-content.buyer-status-page .resp-tabs-container tbody td.buyer-action,
.site-list-content.buyer-status-page .resp-tabs-container thead th.buyer-action {
    width: 12%;
}

.site-list-content.order-history-page tbody td,
.site-list-content.order-history-page thead th {
    width: 11%;
}

.site-list-content.order-history-page tbody td.buyer-action,
.site-list-content.order-history-page thead th.buyer-action {
    width: 12%;
}

.between-12month .faux-table,
.less-than .faux-table,
.restocked-page .faux-table,
.unknown-page .faux-table,
.older-month-page .faux-table,
.buyer-pages .faux-table,
.cartpages .faux-table,
.theinquiry-page .faux-table,
.offerpages .faux-table,
.ordr-hsty-page .faux-table {
    position: static;
}

.search_sku .main-table thead tr th,
.search_sku_description .main-table thead tr th {
    background: #dbf4ff;
}


/*New Update*/

.site-list-content.newhome,
.site-list-content.newhome .data-list-scroll,
.site-list-content.cartpages {
    background: transparent;
}

.site-list-content.newhome h2.select-manufacture {
    text-align: center;
    margin: 200px 0 0;
}


/*.site-list-content {background: #dbf4ff;}*/

.site-list-content.theinquiry-page {
    background: transparent;
}

.leftsidebar {
    background: #006faf;
    float: left;
    height: calc(100% - 120px);
    /*margin-right: 10px;*/
    width: 65px;
    position: relative;
    z-index: 5;
}

.leftsidebar .sidemenu {
    list-style: none;
    margin: 0;
}

.leftsidebar .sidemenu li {
    word-wrap: break-word;
    position: relative;
}


/*.leftsidebar .sidemenu li.active a{background: #dbf4ff;color: #000;}*/

.leftsidebar .sidemenu li:hover a {
    color: #000;
}

.leftsidebar .sidemenu li a {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
    display: block;
    text-align: center;
    padding: 10px 0;
}

.leftsidebar .sidemenu li a span.menuicons {
    display: block;
    text-align: center;
    margin: auto;
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    background-position: top center;
    padding: 3px 15px;
}

.leftsidebar .sidemenu li a span.menuicons.pbrand {
    background-position: top -351px left -5px;
    height: 32px;
    width: 30px;
}

.leftsidebar .sidemenu li a span.menuicons.pbrand:hover {
    background-position: top -308px left -5px;
}

.leftsidebar .sidemenu li:hover a span.menuicons.pbrand {
    background-position: top -308px left -5px;
}

.leftsidebar .sidemenu li a span.menuicons.psale {
    background-position: top -308px left -54px;
    height: 32px;
    width: 30px;
}

.leftsidebar .sidemenu li:hover a span.menuicons.psale {
    background-position: top -352px left -54px;
}

.leftsidebar .sidemenu li a span.menuicons.pfilter {
    background-position: top -308px left -98px;
    height: 40px;
    width: 33px
}

.leftsidebar .sidemenu li:hover a span.menuicons.pfilter {
    background-position: top -348px left -98px;
}

.leftsidebar .sidemenu li a span.menuicons.pfamily1 {
    background-position: top -308px left -157px;
    height: 41px;
    width: 30px;
}

.leftsidebar .sidemenu li:hover a span.menuicons.pfamily1 {
    background-position: top -348px left -157px;
}

.leftsidebar .sidemenu li:hover,
.leftsidebar .sidemenu li a:hover {
    background-color: #dbf4ff;
    color: #000;
}

.leftsidebar .sidemenu li ul.dropdownlist {
    display: none;
    list-style: none;
    position: absolute;
    width: 220px;
    top: 0;
    bottom: auto;
    visibility: visible;
    z-index: 99;
    opacity: 1;
    background-color: #1490d7;
    left: 65px;
}

.leftsidebar .sidemenu li:hover ul.dropdownlist {
    display: block;
}

.leftsidebar .sidemenu li:hover ul.dropdownlist li {
    padding: 3px 15px;
    font-size: 14px;
    position: relative;
}

.leftsidebar .sidemenu li:hover ul.dropdownlist li ul.sub-dropdownlist {
    display: none;
    position: absolute;
    top: 0;
    right: -210px;
    background: #1073ac;
    width: 210px;
}

.leftsidebar .sidemenu li:hover ul.dropdownlist li:hover ul.sub-dropdownlist {
    display: block;
}

.leftsidebar .sidemenu li:hover ul.dropdownlist li:hover ul.sub-dropdownlist li ul.sub-dropdownlist.level3 {
    display: none;
}

.leftsidebar .sidemenu li:hover ul.dropdownlist li:hover ul.sub-dropdownlist li:hover ul.sub-dropdownlist.level3 {
    display: block;
}

.leftsidebar .sidemenu li:hover ul.dropdownlist li a {
    padding: 0px 15px;
    font-size: 14px;
}

.leftsidebar .sidemenu li:hover ul.dropdownlist li a:hover {
    background-color: transparent;
}

.leftsidebar .sidemenu li:hover ul.dropdownlist li a {
    text-align: left;
    padding: 0;
    color: #fff;
}

.leftsidebar .sidemenu li:hover ul.dropdownlist li input[type=checkbox],
.leftsidebar .sidemenu li:hover ul.dropdownlist li input[type=radio] {
    margin: 0;
    position: relative;
    top: 2px;
}

.leftsidebar .sidemenu li:hover ul.dropdownlist li label {
    margin-bottom: 0;
    font-weight: 400;
    color: #fff;
}

.leftsidebar .sidemenu li:hover ul.dropdownlist li:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.redate-page table.show_report>tbody>tr>td {
    text-align: left!important;
}

.redate-page table.show_report>thead>tr>th {
    text-transform: capitalize;
    text-decoration: underline;
    color: #0856a5 !important;
    font-size: 13px;
}

.redate-page table.show_report>tbody>tr>td:last-child,
.redate-page table.show_report>thead>tr>th:last-child {
    border-right: none !important;
}

.redate-page .toggleLink {
    margin-left: 0px;
    width: 12px;
    height: 10px;
    background-image:url(../images/blackPlus.png);
}

.redate-page .toggleLinkGreen {
    margin-left: 0px;
    width: 10px;
    height: 12px;
    background-image:url(../images/green-plus-icon.jpg) !important;
    cursor: pointer;
}

.toggleLinkGreen.toggleLinkBlack{
	  background-image:url(../images/blackPlus.png) !important;
	}

.toggleLinkGreen.toggleLinkRed {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAABAklEQVQoU22PsUoDURBF77z3MJogsbNJIyIqWSS1WEQsBcEiCdkQwcrKf/A/RBCCmk0KG8FObCRFCo3JgvoJSWMhKLJvrywS2ZWdbuYeuGcEselUCnOhLJyCyH/mTPPw/Ol9GkscvKw7G8piEN2osF1vj+5TwQt3fUUH+gWAEnCr1vEf/sCTctmsLU6KFCqhWgLhATCgHFHbfmiFH1+zb3JVdVoCNAAkNOJKIG/Fqzo3BHYTwb+FQE/O9lbns9lMiTagUlIApfVbzWNqPaClgpnxE3XtmrMM4hWADimbbnfYS/+6UixpkccoDMkdt+vfpYKRRi5jPEDy34HaP7h+Hk/BHyiRV0FOTixbAAAAAElFTkSuQmCC) !important;
}

.toggleLinkGreen.toggleLinkYellow {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYxMzkwQjNFQkM4QjExRUJCQ0U0QjBEQzgzQTE5QTZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjYxMzkwQjNGQkM4QjExRUJCQ0U0QjBEQzgzQTE5QTZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjEzOTBCM0NCQzhCMTFFQkJDRTRCMERDODNBMTlBNkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjEzOTBCM0RCQzhCMTFFQkJDRTRCMERDODNBMTlBNkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7OyfcOAAAAoElEQVR42mL8//8/AxxcZuQEkrOBmB+IYxl0/3+ASbEwoAJVII6Gsg2A+ABMgglN4Xcg/gdl/0aWYAFaBzJVG6pJEaqQCSx2mfEbkAa57Rbj/0sMi6HWMTLgBttBOgUJKAIBAZCJvFCHg6yQAeLFUE/mAvFFqDOuMqIFjzKQvAnEzEBsBQye47h8zQtVBAKcqL5GBXdBDocG+BVkCYAAAwA+oSSDH/kZTwAAAABJRU5ErkJggg==) !important;
}

.redate-page .toggleLink.hide-inner-child {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAACCAYAAABhYU3QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB9JREFUeNpiZGBguAPEIkD8jwE7YALiN0wMRAKAAAMAtk4C4NL8/54AAAAASUVORK5CYII=)!important;
}

.redate-page .hide-child .toggleLinkGreen {
    background-image: url(../images/green-minus-icon.jpg)!important;
}

.redate-page .hide-child .toggleLinkGreen.toggleLinkYellow {
    background-image: url(../images/yellow-minus-icon.jpg) !important;
}

.redate-page .hide-child .toggleLinkGreen.toggleLinkRed {
    background-image: url(../images/red-minus-icon.jpg) !important;
}

.redate-page .hide-child .toggleLinkGreen.toggleLinkBlack{ 
	background-image: url(../images/blackMinus.png) !important;}

.redate-page .textTracate {
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
	cursor:pointer;
	margin-right:5px;
}

.redate-page .table-scroll table.show_report {
    width: 100%;
    table-layout: fixed;
    min-width: 100%;
}

.redate-page .table-wrap {
    padding-left: 65px;
}

.redate-page .table-scroll td {
    line-height: 20px;
    text-align: left;
    text-transform: capitalize;
    font-size: 14px;
    color: #333;
}

.redate-page table.show_report tbody tr td,
.redate-page table.show_report tfoot tr td {
    padding: 5px 3px;
}

.redate-page tr.bgComp.inner-section td:first-child {
    padding-left: 25px !important;
}

.redate-page .table-scroll table {
    background: transparent;
}

.redate-page i.margin10 {
    margin-left: 10px;
}

.redate-page .inner-search {
    position: relative;
    left: 75%;
    top: 6px;
    z-index: 999999;
    padding-bottom: 14px;
}

.redate-page input.searchProductFamil {
    height: 22px;
    line-height: 22px;
    background: transparent;
    text-align: left;
    width: 204px;
    padding: 1px 5px;
    margin-right: 15px;
    text-transform: uppercase;
    border: 1px solid #cecece;
    color: #10120f;
    font-family: Open Sans, sans-serif;
    font-size: 12px;
    margin-right: 7px !important;
    z-index: 999999;
}

.redate-page .productFamilyTable {
    width: 99%;
}

.redate-page .productFamilyTable .tableHead {
    background: #b1d0de;
    padding: 0;
    box-sizing: border-box;
}

.redate-page .productFamilyTable .tableHead ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 0px;
}

.redate-page .productFamilyTable .tableHead ul li:first-child {
    -webkit-flex: 0 0 120px;
    flex: 0 0 120px;
}

.redate-page .productFamilyTable .tableHead ul li:nth-child(2) {
    -webkit-flex: 0 0 250px;
    flex: 0 0 250px;
}

.redate-page .productFamilyTable .tableHead ul li {
    text-transform: capitalize;
}

.redate-page .productFamilyTable .tableHead ul li {
    border-right: 1px solid #d5d5d5;
    font-size: 14px;
    font-weight: 600;
    -webkit-flex: 1 1;
    flex: 1 1;
    padding: 5px;
    text-decoration: underline;
    cursor: pointer;
    color: #0856a5 !important;
}

.redate-page .tableData_p {
    background: #ececec;
    border: 1px solid #afafaf;
    font-weight: 400;
    box-sizing: border-box;
    font-size: 16px;
    color: #000;
    position: relative;
}

.redate-page .dataRow_f,
.redate-page .dataRow_fr,
.redate-page .dataRow_s,
.redate-page .dataRow_t {
    border-bottom: 1px solid #ccc;
}

.redate-page .productFamilyTable.contracts_active_all .tableData_p ul.lastList,
.redate-page .productFamilyTable.contracts_pending .tableData_p ul.lastList {
    padding: 0;
    margin: 0;
    margin-bottom: 0px;
    display: -webkit-flex;
    display: flex;
    list-style: none;
}

.redate-page .dataRow_f li,
.redate-page .dataRow_fr li,
.redate-page .dataRow_s li,
.redate-page .dataRow_t li,
.redate-page .productFamilyTable .tableHead li {
    border-right: 1px solid #d5d5d5;
}

.redate-page .tableData_p ul.lastList li:first-child {
    -webkit-flex: 0 0 120px;
    flex: 0 0 120px;
}

.redate-page .tableData_p ul.lastList li:nth-child(2) {
    -webkit-flex: 0 0 250px;
    flex: 0 0 250px;
}

.redate-page .tableData_p ul.lastList li {
    padding: 3px !important;
    font-size: 14px;
}

.redate-page .tableData_p ul.lastList li {
    -webkit-flex: 1 1;
    flex: 1 1;
    padding: 5px;
    white-space: nowrap;
}

.redate-page a.product.action-button i {
    font-size: 18px;
    padding: 0 5px 5px;
}

.redate-page .ui.comments {
    font-size: 14px !important;
    margin: 1.5em 0;
    max-width: 650px;
}

.redate-page .ui.comments:last-child {
    margin-bottom: 0;
}

.redate-page .ui.comments:first-child {
    margin-top: 0;
}

.redate-page .ui.comments .comment:first-child {
    margin-top: 0;
    padding-top: 0;
}

.redate-page .ui.comments .comment {
    position: relative;
    background: 0 0;
    margin: .5em 0 0;
    margin-top: 0.5em;
    padding: .5em 0 0;
    padding-top: 0.5em;
    border: none;
    line-height: 1.2;
}

.redate-page .ui.comments .comment>.content {
    display: block;
}

.redate-page .ui.comments .comment a.author {
    color: rgba(0, 0, 0, .87);
    font-weight: 700;
    cursor: pointer;
}

.redate-page .ui.comments .comment .metadata {
    display: inline-block;
    margin-left: .5em;
    color: rgba(0, 0, 0, .4);
    font-size: .875em;
}

.redate-page .ui.comments .comment .metadata> :last-child {
    margin-right: 0;
}

.redate-page .ui.comments .comment .metadata>* {
    display: inline-block;
    margin: 0 .5em 0 0;
    margin-right: 0.5em;
}

.redate-page .ui.comments .comment .text {
    margin: .25em 0 .5em;
    font-size: 1em;
    word-wrap: break-word;
    color: rgba(0, 0, 0, .87);
    line-height: 1.3;
}

.redate-page .ui.comments .comment .reply.form {
    width: 100%;
    margin-top: 1em;
}

.redate-page .ui.form {
    font-size: 1rem;
}

.redate-page .ui.form {
    position: relative;
    max-width: 100%;
}

.redate-page .ui.comments,
.redate-page button.ui.icon.primary.left.labeled.button {
    margin-bottom: 25px;
    font-size: 14px;
}

.redate-page .ui.form .field {
    clear: both;
    margin: 0 0 1em;
}

.redate-page .ui.comments .reply.form textarea {
    font-size: 1em;
    height: 12em;
    width: 100%;
}

.redate-page .ui.labeled.icon.button,
.redate-page .ui.labeled.icon.buttons .button {
    position: relative;
    padding-left: 4.07142857em !important;
    padding-right: 1.5em !important;
}

.redate-page .ui.primary.button {
    box-shadow: inset 0 0 0 0 rgba(34, 36, 38, .15);
}

.redate-page .ui.primary.button,
.ui.primary.buttons .button {
    background-color: #2185d0;
    color: #fff;
    text-shadow: none;
    background-image: none;
}

.redate-page .ui.icon.button,
.ui.icon.buttons .button {
    padding: .78571429em;
    padding-right: 0.785714em;
    padding-left: 0.785714em;
}

.redate-page .ui.button,
.redate-page .ui.buttons .button,
.redate-page .ui.buttons .or {
    font-size: 1rem;
}

.redate-page .ui.button,
.redate-page .ui.button:hover {
    box-shadow: inset 0 0 0 1px transparent, inset 0 0 0 0 rgba(34, 36, 38, .15);
}

.redate-page .ui.button {
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: 0;
    border: none;
    vertical-align: initial;
    background: #e0e1e2 none;
    background-color: rgb(224, 225, 226);
    background-image: none;
    color: rgba(0, 0, 0, .6);
    font-family: Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
    margin: 0 .25em 0 0;
    padding: .78571429em 1.5em;
    text-transform: none;
    text-shadow: none;
    font-weight: 700;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: .28571429rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity .1s ease, background-color .1s ease, color .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
    -webkit-transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
    transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
    will-change: "";
    -webkit-tap-highlight-color: transparent;
}

.redate-page .addNote {
    position: absolute;
    left: 0;
    background: #1e7dc5;
    top: 0;
    padding: 11px;
    border-radius: 3px 0px 0px 3px;
}

.redate-page .addNote:hover {
    background: #1c79bf;
}

.redate-page button.ui.icon.primary.left.labeled.button:hover {
    background: #1e82cd;
}

.redate-page .inner-section {
    display: none;
}

table.show_report.rittal_admin.detailed tbody tr td:nth-child(2):not(.noBorder):not(.extendLines),
table.show_report.rittal_admin.detailed tbody tr td:nth-child(6):not(.noBorder):not(.extendLines),
table.show_report.rittal_admin.detailed tfoot tr td:nth-child(2):not(.noBorder):not(.extendLines),
table.show_report.rittal_admin.detailed tfoot tr td:nth-child(6):not(.noBorder):not(.extendLines),
table.show_report.rittal_admin.detailed thead tr th:nth-child(2):not(.noBorder):not(.extendLines),
table.show_report.rittal_admin.detailed thead tr th:nth-child(6):not(.noBorder):not(.extendLines) {
    width: 5% !important;
}

table.show_report.rittal_admin.detailed tbody tr td:nth-child(7):not(.noBorder):not(.extendLines),
table.show_report.rittal_admin.detailed tbody tr td:nth-child(8):not(.noBorder):not(.extendLines),
table.show_report.rittal_admin.detailed tfoot tr td:nth-child(7):not(.noBorder):not(.extendLines),
table.show_report.rittal_admin.detailed tfoot tr td:nth-child(8):not(.noBorder):not(.extendLines),
table.show_report.rittal_admin.detailed thead tr th:nth-child(7):not(.noBorder):not(.extendLines),
table.show_report.rittal_admin.detailed thead tr th:nth-child(8):not(.noBorder):not(.extendLines) {
    width: 8% !important;
}

table.show_report.rittal_admin.detailed tbody tr td:nth-child(9):not(.noBorder):not(.extendLines),
table.show_report.rittal_admin.detailed tfoot tr td:nth-child(9):not(.noBorder):not(.extendLines),
table.show_report.rittal_admin.detailed thead tr th:nth-child(9):not(.noBorder):not(.extendLines) {
    width: 7% !important;
}

table.show_report.detailed tbody tr td,
table.show_report.detailed tfoot tr td,
table.show_report.detailed thead tr th {
    width: 8% !important;
}

table.show_report.contracts_active_all.detailed tbody tr td:nth-child(6):not(.noBorder):not(.extendLines),
table.show_report.contracts_active_all.detailed tfoot tr td:nth-child(6):not(.noBorder):not(.extendLines),
table.show_report.contracts_active_all.detailed thead tr th:nth-child(6):not(.noBorder):not(.extendLines) {
    width: 9% !important;
}

table.show_report.rittal_admin.detailed tbody tr td:nth-child(3):not(.noBorder):not(.extendLines),
table.show_report.rittal_admin.detailed tbody tr td:nth-child(4):not(.noBorder):not(.extendLines),
table.show_report.rittal_admin.detailed tfoot tr td:nth-child(3):not(.noBorder):not(.extendLines),
table.show_report.rittal_admin.detailed tfoot tr td:nth-child(4):not(.noBorder):not(.extendLines),
table.show_report.rittal_admin.detailed thead tr th:nth-child(3):not(.noBorder):not(.extendLines),
table.show_report.rittal_admin.detailed thead tr th:nth-child(4):not(.noBorder):not(.extendLines) {
    width: 12% !important;
}

table.show_report.rittal_admin.detailed thead tr th:nth-child(5):not(.noBorder):not(.extendLines),
table.show_report.rittal_admin.detailed thead tr th:nth-child(5):not(.noBorder):not(.extendLines) {
    width: 9% !important;
}

.redate-page .leftsidebar .sidemenu li a span.zaflex-active_spa {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE3SURBVHgBnVMLccMwDPWNwMJghhAIhjAGM4OWQTIEHYOUwTYEhhAIhpAx0Jz2uX3R2e5Hdzon0rOkJ8nGNEREdkkXOcuc9N08I+niIGX5eDSQp8sOthH/a6X23kA2acTFvfJ9wx7uDXbAhVjwddRDdyuQJXq2gtnnZGvwVrAJwMm0k87AjbeqWvC9aiBaES1YqTrCdq2qRjUELQH4UKxO90quqxFz5nT2VGXP1TV7lc4j/vVqZLtX1Z1exgsy52fyifPPlOVV+X9x7nI2z72ALVOItVbAxnv3xqV6s6UUmapU1mbTEopsFYjHP9BANC4z+zG5blOQZP6SrfgCxl3aRHRcAdhToCiFBd3Ql+tbE9DpoAO1gAN6GsiBfDZHH6UuR1QYK/5FNH05NzIQIGjqwMyEmYQG8g+QfA9WNhQ/pgAAAABJRU5ErkJggg==);
    width: 31px;
    height: 38px;
    background-size: 100% auto;
}

.redate-page .leftsidebar .sidemenu li a span.zaflex-active_all {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAYAAAB75n/uAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACWSURBVHgB7ZPRDYAgDESrcQBGcDNncAQnxQ1gA2yNGEMAFdq/voQ0aaBHCwfhAhIwteByoR1LNYZYfEASAYthhj58TSCb/0o8P6UJbkYQ5u6gNCI2gQwel+kU2msjWmkDtEMX3KDkAy7EH7kooE5WJ/8XyKBOPlEnvyHvZBqRj4knwAQJ9H7HKsX2uUZUE3AYDPQh7+QD6UVsvbnbP0sAAAAASUVORK5CYII=);
    width: 31px;
    height: 38px;
    background-size: 100% auto;
}

.redate-page .leftsidebar .sidemenu li.active {
    background: #dbf4ff;
}

.redate-page .leftsidebar .sidemenu li.active a {
    color: #000;
}

.redate-page .leftsidebar .sidemenu li.active a span.zaflex-active_spa {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEuSURBVHgBnVQBkYMwENx5A4+DjwQkRMI7+DgoDuAVtA7AQVsFSEACElIHLelcJpfjQmlv5gZI9sLesgewHYcl/ZL3Jaclf/FhtHSIzD+8GY4VW1rr6DkwNdgZAThTYSP2zrQ+YmccqWBW9iokDS12sIrtmQKmYS+rtg7rCdhjOybCdXjBKgocckRqKzA5EhvLsNUWqw75R5AZxR9RYGeQa+Ww1qVmLGvBTmUVtRqgWyOuO8HuORlf9OY4Jv90vUGPb7F/peshAhzWRrRYe81gbRvuux9O1SEPOQUl2wwc56Gb1CIJ3DKmEudo7wJGXYsTcls4BWPBZIrtWAVYs4NK45O137CClgoquveC2czYGaSfQiZTB93tIQdiWJoID6V9h/RlPd1bBTMxTM8ZPQCPA5WlQHoBQwAAAABJRU5ErkJggg==);
}

.redate-page .leftsidebar .sidemenu li.active a span.zaflex-active_all {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAYAAAB75n/uAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACcSURBVHgB7ZPLDYAgEEQHtQBLsSNow2rx6gk7UCCYEJIF5BMvvGQuKDuw7ADA7RTCtZT3/aukq0EayIrirxTzirPAgFrPxe5fwoXWTOiMfwOqRVXEbnB5RiUyHAA9RQJ1k6RcDdKgCd0fOWbAMZKMkeQMRpKTjCT/n2TTImocmyEQb0cpdj9L/GCobhFFkyTPEYNTa9NaUYY54P4AoZDmxQVYjMQAAAAASUVORK5CYII=);
}

.redate-page .leftsidebar .sidemenu li:hover .zaflex-active_spa,
.redate-page .leftsidebar .sidemenu li a.active .zaflex-active_spa {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEuSURBVHgBnVQBkYMwENx5A4+DjwQkRMI7+DgoDuAVtA7AQVsFSEACElIHLelcJpfjQmlv5gZI9sLesgewHYcl/ZL3Jaclf/FhtHSIzD+8GY4VW1rr6DkwNdgZAThTYSP2zrQ+YmccqWBW9iokDS12sIrtmQKmYS+rtg7rCdhjOybCdXjBKgocckRqKzA5EhvLsNUWqw75R5AZxR9RYGeQa+Ww1qVmLGvBTmUVtRqgWyOuO8HuORlf9OY4Jv90vUGPb7F/peshAhzWRrRYe81gbRvuux9O1SEPOQUl2wwc56Gb1CIJ3DKmEudo7wJGXYsTcls4BWPBZIrtWAVYs4NK45O137CClgoquveC2czYGaSfQiZTB93tIQdiWJoID6V9h/RlPd1bBTMxTM8ZPQCPA5WlQHoBQwAAAABJRU5ErkJggg==);
}

.redate-page .leftsidebar .sidemenu li:hover .zaflex-active_all {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAYAAAB75n/uAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACcSURBVHgB7ZPLDYAgEEQHtQBLsSNow2rx6gk7UCCYEJIF5BMvvGQuKDuw7ADA7RTCtZT3/aukq0EayIrirxTzirPAgFrPxe5fwoXWTOiMfwOqRVXEbnB5RiUyHAA9RQJ1k6RcDdKgCd0fOWbAMZKMkeQMRpKTjCT/n2TTImocmyEQb0cpdj9L/GCobhFFkyTPEYNTa9NaUYY54P4AoZDmxQVYjMQAAAAASUVORK5CYII=);
}

.redate-page .container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 5px;
}

.redate-page .resp-tabs-list li {
    background: #006faf;
    padding: 7px 14px;
    text-transform: uppercase;
}

.redate-page .table-scroll.search-table-data .leftsidebar {
    left: 0;
    height: calc(100% - 135px);
}

.redate-page .lead-details {
    max-width: 1516px;
}

.redate-page .bgComp {
    background: #c3e6f5 !important;
    outline: none !important;
    box-shadow: none !important;
}

.redate-page .table-scroll table tbody tr td,
.redate-page .table-scroll table tbody tr:last-child td {
    border-left: none;
    border-bottom: none;
}

.redate-page .table-scroll table tbody tr td {
    width: 25% !important;
}

.mainpage .table-scroll table tbody tr:last-child td {
    border-bottom: none;
}

.mainpage h2.select-manufacture {
    padding: 240px 0 30px;
    font-size: 36px;
    ;
}

.container-fluid {
    padding-right: 10px;
    padding-left: 10px;
}

.enquiry-received .table-scroll th.family_12 {
    width: 120px;
}

.my-sale .table-scroll th.family_11 {
    width: 120px;
}


/*Inventory Page*/

.sortby {
    cursor: pointer;
    position: relative;
    max-width: 450px;
    margin: auto;
    background-color: #ffffff;
    border: solid 1px #d4d5d9;
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    padding: 14px;
    text-align: left;
}

.sortby span {
    text-transform: capitalize;
    font-weight: 500;
    color: #282c3f;
}

.sort-list {
    width: calc(100% - -2px);
    background-color: #ffffff;
    position: absolute;
    top: 48px;
    left: -1px;
    margin: 0;
    padding: 0;
    z-index: 2;
    display: none;
    border: solid 1px #d4d5d9;
    border-top: none;
    -webkit-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.08);
}

.product-heading .sortby {
    width: 55%;
}

.sortby:hover .sort-list {
    display: block;
}

.sortby:hover {
    -webkit-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.08);
}

.sort-list li {
    display: block;
    font-size: 14px;
    color: #282c3f;
    cursor: pointer;
}

.sort-list li a {
    display: block;
    color: #282c3f;
    padding: 15px 20px;
}

.sort-list li.selected {
    background-color: #f4f4f5;
}

.sort-list li:hover {
    background-color: #f4f4f5;
}

.sortby .downarrow {
    position: absolute;
    right: 14px;
    font-size: 23px;
    top: 12px;
    color: #616263;
}

.product-heading .sortby.pagerecord {
    width: calc(45% - 10px);
    margin-left: 10px;
}


/*.manufactur-page {float: left;width: calc(100% - 65px);}*/

.table-scroll.search-table-data table.main-table {
    width: calc(100% - 65px);
    float: right;
}

.table-scroll.search-table-data .leftsidebar {
    height: calc(100% - 168px);
    position: fixed;
    left: 10px
}

.site-header.newcart-headers {
    padding: 0;
}

.site-header ul.header-right li a.cart-icn span i {
    font-style: normal;
}


/*Designupdate20012020*/

.shipping-map-hover {
    position: relative;
}

.shipping-map-hover:hover .maphover {
    display: block;
    position: absolute;
    top: 34px;
    right: 0;
}

.shipping-map-hover:hover .maphover img {
    max-width: inherit;
}

.maphover {
    display: none;
}

body.modal-open .table-wrap {
    position: static;
}


/*Custom modal popup*/

.custom-popup .modal-header {
    border: none;
    padding: 15px 0 10px 0;
}

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

.custom-popup .modal-header .closemodal {
    position: absolute;
    right: -40px;
    top: -30px;
    background: rgba(0, 0, 0, 0.47);
    outline: none;
    padding: 2px 10px;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    border-radius: 50%;
    border: solid 2px #fff;
}

.custom-popup .popup-prodisc {
    color: #356aa0;
    padding: 0 15px;
}

.custom-popup .popup-prodisc strong {
    display: block;
    font-size: 16px;
}

.custom-popup td {
    font-size: 13px;
}

.custom-popup .orderplacedtbl {
    margin-bottom: 20px;
}

.custom-popup .dispatchedtbl thead,
.custom-popup .paymentinfotbl thead {
    border-bottom: solid 2px #000;
}

.custom-popup .dispatchedtbl thead td,
.custom-popup .paymentinfotbl thead td {
    font-size: 15px;
}

.custom-popup .dispatchedtbl,
.custom-popup .deliveryaddresstbl,
.custom-popup .paymentinfotbl {
    border: solid 2px #000;
    margin-bottom: 20px;
    font-size: 13px;
}

.custom-popup .dispatchedtbl td,
.custom-popup .deliveryaddresstbl td,
.custom-popup .paymentinfotbl td {
    padding: 4px 10px;
}

.custom-popup .dispatchedtbl {
    margin-bottom: -2px;
}

.custom-popup .paymentinfotbl {
    margin-bottom: 0;
}

.custom-popup .paymentinfotbl tfoot {
    border-top: solid 2px #000;
}

.custom-popup .padd0 {
    padding: 0 !important;
}

.custom-popup .prograndtotal td {
    padding: 0;
}

.custom-popup .modal-header ul {
    position: absolute;
    right: 10px;
    top: 11px;
}

.custom-popup .modal-header ul li {
    display: inline-block;
    font-size: 22px;
    margin: 0 8px;
}

.custom-popup .modal-header ul li a {
    color: #356aa0;
}

.custom-popup .modal-header ul li a:hover {
    color: #000;
}

.custom-popup ul.orderul {
    margin-bottom: 5px;
}

.custom-popup ul.orderul li strong {
    font-weight: 600;
}

.custom-popup table.prograndtotal {
    width: 200px;
}

@media only screen and (max-width: 1440px) {
    .enquiry-received .family_01 {
        width: 90px;
    }
    .enquiry-received .family_03 {
        width: 75px;
    }
    .enquiry-received .family_04,
    .enquiry-received .family_05 {
        width: 130px;
    }
    .enquiry-received .family_06 {
        width: 110px;
    }
    .enquiry-received .family_08 {
        width: 110px;
    }
    .enquiry-received .family_10 {
        width: 105px;
    }
    .enquiry-received .family_11 {
        width: 130px;
    }
    .enquiry-received .family_013 {
        width: 105px;
    }
    .search-list .family_02 {
        width: 120px;
    }
    .search-list .family_05 {
        width: 130px;
    }
    .search-list .family_07 {
        width: 110px;
    }
}

@media only screen and (max-width: 1366px) {
    /*.site-header .hleft .wrap-drop {width:100%;}*/
    /*.site-header .hcenter{    width: 24%;}*/
    #custom-search-input.search-box .search-query {
        width: 90%;
    }
    .site-header ul.header-right li a {
        min-width: auto;
    }
    /*.site-header .hright {width: 42%;}
.site-header .hcenter {width: 19%;}
.site-header.homeheader .hleft {width: 14%;}
.wrap-drop.filterby {width: 60%;}
.filter-right-col {width: 25%;}*/
    .filter-right-col .wrap-drop.filterby.forsell {
        width: 38%;
    }
    /*.site-header ul.header-right {margin: 0 25px 0 0;}*/
    .site-header ul.header-right li.head-cart {
        margin-left: 30px;
    }
    .site-header ul.header-right li a.buyer-icn.shop-icn {
        padding: 0 8px 0 30px;
    }
    .site-header ul.header-right li a.shop-icn:before {
        left: 5px;
    }
    /*.site-header ul.header-right li a.enquiry-icn {padding: 0 9px 0 56px;}*/
    .search-table-data .main-table th.family_01,
    .enquiry-sent .data-list-scroll th.family_01 {
        width: 125px;
    }
    .search-table-data .main-table th.family_02 {
        width: 100px;
    }
    .search-table-data .main-table th.family_03,
    .search-table-data .main-table th.family_04 {
        width: 170px;
    }
    .search-table-data .main-table th.family_06 {
        width: 210px;
    }
    .enquiry-sent .data-list-scroll th.family_03 {
        width: 80px;
    }
    .enquiry-received .data-list-scroll th.family_03 {
        width: 80px;
    }
    .search-table-data .main-table th.family_04,
    .enquiry-sent .data-list-scroll th.family_04,
    .enquiry-received .data-list-scroll th.family_04 {
        width: 170px;
    }
    .enquiry-sent .data-list-scroll th.family_08,
    .enquiry-received .data-list-scroll th.family_08 {
        width: 130px;
    }
    .enquiry-sent .data-list-scroll th.family_10,
    .enquiry-received .data-list-scroll th.family_10 {
        width: 90px;
    }
    .enquiry-sent .data-list-scroll th.family_11 {
        width: 130px;
    }
    .enquiry-sent .family_06.w200 {
        width: 145px;
    }
    .enquiry-received .data-list-scroll th.family_01 {
        width: 135px;
    }
    .enquiry-received .data-list-scroll th.family_04 {
        width: 180px;
    }
    .enquiry-received .data-list-scroll th.family_05 {
        width: 140px;
    }
    .enquiry-received .data-list-scroll th.family_06 {
        width: 150px;
    }
    .enquiry-received .data-list-scroll th.family_07 {
        width: 220px;
    }
    .enquiry-received .data-list-scroll th.family_08 {
        width: 140px;
    }
    .enquiry-received .data-list-scroll th.family_11 {
        width: 180px;
    }
    .enquiry-received .table-scroll th.family_12 {
        width: 190px;
    }
    .enquiry-received .table-scroll th.family_013 {
        width: 133px;
    }
    .mainpage h2.select-manufacture {
        padding: 150px 0 15px;
    }
    .mainpage h2.select-manufacture {
        font-size: 26px;
    }
    .sortby {
        max-width: 330px;
        padding: 10px;
        font-size: 16px;
    }
    .sort-list {
        top: 43px;
    }
    .sort-list li a {
        padding: 10px;
    }
}

@media only screen and (max-width: 1280px) {
    /*.site-header .hright {width: 35%;}
.filter-right-col {width: 32%;}*/
    .homepage th.family_03.w300,
    .homepage th.family_04.w300 {
        width: 200px;
    }
    .my-purchase .table-scroll th.family_01 {
        width: 90px;
    }
    .my-purchase .table-scroll th.family_02 {
        width: 90px;
    }
    .my-purchase .table-scroll th.family_04 {
        width: 90px;
    }
    .my-purchase .table-scroll th.family_05 {
        width: 130px;
    }
    .my-purchase .table-scroll th.family_06 {
        width: 130px;
    }
    .my-purchase .table-scroll th.family_07 {
        width: 130px;
    }
    .my-purchase .table-scroll th.family_08 {
        width: 110px;
    }
    .my-purchase .table-scroll th.family_09 {
        width: 50px;
    }
    .my-sale .table-scroll th.family_01 {
        width: 90px;
    }
    .my-sale .table-scroll th.family_02 {
        width: 90px;
    }
    .my-sale .table-scroll th.family_04 {
        width: 90px;
    }
    .my-sale .table-scroll th.family_05 {
        width: 130px;
    }
    .my-sale .table-scroll th.family_06 {
        width: 130px;
    }
    .my-sale .table-scroll th.family_07 {
        width: 130px;
    }
    .my-sale .table-scroll th.family_08 {
        width: 110px;
    }
    .my-sale .table-scroll th.family_09 {
        width: 50px;
    }
}

@media only screen and (max-width: 1024px) {
    /*.site-header .hleft{width: 15%;}
.site-header .hleft .wrap-drop {width: 190px;}*/
    /*.site-header .hcenter{    width: 24%;}*/
    #custom-search-input.search-box .search-query {
        width: 90%;
    }
    .site-header ul.header-right li a {
        min-width: auto;
    }
    /*.site-header .hright{width:30%;}*/
    .site-header ul.header-right {
        margin: 0 10px 0 0;
    }
    .site-header ul.header-right li.head-cart {
        margin-left: 30px;
    }
    .site-header ul.header-right li a.buyer-icn.shop-icn {
        padding: 0 8px 0 30px;
    }
    .site-header ul.header-right li a.shop-icn:before {
        left: 5px;
    }
    /*.site-header ul.header-right li a.enquiry-icn {padding: 0 9px 0 56px;}*/
    .homepage .w300 {
        width: 200px;
    }
    .homepage th.family_03.w300,
    .homepage th.family_04.w300 {
        width: 170px;
    }
    .homepage .family_02 {
        width: 100px;
    }
    .homepage .family_05 {
        width: 100px;
    }
    .homepage .family_07 {
        width: 100px;
    }
}

@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
        display: none;
    }
    h2.resp-accordion {
        display: block;
    }
    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }
    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }
    .resp-accordion-closed {
        display: none !important;
    }
    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
}

@media only screen and (min-width: 1367px) {
    .filter-right-col .wrap-drop.filterby.forsell {
        width: 38%;
    }
    .wrap-drop.filterby {
        width: 33%;
    }
    .site-header .hcenter {
        width: 33%;
    }
    .site-header .hright {
        width: 33%;
    }
    .filter-right-col {
        width: 33%;
    }
}