/*--font-face--*/
@font-face {
    font-family:myriadpro-regular;
    src: url(../fonts/MYRIADPRO-REGULAR.OTF);
}
@font-face {
    font-family:myriadpro-light;
    src: url(../fonts/MyriadPro-Light.otf);
}
@font-face {
    font-family:myriadpro-semibold;
    src: url(../fonts/MYRIADPRO-SEMIBOLD.OTF);
}
@font-face {
    font-family:myriadpro-bold;
    src: url(../fonts/MYRIADPRO-BOLD.OTF);
}


* { margin:0; padding:0;}
html{ scroll-behavior: smooth; }
body{
	font-family:'myriadpro-regular';
	font-weight:normal;
	color:#000;
	font-size:16px;
}
a{ color:#1261a0; }
a:hover{ text-decoration:none; color:#1261a0; }
h1,h2,h3,h4,h5,h6 { font-family:'myriadpro-bold';  }
p { color: #000; font-size:16px; line-height:24px; font-weight:400; }
.font-l{ font-family:'myriadpro-light'; }
.font-s{ font-family:'myriadpro-semibold'; }
.font-b{ font-family:'myriadpro-bold'; }
li{ list-style: none; }

.blue-text { color:#1F2641; }
.title-m {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 15px;
}
.user-container .title-m  { 
    font-size:20px; 
    color: #1261a0; 
    margin: 0 0 50px;
	font-weight:bold;
}
.logo-header {
    margin-bottom: 20px;
}
.header-title .title-m {
    text-transform: uppercase; margin: 0; font-weight: 900;
    font-size: 30px;
}

.input-group-text {  background: none; }
.user-container .input-group-text {
    border-right: none;
}
.input-icon {
    position: absolute;
    left: 15px;
    top: 50%;
    z-index: 4;
    transform: translateY(-50%);
}
.form-control {
    background:#fff;
    height: 50px;
    border: 1px solid #d7d7d7;
    border-radius: 0;
}

.form-control:focus{ 
    outline: none;
     box-shadow: none; 
    border-color: #d7d7d7;
    background: #fff;
 }
.form-control,
.form-control:focus{
    color: #000;
    font-size: 16px;
    font-weight: 400;
    background:#fff;
}

.form-control::-webkit-input-placeholder { color:#a8a8a8 }
.form-control:-ms-input-placeholder { color:#a8a8a8 }
.form-control::placeholder { color:#a8a8a8 }

.user-container .btn-link {  
    height: 50px;
    align-items: center;
    justify-content: center;
    display: flex;
    width:100%;
    font-family: 'myriadpro-semibold';
}
.custom-checkbox .custom-control-label::before {
     border-radius: 3px; border-radius:0; 
}

.nofront-wrap .add-custom-prod-col .form-control::-webkit-input-placeholder { color:#ababab }
.nofront-wrap .add-custom-prod-col .form-control:-ms-input-placeholder { color:#ababab }
.nofront-wrap .add-custom-prod-col .form-control::placeholder { color:#ababab }

.filter-row .form-control::-webkit-input-placeholder { color:#000 }
.filter-row .add-custom-prod-col .form-control:-ms-input-placeholder { color:#000 }
.filter-row .add-custom-prod-col .form-control::placeholder { color:#000 }

.input-icon i,
.validate-icon i {
    font-size: 24px;
    color: #1261a0;
}
.validate-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
}
.form-group { margin-bottom:30px;}
.form-group label {  
    font-weight: 500;
    line-height: normal;
    margin-bottom: 7px;
    color: #1261A0;
    font-size:16px;
 }

.logo i {
    font-size: 70px;
    color: #1261a0;
}
.validate-icon .fa-times-circle {  color: #ff3859; }
.checkbox-group { display: flex; margin-top: 15px; }
.custom-control-input:checked~.custom-control-label::before {
    border-color: #1261a0;
    background-color: #1261a0;
}
.btn-link {
    color: #fff;
    background: #072f5f;
    border: none;
    padding: 13px 20px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    border-radius: 0;
    min-width: 100px;
    text-align: center;
    transition: all 0.2s ease;
    letter-spacing: 0.5px;
}
.btn-link:hover{
    text-decoration: none;
    color:#fff;
    background:#1261a0;
}
.btn-link:focus{ text-decoration: none; }
.form-group label.custom-control-label {  font-size: 16px;  color: #767676;  margin-bottom: 0; font-weight:400; }



.login-row {
    background: url(../images/login-image.jpg);
    background-repeat: no-repeat;
    background-position: -400px bottom;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    background-size: cover;
}
.front-login .password-field {
    margin-bottom: 10px;
}
.form-body {
    max-width: 650px;
    width: 100%;
    float: right;
    padding: 50px 10% 50px 50px;
    
}
.forgot-link {
    font-weight: 500;
    float: right;
}
.form-group label { font-family:'myriadpro-semibold'; }
.custom-control-label::before,
.custom-control-label::after {  top:0; }
.password-field { position: relative; }
.eye-link {
    position: absolute;
    right: 0;
    top: 27px;
    color: #ccc;
    height: 50px;
    width: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.header-bottom {
    background: url(../images/header-bottom.svg);
    padding: 20px 0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}
.navbar-btn {
    border: none;
    background: none;
    box-shadow: none;
    color: #0f0f0f;
    font-size: 28px;
    margin-left: 80px;
}

.header-inner {
    display: flex;
    align-items: center;
}

.header-1 {
    flex: 0 0 20%;
    max-width: 20%;
    display: flex;
    align-items: center;
}

.header-2 {
    flex: 0 0 58%;
    max-width: 58%;
}

.header-3 {
    flex: 0 0 22%;
    max-width: 22%;
    display: flex;
}
.call-col, .cart-header {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: center;
}
ul.menu-ul {
    display: flex;
    margin: 0;
}
ul.menu-ul li{ flex:1; }
ul.menu-ul li a {
    padding: 15px 10px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #072f5f;
    /* transition: all 0.3s ease; */
}
ul.menu-ul li a:hover,
ul.menu-ul li a.active{
    background:#1261a0;
    color:#fff;
}
ul.menu-ul li a svg{
    height: 18px;
    margin-right: 9px;
}
ul.menu-ul li a svg path,
ul.menu-ul li a svg circle { fill: #072f5f; }

ul.menu-ul li a:hover svg path,
ul.menu-ul li a.active svg path,
ul.menu-ul li a:hover svg circle,
ul.menu-ul li a.active svg circle {
    fill: #fff;
}
ul.menu-ul li a i{ margin-right:10px; }
.header-3 a{
    display: flex;
    align-items: center;
    justify-self: center;
    padding:15px;
}
.header-3 a {
    padding: 15px;
    text-align: center;
}
.header-3 a i{ margin-right:10px; }

.header-search .form-control {
    padding-left: 45px;
    text-transform: uppercase;
}
.header-search .form-control::-webkit-input-placeholder {   color: #747474;  }
.header-search .form-control::-moz-placeholder {  color: #747474;  }
.header-search .form-control:-ms-input-placeholder {  color: #747474;  }
.header-search .form-control:-moz-placeholder {  color: #747474;  }
.header-search {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-search-form{
    position: relative;
    padding-right: 20px;
    min-width: 550px;
}

.header-search-form i {
    position: absolute;
    top: 50%;
    transform: translate(15px, -50%);
    color: #747474;
    font-size: 20px;
}
.header-filder {
    padding: 30px 0 50px;
}
.col-filter p {
    color: #1261a0;
    margin-bottom: 16px;

}
ul.filter-ul {
    margin: 19px 0 0;
    display: flex;
    flex-direction:column;
}
ul.filter-ul li {
        background: #e0e0e0;
        padding: 4px 10px;
        flex: 1;
        margin-bottom: 6px;
    }
ul.filter-ul li i {
    color: #9e0404;
    margin-right: 3px;
}
ul.filter-ul li span {
    font-size: 14px;
    color: #7f7f7f;
    text-transform: uppercase;
}
.header-filder .container {
    max-width: 1220px;
}
.grid-view .shop-info {
    background: #F6F6F6;
    padding:20px 15px 10px;
    float: left;
    width: 100%;
    /**add jalaj**/
    min-height: 228px;

}
.shop-img-col {
    border: 1px solid #E4E4E4;
    background: #fff;
    /***add jalaj**/
    min-height: 289px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.link-shop {
   color: #fff;
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 14px;
}
.link-shop:hover{ color:#fff;  }
.promo-link {  background: #CE0000; font-family: myriadpro-bold; }
.favorite-link {  background: #114d7d; font-size: 22px; }
.price-link {  background: #00812F; font-size: 22px; }
.promo-link span { transform: rotate(-45deg); }
.promotion-txt {
    font-size: 18px;
    color: #CE0000;
    text-transform: uppercase;
    padding: 10px 12px;
}
.grid-view .promotion-txt { margin-top: -48px; }
.shop-item { 
    position: relative;
    display: flex;  flex-wrap: wrap; 
 }
 .grid-view  .shop-col { margin-bottom: 50px; }
 .shop-col:nth-last-child(1),
 .shop-col:nth-last-child(2),
 .shop-col:nth-last-child(3),
.shop-col:nth-last-child(4),
.shop-col:nth-last-child(5) {
    margin-bottom: 0;
}
 .shop-item>div {
    flex: 0 0 100%;
    max-width: 100%;
}
.grid-view .favorite-col,
.grid-view .price-col {
    position: absolute;
    right: 0;
}
.favorite-col{ top:0; }
.price-col { top:50px; }
.grid-view .promo-col {
    top: 0; left: 0;
    position: absolute;
}
.shop-item .quantity-col,
.shop-item .addcart-col {
    flex: 0 0 50%;
    max-width: 50%
}
.list-view .shop-img-col{
    min-height: initial;
}
.cart-link {
    background: #072f5f;
    display: flex;
    align-items: center;
    height: 50px;
    justify-content: center;
    font-size: 24px;
    color: #fff;
    width:100%;
}
.cart-link:hover{
    color:#fff;
    cursor: pointer;
}
ul.ul-link li a {
    color: #1261A0;
}
ul.ul-txt li {
    color: #747474; font-size:14px;
}
.grid-list-col {
    text-align: right; margin-bottom: 20px;
}
.grid-list-col a {
    font-size: 30px;
    margin-left: 10px;
    color:#a8a8a8;
    transition: all 0.3s ease;
}
.grid-list-col a.active{  color:#000; }
.grid-view .shop-item .shop-info { order: 7; }
.list-view .shop-col {
    flex: 0 0 100%;
    max-width: 100%;
}
.list-view .shop-item{ border-bottom: 1px solid #acacac; padding: 10px 0px 6px 10px; }
.shop-thead>div {
    flex: 1;
    color: #1261A0;
    font-size: 16px;
    padding: 15px;
}
.product-list .shop-thead { display: none; }
.list-view .shop-thead {  display: flex; border-bottom: 1px solid #acacac; }
.list-view .shop-item .shop-img-col {  display: none; }
.list-view .shop-item>div {
    flex:1;  max-width:inherit;  padding: 0 7px;
    display: inline-flex; align-items: center;
}
.shop-col {  transition: all 0.5s ease; }
.header-top .container {
    max-width: 100%;
    width: 100%;
    padding:0;
    padding-left: calc(50% - 45%);
}
.header-3 a {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color:#072f5f;
}
.cart-link-top:hover {
    background: #1261a0;
    color: #fff;
}
.header-filder .form-control {
    text-transform: uppercase;
    font-family: 'myriadpro-semibold';
    border-width:1px;
}
.price-link i {  transform: rotate(90deg); }
.quantity-col .qnty-input {
    text-align: center;
    font-family:'myriadpro-semibold';
    font-size: 20px;
}
.promotion-txt span{
    font-size:18px;
}
.shop-info h4 {
    font-size: 16px;
    color: #000;
}
.shop-info h4 a{ color:#000; }
ul.ul-link li a {
    font-size: 14px;
}
.list-view ul {  margin-bottom: 2px; }
.list-view  ul.ul-txt { margin-bottom:0; }
.list-view .shop-info h4 { margin-bottom:3px;}
.list-view .shop-thead .th-col-1 {  padding-left: 107px; }
.list-view .shop-col:nth-of-type(even) .shop-item {  background: #F4F4F4; }
.list-view .shop-col:nth-of-type(even) .promo-link { display: none; }
.list-view .shop-thead>div:not(.th-col-1),
.list-view .shop-item>div:not(.shop-info) {
    text-align: center; justify-content: center;
}
.showmore-link {
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
}
.list-view .shop-img-col {
    background: transparent;
}
/**.list-view .shop-item {
    justify-content: space-between;
}
.list-view .shop-item .addcart-col {
    padding: 0 0 0 5px;
}*/

/**for all customer all-to-cart-spacing**/
.nofront-wrap .list-view .shop-item .addcart-col {
    padding: 0 0 0 0;
}
.nofront-wrap .list-view .shop-item .quantity-col{
    padding-right: 0px;
}
/*.nofront-wrap .list-view .shop-item{
    justify-content: space-between;
}*/
.nofront-wrap .tab-content .list-view .shop-item{
    padding: 10px 0px 6px 0px;
    justify-content: center;
}
.nofront-wrap .tab-content .list-view .shop-item .addcart-col {
    justify-content: start;
}
.nofront-wrap .tab-content .list-view .shop-item .quantity-col{
    margin-right: 0px;
}
.nofront-wrap .tab-content .list-view .shop-item .addcart-col .cart-link {
    max-width: initial;
}
.cart-page .list-view .shop-item {
    justify-content: space-between;
    padding: 10px 0px 6px 0px;
}
.cart-page .list-view .shop-item .addcart-col{
    padding: 0 0 0 0px;
}
.cart-page .list-view .shop-thead .th-col-1 {
    padding-left: 112px;
}
.cart-page .list-view .shop-item {
    justify-content: end;
}
.cart-page .list-view .shop-thead{
    justify-content: space-between;
}
.cart-page .list-view .shop-item .quantity-col {
    padding: 0 0px;
}
footer.footer {  padding:40px 0 80px; }
footer.footer span {  font-size: 14px; }
.list-view .seemore-row {  margin-top: 40px; }
.user-container .form-control {  border-color: #c9c9c9; }
.eye-link.show i:before {  content:inherit; }
.eye-link.show i {  color: #1261a0; }
.ftr-buttons {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.7);
    padding: 15px 0;
    transition: all 0.6s ease;
    z-index:1;
}
.ftr-buttons a {
    display: inline-flex;
    background: #1261A0;
    padding: 12px 15px;
    color: #fff;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    max-width: 190px;
    width: 100%;
    font-size:14px;
    letter-spacing:0.3px;
    font-family:'myriadpro-semibold';
}
.ftr-buttons .link-ftr{ background:#072f5f; }
.ftr-buttons a i, .ftr-buttons button i  {  margin-right: 10px; }
.ftr-buttons .right-col {  
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.filter-tabs-row {
    max-width: 800px;
    width: 100%;
    margin: 0 auto 40px;
}
.nav-link {
    background: #f4f4f4;
    color: #000;
    flex: 1;
    margin-right: 20px;
    padding: 15px;
    text-align: center;
    font-size: 18px;
    border: 1px solid #c4c4c4;
    transition: all 0.3s ease;
}
.filter-tabs .nav-link:hover,
.filter-tabs .nav-link.active {
    background:#1261a0;
    color:#fff;
    border-color:#1261a0;
    cursor: pointer;
}
.nav.nav-pills li {
    flex: 1;
}
.listdropdown { 
    position: absolute;
    top: 100%;
    background: #fff;
    left: 15px;
    right: 15px;
    transition: all 0.5s ease;
    display: none;
    /* opacity:0;
    z-index: -1111111; */
 }
.listdropdown.show {
    /* opacity:1;
    z-index: inherit; */
    color:red;
}
.order-list-row .container {
    position: relative;
}
.listdropdown  .list-view .shop-col:nth-of-type(even) .shop-item {
    background: #fff;
}
.listdropdown  .list-view .shop-col:nth-of-type(odd) .shop-item {
    background: #F4F4F4;
}
.submitdrop-link.active i:before {
    content: "\f0d8";
}
.submitdrop-link span {
    background: #E9E9E9;
    padding: 12px 15px;
    color: #212121;
    width: 70%;
    text-align: center;
    font-size: 16px;
    font-family:'myriadpro-semibold';
}
.submitdrop-link {
    display: flex;
    align-items: center;
}
.submitdrop-link i {
    margin-left: auto;
    color: #212121;
    font-size: 20px;
}
.table thead th {
    color: #1261A0;
    font-size: 16px;
    font-family:'myriadpro-semibold';
}
.table th {  border-top: none; }
.table td {  vertical-align: middle; border-top: 1px solid #acacac; color:#000; }
.table td .fa-check-circle {  color: #1261A0;  }
table.table tbody tr:nth-of-type(even) {
    background: #f4f4f4;
}
.table thead th{ border-bottom: 1px solid #acacac;}
.nav-link { padding:10px 15px; }

.scroll-top {
    width: auto;
    position: fixed;
    right: -35px;
    bottom: 40px;
    z-index: 1;
}
#goTop {
    display:inline-flex;
    background:none;
    font-size: 14px;
    text-align: center;
    line-height: 46px;
    transition: all .3s ease;
    color: #a8a8a8;
    transform: rotate(-90deg);
}
#goTop i {
    font-size: 24px;
    transform: rotate(90deg);
    margin-right: 16px;
 }
.orderList-drop {
    background: #fff;
 
}
.showmore-row {  margin-top: 40px; }
.topUpdate-row { display: none; }
.topUpdate-row {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px 0;
    background: #C4E0F6;
}
.topUpdate-row.show{
    display: block;
}
.undo-link {
    color: #CE0000;
    text-transform: uppercase;
    padding: 5px 10px;
    margin-left:auto;
}
.topUpdate-row.show .container {
    display: flex;
    align-items: center;
}
.add-custom-product {  padding: 50px 0; }
.backto-shop {  color: #787878; }
.back-col {  margin-bottom: 50px; }
.add-custom-prod-col h3 {
    font-size: 22px;
    margin-bottom: 25px;
}
.add-custom-prod-col h4 {
    font-size: 20px;
    margin-bottom: 35px;
}
.add-custom-prod-col label {
    color: #1261A0;
    font-size: 18px;
    margin-bottom: 5px;
}
.add-custom-prod-col {
    max-width: 690px;
    width: 100%;
}
.add-custom-prod-col textarea.form-control {
    height: 120px;
    resize: none;
}
.add-custom-prod-col .form-field-2 {
    max-width: 274px;
}
.add-custom-prod-col p {
    color: #ababab;
    margin-bottom: 5px;
}
.add-custom-prod-col .btn-link {
    min-width: 240px;
}
.add-custom-prod-col .form-field-3 input {
    width: 144px;
}
.favourites-page .list-view .th-col-5,
.favourites-page .list-view .th-col-6,
.favourites-page .list-view .quantity-col,
.favourites-page .list-view .addcart-col {
    display: none;
}
.favourites-page .list-view .shop-item .promotion-txt,
.favourites-page .shop-thead .th-col-2 {
    flex: 0 0 40%;
    max-width: 40%;
}
.form-g h2 {
    font-size: 20px; text-align: center;
    margin-bottom: 40px;
}
form.form-g {
    max-width: 690px;
    width: 100%;
    margin: 8% auto;
    height: 100%;
}
.form-g .form-group label {
    margin-bottom: 15px;
}
.form-g .form-group {
    float: left;
    width: 100%;
}
.form-g  .btn-link {
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
}
.forgot-pass-col {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.forgot-page .header-bottom h1 {
    font-size: 20px;
    color: #fff;
    font-family: 'myriadpro-light';
}
.forgot-page .header-inner {  min-height: 54px; }
.verify-code {
    display: flex;
}
.verify-form .verify-code .form-control {
    margin: 5px; text-align: center;
}
.verify-form .verify-code {
    max-width: 320px;
    width: 100%;
    margin: 0 auto 25px;
    float: none;
}
.verify-form  h2{
    margin-bottom:25px;
}
.verify-form .btn-group {
    display: flex;
    flex-direction: column;
}
.resend-link {
    margin-top: 15px;
    text-decoration: underline;
}
.create-pass-form .password-field {
    margin-bottom: 30px;
}
.create-pass-form .eye-link {
    top: 35px;
}
.ps-success-form { text-align: center; }
.ps-success-form h2 { margin-bottom:20px;}
.ps-success-form  p { font-size:20px; margin-bottom:30px; }
.login-row .form-group label { color:#000; }

.cart-link-top .cart-no {
    width: 24px;
    height: 24px;
    background: #e0e0e0;
    border-radius: 50%;
    display: inline-flex;
    color: #000;
    font-size: 12px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 11px;
    top: -8px;
}
span.cart-span-group {  position: relative; }
span.cart-txt {  margin-left: 10px; }
.delete-link { background: #9d0000; }
.header-3 a.active {
    background: #1261a0;
    color: #fff;
}
.order-num-col {
    display: flex;
    margin-right: 10px;
    align-items: center;
    justify-content: center;
    text-align: left;
    min-width: 358px;
}
.order-num-col span {
    color: #1261A0;
    font-size: 15px;
    font-weight: 500;
    margin-right: 10px;
}
.order-num-col input.form-control {  max-width: 190px; font-family:'myriadpro-semibold'; }
.order-num-col input.form-control::-webkit-input-placeholder { color:#999 }
.order-num-col input.form-control:-ms-input-placeholder { color:#999 }
.order-num-col input.form-control::placeholder { color:#999 }

.quantity-col input.form-control::-webkit-input-placeholder { color:#000 }
.quantity-col input.form-control:-ms-input-placeholder { color:#000 }
.quantity-col input.form-control::placeholder { color:#000 }
.ftr-buttons .backto-shop-link {
    background: none;
    border: 1px solid #00812f;
    color: #00812f;
    background: #fff;
}
.ftr-buttons .empty-cart-link{
    background:#9d0000;
    margin-right:10px;
}



.empty-cart-row {  text-align: center;  padding: 10% 0; }
.cart-box-col p {  margin-bottom: 15px; font-size: 20px; }
.link-success {
    background: #00812f;
    color: #fff;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 400;
    min-width: 200px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}
.link-success:hover{
    text-decoration: none;
    color:#fff;
} 
.link-success i {margin-right: 12px;}
.empty-cart-row .link-success { margin-top:15px ;}
.empty-cart-row .ftr-buttons.fixed-btn{ opacity:0; z-index: -1;}
.text-blue{ color:#1261A0; }
.order-submitted-row .quantity-col {  margin-left: auto; }
.cart-box-col {  text-align: center; }
.cart-box-col a {  margin-top: 15px; }
.order-submitted-row .cart-box-col {  padding: 6% 0; }
.order-submitted-row {  padding-top: 30px; }
.account-row {  padding: 50px 0; }

.account-row .title-m {
    font-size: 25px;
    font-weight: bold;
    color:#000;
    margin: 0;
}
.account-info .label {
    display: flex;
    margin-bottom: 14px;
    font-size: 18px;
}
.account-info span.text {
    color: #A8A8A8;
    font-size: 16px;
    display: flex;
}
.account-info span.text-m {
    margin-bottom: 14px;
    display: flex;
    color: #747474;
}
.account-info  .adrs-col-bx {
    margin-bottom: 30px;
}
.account-info  .adrs-group {
    display: flex; flex-wrap: wrap; max-width:520px;
}
.account-info  .adrs-group .adrs-col-bx { flex: 0 0 50%; max-width: 50%; }
.account-reset-row .form-group label {
    margin-bottom: 15px;
}
.input-field {
    position: relative;
}
.input-field .eye-link {  top: 0; }
.account-info .title-col {
    display: flex;
    align-items: center;
    margin-bottom: 35px;
}
.account-info .title-col i {
    margin-left: 10px;
    color: #a8a8a8;
    font-size: 20px;
}
.account-reset-row .title-m {
    margin-bottom: 20px;
}
.tooltip-col {
    position: relative;
}
.title-col.tooltip-col {
    display: inline-flex;
}
.tooltip-info {
    position: absolute;
    top: 30px;
    background: #E9E9E9;
    padding: 15px;
    border: 1px solid #707070;
    box-shadow: 0 0 6px #00000029;
    display: none;
    left: 94%;
    width: 100%;
    min-width: 340px;
}
button.tooltip-close {
    background: none;
    border: none;
    color: #000;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
}
button.tooltip-close i {
    color: #000 !important;
}
.tooltip-info h5 {
    color: #000;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 15px;
}
.tooltip-col i {
    cursor: pointer; color: #a8a8a8;
}
.tooltip-col .title-m {  margin-bottom: 30px; }
.order-history-page .quantity-col {
    margin-left: auto;
}
.table .text-link {
    text-decoration: underline;
}
.download-all-bx {
    display: flex;
    max-width: 235px;
    align-items: center;
    margin-left: auto;
}
.download-all-bx a, .download-all-bx span {
    flex: 1;
}
.fas.fa-tag { transform: rotate(90deg); }
.side-menu {
    max-width: 350px;
    height: 100vh;
    position: fixed;
    top: 0;
    left:-50%;
    width: 100%;
    background: #fff;
    padding:0px;
    box-shadow: 0 0 10px #00000029;
    transition: all 0.7s ease;
    opacity: 0;
    z-index: -222;
}
.menu-open .side-menu {
    display: block;
    left: 0;
    transition: all 0.5s ease;
    opacity: 1;
    z-index: 1001;
}
.side-menu ul li a {
    font-size: 16px;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

.side-menu ul li a i {
    margin-right: 10px;
}
.menu-title {
    color: #1261a0;
    padding: 20px;
    font-size: 20px;
}
button.sidemenu-close {
    border: none;
    background: none;
    padding: 10px;
    position: absolute;
    right: 10px;
    color: #000;
    outline: none;
}
.side-menu-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

ul.sidemenu-ul-2 {
    margin-top: auto;
}
.side-menu ul li a:hover{
    background: #1261a0;
    color:#fff;
}
.admin-wrap .header-2 {
    flex: 0 0 70%;
    max-width: 70%;
}

.recent-activity-link {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}
.recent-activity-link:hover{ color:#fff; }
.ra-link-1{
    background: url(../images/recent-activity-btn-1.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.ra-link-2{
    background: url(../images/recent-activity-btn-2.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.ra-link-3{
    background: url(../images/recent-activity-btn-3.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.recent-activity-link .left-span, .recent-activity-link .right-span {
    display: flex;
    flex: 1;
    line-height: normal;
}
.recent-activity-link .left-span{
    flex:0 0 70% ;
    max-width: 70%;
    align-items: center;
}

.recent-activity-link .right-span {
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    margin-top: auto;
}

.recent-activity-link .right-span i {
    margin-left: 10px;
}
.recent-activity-link b {
    display: flex;
    font-size: 20px;
    font-weight: 500;
}
.recent-activity-link .left-span i {
    font-size: 24px;
    margin-right: 12px;
}
.recent-activity-row {  margin-bottom: 35px; }
.filter-table .custom-control {
    display: inline-flex; min-height: 12px;
}
.filter-table table th:first-child i {  margin-left: -6px; }
/*.status-td{
    background: #E9E9E9;
    padding: 12px 15px;
    color: #212121;
    width: 100%;
    text-align: center;
    font-size: 16px;
    display: flex;
    justify-content: center;
    font-family:'myriadpro-bold'; 
    min-width:140px;
}*/
.status-td{
    background: #E9E9E9;
    border: none;
    height: 50px;
    padding: 15px;
    min-width: 140px;
    text-align: center;
    outline: none;
    font-size: 16px;
    color: #212121;
    font-family: 'myriadpro-semibold';
    display: flex;
    justify-content: center;
}
.status-active{
    background: #abdabc;
    color:#00812f;
}
.status-inprocess{
    background: #fcd1b0;
    color:#7b4116;
}

.status-submitted{
    background: #E9E9E9;
    color: #212121;
}
.status-complete{
   background: #3c763d;
   color: #fff;
}
.status-hold{
    background: red;
    color: #fff;
}
.status-partially-dispatched{
    background: #abdabc;
    color: #212121;
}
.status-dispatched{
    background: #ffacac;
    color: #212121;
}

/*.status-dispatch{
    background: #c4e0f6;
    color:#232323;
}*/

.status-hold{
    background: red;
    color: #fff;
}
.status-block{
    background: #ffacac;
    color:#a91515;
}
.status-complete{
   background: #3c763d;
   color: #fff;
}

.filter-table th img {  width: 22px; }
.filter-table .custom-control-label::after, 
.filter-table .custom-control-label::before {
    width: 15px;
    height: 15px;
    border-radius: 50% !important;
    border: 1px solid transparent;
    box-shadow: 0 0 3px #3894d2 inset;
}
.filter-table .custom-checkbox .custom-control-input:checked~.custom-control-label::after{
    background: none;
}

select.select-status {
    background: #E9E9E9;
    border: none;
    height: 50px;
    padding: 15px;
    min-width: 140px;
    text-align: center;
    outline: none;
    font-size: 16px;
    color: #212121;
    font-family:'myriadpro-semibold'; 
}
select.select-progress {  background: #FCD1B0; color:#743A0E; }
select.select-dispatched {  background: #C4E0F6; }
select.select-success {  background: #abdabc; color: #006f29; }
.user-circle {
    width: 50px;
    height: 50px;
    background: #1261A0;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
}
.tablefull table.table {
    min-width: 1500px;
}
.table-row {
    overflow-x: auto;
}
::-webkit-scrollbar { width: 5px; height: 6px; border-radius:6px; }
::-webkit-scrollbar-track {  background: #f1f1f1; }
::-webkit-scrollbar-thumb {  background: #1261A0; border-radius:6px; }
::-webkit-scrollbar-thumb:hover { background: #1261A0; }
.orders-parent table.table th:nth-last-of-type(2),
.orders-parent table.table td:nth-last-of-type(2){ text-align: center;}

.icon-date {  width: 20px;  height: 20px; }
.date-input {  position: relative; }
.date-input .icon-date {position: absolute;right: 4px;top: 15px; pointer-events: none;}
.date-input input.form-control {  padding-right: 28px; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    background: none;
    border: none;
    display: inline-flex;
    align-items: center;
    padding: 10px;
}
.ui-datepicker .ui-datepicker-prev:before {
    content: "\f104";
    font-family: 'Font Awesome 5 Free';
}
.ui-datepicker .ui-datepicker-next:before {
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span { display:none; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #1261A0;
    background: #1261A0;
    color: #fff;
}
.div-table .shop-thead .col-th img {
    width: 22px;
}
.div-table .shop-thead .col-th:first-child,
.div-table .shop-item .col-td:first-child{
    flex: 0 0 10%;
    max-width: 10%;
    text-align: left;
    justify-content: flex-start;
}
.div-table .shop-item .col-td {
    padding-left:15px;
    padding-right:15px;
}
.div-table .shop-thead .col-th,
.div-table .shop-item .col-td {
    justify-content: flex-start !important;
    text-align: left !important;
}
.div-table .shop-thead .col-th:nth-of-type(2),
.div-table .shop-item .col-td:nth-of-type(2){
    flex: 0 0 40%;
    max-width: 40%;
}
.quantity-col {  max-width: 100px; }
i.nospace {  margin-left: 0 !important; }

.ftr-buttons .link-red {
    border-color: #9d0000;
    color: #9d0000;
}
.order-dispatched {  min-height: 700px; }
.ftr-buttons .right-col a,  .ftr-buttons .right-col button{  margin-left: 12px; }
.table .promotion-txt {  padding: 0; }

.btn-link-r {
    border: 1px solid #9d0000;
    color: #9d0000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 15px;
    text-transform: uppercase;
    font-size: 17px;
    height: 51px;
    transition:all 0.3s ease;
    font-family: 'myriadpro-semibold';
}
.btn-link-r:hover{
    background:#9d0000;
    color:#fff;
}
.breadcrumb-row {  padding: 30px 0; }
.popup-body {  text-align: center; }
.order-popup-row .popup-body {   padding: 6% 0; }
.popup-body .btn-col a {  margin: 0 5px; }
.order-popup-row .popup-body p {  margin-bottom: 10px; }
span.order-nospan {
    color: #1261A0;
    font-size: 20px;
    font-weight: bold;
    display: flex;
    justify-content: center;
}
.order-popup-row .popup-body .btn-col {  margin-top: 80px; }
.order-popup-row .popup-body .btn-col p { margin-bottom:30px; }
.order-popup-row .popup-body .btn-col a {  min-width: 280px; }
.header-txt {  text-align: center;  color: #fff; letter-spacing: 0.5px;
    font-size: 20px;
    font-family: 'myriadpro-light';
 }

.customer-account {
    display: flex;
    flex-wrap: wrap;
}
.customer-account .sidebar-left {
    flex: 0 0 25%;
    max-width: 25%;

}
.customer-account .sidebar-right {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 35px 35px 50px;
    box-shadow: 0 -3px 6px #00000029;
}
.menubar-cus-dash li a {
    padding: 18px 20px;
    display: block;
    transition: all 0.3s ease;
    color: #072f5f;
}
.menubar-cus-dash li a.active,
.menubar-cus-dash li a:hover {
    background: #1261a0;
    color: #fff;
}
.menubar-cus-dash li a i {
    margin-right: 8px;
    font-size: 20px;
}
.tooltip-bx {
    display: inline-flex;
    position: relative;
}
.cus-dashboard-container {  padding-bottom: 0; }
.account-password-col .form-group {  margin-bottom: 20px; }
.title-div {
    display: flex;
    align-items: center;
}
.title-div span.edit-span {  margin-left: auto;  color: #a8a8a8; }
span.edit-span i {
    background: #a8a8a8;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    padding: 5px;
    margin-left: 3px;
}
.title-div .title-main {
    font-size: 20px;
}
.title-div .edit-btn{ margin-left: auto; }
.account-password-col .btn-row {
    margin-top: 100px;
}
.filter-row .download-col {
    margin-left: auto;
}
.link-setting {
    background: #00812f;
    font-size: 22px;
}
.link-dark,
.ftr-buttons .link-dark {  background:#072f5f; }
.form-width {
    max-width: 50%;
    width: 100%;
}
.form-label {
    color: #747474;
    font-size: 16px;
    margin-bottom: 3px;
}
.form-group label.adrs-label { margin-bottom: 15px; }
.row1, .row2 { margin-bottom: 20px; }
.company-infomation-form .row2 .title-div {  margin-bottom: 10px; }
.form-inner .row1, .form-inner .row2 {  max-width: 600px; width:100%; }
.company-infomation-form .btn-link {  min-width: 220px; }
.company-infomation-form .form-group.btn-row button.btn-link {
    margin-right: 60px;
}
.back-to-link { 
    display: block;
    padding: 18px 20px 18px 50px;
    position: relative;
    font-family:'myriadpro-semibold';
 }
.back-to-link i {  
    margin-right: 8px;
    font-size: 20px;
    position: absolute;
    left: 20px;
    top: 20px;
 }
.company-infomation-form .btn-link i {  margin-right: 5px; }

button.cas-btn {
    border: 1px solid #cecece;
    background: none;
    height: 50px;
    max-width: 370px;
    width: 100%;
    text-align: left;
    padding: 0 15px;
    display: flex;
    align-items: center;
    outline: none;
}
button.cas-btn i {  margin-left: auto; }
.cs-dropdown .dropdown-menu {
    margin-top: -1px;
    border-radius: 0;
    border: 1px solid #cecece;
    min-width: 370px;
    padding: 0;
}
.cs-dropdown .dropdown-menu .dropdown-item {
    padding: 15px 20px;
    color: #A8A8A8;
}
.cs-dropdown .dropdown-menu li.last-li {
    box-shadow: 0 0 10px #ccc;
    padding: 10px 15px;
}
.cs-dropdown .dropdown-menu ul{ margin: 0; }
.cs-dropdown {  position: relative; }
.dropdown-item.active, .dropdown-item:active {
    background-color: #1261a0;
}
.cs-block-col .title-div {  margin-bottom: 4px; }

.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle {
    color: #000;
    border: 2px solid #d7d7d7;
    border-radius: 0;
    background: none;
    font-size: 16px;
    text-transform: uppercase;
    padding: 11px 15px;
    letter-spacing: 0.3px;
    outline: none !important;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    border-color: #788da8;
}
.bootstrap-select .dropdown-menu {
    margin-top: -1px;
    border-radius: 0;
    padding: 15px 0 0;
    border-top: 0;
}
.bootstrap-select .dropdown-menu li a {
    padding: 15px;
}
.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    outline-offset: 0;
    box-shadow: none;
}
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #000;
    background: none;
    border-color: #d7d7d7;
}
.product-access-col .title-main {
    font-size: 20px;
    margin-bottom: 15px;
}
.paccess-col {
    max-width: 400px;
    width: 100%;
    margin-bottom: 80px;
}
.addnew-cs-form .title-div {  margin-bottom: 10px; }
.input-copy {  position: relative; }
.input-copy span.copy-span {
    position: absolute;
    right: -26px;
    top: 50%;
    transform: translate(0, -50%);
    color: #d1d1d1;
}
span.span-i {position: relative;}
span.span-i:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #ce0000;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 4px;
}
.login-row .checkbox-group label {
    padding-left: 3px;
    line-height: 20px;
}
.custom-control-label::before{
    border: #c9c9c9 solid 1px;
}
.custom-control-label::before,
.custom-control-input,
.custom-control-label::after {
    width: 20px;
    height: 20px;
}
.checkbox-group .custom-control-label::before,
.checkbox-group .custom-control-label::after {
    top: 1px;
}
.form-group.verify-input-group {
    max-width: 320px;
    margin: 0 auto;
    float: none;
}
ul.ul-link li:first-child a {
    font-family: 'myriadpro-bold';
}
.favourites-page .quantity-col,
.favourites-page .addcart-col {
    display:none;
}
.dropdown-tr-col { display: none; background: none !important;}
tr.dropdown-tr-col.show { display: table-row;}
.dropdown-tr-col td {  padding: 0; }
.dropdown-tr-col .container {
    width: 100%;
    padding: 0;
}
.dropdown-tr-col .row {
    margin: 0;
}
.dropdown-tr-col .col-12.shop-col {
    padding: 0;
}
.title-p {
    color: #1261a0;
    font-weight: bold;
}
.mo-link {
    background: #00812F;
    font-size: 26px;
}
.filter-row .form-group label {  margin-bottom: 12px; }
.omc-page .header-filder {  padding-bottom: 20px; }
.omc-row table.table tr td:nth-last-child(1){
    width: 150px; padding-left:0;
}
.omc-row table.table tr td:nth-last-child(2){
    width: 150px; padding-right:10px;
}
.omc-row .quantity-col {  max-width: 100%; }
.omc-page .order-num-col {   margin-left: auto; }

.select-custom {
    position: relative;
    pointer-events: auto;
}
.select-custom:before {
    content: "\f0d7";
    position: absolute;
    right: 0;
    pointer-events: none;
    padding: 0 13px;
    background: #E9E9E9;
    font-family:'Font Awesome 5 Free';
    color: #212121;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    font-weight: 900;
}
.select-custom select{ width:100%; }
.select-process:before { background: #FCD1B0; }
.select-success:before { background: #abdabc; }

.table .quantity-col{ margin:0 auto; }
.password-access-portal h2 {
    margin-bottom: 6px;
}
.password-access-portal p {
    text-align: center;
    margin-bottom: 40px;
}
.table .cart-link {
    max-width: 100px;
}

/*--date-open-css--*/
.date-range .ui-widget.ui-widget-content {
    padding: 0;
    border: none;
}
.date-range .ui-widget-header {background: none;border: none;}
.date-range .ui-datepicker td { padding:0;}
.date-range .ui-state-default {
    border-color: transparent;
    background: #dbecf7;
    color:#000;
    font-size: 15px;
    padding: 8px;
    text-align: center;
}
.date-range .ui-state-default.ui-state-hover,
.date-range .ui-state-default.ui-state-active{
    background: #1261a0; color:#fff; 
}
.ui-datepicker .ui-datepicker-title {
    color:#1261a0; font-weight:400;
}
a.ui-corner-all.ui-state-hover{
    color:#1261a0;
    background: none;
    opacity:1 ;
    font-weight: 900;
    top:2px;
}
a.ui-datepicker-next.ui-corner-all.ui-state-hover{
    right:2px;
}
a.ui-datepicker-prev.ui-corner-all.ui-state-hover{
    left:2px;
}
.open-date-title .name {
    color: #1261A0;
    font-size: 15px;
}
span.open-date {
    background: #E9E9E9;
    padding: 5px 10px;
    float: right;
}
.open-date-title .ui-datepicker-inline {
    margin-top: 20px;
}
textarea.form-control {
    height: 50px;
    resize: none;
    padding-top: 12px;
}
button.btn-link.delete-btn {
    background: #9d0000;
}
.btn-group-flex {  display: flex; }
.btn-group-flex button.btn-link.save-btn {
    margin-left: auto;
}
.ui-datepicker td span, .ui-datepicker td a { text-align: center; }
button.btn-link.save-btn i {  margin-right: 3px; }
.order-submitted-status {  font-size: 20px;   font-weight: 400; }
td .text-blue { text-decoration: underline; }
.menubar-cus-dash svg,
.sidemenu-ul svg {
    height: auto;
    width: 20px;
    margin-right: 7px;
}
.menubar-cus-dash a svg path{ fill:#072f5f; }

.menubar-cus-dash a:hover svg path,
.menubar-cus-dash a.active svg path,
.menubar-cus-dash a.active svg circle,
.menubar-cus-dash a:hover svg circle,
.sidemenu-ul a:hover svg path,
.sidemenu-ul a:active svg path,
.sidemenu-ul a:hover svg circle,
.sidemenu-ul a:active svg circle { fill:#fff; }

.save-btn svg {
    height: 16px;
    width: auto;
    margin-right: 10px;
    fill:#fff; 
}
.shop-info ul.ul-link li {
    line-height: normal;
}
.bootstrap-select .dropdown-menu li a {
    font-size: 14px;
    color: #8d8d8d;
    font-family: myriadpro-regular;
    letter-spacing: 0.5px;
}
.list-view .promo-col {
    display: none;
}
.list-view .shop-item .shop-img-col {
    display: block;
    border: none;
    flex: 0 0 7%;
    max-width: 7%;
}
.list-view .shop-thead .th-col-1 {
    flex: 0 0 39%;
    max-width: 39%;
}
.featured-page .container-body,
.cart-page .container-body {
    padding-top: 40px;
}
.account-header-text {
    font-size: 20px;
}
.products-sa .filter-table table th:first-child i {
    margin-left: 0px;
}
.customers-page .filter-table table th:first-child i {
    margin-left: 0;
}

.super-admin.distributors button.btn.dropdown-toggle,
.super-admin.customer-access-filter button.btn.dropdown-toggle {
    padding: 11px 7px;
}
td .mo-link.link-shop { min-width: 100px; }
.admin-customer.product-access table.table {  min-width: 1100px; }
.cs-dropdown .dropdown-menu .dropdown-item.btn-link {
    color: #fff;
}
button.btn-link.save-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.form-ftr-group button.btn-link.delete-btn {
    margin-right: auto;
}

.form-ftr-group button.btn-link {
    min-width: 220px;
}
.ftr-buttons .bulk-link svg path, .ftr-buttons .bulk-link svg circle {fill: #fff;}

.ftr-buttons .bulk-link svg {
    height: 18px;
    width: auto;
    margin-right: 7px;
}

.ftr-buttons .bulk-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.add-new-product-access button.btn.dropdown-toggle {
    padding: 11px 7px;
}
.ftr-buttons .ftr-sub-link {
    max-width: 220px;
}
.table .cart-link svg {
    width: 28px;
}
.table .cart-link svg path,
.save-btn svg path {
    fill: #fff;
}
.table td a svg {
    width: 26px;
    fill: #fff;
}
.table td a svg path {
    fill: #fff;
}
.filter-table table th.no-space i {
    margin-left: 0;
}
button.cas-btn,
.dropdown-menu li a {text-transform: uppercase;}
.cs-dropdown .dropdown-menu .dropdown-item {
    font-size: 14px;
}
.table-row .table tbody:nth-of-type(even) {
    background: #f4f4f4;
}
.ftr-buttons .right-col a svg circle {
    fill: #fff;
}
.customer-login .forgot-link {
    text-decoration: underline;
}
.customer-login .login-row .checkbox-group label {
    color:#747474;
}
.filter-management-um .ftr-buttons .bulk-link svg {
    height: 14px;
}
.warranty-cmc .adrs-group .adrs-col-bx {
    margin-bottom: 10px;
}
.warranty-claims-sc .warranty-form p {
    font-size: 16px;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    color:#000;
}
.warranty-form .dropdown-toggle {
    font-family: 'myriadpro-semibold';
}
.cs-dropdown .cas-btn {
    font-family: 'myriadpro-semibold';
    color: #000;
}
.form-ftr-group button.btn-link i {
    margin-right: 8px;
}

/*--new-css-27oct--*/
.filter-row .btn-group {
    display: flex;
    border: 2px solid #d7d7d7;
}
.filter-row .btn-group button {
    text-align: left;
    display: flex;
    align-items: center;
}
.dropdown-toggle::after {
    margin-left: auto;
}
.multiselect-container>li>a>label {
    padding-left: 15px;
}
.multiselect-container {
	width:100%;
}
.multiselect-container>li>a>label {
    font-size: 14px;
	color:#8d8d8d;
}
.multiselect-container>li>a>label>input[type=checkbox] {
    position: absolute;
    left: 6px;
    top: 7px;
}
.multiselect-container>li>a>label.radio,
.multiselect-container>li>a>label.checkbox {
    position: relative;
    padding-left: 25px;
}
.multiselect-container>li { margin-bottom: 5px; }
ul.multiselect-container.dropdown-menu {
    padding-left: 10px;
    padding-top: 10px;
}
button.cas-btn, .dropdown-menu li a {
	outline:none;
}

.grid-view .shop-img-col figure img {
    /*min-height: 287px;
    object-fit: contain;
    width: 100%;
    max-height: 287px;
    padding: 15px;*/
    height: 170px;
    object-fit: cover;
    width: 100%;
    padding: 16px;

}
.shop-img-col figure {
    margin-bottom: 0;
}
i.fa.passwordEye img {
    width: 26px;
    cursor: pointer;
}
.quantity-col .qnty-input {
    min-width: 112px;
}
.cart-link {
    min-width: 112px;
}

/***jalaj***/
.delete-btn {
    background: red;
}
.delete-btn:hover {
    background: red;
}
.ftr-buttons .manageCart {
    justify-content: space-between;
}
.user-circle {
    min-width: 66px;
    min-height: 66px;
    padding: 5px;
}
.select-custom:before{
    display: none;
}
.filter-table table th i {
    font-size: 6px;
}
.page_pt{
    padding-top: 30px;
}
.SingleDropDown .multiselect-container > li > a > label{
    padding: 3px 20px 3px 25px !important;
}
.select-field .bootstrap-select .bs-searchbox {
    position: relative;
}
.select-field .multiselect-search::placeholder,
.select-field .bootstrap-select .bs-searchbox .form-control::placeholder{
    color: #8d8d8d;
    font-size: 14px;
    font-family:myriadpro-light;
    font-weight: 300;
    min-width: 100%;
    text-overflow: ellipsis;
    white-space: pre-line;
}
.select-field .btn-group.show button.multiselect::after,
.select-field .bootstrap-select.show .dropdown-toggle.bs-placeholder::after {
    transform: rotate(180deg);
}
.select-field .btn-group:hover {
    border-color: #788da8;
}
.select-field button.multiselect:focus{
    box-shadow: none;
}
.select-field .multiselect-selected-text, .select-field #BrandSpan, .select-field button.multiselect span{
    font-weight: 700;
    font-family: myriadpro-bold;
}
.container-body.cart-page {
    padding-top: 40px;
}
.multiselect-container li:nth-of-type(1):before {
    content: "";
    background: url(../images/searchMIcon.svg);
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 1;
    background-repeat: no-repeat;
    top: 31px;
    right: 31px;
    pointer-events: none;
    z-index: 99;
}
.sidemenu-ul .priceenquiryicon svg {
    margin-right: 0px;
    width: 17px;
}
ul.menu-ul li a .priceenquiryicon {
    margin-right: 0;
}
ul.menu-ul li a .priceenquiryicon svg {
    width: 18px;
    height: 18px;
}
.product-list.list-view .shop-thead.cart-page {
    padding-top: 40px;
}
.menubar-cus-dash li a i.custPassIcon svg {
    margin-bottom: 5px;
}
.cms-body {
    padding-top: 40px;
}
/**distributor**/

.distributorPage .filter-table .table th i:first-child {
    margin-left: 3px;
}
.distributorPage ul.menu-ul li a i svg {
    width: 17px;
    height: 17px;
    margin-right: 0px;
}
.distributorPage .recent-activity-row .rc-field .left-span i svg {
    fill: #ffffff;
    width: 29px;
    height: 29px;
}
.distributorPage .recent-activity-row .rc-field .left-span i svg path{
    fill: #ffffff;
}
.distributorPage .recent-activity-row .rc-field .right-span i svg{
    width: 18px;
    height: 18px;
}
.distributorPage ul.sidemenu-ul li:nth-child(2) a i {
    margin-right: 14px;
}
.distributorPage .eye-link {
    top: 36px;
}
.distributorPage .passwordEye .eye-link.show i.fa-eye:before {
    content: "\f06e" !important;
    font-family: "Font Awesome 5 Free";
}
.distributorPage .company-infomation-form .passwordEye .eye-link {
    top: 28px;
    right: 15px;
}
/**life time warrenty**/
.side-menu.Logouttwo ul.sidemenu-ul {
    height: 100%;
    justify-content: flex-end;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}
.Logoutone ul.menu-ul > li:last-child a i svg path:last-child {
    fill: #fff;
}
.Logoutone .warrentyIcon{
    margin-right: 10px;
}
.Logoutone .warrentyIcon svg {
    margin-right: 0px;
    height: 21px;
    width: 21px;
}
ul.menu-ul li a .repairIcon svg {
    margin-right: 0px;
}
.Logoutone ul.menu-ul > li:last-child a:hover .warrentyIcon svg path:last-child,
ul.menu-ul li a.active .warrentyIcon svg path:last-child{
    fill: #072f5f;
}
ul.menu-ul li a.active .warrentyIcon svg path:last-child {
    fill: #072f5f !important;
}

/*****life time warrenty portal***/
.ftr-buttons .right-col.RepairLogNew {
    justify-content: space-between;
}
.ftr-buttons .right-col.RepairLogNew .link-ftr.submit-link {
    margin-right: auto;
    max-width: fit-content;
}

/******************************ANALYSTICS REPORT************************************************/
.header-1.Analytics_header-1{
    flex: 0 0 10%;
    max-width: 10%;
}
.header-2.Analytics_header-2{
    flex: 0 0 77%;
    max-width: 72%;
}
.header-3.Analytics_header-3{
    flex: 0 0 18%;
    max-width: 18%;
}
.header-1.Analytics_header-1 .navbar-btn{
    margin-left: 20px;
}
.Analytics_page .ul.menu-ul li a{
    padding: 15px 10px;
}
.Analytics_ftr .download_report_link {
    margin: 0;
    max-width: fit-content;
}
.pie_chart_inner {
    border: 1px solid #E4E4E4;
    position: relative;
}
/*.char_data_category {
    position: absolute;
    left: 39%;
    transform: translate(-50%, -50%);
    top: 50%;
    background: #E4E4E4;
    padding: 15px;
    border-radius: 50%;
    width: 100px;
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1261a0;
    font-size: 11px;
    text-transform: uppercase;
    font-family: myriadpro-semibold;
    text-align: center;
    
}*/
.char_data_category {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0px;
    color: #1261a0;
    font-size: 10px;
    text-transform: uppercase;
    font-family: 'myriadpro-bold';
    text-align: left;
}
.report_options {
    display: flex;
}
.report_options a {
    flex: 1;
    display: inherit;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.report_options a i {
    margin-right: 4px;
}
.icons svg{
    width: 18px;
}
.chart_bottom_info{
    background: #F6F6F6;
    padding: 8px;
    max-height: 240px;
    overflow-y: auto;
}
.bottom_heading{
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0px;
    color: #000000;
}
.paraHeading{
    color: #1261a0;
    margin-bottom: 4px;
}
.reportSpan{
    color: #000000;
    font-size: 14px;
}
span.fillcolor {
    height: 5px;
    width: 10px;
    padding: 6px;
    display: inline-block;
}
.chart_percentage_inner {
    display: flex;
    justify-content: space-between;
    /* margin: 0 5px; */
}
.chart_percentage_inner .inner_details {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 5px;
}
p.inner_details_chartPercntge {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
}
.sidebar-left.anltics_leftbar {
    flex: 0 0 23%;
    max-width: 23%;
}
.sidebar-right.anltics_rightbar {
    flex: 0 0 77%;
    max-width: 77%;
}
.noborder{
    border: none;
}

.pdfFilters {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 6px;
    padding: 4px 10px;
    background: #e0e0e0;
    font-size: 14px;
    color: #7f7f7f;
    text-transform: uppercase;
}
.report_filter .pdfFilters:last-child{
    margin-right: 0px;
}
.tbleColorBox{
    height: 30px;
    width: 30px;
    display: block;
}
.pdfPage .logo-link{
    padding: 10px 15px;
}
.pdfpgRow .chart_pdfPg_col {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100%;
}
.chartColor-1{
    background: rgb(254, 176, 25);
}
.chartColor-2{
    background: rgb(0, 143, 251);
}
.chartColor-3{
    background: rgb(0, 227, 150);
}
.chartColor-4{
    background: rgb(119, 93, 208);
}
.chartColor-5{
    background: rgb(255, 69, 96);
}
.chartColor-6{
    background: rgb(0, 143, 251);
}
/***27-jan-2022***/
.main-wrap.distributorPage .header-2 {
    flex: 0 0 80%;
    max-width: 80%;
}
.main-wrap.shop-page .add-custom-product .select-field .btn-group {
    min-width: 255px;
}
.main-wrap.shop-page .add-custom-product .select-field .btn-group button.multiselect {
    padding-left: 0px;
    text-align: left;
}
.main-wrap.shop-page .add-custom-product .select-field .btn-group ul.multiselect-container.dropdown-menu.show label.radio {
    padding-left: 6px;
}
.main-wrap.shop-page .add-custom-product .select-field .btn-group .multiselect-container li:nth-of-type(1):before{
    right: 22px;
}

/**14-02-2022***/
.apexcharts-legend.apexcharts-align-center.apx-legend-position-right {
    /*visibility: hidden;
    opacity: 0;*/
}

/***24-02-2022***/
.anltics_rightbar ul.dropdown-menu.inner.show .selected span.check-mark {
    left: 11px;
    top: 18px;
}
.anltics_rightbar ul.dropdown-menu.inner.show a.dropdown-item {
    padding-left: 30px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.anltics_rightbar ul.dropdown-menu.inner.show a.dropdown-item::before {
    content: "";
    height: 14px;
    width: 14px;
    background: #fff;
    border: 1px solid;
    padding: 2px;
    position: absolute;
    left: 7px;
    top: 7px;
    border-radius: 2px;
}
.anltics_rightbar ul.dropdown-menu.inner.show a.dropdown-item.selected span.bs-ok-default::after {
    width: 0.4em;
    height: 0.8em;
    border-style: solid;
    border-width: 0 0.2em 0.2em 0;
    border-color: #fff;
    position: relative;
    top: -11px;
}
.anltics_rightbar ul.dropdown-menu.inner.show a.dropdown-item.selected::before {
    background: #0075ff;
    border-color: #0075ff;
}

.anltics_rightbar .SingleDropDown .dropdown.bootstrap-select .dropdown-menu.show .form-control {
    position: relative;
    padding-right: 2.3rem;
}
.anltics_rightbar .SingleDropDown .dropdown.bootstrap-select .dropdown-menu.show .bs-searchbox::after {
    content: "";
    background: url(../images/searchMIcon.svg);
    width: 30px;
    height: 30px;
    position: absolute;
    background-repeat: no-repeat;
    top: 19px;
    right: 8px;
    pointer-events: none;
    z-index: 99;
}
.anltics_rightbar ul.dropdown-menu.inner.show a.dropdown-item:hover, 
.anltics_rightbar ul.dropdown-menu.inner.show a.dropdown-item.active{
 background: transparent;
}
.Analytics_body .chart_col {
    margin-bottom: 20px;
}
/***09-03-2022**/

.pie_chart_inner .apexcharts-legend .apexcharts-legend-series{
    /*display: flex;*/
}
.pie_chart_inner .apexcharts-legend-text{
    /*word-break: break-word !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;*/
}
.pie_chart_inner .apexcharts-legend {
    /*max-width: 120px !important;*/
}
/*
.pie_chart_inner .apexcharts-legend-text{
    word-break: break-word !important;
}*/
/*.pie_chart_inner .apexcharts-canvas{
    width: 100% !important;
}*/

.Analytics_body .header-filder .container {
    max-width: 100%;
    width: 100%;
}
.detailed_pdf_inner.col-left+.pie_chart_inner{
    display: initial !important;
}
.detailed_pdf_inner.col-left+.pie_chart_inner .char_data_category{
    transform: none!important;;
    background: transparent!important;;
    padding: 0!important;;
    border-radius: 0!important;;
    width: auto!important;;
    min-height: auto!important;;
    font-size: 10px!important;
    left: 0%!important;
    top: 0%!important;
    padding: 0px!important;
    font-family: 'myriadpro-bold'!important;
}

.detailed_pdf_inner.col-left+.pie_chart_inner .apexcharts-legend{
    /*max-width: 110px!important;*/
    padding: 0 !important;
}

/***customer list view item img 10-03-2022****/
.main-wrap.shop-page .list-view .shop-item .shop-img-col img {
    max-width: 85px;
    max-height: 80px;
    height: auto;
    width: auto;
    object-fit: cover;
}
.pie_chart_inner .apexcharts-legend .apexcharts-legend-series span.apexcharts-legend-marker {
    max-width: 13px !important;
    width: 13px !important;
    flex: 0 0 13px !important;
}
a.editFilter.btn-link {
    background: #1261a0;
}
.report_options .btn-link:last-child:hover {
    background: #072f5f;
}
form#PieChartDownload {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 50%;
    width: 50%;
}
form#PieChartDownload .right-col-pdf {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    display: flex;
    justify-content: flex-end;
}
form#PieChartDownload .right-col-pdf .download_report_link{
    cursor: pointer;
}
.analy_dashboard_page .dataRnge_filter{
    margin-bottom: 20px !important;
}
/***21-04-2022***/
.col-filter a {
    display: flex;
    justify-content: flex-end;
    color: #9D0000;
    text-transform: none !important;
    text-decoration: underline;
    margin-bottom: 18px;
}

/***filter mgmt product group***/
.filter-management-form .form-group.LockedCss {
    position: relative;
}
.filter-management-form .form-group.LockedCss label {
    margin-left: 18px;
}
.filter-management-form .form-group.LockedCss label+input#IsLocked {
    position: absolute;
    left: 0px;
    top: 5px;
    cursor: pointer;
}
/*****analystics product sub category report***/
.anltics_rightbar .range_col .col-12:nth-of-type(4)+div,
.anltics_rightbar .range_col .col-12:nth-of-type(2)+div,
.anltics_rightbar .range_col .col-12:nth-of-type(3)+div {
    padding: 0 15px;
}

/***customer shop-all product descreption****/
.shop-page .product-list.list-view .th-col-1 i:first-child img {
    margin-top: 6px;
    /*margin-left: 3px;
    margin-right: -8px;*/
}
button.CustomReadonly {
    pointer-events: none;
}
.shop-page .header-2 ul.menu-ul li a, .shop-page .header-3 ul.menu-ul li a{
    height: 100%;
}

.shop-page .align_as_table .list-view .th-col-2 i:last-child img,
.shop-page .align_as_table .list-view .th-col-3 i:last-child img,
.shop-page .align_as_table .list-view .th-col-4 i:last-child img,
.shop-page .align_as_table .list-view .th-col-5 i:last-child img {
    margin-top: -28px !important;
}

.detailed_pdf_inner .report_filter span:empty {
    margin: 0;
    padding: 0 !important;
}
.shop-page .align_as_table .shop-thead .font-s img {
    width: 22px;
}
.shop-page .align_as_table .shop-thead .font-s i:last-child img {
    margin-top: -22px !important;
}
.shop-page .align_as_table .shop-thead .font-s i:first-child {
    margin-right: 8px;
}
.shop-page .align_as_table .shop-thead .th-col-1.font-s i:first-child img {
    margin-top: 0px;
}
.forgot-page2 .container-body.resetPass-verify {
    height: 80vh;
}
.disabled {
    pointer-events: none; 
    opacity: 0.5; 
}


/*****21-09-2022********/
/*header.header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    height: 54px;
    z-index: 999;
    background: #fff;
}

.header-bottom {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    margin-top: 54px;
    z-index: 999;
}
.container-body .container-body {
    margin-top: 144px;
}
.add-custom-product{
    margin-top: 50px;
}

.container-body.account-body.Analytics_body {
    margin-top: 124px;
}
*/





/*.pie_chart_inner{
    min-height: 240px;
}*/

/**24-02-2022***/
/*.shop-page .product-list.list-view .th-col-1 i:first-child img {
    margin-top: 8px;
    margin-left: 3px;
    margin-right: -8px;
}*
/*****26-09-2022********/

.customizeTable .table th, .customizeTable .table td {
    padding-top: 6px;
}