.page-content img {
    max-width: 100%;
}

a {
    transition: 0.4s;
}

.min-width-500 {
    min-width: 500px;
}

/*** reset css end ***/
/*** index page css start ***/
.page-content .site-block {
    background: #FFFFFF;
    cursor: pointer;
    height: calc(100% - 25px);
    position: relative;
    /* border: 1px solid #D7D7D7; */
    margin-bottom: 25px;
    overflow: hidden;
    border-radius: 0.5rem;
    padding: 30px 30px 30px 30px;
}

.page-content .site-block:hover {
    background: #fff;
}

.page-content .site-info-box.site-block {
    background: #f5f5f5;
}

/* .page-content .site-info-box.site-block:hover {
    border: 0;
} */
/* .page-content .site-logo-info {
    padding: 70px 0 150px;
    justify-content: center;
    flex-direction: column;
    text-align: center;
} */

.page-content .site-info-box.site-block:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
    content: none;
}

.page-content .site-info-box.site-block:hover:after {
    content: "";
}

/* .page-content .edit-main {
    position: absolute;
    right: 13px;
    top: 13px;
    z-index: 9;
} */

.page-content .add-new-site.site-info-box.site-block {
    background: transparent !important;
    border: 1px dashed #1F1F39;
}

.page-content .add-new-site.site-info-box.site-block:hover:after {
    content: none;
}

.page-content .site-info-btm span {
    display: block;
    text-transform: capitalize;
    font-size: 16px;
    color: #616a75;
}

.page-content .site-info {
    width: calc(100% - 50px);
}

.page-content .site-info a {
    color: #2463BC;
    text-decoration: underline !important;
    font-size: 14px;
    font-weight: 500;
}

.page-content .site-info a:hover {
    color: #144995;
}

/* .page-content .view {
    background: #fff;
    text-align: center;
    color: #000;
    line-height: 40px;
    font-size: 20px;
} */
.page-content .border-btn:hover {
    background: #F1F2F4 !important;
    color: #000 !important;
}

.page-content .site-info-btm {
    padding: 19px 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9;
    background: #fff !important;
    border-top: 1px solid #ddd;
}

/* .page-content .edit {
    background: transparent;
    box-shadow: none;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 38px;
    font-size: 16px;
    color: #000;
    border-radius: 0.25rem !important;
    border: 1px solid #caced3;
} */
.page-content .add-new-site {
    /* border: 1px dashed #1F1F39; */
    background: #fff;
    padding: 30px;
}

.page-content .addnew>i {
    display: block;
    font-size: 32px;
    text-align: center;
    color: #303030;
    background: #CBCBD1;
    border-radius: 12px;
    font-style: normal;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    line-height: 67px;
    margin-bottom: 20px;
    font-size: 25px;
}

.page-content .addnew span {
    color: #303030;
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 700;
    text-align: center;
    display: block;
    line-height: normal;
}

/*** tabs page css start ***/
.page-content .nav-right .store-cards {
    background: #FFFFFF;
    border: 0;
    border-radius: 0.5rem;
    padding: 15px;
    box-shadow: 0rem 0.125rem 0.25rem #1f21241a, 0rem 0.0625rem 0.375rem #1f21240d;
    height: 100%;
}

.page-content .choose-site {
    background: #FFFFFF;
    border: 1px solid #dde0e4;
    border-radius: 10px;
    text-align: center;
    padding: 30px 15px;
    transition: 0.4s;
    height: calc(100% - 24px);
    margin-bottom: 24px;
    position: relative;
    cursor: pointer;
    width: 100%;
}

/* .choose-site-content {
    padding-bottom: 30px;
} */
.page-content .site-logos {
    margin-bottom: 18px;
}

.page-content .choose-site h5 {
    color: rgba(31, 31, 57, 0.5);
    margin-bottom: 5px;
    font-size: 15px;
}

.page-content .choose-site p {
    color: rgba(31, 31, 57, 0.4);
    font-size: 13px;
    font-weight: 500;
    max-width: 215px;
    line-height: 20px;
    margin: 0 auto;
}

.page-content .choose-site .btn {
    background: #E0E0E0;
    border-color: #E0E0E0;
    font-size: 14px;
    color: #666666;
    padding: 4px 12px 4px 32px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
}

.page-content .site-logos>img {
    opacity: 0.3;
    max-width: 76px;
}

/* .page-content .choose-site:hover .btn,.page-content .choose-site.active .btn {
    color: #fff;
    background: #0D6EFD;
    border-color: #0D6EFD;
} */

.page-content .store-details>h3 {
    color: #303030;
    margin-bottom: 10px;
}

.page-content .store-details {
    margin: 20px 0 0 0;
}

.create-store-main .card {
    background: transparent;
}

.page-content label.form-label span {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #B1B1B1;
    margin: 7px 0 0 0;
}

.page-content .productsinfo h3 {
    color: #303030;
    font-weight: 600;
    font-size: 0.8125rem;
    line-height: 20px;
    margin-bottom: 2px;
}

.page-content .productsinfo h3 a {
    color: #575757;
}

.page-content span.categories {
    font-size: 0.8125rem;
    font-weight: normal;
    color: #616161;
}

/* .page-content span.categories strong{
   color: #B4B1B1;
   font-weight: normal;
   font-size: 0.8125rem;
} */

.page-content .productsinfo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    position: relative;
    padding-left: 20px;
}

.page-content .productsimg>img {
    max-width: 40px;
    border-radius: 0.25rem;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.page-content .paginaion-main {
    margin-top: 30px;
}

.page-content .nav-right .tab-content h4 {
    color: #1F1F39;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 5px;
}

.page-content .product-listing>p {
    color: #a2a2a2;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    line-height: 22px;
}

.page-content .products-inf label {
    font-weight: 500;
    /* font-size: 18px; */
    line-height: 23px;
    color: #868689;
    /* margin-left: 40px; */
}

.page-content .products-inf label:first-child {
    margin-left: 0px;
}

.page-content .products-inf label strong {
    font-weight: 700;
}

.page-content .prodcut-listing-table {
    margin: 10px 0 0 0;
}

.page-content .payments-types {
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 16px;
    padding: 15px 20px;
    margin-right: 20px;
    width: 85%;
    transition: 0.4s;
    cursor: pointer;
}

.page-content .payment-name {
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.3px;
    color: #1F1F39;
    padding: 0 15px 0 0;
    word-break: break-all;
}

.page-content .payment-name span {
    display: block;
    color: #9A9A9A;
    font-weight: 500;
}

.page-content .form-switch .form-check-input:checked {
    background-position: right center;
}

.page-content .form-switch .form-check-input {
    width: 38px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    border-radius: 80px;
    height: 18px;
    background-color: #CFCFCF;
    border-color: #CFCFCF;
    cursor: pointer;
}

.page-content .form-switch .form-check-input:checked {
    background-color: #303030;
    border-color: #303030;
}

.page-content .form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.page-content .payment-options {
    width: 41%;
    height: 100%;
    padding-right: 60px;
}

.page-content .payment-form-main {
    width: 59%;
}

.page-content .payments-types-main .pay-form-check .form-check-input[type=checkbox],
.page-content .payments-types-main .pay-form-check .form-check-input[type=radio] {
    height: 24px;
    width: 24px;
    border-radius: 50px;
}

.page-content .payments-types-main .pay-form-check .form-check-input:checked[type=checkbox],
.page-content .payments-types-main .pay-form-check .form-check-input:checked[type=radio] {
    background-size: 17px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.page-content .payments-types-main {
    padding-top: 20px;
}

.page-content .payments-types-main.active .payments-types {
    border: 1px solid #303030;
}

.page-content .payment-form {
    background: #F7F7F7;
    border: 1px solid #e1e1e1;
    border-radius: 16px;
    padding: 30px;
    height: 100%;
}

.page-content .payment-form .btn {
    margin-left: 17px;
}

.page-content .payment-form .btn:first-child {
    margin-left: 0;
}

.page-content .payment-form .form-group {
    margin-bottom: 5px;
}

.page-content .payment-form .form-control {
    background: #fff;
}

.page-content .payment-form .form-label {
    color: #000;
}

.page-content .nav-left .nav-pills {
    background: #DDE0E4;
    border-radius: 0.5rem;
    padding: 70px 60px;
}

.page-content .nav-left .nav-pills .nav-link {
    display: flex;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.02em;
    color: #929292;
    padding: 0 0 30px 0;
}

.page-content .steps-info {
    text-align: left;
    padding-left: 20px;
    color: #929292;
}

.page-content .nav-left .steps-info span {
    color: #626262;
    display: block;
    margin: 0 0 6px 0;
}

.page-content .nav-left .nav-pills .nav-link.active,
.page-content .nav-left .nav-pills .show>.nav-link {
    background: transparent;
    color: #929292;
}

.page-content .nav-left .nav-pills .nav-link.active .steps-number span,
.page-content .nav-left .nav-pills .show>.nav-link .steps-number span {
    background-color: #929292;
    color: #fff;
}

.page-content .nav-left .nav-pills .nav-link.active .steps-number:after,
.page-content .nav-left .nav-pills .show>.nav-link .steps-number:after {
    background: #929292;
}

.page-content .nav-left .nav-pills .nav-link.active span.badge,
.page-content .nav-left .nav-pills .show>.nav-link span.badge {
    background: #929292;
    color: #fff;
    border-color: #929292;
}

.page-content .nav-left span.badge {
    background: #f1f2f4;
    border: 2px solid #f1f2f4;
    border-radius: 20px;
    font-weight: 500;
    line-height: 18px;
    color: #000;
    display: block;
    width: 100px;
    margin: 10px 0 0 0;
}

.page-content .steps-number span {
    height: 30px;
    width: 30px;
    border-radius: 30px;
    border: 2px solid #929292;
    line-height: 26px;
    display: block;
}

.page-content .steps-number:after {
    content: "";
    height: 100%;
    background: #979797;
    width: 2px;
    position: absolute;
}

.page-content .steps-number {
    position: relative;
}

.page-content .nav-left .nav-pills .nav-link:last-child .steps-number:after {
    content: none;
}

.page-content .payment-img {
    flex-shrink: 0;
    width: 48px;
    margin-right: 10px;
}

.page-content .payments-types .form-switch {
    margin-left: auto;
    padding-right: 36px;
}

.page-content .site-video .ratio {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #D2D6E0;
}

.page-content .site-video .ratio:after {
    background: rgba(0, 0, 0, 0.8);
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.page-content iframe {
    z-index: 9;
}

.page-content span.video-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    text-transform: capitalize;
    color: #868686;
    margin: 20px auto;
    max-width: 430px;
    display: inherit;
}

.page-content .video-wrapper {
    top: 50%;
    width: 100%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 40px;
}

.page-content .video-wrapper__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
    background: rgba(0, 0, 0, .8) url(../images/play-icon.svg) no-repeat 50% 50%;
    z-index: 10;
    transition: opacity .25s ease-out;
}

.page-content .video-wrapper.-active .video-wrapper__overlay {
    opacity: 0;
}

.page-content .video-wrapper__video iframe {
    display: block;
}

.page-content .form-check.pay-form-check {
    position: relative;
    text-align: left;
    margin: 0 0 0 20px;
    min-height: auto;
    padding: 0;
}

.page-content .products-inf {
    padding-right: 15px;
}

.page-content .videocheck>img {
    max-width: 50px;
}

.page-content .site-info>h4 {
    margin: 0;
    font-size: 16px;
}

.page-content .site-info>h4 span {
    color: rgba(73, 80, 87, 0.7);
    display: block;
    font-size: 14px;
    margin: 5px 0 0 0;
}

/*** funnels page css start ***/
.page-content .categories-filter .list-inline-item .categories {
    font-weight: normal;
    padding: 6px;
    margin: 0;
    font-size: 16px;
    color: #616a75;
    border-radius: 4px;
    border: 0;
    text-transform: capitalize;
    font-size: 0.875rem;
    min-width: 50px;
    text-align: center;
    background: #f7f7f7;
}

.page-content .categories-filter .list-inline-item .categories.active,
.page-content .categories-filter .list-inline-item .categories:hover {
    color: #fff;
}

.page-content .animation-nav li a::before {
    background-color: #303030;
}

.page-content .filter-navs {
    border-bottom: 0;
    padding: 0 10px 10px 10px;
}

.page-content .border-btn {
    height: 35px;
    width: 35px;
    font-size: 16px;
    border: 1px solid #caced3;
    background: transparent !important;
    color: #000;
}

/* .page-content .text-bg-success {
    background-color: #198754 !important;
}
.page-content .text-danger{
    color: #FF6966 !important;
} */
.page-content .badge-scs-inactive {
    padding: 6px 10px;
    font-weight: 500;
    font-size: 0.75rem;
    text-transform: capitalize;
    color: #fff !important;
}

.page-content .funnel-topbox-info {
    padding: 0 0 30px 0;
}

/* .page-content .gallery-wrapper .site-block{
    border: 0;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.16);
} */
.page-content .funnels-table .actions a {
    margin: 0 10px;
}

.page-content .funnels-list-view .element-item {
    position: static !important;
}

.page-content .funnels-grid-view .gallery-box .gallery-container {
    height: 100%;
    padding: 30px 30px 0 30px;
    border-radius: 0.5rem;
}

.page-content .funnels-grid-view .gallery-box .gallery-container.add-new-site {
    padding: 30px;
}

.page-content .funnels-grid-view .gallery-box {
    box-shadow: 0rem 0.125rem 0.25rem #1f21241a, 0rem 0.0625rem 0.375rem #1f21240d;
    padding: 0;
    border: 1px solid #D7D7D7;
    overflow: hidden;
    border-radius: 0;
    margin-bottom: 30px;
    height: calc(100% - 30px);
    border-radius: 0.5rem;
    background: #fff;
}

.page-content .funnels-name h5 span {
    font-weight: 700;
    font-size: 16px;
    text-transform: capitalize;
    color: #000000;
    display: block;
}

.page-content .funnels-name h5 a {
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    text-decoration: underline !important;
}

.page-content .funnel-topbox-info .delete {
    /* background: #f3f3f3; */
    flex-shrink: 0;
}

.page-content .funnels-action a {
    margin-left: 10px;
}

.page-content .funnels-action a:first-child {
    margin-left: 0;
}

.page-content .site-img {
    padding-bottom: 35px;
}

/* .page-content .funnels-grid-view .gallery-box .gallery-container:hover{
    background: rgba(0, 0, 0, 0.15);
} */
/* .page-content .funnels-grid-view .gallery-box .gallery-container:hover .funnel-topbox-info .delete {
    background: #fff;
    color: #FF6966;
} */
/* .page-content .funnels-action .edit:hover{
    background: #0D6EFD;
    color: #fff !important;
} */
.page-content .funnels-filter.gallery-wrapper {
    padding: 20px 0 40px 0;
}

.page-content .gallery-container.add-new-site {
    min-height: 395px;
}

.page-content .categories-filter .list-inline-item {
    padding: 15px 10px 0 0;
    margin: 0;
    font-weight: 500;
    font-size: 18px;
    color: #1F1F39;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.page-content .fiter-type a {
    width: 60px;
    height: 40px;
    display: inline-block;
    background: #303030;
    border-radius: 50px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    line-height: 45px;
}

.page-content .funnels-name {
    padding-right: 10px;
}

.page-content .fiter-type a:hover {
    background: #23B37E;
}

/* .page-content .add-new-funnels {
    margin: 40px 0 0 0;
} */
/* .page-content .edit-main .edit:hover {
    background: #F1F2F4;
} */
/*** subscription page css start ***/
form#frmSubscribe .form-group {
    margin-bottom: 17px;
}

/* .card.pricing-box {
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: none;
} */
form#frmSubscribe label.form-label>span {
    font-size: 12px !important;
    display: inline;
    padding-left: 2px;
}

form#frmSubscribe .form-control {
    padding: 0.632rem 0.9rem;
    height: 39px;
}

/*** store page css start ***/
.choose-site-main input {
    -moz-appearance: none;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
}

.choose-site-main input:checked+label.choose-site {
    background: #DDE0E4;
    border-color: #DDE0E4;
}

.choose-site-main input:checked+label.choose-site .site-logos>img {
    opacity: 1;
}

.choose-site-main input:checked+label.choose-site h5 {
    color: #303030;
}

.choose-site-main input:checked+label.choose-site p {
    color: #818181;
}

/*** funnels listing table css start ***/
.funnels-list-view .funnels-table table tr td {
    vertical-align: middle;
    position: relative;
}

.funnels-list-view .funnels-table table tr td>a {
    color: #575757;
}

.funnels-table table {
    border: 1px solid #CBD1DC;
    background: #fff;
    overflow: hidden;
}

.table-numbering {
    height: 30px;
    width: 30px;
    background: #ddd;
    text-align: center;
    display: inline-block;
    line-height: 30px;
    border-radius: 20px;
    color: #000;
}

.funnels-table table tr td:first-child,
.funnels-table table tr th:first-child {
    padding-left: 15px;
}

.funnels-table table th {
    /* background: #ddd !important;
    text-align: center; */
    position: relative;
}

ul#filter {
    margin: 0 20px 0 0;
    width: 100%;
}

.btn-primary:hover {
    background: #2a2a2a !important;
    border-color: #2a2a2a !important;
    color: #f1f1f1 !important;
}

.btn:focus {
    box-shadow: inset -0.0625rem 0 0.0625rem #0000001f, inset 0.0625rem 0 0.0625rem #0000001f, inset 0 0.125rem 0.0625rem #0003 !important;
}

.funnels-table table>thead .sorting:before,
.funnels-table table td.sorting:before {
    content: "\f0360";
    position: absolute;
    right: .5rem;
    top: 18px;
    font-size: .8rem;
    font-family: "Material Design Icons";
}

.funnels-table table>thead .sorting:after,
.funnels-table table td.sorting:after {
    content: "\f035d";
    position: absolute;
    right: 0.5rem;
    top: 25px;
    font-size: .8rem;
    font-family: "Material Design Icons";
}

.template-main ul.nav .nav-item .nav-link {
    font-size: 16px;
    padding: 6px 10px;
    text-transform: capitalize;
    background: #f7f7f7;
    width: 100%;
    text-align: center;
}

/* .template-main ul.nav .nav-item .nav-link:hover{
 color: #303030;
} */
.template-main ul.nav .nav-item .nav-link.active {
    background: #303030;
}

.template-main ul.nav .nav-item {
    display: inline-block;
    width: 50%;
    padding: 0;
}

.template-main .nav-list-filter {
    width: 100%;
    padding: 0 15px 0 10px;
}

/* .prodcuts-table table td, .prodcuts-table table th {
    text-align: center;
}
.prodcuts-table table th:first-child {
    text-align: left;
} */
.btn-list .btn {
    margin: 0 5px;
}

/* .filter-cat-results .f-cat {
    opacity: 0;
    display: none;
  }
  .filter-cat-results .f-cat.active {
    opacity: 1;
    display: block;
    -webkit-animation: fadeIn 0.65s ease forwards;
    animation: fadeIn 0.65s ease forwards;
  } */
/*
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  } */
/* .filter-cat select.form-control {
    appearance: auto;
    cursor: pointer;
    text-transform: capitalize;
    background: #fff;
    font-weight: 500;
} */
/* .filter-cat {
    padding-right: 10px;
    position: absolute;
    right: 0;
    top: -93px;
    width: calc(100% - 80%);
} */
/* .prodcut-listing-table .dataTables_filter,.prodcut-listing-table  .dataTables_length{
    display: none;
} */
/* .template-main .nav-pills{
    padding-right: 0;
} */

/* table.dataTable.nowrap th,
table.dataTable.nowrap td {
    white-space: unset !important;
} */

/* .choose-site-content {
    padding-bottom: 45px;
} */
/*** checkout page css start ***/
.checkout-main {
    max-width: 90%;
    margin: 0 auto 1.5rem;
    background: #fff;
    padding: 40px 25px;
}

.express-checkout {
    text-align: center;
}

.checkout-buttons li {
    display: inline-grid;
    padding: 0 5px;
    width: 33.33%;
}

.checkout-buttons li img {
    max-height: 20px;
}

.checkout-logo {
    padding: 10px;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.4s;
}

.checkout-logo:hover {
    opacity: 0.6 !important;
}

.shop-pay {
    background: #3c0def;
}

.pay-pal {
    background: #ffc439;
}

.google-pay {
    background: #000;
}

.checkout-title {
    font-size: 15px;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    line-height: 0;
}

.checkout-buttons ul {
    padding: 0;
    margin: 0;
    display: flex;
}

.checkout-title::before,
.checkout-title::after {
    content: '';
    border: 1px #e6e6e6 solid;
    border-bottom: 0;
    height: 0.5em;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 2em;
    -ms-flex: 1 0 2em;
    flex: 1 0 2em;
}

.checkout-buttons {
    border: 1px #e6e6e6 solid;
    border-top: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0.9285714286em 1.4285714286em 1.4285714286em;
}

.checkout-title::before {
    border-right: 0;
    border-top-left-radius: 5px;
    margin-right: 1em;
}

.checkout-title::after {
    border-left: 0;
    border-top-right-radius: 5px;
    margin-left: 1em;
}

.payment-devider {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
    text-transform: uppercase;
    color: #737373;
    margin-top: 2.5em;
}

.payment-devider::after,
.payment-devider::before {
    content: '';
    display: inline-block;
    height: 1px;
    background-color: #e6e6e6;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.payment-devider .devider {
    display: inline-block;
    padding: 0 1em;
}

.checkout-main .form-floating label {
    font-weight: 400;
    font-size: .875rem;
    padding-top: 13px;
}

.checkout-main .form-floating select {
    padding-top: 19px;
    padding-bottom: 6px;
    height: 55px;
    cursor: pointer;
}

/* .checkout-main .form-control {
    height: 45px;
} */
.checkout-main h4 {
    line-height: normal;
    margin-bottom: 12px;
}

.phone-info {
    position: relative;
}

.phone-tooltip {
    position: absolute;
    right: 20px;
    top: 10px;
}

.phone-tooltip i {
    font-size: 18px;
    color: #919191;
}

p.terms-text {
    padding-top: 1em;
    line-height: 1.2;
    font-size: 10px;
}

p.terms-text a {
    color: #212529;
    text-decoration: underline !important;
}

.order-summary table td,
.order-summary table th {
    padding: 0 20px 20px 0;
}

.order-summary {
    border-left: 1px solid #ced4da;
    padding-left: 30px;
    width: calc(41.66666667% - 20px);
    margin-left: 20px;
}

.gift-card-discount {
    border-top: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    padding: 25px 0 25px 0;
    margin: 0 0 20px 0;
}

.table-devider {
    border-top: 1px solid #ced4da;
}

.guarantee-info {
    margin-top: 20px;
}

.guarantee-info:first-child {
    margin-top: 0;
}

.guarantee-info>img {
    max-width: 70px;
    max-height: 90px;
    margin-right: 20px;
}

.guarantee-info p strong {
    display: block;
}

.guarantee-content {
    margin-top: auto;
}

.gift-card-discount .form-floating {
    margin-right: 10px;
    width: 100%;
}

.contact-header p {
    margin-bottom: 6px;
}

div.dataTables_wrapper div.dataTables_filter input {
    max-width: 120px;
}

/* table.dataTable>thead>tr>th:not(.sorting_disabled), table.dataTable>thead>tr>td:not(.sorting_disabled) {
  padding-right: 0;
} */
/* .dataTable th, .dataTable td {
    text-align: center;
} */
.actions-del-setting {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    display: none;
    transition: 0.4s;
}

.actions-del-setting>a {
    margin: 0 5px;
}

.page-content .site-info-box.site-block:hover .actions-del-setting {
    display: flex;
    justify-content: space-between;
    z-index: 9;
}

/* .filter-cat-results {
    margin-top: 30px;
} */
.filtering ul#filter {
    margin: 0;
}

/* .fiter-type {
    margin: 15px 0 0 0;
} */
.checkout-info-table {
    border: 1px solid #e9ebec;
    padding: 20px;
    border-radius: 5px;
}

.checkout-info-table table {
    margin: 0;
}

.checkout-info-table table td,
.checkout-info-table table th {
    padding-left: 0;
}

.checkout-info-table table td:last-child {
    padding-right: 0;
}

.checkout-info-table table tr:last-child td,
.checkout-info-table table tr:last-child th {
    border-bottom: 0;
}

.checkout-info-table table a {
    text-decoration: underline !important;
}

.shipping-method-info {
    border: 1px solid #1773b0;
    background: #F0F5FF;
    margin-bottom: 10px;
    padding: 15px;
    border-radius: 5px;
}

.shipping-method-info span {
    margin-right: 10px;
}

.return-btn i {
    vertical-align: middle;
    font-size: 20px;
}

.return-btn {
    font-size: 15px;
    margin-right: 10px;
}

.subscriptions-policy {
    border-top: 1px solid #e9ebec;
    padding-top: 15px;
}

.subscriptions-policy a {
    text-decoration: underline !important;
}

.payment-box {
    border: 1px solid #e9ebec;
    border-radius: 5px;
}

.payment-box .form-check {
    padding: 20px 20px 20px 40px;
    border-bottom: 1px solid #e9ebec;
}

.payment-box .col-lg-12:last-child .form-check {
    border: 0;
}

.payment-box .payment-option {
    overflow: hidden;
}

/* .payment-box .payment-option[aria-expanded="true"] {
    background: #F0F5FF;
}
.payment-box .payment-option[aria-expanded="false"] {
    background: transparent;
} */
.checkout-main .card {
    background: #e9ebec;
}

.checkout-main .billing-address .card {
    border-radius: 0 0 5px 5px;
}

.checkout-tab .nav li.nav-item {
    display: inline-block;
}

.checkout-tab .nav li.nav-item .nav-link i {
    vertical-align: middle;
}

.checkout-tab .nav li.nav-item .nav-link.active {
    color: #000;
}

/*** thank you page css start ***/
.thankyou-info-main {
    border: 1px solid #e9ebec;
    border-radius: 5px;
}

.thankyou-info {
    padding: 20px;
}

.thankyou-email {
    background: #e9ebec;
    padding: 20px 20px 20px 20px;
}

.order-info {
    margin-bottom: 30px;
}

.order-info a {
    color: #212529;
}

.order-info a:hover {
    color: #5ea3cb;
}

.thankyou-icon>img {
    max-width: 40px;
    margin-right: 15px;
}

.order-msg {
    margin-bottom: 18px;
}

.checkout-main.thankyou-main {
    background: transparent;
}

.thankyou-left {
    background: #fff;
    padding: 20px;
}

.thankyou-main .order-summary {
    margin-left: 0;
}

.payment-fail {
    background: #fff;
    padding: 20px;
    height: 100%;
    text-align: center;
    height: calc(100vh - 300px);
}

.fail-icon i {
    font-size: 50px;
}

.thankyou-main .thankyou-left {
    padding: 40px;
}

/*** thank you page css end ***/
#page-topbar {
    left: 0;
    box-shadow: none;
    background: #1a1a1a;
}

.navbar-menu {
    top: 56px;
    width: 239px;
}

header#page-topbar span.logo-lg>img {
    /* max-width: 50px; */
    /* height: auto; */
    height: 28px;
    margin-top: 5px;
}

.userimg {
    background: #8C8C8C;
    height: 28px;
    width: 28px;
    line-height: 27px;
    border-radius: 5px !important;
}

.header-profile-user {
    height: 16px;
    width: 16px;
}

body {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.8125rem;
}

.header-search {
    width: 480px;
}

:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark] .navbar-menu {
    background: #EBEBEB;
    border-right: 0;
    box-shadow: none !important;
}

:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark] body {
    background-color: var(--vz-body-bg);
}

:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark] .page-title-box {
    background-color: #f1f2f4 !important;
}

.simplebar-content li.menu-title {
    display: none;
}

/* .common-table,.common-cards{
    box-shadow: 0rem 0.125rem 0.25rem #1f21241a,0rem 0.0625rem 0.375rem #1f21240d;
    background: #fff;
    border-radius: 0.5rem;
    padding: 10px 0;
} */
.common-table,
.common-cards {
    box-shadow: 0 0.0625rem 0 #00000012;
    background: #fff;
    border-radius: 0.75rem;
    padding: 10px 0;
    outline: var(--p-border-width-1) solid #0000;
    /* overflow: clip; */
    border: 1px solid #d7d7d7;
}

.common-table {
    /*overflow: hidden !important;*/
}

div.dataTables_wrapper{
    overflow: hidden !important;
}

:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark] .navbar-nav .nav-link {
    color: #1f2124;
}

:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark] .navbar-nav .nav-link:hover {
    color: var(--vz-vertical-menu-item-hover-color-dark);
    background: #ddd;
}

.app-search .form-control {
    border: 0.04125rem solid #616161;
    padding: 0.2rem 2.3rem !important;
    height: 32px;
    background: #303030;
}

.page-content .card {
    background: transparent;
    box-shadow: none;
    margin-bottom: 18px;
}

table>thead {
    border-color: #dde0e4;
    background: #f9fafb;
}

table>thead th {
    background-color: #FDFDF2 !important;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --vz-table-accent-bg: #f7f7f7 !important;
}

/* .table>tr:hover td,.table>tr.odd:hover td,.table-striped>tr:hover td,.table-striped>tr.odd:hover td{
    background-color: #f1f2f4 !important;
} */
.btn-primary {
    --vz-btn-color: #fff;
    --vz-btn-bg: #303030;
    --vz-btn-border-color: #303030;
    --vz-btn-hover-bg: #f1f1f1;
    --vz-btn-hover-border-color: #f1f1f1;
    --vz-btn-active-bg: #1a1a1a;
    --vz-btn-active-border-color: #1a1a1a;
    --vz-btn-disabled-bg: #1a1a1a;
    --vz-btn-disabled-border-color: #1a1a1a;
    /* box-shadow: inset 0 -0.0625rem 0 #00000040,inset 0.0625rem 0 0 #ffffff40,inset -0.0625rem 0 0 #ffffff40; */
    background: linear-gradient(180deg, #ffffff12 80%, #ffffff26);
    box-shadow: 0rem 0.125rem 0rem 0rem #fff3 inset, 0.125rem 0rem 0rem 0rem #fff3 inset, -0.125rem 0rem 0rem 0rem #fff3 inset, 0rem -0.025rem 0rem 0.025rem #000 inset, 0rem 0.025rem 0rem 0rem #000 inset;
    background-color: #303030;
}

.btn-check:checked+.btn,
:not(.btn-check)+.btn:active,
.btn.active {
    color: var(--vz-btn-active-color);
    background-color: var(--vz-btn-active-bg);
    border-color: var(--vz-btn-active-border-color);
    box-shadow: 0rem 0.125rem 0rem 0rem #0009 inset, 0.0625rem 0rem 0.0625rem 0rem #0003 inset, -0.0625rem 0rem 0.0625rem 0rem #0003 inset;
    color: #ccc;
}

/* :not(.btn-check)+.btn:hover, .btn:first-child:hover {
    background-color: #5EA3CB;
} */
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark] .navbar-nav .nav-link.active {
    color: #303030 !important;
    background: #FDFDF2 !important;
}

:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark] .navbar-nav .nav-link:hover {
    color: #303030;
    background: #f1f1f1;
}

.form-control {
    font-size: 0.8125rem;
    color: #303030;
    border: 1px solid #898F94;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding: .28rem .9rem;
    border-radius: 0.5rem;
    height: 32px;
    background: #fdfdfd;
}
textarea.form-control  {
    height: auto;
}

select.form-control {
    /* font-size: 0.875rem; */
    color: #000 !important;
    font-size: 14px;
    font-family: Arial;
}

.form-control:hover {
    background: #fafafa;
}

.form-control:focus {
    outline: 2px solid #3e7dd5;
    background: #fafafa;
    border: 1px solid #898F94;
}

table th {
    font-size: 0.75rem;
    border-top: 1px solid #E3E3E3;
    background: #F7F7F7 !important;
    color: #616161;
    /* padding: 0.5rem !important; */
    padding: 6px !important;
    font-weight: 500;
    text-transform: capitalize;
}

table td {
    font-size: 0.8125rem;
    color: #303030 !important;
    padding: 0.375rem !important;
    font-weight: 450 !important;
}
table td:last-child{
    padding-right: .75rem !important;
}

table td.font-semi-bold {
    font-weight: 450 !important;
}

table td.font-bold {
    font-weight: 650 !important;
}

.form-check-input:checked {
    background-color: #303030;
    border-color: #303030;
}

.page-content .categories-filter .list-inline-item {
    padding: 0px 10px 0 0;
}

.published-badge {
    background: #303030;
}

.page-content .badge-scs-inactive.badge-inactive {
    background: #EFEFEF;
    color: #1f2124 !important;
}

.template-main .edit.border-btn {
    background: #303030 !important;
    color: #fff !important;
    border: 1px solid #303030;
}

.actions-del-setting .border-btn:hover {
    color: #fff !important;
    background: #303030 !important;
    border: 1px solid #303030 !important;
}

.actions-del-setting .border-btn {
    color: #000 !important;
    background: #F1F2F4 !important;
}

/*** 28-7-23 added css start ***/
.card-header {
    border: 0;
    background: transparent;
    padding: 0 0 15px 0;
}

.card.common-cards {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
}

.common-table {
    box-shadow: 0 0.0625rem 0 #00000012;
    background: #fff;
    border-radius: 0.75rem;
    padding: 10px 0;
    outline: var(--p-border-width-1) solid #0000;
    /* overflow: clip; */
    border: 1px solid #d7d7d7;
}

.table>:not(caption)>*>* {
    padding: 0.4rem 10px;
    vertical-align: middle;
    /* text-align: left !important; */
    background-color: transparent;
}

.common-table .dataTables_length,
.common-table .dataTables_info {
    padding-left: 10px;
}

.common-table .dataTables_filter {
    padding-right: 10px;
}

.common-table .dataTables_paginate {
    padding: 3px 10px 0 0;
}

/* .common-table .dataTables_filter label,.common-table .dataTables_length label {
    margin-bottom: 0;
} */
.common-table .dataTables_wrapper>.row {
    align-items: center;
    margin-bottom: -4px;
}

.prodcut-listing-table .common-table .dataTables_wrapper>.row:first-child {
    margin-bottom: -18px;
}

.prodcut-listing-table .common-table {
    overflow: hidden;
}

table.dataTable>thead .sorting:before,
table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_desc:before,
table.dataTable>thead .sorting_asc_disabled:before,
table.dataTable>thead .sorting_desc_disabled:before {
    content: "\ea56" !important;
    font-family: remixicon !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    right: auto !important;
    left: 0px;
    top: 2px;
    font-size: 22px;
    font-weight: normal;
    top: 50%;
    margin-top: -21px;
    /* margin-top: -14px; */
    bottom: auto !important;
}

table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_desc:after,
table.dataTable>thead .sorting_asc_disabled:after,
table.dataTable>thead .sorting_desc_disabled:after {
    content: "\ea50" !important;
    font-family: remixicon !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    right: auto;
    left: 0px;
    top: 12px;
    font-size: 22px;
    font-weight: normal;
    top: 50%;
    margin-top: -12px;
    /* margin-top: -7px; */
    bottom: auto !important;
}


form label {
    color: #303030;
    font-size: 0.875rem;
    font-weight: normal;
}

.btn {
    border-radius: 0.5rem;
    /* padding: 3px 10px; */
    padding: 5px 12px;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    /* text-transform: capitalize; */
}

:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark] .navbar-nav .nav-sm .nav-link {
    color: #797979 !important;
    padding-left: 36px !important;
}

:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark] .navbar-nav .nav-sm .nav-link:after {
    /* background-color:#616161 !important; */
    background: url(../images/menu-arrow.svg) no-repeat left;
    background-color: transparent !important;
    width: 23px;
    height: 11px;
    display: none;
}

:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark] .navbar-nav .nav-sm .nav-link:hover:before {
    background-color: transparent !important;
}

.navbar-menu .navbar-nav .nav-link {
    padding: 0.17rem 0.7rem;
    border-radius: 0.5rem;
    font-size: 0.8125rem;
    font-family: 'Inter', sans-serif !important;
    font-weight: 500;
}

.navbar-menu .navbar-nav .nav-sm .nav-link {
    padding: 0.26rem 1.5rem !important;
    font-size: 0.8125rem;
}

.navbar-menu .navbar-nav .nav-item {
    padding: 0px 12px;
    position: relative;
}

.navbar-menu .navbar-nav .nav-sm .nav-link:before {
    top: 7.5px;
    left: 10px;
}

:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark] .navbar-nav .nav-sm .nav-link.active {
    color: #303030 !important;
    background: #fafafa !important;
}

.navbar-menu .navbar-nav .nav-sm .nav-link.active:before,
.navbar-menu .navbar-nav .nav-sm .nav-link.active:hover:before {
    background: url(../images/menu-arrow.svg) no-repeat left !important;
    background-color: transparent !important;
    width: 21px;
    height: 31px;
    content: "";
    position: absolute;
    top: calc(100% + -34px);
    left: 9px;
    z-index: 9;
    opacity: 1 !important;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 5px !important;
    font-size: 0.8rem;
}

.page-link {
    padding: 4px 10px;
    font-size: 0.8rem;
}

.btn-list {
    display: flex;
    align-items: center;
    align-items: flex-start;
    padding: 0 !important
}

.btn-list .btn:first-child {
    margin-left: 0;
}

.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-noanimation {
    background: #00000080;
}

button.swal2-close {
    height: 28px;
    width: 28px;
    border-radius: 0.5rem;
    background: #ccc;
    color: #8a8a8a;
    font-size: 19px;
    margin: 10px;
}

button.swal2-close:hover {
    background: #d4d4d4;
    box-shadow: inset -0.0625rem 0 0.0625rem #0000001f, inset 0.0625rem 0 0.0625rem #0000001f, inset 0 0.125rem 0.0625rem #0003;
    color: #8a8a8a;
}

:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark] .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] {
    color: #303030;
    background: transparent;
}

:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark] .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:before {
    background: transparent;
}

/* :is([data-layout=vertical],[data-layout=semibox])[data-sidebar=dark] .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:before{
    content: none;
} */
.form-roles table {
    height: calc(100% - 16px);
}

.form-check-label {
    padding-left: 3px;
    margin-bottom: 0.2rem;
    font-size: 0.8125rem;
    font-weight: normal;
}

select {
    background: #fff url(../images/select-arrow.png) no-repeat right;
    cursor: pointer;
    padding-right: 32px !important;
}

select.form-control:focus,
select.form-control:hover {
    background: #fafafa url(../images/select-arrow.png) no-repeat right !important;
}

/*** 28-7-23 added css end ***/
/*** 1-8-23 added css start ***/
.list-grid-nav .nav-link.active {
    background-color: #303030;
    color: #fff;
}

.select2-container--default .select2-selection--multiple {
    position: relative;
    font-size: 0.875rem;
    color: #303030;
    border: 1px solid #898F94 !important;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding: 0 0.9rem;
    border-radius: 0.5rem !important;
    /* height: 32px; */
}

.select2-container--default .select2-selection--multiple:hover {
    background: #fafafa url(../images/select-arrow.png) no-repeat right !important;
}

.select2-container--default .select2-selection--multiple:focus {
    outline: 2px solid #3e7dd5 !important;
    background: #fafafa url(../images/select-arrow.png) no-repeat right !important;
    border: 1px solid #898F94 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 3px !important;
}

.modal-backdrop.show {
    background: #00000080;
    opacity: 1;
}

.modal-header {
    background: #f3f3f3;
    border-bottom: 1px solid #ebebeb;
    padding: 15px !important;
    border-radius: 1rem 1rem 0 0;
}

.modal-footer {
    border-top: 1px solid #ebebeb;
    padding: 10px !important;
}

.btn-close {
    background-size: 11px !important;
    padding: 8px !important;
    border-radius: 10px;
}

.btn-close:hover {
    background-color: #0000000d;
    opacity: 1;
}

.page-link.active,
.active>.page-link {
    background-color: #303030;
    border-color: #303030;
}

td h6,
td .h6,
td h5,
td .h5,
td h4,
td .h4,
td h3,
td .h3,
td h2,
td .h2,
td h1,
td .h1 {
    font-size: 0.8rem;
    font-weight: normal;
}

/*** 1-8-23 added css end ***/
/*** 2-8-23 added css start ***/
.form-check-input {
    border: 1px solid #b2b2b2;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.my-profile-main .card {
    height: calc(100% - 1.5rem);
}

/* .template-main {
    padding:10px 20px;
} */
.template-btn .add-btn {
    padding: 8px;
}

.card-header .card-title {
    margin-left: 0 !important;
}

table.dataTable>thead>tr>th:not(.sorting_disabled),
table.dataTable>thead>tr>td:not(.sorting_disabled) {
    padding-left: 30px !important;
}

.badge-soft-info {
    color: #00527c;
    background-color: #e0f0ff;
}

/* .invalid-feedback {
    position: absolute;
    left: auto;
    top: 100%;
    margin-top: 2px;
    font-weight: normal !important;
    font-size: .8em;
} */
.invalid-feedback {
    /* position: absolute; */
    left: auto;
    top: 100%;
    margin-top: 5px;
    font-weight: normal !important;
    /* font-size: .8em; */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23fa896b'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fa896b' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    padding-left: 20px;
    background-size: 14px;
    color: #8e1f0b;
    font-size: 0.8125rem;
    background-position: left 2px;
}

/* .form-check-input:hover {
    background: #FAFAFA;
} */
/* .form-check-input:focus {
    border: 2px solid #8a8a8a;
} */
/*** 2-8-23 added css end ***/
/*** 4-8-23 added css start ***/
.filter-multiple input[type="checkbox"] {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    top: 0;
    left: 0;
}

/* .filter-multiple span:hover, */
.filter-multiple input[type=checkbox]:checked+span,
.filter-multiple label:hover span {
    background: #303030;
    color: #fff;
}

.filter-info-row .datetime-picker .input-group {
    width: 49%;
}

/*** 4-8-23 added css end ***/
/*** 7-8-23 added css start ***/
.page-content .site-info-box.site-block:hover .edit-main .border-btn {
    background: #F1F2F4 !important;
    color: #000 !important;
    border: 1px solid #caced3;
}

.select2-container .select2-selection--multiple .select2-selection__choice {
    color: #000 !important;
}

span.select2-selection.select2-selection--multiple {
    background: url(../images/select-arrow.png) no-repeat right !important;
    cursor: pointer;
}

.select2-results__option:before {
    content: none;
    display: inline-block;
    position: relative;
    height: 20px;
    width: 20px;
    border: 2px solid #e9e9e9;
    border-radius: 4px;
    background-color: #fff;
    margin-right: 20px;
    vertical-align: middle;
}

.select2-results__option[aria-selected=true]:before {
    font-family: remixicon !important;
    content: "\eb7b";
    color: #fff;
    background-color: #303030;
    border: 0;
    display: inline-block;
    padding-left: 3px;
    content: none;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #eaeaeb;
    color: #272727;
}

/* .select2-container--default .select2-selection--multiple {
      margin-bottom: 10px;
  } */
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 4px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #303030;
    border-width: 1px;
}

.select2-container--default .select2-selection--multiple {
    border-width: 2px;
}

.select2-container--open .select2-dropdown--below {

    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.select2-selection .select2-selection--multiple:after {
    content: 'hhghgh';
}

/* select with icons badges single*/
.select-icon .select2-selection__placeholder .badge {
    display: none;
}

.select-icon .placeholder {
    /* 	display: none; */
}

.select-icon .select2-results__option:before,
.select-icon .select2-results__option[aria-selected=true]:before {
    display: none !important;
    /* content: "" !important; */
}

.select-icon .select2-search--dropdown {
    display: none;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #ddd !important;
    color: #000 !important;
}

.select2-container--default .select2-results__option[aria-selected=true]:hover {
    background-color: #ddd !important;
    color: #000;
}

button.select2-selection__clear>span {
    display: none;
}

.filter-info-row .btn {
    padding: 5px 10px 2px;
}

textarea.form-control {
    min-height: auto;
}

.password-input.is-invalid.form-control {
    background-image: none;
}

/*** 7-8-23 added css end ***/
/*** 8-8-23 added css start ***/
.table-hover>tbody>tr:hover>* {
    --vz-table-accent-bg: #fafafa !important;
}

div.dataTables_wrapper div.dataTables_processing {
    background: #303030;
    color: #fff;
}

td.dataTables_empty {
    text-align: center !important;
}

/*** 8-8-23 added css end ***/
/*** 9-8-23 added css start ***/
div#divTrialDetails {
    padding-right: 0;
}

button.btn.btn-primary.btnSave {
    margin-right: 5px;
}

.invalid-feedback strong {
    font-weight: normal;
}

/* .thumbnail-imgs {
    height: 220px;
    overflow: hidden;
} */
.thumbnail-imgs>img {
    width: 100%;
    /* height: 100%;
    object-fit: cover; */
    border: 1px solid #898F94;
    border-radius: 0.5rem;
}

table td h5 i.status_icon {
    font-size: 14px;
    font-family: var(--vz-font-sans-serif) !important;
}

table.dataTable>tbody>tr.child ul.dtr-details {
    width: 100%;
}

.page-content .nav-right .store-cards.products-info-main {
    padding: 0;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
}

/*** 9-8-23 added css end ***/
/*** 10-8-23 added css start ***/
/* .template-main .site-block {
    height: 350px;
} */

.template-main .site-img {
    height: 100%;
    display: inline-block !important;
}

/* .template-main .site-img > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
} */
.template-main .site-info .badge {
    width: auto;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    margin: 5px 0 0 0;
}

.template-badge {
    position: absolute;
    left: 13px;
    top: 13px;
    z-index: 9;
}

.payments-main .card-body {
    border-radius: 0 0 0.5rem 0.5rem;
    padding: 53px;
    background: transparent;
}

.card.pricing-box .card-body {
    background: #f1f2f4;
    box-shadow: none;
}

.card.pricing-box {
    margin: 0;
    height: 100%;
}

.pricing-btn {
    margin-top: auto;
}

/*** 10-8-23 added css end ***/
/*** 11-8-23 added css end ***/
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    line-height: 1.1em !important;
}

.payments-main .card-header {
    background: #303030;
    padding: 20px 20px 12px 20px;
}

.payments-main .card-header h4 {
    color: #fff;
}

.payments-main .form-group .form-label {
    font-weight: normal;
}

.payments-main {
    padding: 40px;
}

.payment-main-inner {
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    margin: 0;
}

.payments-main .payment-left {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: #f1f2f4;
    height: 100%;
}

.payment-left-info {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.payment-left-info h4 {
    margin: 0px 20px 40px;
}

.site-pay-logo {
    background: #fff;
    border-radius: 100px;
    padding: 20px;
    margin-bottom: -60px;
    z-index: 9;
}

.payments-main .card {
    background: transparent;
    box-shadow: none;
    margin: 0;
    padding-bottom: 0 !important;
}

.payments-main .card-body>h4 {
    margin-bottom: 20px;
}

.payments-main .payment-left .profile-setting-img {
    height: 200px;
}

.page-content {
    padding: calc(56px + 1.5rem) .75rem 60px .75rem;
    padding-bottom: 80px;
}

/* .template-main .filter-info-row .btn {
    padding: 8px 12px 3px;
} */
.template-main .nav-list-filter {
    /* border-bottom: 1px solid #ddd; */
    padding: 10px 10px 20px;
}

.filter-multiple {
    margin-top: 5px;
}

.filter-multiple>div>span {
    font-weight: 500;
    width: 75px;
    display: inline-block;
    font-size: 13px;
}

.filter-types {
    width: calc(100% - 75px);
}

.filter-multiple label {
    margin: 3px 0;
    /* width: 8.33%; */
    padding: 0 5px;
    position: relative;
}

.filter-multiple label span {
    width: 100%;
    text-transform: capitalize;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    padding: 3px 10px;
    background: #f7f7f7;
    transition: 0.4s;
    font-size: 13px;
}

.common-cards {
    padding: 15px 15px 15px 15px;
    display: inline-block;
    width: 100%;
}

.filter-multiple:first-child {
    margin: 0;
}

.filter-info-row .datetime-picker .input-group .input-group-text {
    padding: 4px 10px;
    background: #303030;
    color: #fff;
    border-color: #898F94;
    border-radius: 0 0.5rem 0.5rem 0;
}

.filter-info-row .datetime-picker .input-group .form-control {
    outline: 0;
}

.product-view {
    opacity: 0;
    transition: 0.4s;
    color: #000;
    position: absolute;
    right: 0;
    top: 0;
}

.table tr:hover .product-view {
    opacity: 1;
}

.product-view-left>img {
    width: 100%;
}

.product-view-desc>p {
    font-size: 1.1rem;
}

.product-view-left>img {
    position: sticky;
    top: 5.5rem;
}

/*** 11-8-23 added css end ***/
/*** 16-8-23 added css start ***/
.product-view-media>img {
    border-radius: 0.5rem;
    border: 1px solid #ddd;
}

.product-view-info label {
    width: 100%;
}

/* .product-view-info label span {
    border: 1px solid #ddd;
    width: 100%;
    padding: 8px 10px;
    border-radius: 0.5rem;
    margin-top: 6px;
    display: inline-block
} */
.product-view-table td:last-child {
    text-align: right !important;
}

.product-view-table .productsinfo h3 {
    margin-bottom: 0;
}

.product-view-table td {
    padding: 0.9rem 10px;
}

.product-view-table td:first-child {
    padding-left: 0;
}

.product-view-table tr:last-child td {
    border: 0;
    padding-bottom: 0;
}

.product-view-table table {
    margin: 0;
}

.product-view-info span.badge {
    border: 0;
}

.product-view-main .table th {
    background: transparent !important;
    /* border: 0 !important; */
    width: 120px;
}

.product-view-main .products-status .table th {
    width: 60px;
}

.product-view-main .card-title {
    font-size: 18px;
    margin-bottom: 15px !important;
}

.products-status h5.card-title {
    margin: 0 10px 0 0 !important;
}

/*** 16-8-23 added css end ***/
/*** 17-8-23 added css start ***/
/* table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    right: unset !important;
    left: 0 !important;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
    bottom: 1.5em !important;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    right: unset !important;
    left: 0.01em !important;
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    padding-left: 2em !important;
} */
.flatpickr-months,
.flatpickr-weekdays {
    background-color: #303030 !important;
}

span.flatpickr-weekday {
    background: #303030 !important;
}

.flatpickr-current-month span.arrowDown:after {
    border-top-color: rgba(255, 255, 255, 0.9);
}

.flatpickr-current-month span.arrowUp:after {
    border-bottom-color: rgba(255, 255, 255, 0.9);
}

.numInputWrapper span {
    right: -5px;
}

table.dataTable>tbody>tr.child span.dtr-title {
    padding-bottom: 5px;
}

button#btnOpenCategoryModal {
    padding-top: 5px;
}

.card-body .form-group.changepass-btn {
    position: absolute;
    bottom: 23px;
}

.my-profile-main .card-header {
    padding-bottom: 5px;
}

/*** 17-8-23 added css end ***/
/*** 18-8-23 added css start ***/
.drag-drawflow {
    border: 0 !important;
    padding: 0 10px 10px !important;
    text-align: center;
}

.pages-icon>img {
    max-width: 80px;
    width: 100%;
}

.funnels-btn .btn {
    padding: 8px 10px 5px;
}

.table td h5 {
    margin-bottom: 0;
}

table td h5 i.status_icon::before {
    vertical-align: middle;
    font-size: 17px;
    font-family: remixicon !important;
}

#divDrawflow .btn {
    padding: 8px 10px 5px;
}

#drawflow {
    height: calc(100% - 50px) !important;
    min-height: 400px;
    top: 20px !important;
}

.drag-drop-row-table td:first-child,
.drag-drop-row-table th:first-child {
    padding-left: 40px !important;
}

.drag-drop-row-table td a i.mdi {
    position: absolute;
    left: -15px;
    top: 0;
}

table td h5 i.status_icon span {
    padding: 2px 0 0 3px;
}

/*** 18-8-23 added css end ***/
/*** 21-8-23 added css start ***/
.pages-icon {
    position: relative;
    z-index: -1;
}

/* .funnels-edit-btn{
    padding-right: 30px;
} */
#setting-panel {}

#setting-panel .input-group .input-group-text {
    padding: 5px 10px 4px;
    background: #303030;
    color: #fff;
    border-color: #898F94;
    border-radius: 0 0.5rem 0.5rem 0;
}

#setting-panel .btnSave {
    margin-right: 7px;
}

#setting-panel .form-label {
    font-weight: bold;
}

#setting-panel span.input-group-texts {
    border: 1px solid #ddd;
    height: 100%;
    padding: 5px 10px 4px 10px;
    font-weight: bold;
    border-radius: 0.5rem 0 0 0.5rem;
}

#setting-panel .form-control {
    outline: 0;
}

#setting-panel .bx-collection {
    transform: rotate(-90deg);
}

#setting-panel table th {
    background: transparent !important;
    border: 0 !important;
}

/*** 21-8-23 added css end ***/
/*** 22-8-23 added css start ***/
.drawflow-delete {
    line-height: 25px !important;
    box-shadow: none !important;
}

.drawflow .drawflow-node.selected {
    border: 2px dashed#303030 !important;
    box-shadow: none !important;
    background: #fff !important;
}

.drawflow .connection .main-path {
    stroke: #303030 !important;
    stroke-width: 3px;
}

ul.node-control-button li a {
    color: #303030;
}

ul.node-control-button li a:hover {
    color: #508bad;
}

.node-header h6 {
    margin: 0;
    padding: 3px 0 0px 0;
    font-size: 12px;
}

.drawflow>.drawflow-delete {
    border: 2px solid #303030 !important;
    color: #303030 !important;
    box-shadow: none !important;
}

div#notificationDropdown .topbar-badge {
    background: #ef4d2f !important;
    border-radius: 0.5rem !important;
    font-size: .5rem !important;
    font-weight: 700;
    height: 0.75rem;
    line-height: .5rem;
    min-width: 0.75rem;
    padding: 0.125rem;
    display: flex;
    justify-content: center;
    right: -0.2rem;
    top: 0.5rem !important;
    left: unset;
}

.parent-node .drawflow-delete {
    width: 25px !important;
    right: -15px !important;
    top: -15px !important;
    height: 25px !important;
    border: 2px solid #303030 !important;
    line-height: 20px !important;
}

.funnels-top {
    padding-bottom: 23px;
    border-radius: 0.5rem;
    background: #f1f1f1;
}

.funnels-edit-main {
    padding-top: 28px;
}

.funnels-top .form-check {
    display: flex;
    align-items: center;
}

.drawflow .drawflow-node .node-control-button {
    visibility: visible !important;
    opacity: 1 !important;
    border: 1px solid rgba(0, 0, 0, 0.3);
    padding: 5px !important;
}

div#notificationDropdown .dropdown-menu {
    box-shadow: 0 1.25rem 1.25rem -0.5rem #00000047;
    border-radius: 0.75rem;
    outline: 1px solid #ebebeb;
    border: 1px solid #ddd;
    position: static;
    margin-left: auto;
    /* width: 90%; */
    min-width: 380px;
}

div#notificationDropdown .col-auto.dropdown-tabs a span.badge {
    color: rgba(0, 0, 0, 0.6);
    font-weight: normal !important;
}

div#notificationDropdown .dropdown-head {
    background: transparent !important;
}

div#notificationDropdown .dropdown-head h6 {
    color: #1a1a1a !important;
    font-size: 14px !important;
    margin-left: 10px !important;
}

div#notificationDropdown .empty-notification-elem .img-fluid {
    display: none !important;
}

div#notificationDropdown .empty-notification-elem h6 {
    color: #303030 !important;
}

div#notificationDropdown .no-notification {
    background: #FAFAFA;
    padding: 5px;
}

div#notificationDropdown .no-notification h6 {
    margin: 0;
    font-size: 14px !important;
    font-weight: normal !important;
}

/*** 22-8-23 added css end ***/
/*** 25-8-23 added css start ***/
.drawflow-node.condition {
    width: 60px !important;
    height: 60px !important;
}

.drawflow-node.condition .drawflow_content_node {
    background: #ffffff !important;
    border-radius: 100% !important;
    border: 1px dashed #7A8B9A !important;
    box-shadow: 0px 5px 20px rgba(148, 135, 180, 0.15) !important;
    width: 60px !important;
    height: 60px !important;
}

.drawflow-node.condition {
    box-shadow: none !important;
}

.drawflow .drawflow-node.condition.selected .drawflow_content_node {
    border: 1px dashed #7A8B9A !important;
    box-shadow: 0px 5px 20px rgba(148, 135, 180, 0.15) !important;
}

.drawflow .drawflow-node.condition.selected {
    border: 0 !important;
    box-shadow: none !important;
}

.drawflow-node.condition .placeholder-img.landing {
    color: #a2b4c4;
    transform: rotate(90deg);
    margin-top: -3px;
}

.drawflow-node.condition .placeholder-img.landing i {
    font-size: 22px;
}

.drawflow .drawflow-node.condition .actions {
    position: absolute;
    top: -19px;
    background: #fff !important;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px 1px 1px rgba(190, 190, 215, 0.2);
    border-radius: 5px;
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
    border: 1px solid rgba(0, 0, 0, 0.3);
    padding: 2px 7px 0;
}

.drawflow .drawflow-node.condition.selected .actions {
    top: -39px;
    opacity: 1;
    visibility: visible;
}

.drawflow .drawflow-node.condition .actions:before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    width: 8px;
    height: 8px;
    background: white;
    margin-left: -4px;
    transform: rotate(45deg);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-top: transparent;
    border-left: transparent;
}

.drawflow .drawflow-node.condition .actions li {
    list-style: none;
    color: #a2b4c4;
    cursor: pointer;
}

.parent-node .drawflow-node.condition .drawflow-delete {
    right: auto !important;
    top: -10px !important;
    width: 20px !important;
    height: 20px !important;
    font-size: 12px !important;
    line-height: 15px !important;
}

.drawflow .drawflow-node.condition .inputs {
    top: -3px !important;
}

.drawflow .drawflow-node.condition .inputs .input,
.drawflow .drawflow-node.condition .outputs .output {
    left: -3px !important;
}

#edit-panel {
    width: 70%;
}

.offcanvas-header {
    border-bottom: 1px solid #ddd;
}

.add-conditions i {
    color: #303030;
    font-size: 17px;
    cursor: pointer;
}

.add-conditions .condition-dropdown.show-condition {
    top: 37px;
    opacity: 1;
    visibility: visible;
}

.condition-dropdown li {
    border-bottom: 1px solid #E5E8F3;
}

.add-conditions .condition-dropdown a {
    text-transform: uppercase;
}

.add-conditions .condition-dropdown {
    right: -15px;
    top: 50px;
    width: 100px;
}

ul.condition-dropdown {
    position: absolute;
    background: #fff;
    right: 0;
    top: 37px;
    width: 160px;
    border-radius: 10px;
    border: 1px solid #E5E8F3;
    box-shadow: -2px 6px 10px rgba(207, 203, 218, 0.2);
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.edit-panel-btn {
    border-top: 1px solid #ddd;
    padding-top: 30px;
    margin-top: 30px;
}

.drawflow .drawflow-node.condition .condition-else,
.drawflow .drawflow-node.condition .condition-if {
    position: absolute;
    top: -11px;
    right: -20px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    width: 20px;
    height: 20px;
    border: 2px solid #00D057;
    color: #00D057;
    padding: 0;
}

.drawflow .drawflow-node.condition .condition-else {
    top: inherit;
    bottom: -11px;
    right: -20px;
    color: #EE5F5A;
    border-color: #EE5F5A;
}

.drag-drawflow.condition-icon {
    border-top: 1px solid #ddd !important;
    margin-top: 10px;
}

.condition-icon .pages-icon {
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #cdcdcd;
    padding: 10px;
}

.funnels-btn {
    position: relative;
    right: -21px;
}

/*** 25-8-23 added css end ***/
/*** theme changes css end ***/
.drawflow .drawflow-node .inputs,
.drawflow .drawflow-node .outputs {
    width: 0 !important;
    position: relative !important;
    display: inline-block !important;
    left: -7px !important;
    top: 2px;
}

.drawflow .drawflow-node .inputs .input,
.drawflow .drawflow-node .outputs .output {
    left: 0px !important;
    width: 15px !important;
    height: 15px !important;
    border-radius: 50%;
    border: none;
    background: #303030 url(../images/input-arrow2.svg) no-repeat center center !important;
    background-size: 5px !important;
    background-position: center;
}

.drawflow .drawflow-node .outputs .output {
    border: 2px solid #303030 !important;
    background: #fff !important;
}

.drawflow .drawflow-node.selected .inputs .input {
    background: #303030 url(../images/input-arrow2.svg) no-repeat center center !important;
    background-size: 5.5px !important;
}

/* .drawflow .drawflow-node .output{right:-3px !important;top:2px !important} */
.drawflow .drawflow-node .input {
    left: -27px !important;
    top: 2px !important;
}

.drawflow .drawflow-node .input,
.drawflow .drawflow-node .output {
    position: relative !important;
    width: 20px !important;
    height: 20px !important;
    background: #fff;
    border-radius: 50%;
    border: 2px solid #000;
    cursor: crosshair !important;
    z-index: 1 !important;
    margin-bottom: 5px !important
}

/*** 29-8-23 added css start ***/
/** loader **/
/* .sh1 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 50px 0 0;
    border-color: #23B37E transparent transparent transparent;
    margin: 0 auto;
    animation: shk1 1s ease-in-out infinite normal;
  }

  .sh2 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 50px 50px;
    border-color: transparent  transparent #303030 transparent ;
    margin: -50px auto 0;
    animation: shk2 1s ease-in-out infinite alternate;
  }
  @keyframes shk1 {
    0% {
      transform: rotate(-360deg);
    }

    100% {
    }
  }

  @keyframes shk2 {
    0% {
      transform: rotate(360deg);
    }
    100% {
    }
  }

  .lt {
    color: #1a1a1a;
    font-family: 'Roboto', sans-serif;
    margin: 30px auto;
    text-align: center;
    font-weight: 100;
    letter-spacing: 10px;
  }
.loader{
    padding-top: calc(45vh - 25px);
    top: 70px !important;
    background-color: #303030 !important;
} */
@-webkit-keyframes loader {
    0% {
        width: 0;
    }

    20% {
        width: 10%;
    }

    25% {
        width: 24%;
    }

    43% {
        width: 41%;
    }

    56% {
        width: 50%;
    }

    66% {
        width: 52%;
    }

    71% {
        width: 60%;
    }

    75% {
        width: 76%;
    }

    94% {
        width: 86%;
    }

    100% {
        width: 100%;
    }
}

@keyframes loader {
    0% {
        width: 0;
    }

    20% {
        width: 10%;
    }

    25% {
        width: 24%;
    }

    43% {
        width: 41%;
    }

    56% {
        width: 50%;
    }

    66% {
        width: 52%;
    }

    71% {
        width: 60%;
    }

    75% {
        width: 76%;
    }

    94% {
        width: 86%;
    }

    100% {
        width: 100%;
    }
}

.progress-bar {
    border-radius: 60px;
    overflow: hidden;
    width: 100%;
}

.progress-bar span {
    display: block;
}

.progresss {
    -webkit-animation: loader 8s ease infinite;
    animation: loader 8s ease infinite;
    background: #303030;
    border-radius: 0;
    width: 0;
    height: 3px;
}

.progress-bars {
    left: 50%;
    max-width: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
}

#preloader {
    background-color: transparent !important;
}

/*** 29-8-23 added css end ***/
/*** 31-8-23 added css start ***/
.navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
    font-size: 0.95rem;
    right: 7px;
    color: #8a8a8a !important;
    content: none;
}

.navbar-menu .navbar-nav .nav-link i {
    font-size: 16px;
    min-width: 1.5rem;
    color: #4A4A4A;
    /* color: #303030; */
}

.navbar-menu .navbar-nav .nav-sm {
    padding-left: 0;
}

.view-stores {
    position: absolute;
    right: 2px;
    top: 2px;
    opacity: 0;
    transition: 0.4s;
    padding: 5px;
    border-radius: 6px;
    width: 23px;
    height: 24px;
    text-align: center;
}

.navbar-menu .navbar-nav .nav-link .view-stores i {
    font-size: 17px;
    min-width: auto;
    line-height: 14px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #303030;
}

.navbar-menu .navbar-nav .nav-link:hover .view-stores {
    opacity: 1;
}

.view-stores:hover {
    background: #1a1a1a0d;
    border-radius: 6px;
}

.hamburger-icon span:nth-child(1),
.hamburger-icon span:nth-child(3) {
    width: 100%;
}

.hamburger-icon {
    width: 14px;
    height: 10px;
}

.app-search span.search-widget-icon {
    top: -2px;
    color: #8a8a8a;
}

.hamburger-icon span:nth-child(1) {
    top: -1px;
}

.navbar-header {
    height: 56px;
    padding-right: 0.2rem;
}

.navbar-header .btn-topbar {
    height: 32px;
    width: 32px;
    background: #303030;
    border-radius: 5px !important;
    color: #e3e3e3 !important;
    font-weight: 500;
}

.navbar-header .btn-topbar:hover,
.userinfo-head:hover {
    background: #4a4a4a;
}

.topbar-badge {
    right: -12px;
    top: 4px !important;
}

.vertical-overlay {
    background-color: #00000080;
}

.vertical-sidebar-enable #page-topbar {
    z-index: 9999;
}

/* .hamburger-icon span:nth-child(2) {
    top: 4px;
}
.vertical-menu-btn:hover .hamburger-icon:not(.open) span:nth-child(3) {
    bottom: 0px;
} */
button#topnav-hamburger-icon {
    background: transparent;
    border-radius: 0.25rem;
    height: 36px;
    width: 36px;
}

button#topnav-hamburger-icon:focus {
    background: #4a4a4a;
}

.hamburger-icon span {
    background-color: #fff;
    height: 1px;
    transition: none;
}

.vertical-sidebar-enable.vertical-sidebar-close .app-menu {
    margin-left: -100% !important;
}

.vertical-sidebar-enable.vertical-sidebar-close .vertical-overlay {
    display: none;
}

form.app-search .form-control:hover {
    border: 0.04125rem solid #ccc;
    background: #303030;
}

/* form.app-search{
    cursor: pointer;
} */
form.app-search .form-control {
    outline: 0 !important;
    color: #ccc !important;
    font-size: 13px;
    /* pointer-events: none; */
}

form.app-search .form-control:focus {
    border: 2px solid #ccc;
    background: #303030;
}

span.ctrl {
    position: absolute;
    right: 10px;
    top: 7px;
    color: #ccc;
    font-size: 12px;
}

form.app-search .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #ccc !important;
    opacity: 1 !important;

}

form.app-search .form-control:-ms-input-placeholder {
    color: #ccc;
}

form.app-search .form-control:-moz-placeholder {
    color: #ccc;
    opacity: 1 !important;
}

.userinfo-head {
    background: #303030;
    border-radius: 5px !important;
}

.navbar-header .user-name-text {
    color: #ccc;
    font-size: 0.75rem;
}

.user-name-sub-text {
    margin-top: -4px;
    font-size: 11px !important;
}

.navbar-menu .navbar-nav .nav-sm .nav-item {
    padding: 0;
}

:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark] .navbar-nav .nav-sm .nav-link:hover:before {
    display: block;
}

:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark] .navbar-nav .nav-sm .nav-link.active:hover:after {
    content: none;
}

:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark] .navbar-nav .nav-sm .nav-link:before {
    background-color: transparent !important;
}

/* .navbar-menu .navbar-nav .nav-sm .nav-link.active:after{
background: url(../images/line.svg) no-repeat left !important;
background-color: transparent !important;
width: 21px;
height: 31px;
content: "";
position: absolute;
top: calc(100% + -5px);
left: 9px;
z-index: 9;
} */
/* :is([data-layout=vertical],[data-layout=semibox])[data-sidebar=dark] .navbar-nav .menu-dropdown.collapse.show .nav-sm .nav-link:first-child:after{
    content: none;
} */
.navbar-menu .navbar-nav .nav-sm .nav-link.active::after {
    background: url(../images/line.svg) no-repeat left !important;
    /* background-color: red !important; */
    width: 21px !important;
    height: 31px !important;
    content: " " !important;
    position: absolute;
    top: calc(100% + -61px);
    left: 9px;
    z-index: 9;
    opacity: 1 !important;
    display: block !important;
}

.card-body .form-group {
    position: relative;
}

.navbar-menu .navbar-nav .nav-sm li:first-child .nav-link::after {
    content: none;
    display: none !important;
}

.navbar-menu .navbar-nav .nav-sm .nav-link:hover:before {
    background: url(../images/menu-arrow.svg) no-repeat left !important;
    background-color: transparent !important;
    width: 22px;
    height: 13px;
    content: "";
    position: absolute;
    top: calc(100% + -23px);
    left: 9px;
    z-index: 9;
    opacity: 0.6 !important;
}

span.badge-number {
    position: absolute;
    right: 16px;
    top: 4px;
    background: #1a1a1a12;
    color: #616161;
    border-radius: 0.5rem;
    font-weight: 500;
    padding: 1px 7px;
    font-size: 12px;
    display: none;
}

.main-btn {
    padding: 0.75rem 0.375px;
    color: #4a4a4a;
    box-shadow: inset 0 -0.0625rem 0 #b5b5b5, inset -0.0625rem 0 0 #e3e3e3, inset 0.0625rem 0 0 #e3e3e3, inset 0 0.0625rem 0 #e3e3e3;
    border-radius: 0.5rem;
    padding: 5px 6px 2px;
    font-size: 16px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
}

.main-btn:hover,
.btn-outline:hover {
    background: #fafafa;
    color: #4a4a4a;
}

.main-btn:focus,
.btn-outline:focus {
    box-shadow: inset -0.0625rem 0 0.0625rem #0000001f, inset 0.0625rem 0 0.0625rem #0000001f, inset 0 0.125rem 0.0625rem #0003;
    background: #f7f7f7;
}

.btn-outline:focus {
    box-shadow: inset 0 -0.0625rem 0 #b5b5b5, inset -0.0625rem 0 0 #e3e3e3, inset 0.0625rem 0 0 #e3e3e3, inset 0 0.0625rem 0 #e3e3e3 !important;
    background: #f7f7f7;
}

.btn-outline:active {
    border-color: transparent !important;
}

.btn-outline {
    box-shadow: inset 0 -0.0625rem 0 #b5b5b5, inset -0.0625rem 0 0 #e3e3e3, inset 0.0625rem 0 0 #e3e3e3, inset 0 0.0625rem 0 #e3e3e3;
    border: 0;
}

#searchopen {
    /* position: absolute; */
    left: 22px;
    top: 9px;
    width: calc(100% - 225px);
    padding-bottom: 10px;
    background: #fff;
    min-height: 62px;
}

.search-textbox .form-control {
    border: 0;
    outline-offset: 1px;
    font-size: 14px;
    height: 24px;
    color: #000;
    padding-left: 6px;
    border-radius: 0.25rem;
    font-family: Arial;
}

/* .table-filter-main {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px;
} */
/* .filter-search-open{
    width: calc(100% - 225px);
} */
.filteroptions .dropdown-toggle {
    height: 1.375rem;
    font-size: 0.75rem;
    background: #f3f3f3;
    border: 1px dashed #e3e3e3;
    line-height: normal;
    padding: 2px 7px 2px;
    color: #303030;
    font-weight: normal;
}

.filteroptions .dropdown-toggle:hover {
    background: #fff;
    border: 1px solid #e3e3e3;
}

.filteroptions .dropdown-menu {
    box-shadow: 0 0.25rem 0.375rem -0.125rem #0003;
    margin: 0.2rem 0 !important;
    border-radius: 0.75rem;
    border: 1px solid #e5e5e5;
    padding: 5px 15px;
    background: #fff !important;
}

.filteroptions .dropdown-menu .dropdown-item {
    background: #fff !important;
    padding-bottom: 0;
    padding-left: 18px !important;
    margin-bottom: 0px;
}

.filteroptions .dropdown-menu .dropdown-item:hover {
    background: transparent !important;
}

.filteroptions .dropdown-menu .form-check-label {
    color: #303030;
    font-weight: 400;
    font-size: 13px;
}

.form-check-input:focus {
    border-color: #303030;
    outline: 0;
    box-shadow: none;
    border: 2px solid;
}

.clear-filter {
    font-size: 0.8125rem;
    color: #1367d6;
    border-bottom: 1px solid transparent;
    margin: 5px 0 0 -4px;
    display: inline-block;
}

.clear-filter:hover {
    border-bottom: 1px solid #004299 !important;
}

/* .table-filter-main {
    background: #fff;
    min-height: 70px;
    margin: 0 15px;
    width: calc(100% - 30px);
} */
.filteroptions .d-flex>div {
    margin: 3px 2px 0;
}

.filter-search-open {
    min-height: 60px;
    position: absolute;
    left: 20px;
    width: calc(100% - 72px);
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3.8 -3.9 8 8'%3e%3ccircle r='2.4' fill='%23fff'/%3e%3c/svg%3e") !important;
}

/* .form-check {
    padding-left: 1em;
} */
.search-options li {
    display: inline;
    margin: 0 2px;
}

.search-options li a {
    font-size: 12px;
    color: #303030;
    background: transparent;
    border-radius: 0.5rem;
    padding: 4px 8px;
    height: 24px;
    display: inline-block;
}

.search-options li a:hover {
    background: #f3f3f3;
}

.search-action {
    width: calc(100% - 225px);
    border: 1px solid #d7d7d7 ;
    border-radius: 0.25rem;
}

.search-textbox:before {
    position: absolute;
    left: -13px;
    bottom: 1px;
    height: 1px;
    width: calc(100% + 54px);
    content: "";
    background: #ebebeb;
}

.filteroptions {
    position: absolute;
    width: calc(100% + 40px);
    padding: 2px 0 4px 0;
}

.search-options ul {
    padding: 0;
    margin: 0;
}

.search-textbox {
    padding-bottom: 13px;
    position: relative;
}

.search-options li a.saveasbtn.main-btn {
    height: 24px;
    line-height: 16px;
    background: transparent;
}

.search-options li a.saveasbtn.main-btn.disabled {
    cursor: default;
    pointer-events: none;
    color: #b9b9b9;
    background: #f3f3f3;
    box-shadow: none;
}

/* .close-bar .filter-search{
    display: none;
} */
.filteroptions .form-check-input {
    border: 1px solid #B2B2B2;
}

.filteroptions .form-check-input:checked[type=checkbox],
.filteroptions .form-check-input:checked[type=radio] {
    border-color: #303030;
}

.filteroptions .form-check-label {
    color: #515151;
}

a.clear-filter.disabled {
    color: #D0D0D0;
    cursor: default;
    pointer-events: none;
}

.dropdown-toggle.add-filter-btn:after {
    content: "+";
    font-weight: 700;
    font-size: 13px;
}

.filteroptions .dropdown-menu ul {
    padding: 0;
    margin: 0;
}

.filteroptions .dropdown-menu ul li {
    color: #554F30;
    font-weight: 400;
    font-size: 0.8rem;
    list-style: none;
    padding: 6px;
    margin-bottom: 5px;
    border-radius: 10px;
    transition: 0.4s;
    cursor: pointer;
}

.filteroptions .dropdown-menu ul li:hover {
    background: #f1f1f1;
}

.filteroptions .dropdown-menu ul li.disabled {
    color: #c4c4c4;
    cursor: default;
    pointer-events: none;
}

.add-filter-main .dropdown-menu {
    padding-left: 5px;
    padding-right: 5px;
    min-width: 140px;
/*    left: -22px !important;*/
    right: 0 !important;
    max-height: 195px;
    overflow: auto;
    width: 140px;
}

.search-tag .dropdown-menu {
    min-width: 225px;
    padding: 8px 10px 5px;
}

.search-tag.dropdown ul {
    display: none;
    box-shadow: 0 0.25rem 0.375rem -0.125rem #0003;
    margin: 0.2rem 0 !important;
    border-radius: 0.75rem;
    border: 1px solid #e5e5e5;
    padding: 5px 7px;
    background: #fff !important;
    position: absolute;
    left: 12px;
    top: calc(100% - 27px);
    min-width: 200px;
    z-index: 9;
}

.search-tag.dropdown .open-search-list ul {
    display: block;
}

.search-tag.dropdown .form-control {
    font-size: 13px;
}

.clear-all-filter {
    font-size: 0.75rem;
    line-height: normal;
    padding: 2px 7px 2px;
    color: #303030;
    font-weight: 500;
    display: inline-block;
    vertical-align: inherit;
    white-space: nowrap;
}

.clear-all-filter:hover {
    color: #303030;
}

.filtersearch.remove-filter {
    display: none;
}

.setting-menu {
    bottom: 0px;
    left: 0;
    position: fixed !important;
    background: #ebebeb;
    width: 239px;
    z-index: 9;
    /* padding-top: 20px !important; */
    padding-bottom: 20px !important;
}

div#scrollbar {
    height: 100vh;
    overflow: auto;
    display: flex;
}

div#scrollbar .navbar-nav {
    height: 100%;
}

/*** 8-9-23 added css start ***/
.notification-card-main {
    position: fixed;
    top: 62px;
    z-index: 99999;
    width: 100%;
    right: 10px;
}

.alert-content ul {
    margin: 0;
    padding: 0;
}

.alert-top li {
    display: inline-block;
    padding: 0 0 0 10px;
}

.alert-content li div span {
    height: 4px;
    width: 4px;
    background: gray;
    border-radius: 100px;
    display: inline-block;
}

ul.alert-icon li a:hover {
    background: #f1f1f1;
}

.alert-content li {
    display: list-item;
    border-bottom: 1px solid #ddd;
    padding: 20px 15px 20px 30px;
    transition: 0.4s;
}

.alert-content li:hover {
    background: #F1F1F1;
}

.alert-sub-title {
    font-weight: 700;
    font-size: 13px;
    margin: 10px 0 1px 0;
    color: #303030;
}

.alert-content li:last-child {
    list-style: none;
    border-bottom: 0;
}

.alert-content p {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 20px;
    color: #616161;
}

.nomore-alert {
    text-align: center;
    font-weight: 600;
    color: #616161;
    font-size: 13px;
    border-top: 1px solid #ddd;
    padding: 20px 15px 20px 30px;
}

ul.alert-icon li a {
    color: #535353;
    font-size: 17px;
    vertical-align: middle;
    border-radius: 0.25rem;
    height: 28px;
    width: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*** 8-9-23 added css end ***/
/*** 11-9-23 added css start ***/
.table>thead {
    border-color: #E3E3E3;
}

.table th {
    font-weight: 500;
}

.form-width {
    /* max-width: 966px; */
    max-width: 950px;
    margin: 0 auto;
}

.form-label {
    margin-bottom: .2rem;
    font-size: 0.8125rem;
    font-weight: normal;
}

/* .ck.ck-sticky-panel {
    border:1px solid #898F94 !important;
} */
.form-icon .form-control-icon {
    padding-left: 1.4rem;
}

input::-webkit-inner-spin-button {
    opacity: 1;
}

.form-title {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #303030;
    margin-bottom: 9px;
    text-transform: capitalize;
}

h1.ck-placeholder {
    font-size: 0.8125rem !important;
    font-weight: 600;
}

.ck.ck-toolbar {
    background: #F7F7F7 !important;
    border: 1px solid #898F94 !important;
    border-radius: 0.5rem !important;
}

.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {
    border-color: #898F94 !important;
}

.form-icon i.rupees {
    left: 9px !important;
    color: #616161 !important;
    font-family: 'Inter', sans-serif !important;
}

::-webkit-input-placeholder {
    /* Edge */
    color: #303030 !important;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #303030 !important;
}

::placeholder {
    color: #303030 !important;
}

.forms-link {
    color: #005bd3 !important;
    font-size: 0.8125rem;
    /* font-weight: 500; */
}

.forms-link:hover {
    color: #004299 !important;
    text-decoration: underline !important;
}

.form-control.disabled {
    background: #F6F6F6;
    border-color: #F6F6F6;
    pointer-events: none;
}

:is(.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6) {
    font-family: 'Inter', sans-serif !important;
    color: #303030;
}

.inventroy-quantity {
    border-bottom: 1px solid #ebebeb;
    padding: 10px 0;
}

.inventroy-quantity .form-title {
    margin: 0;
}

.inventory-info .form-control {
    width: 125px;
}

.inventory-info {
    margin-top: 7px;
}

.form-badge-light {
    color: #616161 !important;
    background: #efefef !important;
    border-radius: 0.5rem !important;
    padding: 3px;
    min-width: 40px;
    display: inline-block !important;
    font-size: 0.7rem !important;
    line-height: 15px !important;
    font-weight: 600 !important;
}

.inventory-info .form-badge-light {
    margin-right: 10px !important;
}

.shipping-weight .form-control {
    width: 125px;
    margin-right: 5px;
}

.shipping-weight select.form-control {
    width: 57px;
    padding-left: 7px;
}

.add-info {
    border-top: 1px solid #ebebeb;
    padding-top: 13px;
    position: relative;
    padding-bottom: 5px;
}

.add-info .forms-link:hover {
    text-decoration: none !important;
}

.add-info:before {
    height: 1px;
    width: 20px;
    background: #ebebeb;
    content: "";
    position: absolute;
    left: -15px;
    top: -1px;
}

.add-info:after {
    height: 1px;
    width: 20px;
    background: #ebebeb;
    content: "";
    position: absolute;
    right: -15px;
    top: -1px;
}

form p {
    font-size: 0.8125rem;
    /* color: #616161; */
}

.forms-right {
    padding-left: 5px;
}

.channel-heading {
    font-weight: 500;
    margin-bottom: 5px;
    display: inherit;
    font-size: 0.8125rem;
}

.sales-channels ul {
    padding-left: 0px;
}

.sales-channels ul li {
    list-style: none;
    font-weight: 400;
    font-size: 0.8125rem;
    position: relative;
    padding-left: 15px;
    margin-bottom: 15px;
}

.sales-channels ul li:before {
    border: 1px solid #616161;
    height: 8px;
    width: 8px;
    background: #fff;
    content: "";
    display: inline-block;
    border-radius: 3px;
    left: 0;
    position: absolute;
    top: 6px;
}

/* .toggle-menu svg {
    height: 20px;
    fill: #8a8a8a;
} */

/* .toggle-menu:hover svg {
    fill: #303030;
} */

.toggle-menu .dropdown-menu {
    transform: none !important;
    right: 20px !important;
    left: auto !important;
    top: 50px !important;
    box-shadow: 0 0.25rem 0.375rem -0.125rem #0003;
    border-radius: 0.75rem;
    border: 1px solid #e4e4e4;
    padding: 6px;
}

/* .toggle-menu .dropdown-menu .dropdown-item{
    font-size: 0.8125rem !important;
    border-radius: 0.5rem;
    padding-left: 5px !important;
} */
.dropdown-menu .dropdown-item {
    font-size: 0.8125rem !important;
    border-radius: 0.5rem;
    padding-left: 7px !important;
}

/* .toggle-menu .dropdown-menu .dropdown-item:hover{
    background: #f1f1f1 !important;
} */
.dropdown-menu .dropdown-item:hover {
    background: #f1f1f1 !important;
}

.togglemenu {
    cursor: pointer;
}

/*** 11-9-23 added css end ***/
/*** 12-9-23 added css start ***/
.footer {
    left: 239px;
}

.page-heading {
    font-weight: 700;
    font-size: 1.25rem;
    margin: 0 0 5px 0;
}

.page-heading i:before {
    transform: rotate(150deg);
    position: relative;
    transform: rotate(47deg);
    font-size: 16px;
    top: -3px;
}

.page-heading .main-btn {
    box-shadow: none;
    padding: 6px 5px 0px;
    margin-right: 3px;
}

.page-heading .main-btn:hover,
.page-heading .main-btn:focus {
    background: #D4D4D4;
}

.page-heading .main-btn:focus {
    box-shadow: inset -0.0625rem 0 0.0625rem #0000001f, inset 0.0625rem 0 0.0625rem #0000001f, inset 0 0.125rem 0.0625rem #0003;
}

.forms-link.link-with-line {
    text-decoration: underline !important;
}

.link-normal {
    font-weight: normal !important;
}

.form-head {
    font-size: 0.875rem;
    padding-top: 15px;
}

.form-rows {
    border-top: 1px solid #ebebeb;
    padding-top: 15px;
}

.phone-field {
    width: calc(100% - 67px);
}

.phone-select {
    width: 56px;
    margin-right: 5px;
}

.address-field i {
    color: #8A8A8A;
    margin-left: -7px;
    font-size: 16px;
}

.form-icon.address-field .form-control-icon {
    padding-left: 2rem;
}

.phone-select .dropdown-menu {
    /* transform: translateX(-50%) !important;
    left: 50%;
    top: 40px !important; */
    box-shadow: 0 0.25rem 0.375rem -0.125rem #0003;
    border-radius: 0.75rem;
    border: 1px solid #e4e4e4;
}

.phone-select .form-control {
    outline: 0;
}

[data-option-flag-img-name] .flag-input {
    padding-left: 45px;
    background-image: url(../../images/flags/in.svg);
    background-repeat: no-repeat;
    background-position: 14px 6px;
    background-size: 18px !important;
    cursor: pointer;
}

[data-option-flag-img-name]:before {
    background: url(../images/select-arrow.png) no-repeat right;
    right: -8px !important;
    top: 0;
    content: "" !important;
    position: absolute;
    right: 0;
    top: 7px;
    width: 23px;
    height: 21px;
}

.phone-select .dropdown-item {
    border-radius: 10px;
    margin: 0 10px;
    padding: 5px;
    width: calc(100% - 20px);
    font-size: 0.8125rem !important;
    color: #303030;
}

.phone-select .dropdown-item:hover {
    background: #f1f1f1;
}

.phone-select .dropdown-item .options-flagimg {
    display: none;
}

:is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=sm] .navbar-menu {
    position: fixed !important;
    top: 56px !important;
    width: 239px !important;
    padding-top: 0 !important;
}

:is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-link i {
    font-size: 15px !important;
}

:is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-link span {
    display: unset !important;
}

.filepond--panel-root {
    border: 1px dashed #8a8a8a !important;
    background: transparent !important;
    padding: 20px 10px;
}

.filepond--panel-root:hover {
    background: #f7f7f7 !important;
}

span.filepond--label-action {
    font-size: 12px !important;
    color: #303030;
    text-decoration: none;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 500;
}

.file-info {
    position: absolute;
    top: 65%;
    left: 50%;
    right: 0;
    margin: 0 auto;
    transform: translateX(-35%);
    padding: 3px;
}

.filepond-input-multiple i {
    font-size: 12px !important;
    font-style: normal;
    color: #616161;
    display: block;
    line-height: 16px;
}

/*** 12-9-23 added css end ***/

/*** 13-9-23 added css start ***/
/* :not(.btn-check)+.btn:hover, .btn:first-child:hover {
    color: #4a4a4a;
    background-color: #d4d4d4;
    border-color: #d4d4d4;
} */
.btn-secondary {
    --vz-btn-bg: #e3e3e3;
    --vz-btn-border-color: #e3e3e3;
    --vz-btn-hover-bg: #d4d4d4;
    --vz-btn-hover-border-color: #d4d4d4;
    --vz-btn-active-bg: #ccc;
    --vz-btn-active-border-color: #ccc;
    --vz-btn-disabled-bg: #ebebeb;
    --vz-btn-disabled-border-color: #ebebeb;
    color: #303030;
}

.btn-secondary:hover {
    color: #303030 !important;
}

.btn-secondary:focus-visible {
    --vz-btn-hover-bg: #d4d4d4;
    --vz-btn-hover-border-color: #d4d4d4;
    color: #303030 !important;
    outline: 0;
    box-shadow: none;
}

div.dataTables_wrapper div.dataTables_length label {
    font-size: 0.8125rem;
}

div.dataTables_wrapper div.dataTables_filter label {
    font-size: 0.8125rem;
}

.table th:first-child,
.table td:first-child {
    padding-left: 12px !important;
}

.productsimg {
    height: 40px;
    width: 40px;
    border: 1px solid #ebebeb;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0 !important;
}

.productsimg>svg {
    fill: #8a8a8a;
    max-width: 20px;
}

.table-badge {
    font-size: 0.75rem;
    border-radius: 0.5rem;
    text-transform: capitalize;
    font-weight: 500;
    color: #616161;
    position: relative;
    line-height: 13px;
}

.badge-draft {
    color: #00527c;
    background: #e0f0ff;
}

.badge-active {
    color: #083d25;
    background: #cdfee1;
}

.badge-yellow {
    background: #FDFDF2 ;
    color: #332e00;
}

.badge-orange {
    background: #ffd6a4;
}

.badge-gray {
    background: #1a1a1a12;
}

table input[type="number"] {
    width: 100px;
}

.badge-with-dot:before {
    background: #616161;
    height: 8px;
    width: 8px;
    content: "";
    display: inline-block;
    border-radius: 3px;
    left: 6px;
    position: absolute;
    top: 7px;
}

.badge-with-circle:before {
    border: 1px solid #616161;
    height: 8px;
    width: 8px;
    content: "";
    display: inline-block;
    border-radius: 3px;
    left: 6px;
    position: absolute;
    top: 7px;
}

.badge-with-dot,
.badge-with-circle {
    padding-left: 20px;
}

.select2-container--default .select2-results__group {
    padding-left: 14px !important;
}

label.form-label i {
    display: block;
    color: rgba(0, 0, 0, 0.5);
}

.bx-git-branch:before {
    font-weight: bold;
}

/*** 13-9-23 added css end ***/
/*** 14-9-23 added css start ***/
.user-option select {
    background-image: none;
    background: transparent;
    border: 0;
    outline: 0;
    color: #fff;
}

.user-option .choices__inner {
    background: transparent;
    border: 0;
    color: #fff;
    padding: 0;
    margin: 0;
    height: 20px;
    line-height: normal;
    font-size: 11px;
}

.choices__list--dropdown {
    width: 200px;
    box-shadow: 0 0.25rem 0.375rem -0.125rem #0003;
    border-radius: 0.75rem;
    border: 1px solid #e4e4e4;
    padding: 10px;
    top: calc(100% + 7px);
}

.choices__item {
    font-size: 0.8125rem !important;
    border-radius: 0.5rem;
    padding-left: 5px !important;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background: #f1f1f1 !important;
}

.choices__list--dropdown .choices__list {
    margin: 0 !important;
}

input.choices__input {
    font-size: 0.8125rem !important;
    color: #303030 !important;
    border: 1px solid #898F94 !important;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding: .28rem .9rem !important;
    border-radius: 0.5rem !important;
    height: 32px;
}

input.choices__input:hover {
    background: #fafafa;
}

input.choices__input:focus {
    outline: 2px solid #3e7dd5;
    background: #fafafa;
    border: 1px solid #898F94;
}

.user-option {
    position: relative;
    padding: 0px 20px 0px 0;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    margin-right: 10px;
}

.user-option i {
    color: #fff !important;
}

.user-option .option-edit {
    position: absolute;
    right: 10px;
    top: 0px;
}

.choices {
    margin: 0;
    padding: 0;
}

.user-option label.form-label {
    position: absolute;
    left: 5px;
    top: 20px;
}

.choices__list--single {
    padding: 2px 16px 0px 4px;
}

.filteroptions .btn:focus,
.filteroptions .btn:hover {
    box-shadow: none !important;
}

.common-table .dataTables_length,
div.dataTables_wrapper div.dataTables_filter {
    display: none;
}

.table.collapsed th:first-child,
.table.collapsed td:first-child {
    padding-left: 32px !important;
}

table.dataTable>tbody>tr.child ul.dtr-details {
    margin-left: -20px;
}

.filepond--drop-label p {
    margin-bottom: 0 !important;
}

.productsinfo a:hover {
    text-decoration: underline !important;
    color: #303030;
}

/*** 15-9-23 added css start ***/
.toast-message {
    background: url(../images/close-icon.svg) no-repeat right center !important;
    box-shadow: none !important;
    font-size: 0.8125rem !important;
    color: #fff;
    box-shadow: none;
    padding-right: 20px;
    background-size: 12px !important;
    font-weight: 500;
}

.toast-success,
.toast.toast-error {
    background-color: #1A1A1A;
    opacity: 1 !important;
    border-radius: 10px !important;
}

.toast.toast-error {
    background-color: #e51c00;
}

#toast-container>.toast-success,
#toast-container>.toast-error {
    background-image: none !important;
}

#toast-container>div {
    padding: 12px !important;
}

/* #toast-container.toast-bottom-center>div, #toast-container.toast-top-center>div{
    width: 150px;
} */
#toast-container.toast-bottom-center>div,
#toast-container.toast-top-center>div {
    box-shadow: none;
}

#toast-container>div:hover {
    box-shadow: none;
}

/* .table-loader{
    visibility:hidden;
 }
 .table-loader:before {
     visibility:visible;
     display:table-caption;
     content: " ";
     width: 100%;
     height: 600px;
     background-image:
     linear-gradient( rgba(235, 235, 235, 1) 1px, transparent 0 ),
       linear-gradient(90deg, rgba(235, 235, 235, 1) 1px, transparent 0 ),
       linear-gradient( 90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 15%, rgba(255, 255, 255, 0) 30% ),
       linear-gradient( rgba(240, 240, 242, 1) 35px, transparent 0 )
       ;

     background-repeat: repeat;

     background-size:
       1px 35px,
       calc(100% * 0.1666666666) 1px,
       30% 100%,
       2px 70px;

     background-position:
       0 0,
       0 0,
       0 0,
       0 0;

     animation: shine 0.5s infinite;
   }

   @keyframes shine {
     to {
       background-position:
         0 0,
         0 0,
         40% 0,
         0 0;
     }
   } */
/* div.table-loader {
    position: absolute;
    left: 0;
    top: 25px;
    width: 97%;
    z-index: 99;
    margin: 0 auto;
    right: 0;
} */
/* div.table-loader {
    padding: 10px;
} */

.placeholder {
    border-radius: 2px;
    background-color: #e3e3e3;
    display: inherit;
}

.placeholder.lines {
    border-radius: 10px;
    min-height: 8px !important;
    padding: 0 !important;
}

.table-loader .placeholder-check {
    width: 25px;
    padding: 0px 5px;
}

.table-loader .placeholder-img {
    width: 60px;
    padding: 0 5px;
}

.table-loader .placeholder-col {
    width: calc(100% - 60px);
}

.table-loader .col-2 {
    width: 18.4%;
}

.table-loader .placeholder-img .placeholder {
    height: 40px;
}

.table-left-col {
    width: 130px;
}

.table-right-col {
    width: calc(100% - 130px);
}

/*** 15-9-23 added css end ***/
/*** 18-9-23 added css start ***/
.main-row {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px !important;
}

.form-group {
    position: relative;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: #942a17;
    /* outline: 2px solid #3e7dd5;
    outline-offset: 1px; */
    background: #fee9e8;
    background-image: none !important;
}

.error-infobtm {
    background: #fff;
    padding: 14px 15px;
    font-size: 0.8125rem;
    color: #303030;
}

.error-info {
    border-radius: 0.75rem;
    box-shadow: 0 0.1875rem 0.0625rem -0.0625rem #00000012;
    background: #fff;
    margin: 0 0 17px 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ddd;
    /* outline: 2px solid #005bd3; */
}

.error-infotop {
    background: #e51c00;
    padding: 0.75rem 15px;
    font-size: 0.8125rem;
    color: #fff;
}

.error-infotop span {
    padding-left: 5px;
    font-weight: 600;
}

.error-infotop img {
    max-height: 15px;
}

.subtitle-form {
    display: block;
    padding-left: 30px;
    font-size: 0.75rem;
    color: #616161;
    font-weight: normal;
}

/*** 19-9-23 added css start ***/
.customer-amount-order .form-label {
    display: block;
    font-size: 0.75rem;
    font-weight: 500;
    color: #616161;
}

.price-amount {
    border-right: 1px solid #ebebeb;
}

.c-orders {
    padding-left: 15px;
}

.order-plced-info {
    border: 1px solid #ebebeb;
    border-radius: 0.5rem;
}

.order-info-total {
    padding: 12px;
}

.place-order-tbl table {
    width: 100%;
}

.place-order-tbl table td {
    border-top: 1px solid #ebebeb;
    padding: 12px !important;
}

.productsinfo .badge {
    max-width: 60px;
}

.productsinfo .table-badge {
    max-width: fit-content !important;
}

.order-date-time-info {
    font-size: 0.8125rem;
    margin: 5px 0 0 0;
    color: #616161;
}

.productsinfo .badge {
    max-width: 60px;
    margin: 3px 0 0 0;
    font-weight: 400;
}

.order-btns {
    padding: 12px 0;
}

.order-info-right.table-price {
    font-size: 0.8125rem;
    font-weight: 600;
}

.order-btns li {
    display: inline;
    margin: 0 5px;
}

.order-btns li:last-child {
    margin-right: 0;
}

.order-btns li .btn {
    padding: 5px 10px;
}

.outline-btn-shadow {
    box-shadow: inset 0 -0.0625rem 0 #b5b5b5, inset -0.0625rem 0 0 #e3e3e3, inset 0.0625rem 0 0 #e3e3e3, inset 0 0.0625rem 0 #e3e3e3;
}

.outline-btn-shadow:hover {
    background: #fafafa !important;
}

.customer-info-edit .togglemenu i {
    color: #8a8a8a;
    font-size: 16px;
}

.order-btns ul {
    padding: 0;
    margin: 0;
}

.togglemenu.main-btn {
    box-shadow: none;
    padding-top: 2px;
    padding-bottom: 2px;
}

.togglemenu.main-btn:hover {
    background: #f3f3f3;
}

.togglemenu.main-btn:hover i {
    color: #303030;
}

.common-form {
    font-size: 0.8125rem;
}

span.c-number {
    display: block;
    margin: 2px 0 0 0;
}

.badge-icon a {
    color: #4a4a4a;
    vertical-align: middle;
    height: 18px;
    width: 18px;
    border-radius: 5px;
    line-height: 18px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.badge-icon a:hover {
    background: #d4d4d4;
    color: #1a1a1a;
}

.badge-icon {
    position: relative;
    padding: 3px 21px 3px 7px;
    text-transform: uppercase;
    font-weight: 400;
    color: #303030;
}

.badge-c {
    margin-top: 7px;
}

.copy-mail a>img {
    max-width: 13px;
}

.copy-mail {
    width: 20px;
}

:root {
    --vz-body-color: #303030;
    --vz-link-color: #005bd3;
    --vz-link-hover-color: #004299;
    --vz-danger: #e51c00 !important;
    --vz-heading-color: #303030;
}

.card-body {
    color: #303030;
}

.amount-order-info {
    font-size: 14px;
    font-weight: 600;
}

.togglemenu.main-btn i {
    color: #8a8a8a;
}

/* .tooltip-inner{background: #fff; border:1px solid #e5e5e5; color:#303030; border-radius: 0.5rem;}
.tooltip.top .tooltip-arrow {
	border-top-color:red !important;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before {
    border-top-color: red  !important;
  } */

/*** 19-9-23 added css end ***/
/*** 20-9-23 added css start ***/
.btn-loader {
    height: 30px;
    width: 100px;
}

.dashboard-col.col-active {
    background: #f1f1f1;
    border-radius: 10px;
    padding: 10px 17px;
}

.dashboard-col .btn-loader {
    width: 80%;
}

.col.dashboard-col:last-child {
    padding-right: 50px;
}

.col.dashboard-col i {
    color: #a8a8a8;
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 0px;
}

.textarea-loader {
    height: 205px;
}

.profile-timeline .accordion-item:before {
    border-left: 0.125rem solid #e3e3e3;
    left: 34px;
    top: 10px;
}

.customer-timeline {
    width: 100%;
    margin: 35px auto 0;
}

.td-store-logo img{
    max-height: 20px;
}

.timeline-dots {
    border-radius: 0.25rem;
    height: 16px;
    border: 5px solid #e3e3e3;
    padding: 3px;
    position: relative;
    margin-left: 19px;
}

.timeline-dots span {
    background: #4a4a4a;
    height: 8px;
    width: 8px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
    position: absolute;
    left: -1px;
    right: 0;
    top: -1px;
    bottom: 0;
}

.timeline-top .avatar-title {
    background: #B5B5B5;
    color: #fff;
    border-radius: 7px;
    height: 37px;
    width: 37px;
    font-size: 16px;
    font-weight: 300;
}

.timeline-top input[type="text"] {
    border: 0;
    margin-left: 10px;
    outline: 0;
}

.timeline-top {
    padding: 15px;
}

.timeline-bottom {
    padding: 8px 13px;
    background: #f7f7f7;
}

.customer-timeline .card-body {
    overflow: hidden;
}

.timeline-tools ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

.timeline-tools li {
    display: inline;
    margin: 0 10px 0 0;
}

.timeline-tools ul li>a {
    color: #8a8a8a;
    font-size: 16px;
}

.btn.disabled {
    background: #ebebeb;
    box-shadow: none;
    border: 0;
}

.timeline-btn .btn {
    padding: 6px 12px;
}

.timeline-btn .btn {
    padding: 6px 12px;
    background: #fff;
}

.timeline-btn .btn.disabled {
    background: #ebebeb;
    color: rgba(0, 0, 0, 0.6);
}

.customer-timeline .card {
    margin: 0 0 3px 0;
}

p.c-comments {
    font-size: 12px;
    text-align: right;
}

.timeline-tools .la-smile-beam {
    font-size: 17px;
}

span.timeline-date {
    font-size: 12px;
    margin: 0 0 15px 58px;
    color: #616161;
    display: inline-block;
}

.timeline-tools ul li>a i {
    display: inline-block;
    vertical-align: middle;
}

/*** 20-9-23 added css end ***/
/*** 21-9-23 added css start ***/
.hamburger-icon.open span:nth-child(1) {
    left: 6px;
    top: 5px;
    width: 15px;
    transform: rotate(90deg);
}

.hamburger-icon.open span:nth-child(2) {
    left: 1px;
    top: 5px;
    width: 15px;
    transform: rotate(90deg);
}

.hamburger-icon.open span:nth-child(3) {
    left: -4px;
    top: 5px;
    width: 15px;
    transform: rotate(-90deg);
    transition-delay: .1s;
}

.filtersearch .main-btn {}

.filtersearch .main-btn i {
    color: #4a4a4a;
    font-size: 16px;
}

ul.alert-icon a i {
    font-size: 15px;
}

ul.alert-icon a i.ri-filter-3-line {
    font-size: 20px;
}

ul.alert-icon {
    margin: 10px 0 0 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.notification-info {
    font-size: 12px;
    color: #303030;
    position: relative;
}

.notification-markas-read .notification-info:before {
    content: "";
    position: absolute;
    left: -19px;
    top: 4px;
    background: #005bd3;
    border-radius: .1875rem;
    height: 0.5rem;
    width: 0.5rem;
}

.alert-heading-main {
    padding: 0 12px;
}

.notification-msg-icon .form-check-input {
    border-radius: 20px;
    height: 16px;
    width: 16px;
    background: transparent;
    border: 2px solid #303030;
}

.notification-msg-icon {
    opacity: 0;
}

a.notification-links:hover .notification-msg-icon {
    opacity: 1;
}

.notification-msg-icon .form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23303' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.notification-listing {
    height: 80vh;
    overflow: auto;
}

.success-info .error-infotop {
    background: #29845a;
}

.success-info svg {
    fill: #fff;
    width: 20px;
}

.topbar-user .dropdown-menu {
    top: 14px !important;
    width: 200px;
    box-shadow: 0 0.25rem 0.375rem -0.125rem #0003;
    border-radius: 0.75rem;
    border: 1px solid #e4e4e4;
    padding: 10px 5px;
}

.topbar-user .dropdown-menu .dropdown-item {
    font-size: 0.8125rem !important;
    border-radius: 0.5rem;
    padding-left: 5px !important;
}

.topbar-user .dropdown-menu .dropdown-item:hover {
    background: #F1F1F1;
}

.topbar-user .dropdown-menu .dropdown-item.active,
.topbar-user .dropdown-menu .dropdown-item:active,
.topbar-user .dropdown-menu .dropdown-item:focus {
    background-color: #F1F1F1;
}

/*** 21-9-23 added css end ***/
/*** 22-9-23 added css start ***/
.filteroptions .dropdown {
    position: static;
}

.filter-listing {
    flex-wrap: nowrap !important;
}

.form-icon i {
    top: 9px;
    bottom: auto;
}

.no-records-inner h3 {
    font-weight: 600;
    font-size: 14px;
}

.no-records-inner p {
    font-size: 12px;
    line-height: 16px;
}

a.no-records-link {
    font-size: 12px;
    text-decoration: underline !important;
}

.no-records-found-main {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
}

.filepond--root .filepond--drop-label {
    min-height: 7.4em !important;
}

/*** 22-9-23 added css end ***/
/*** 25-9-23 added css start ***/
span.icon-right i {
    left: auto;
    right: 10px !important;
    top: 5px;
    color: #8a8a8a;
    font-size: 16px;
}

.more-spacing .form-title {
    margin-bottom: 15px;
}

label.form-label .badge {
    color: #616161 !important;
    font-weight: 500 !important;
    font-size: 12px !important;
}

span.countrylist-codeno.text-muted {
    color: #303030 !important;
    font-size: 13px;
}

.datetime-picker .btn {
    padding: 7px 10px 5px;
}

.dropdown-menu {
    padding: 10px 5px;
}

.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #303030;
}

.dashboards-option .choices__inner {
    border-radius: 0.5rem;
}

.dashboards-option .choices__inner {
    border-radius: 0.5rem !important;
    min-height: 32px;
    border: 1px solid #898F94 !important;
}

.dash-inner-right li {
    display: inline-block;
    list-style: none;
}

.dashboard-inner {
    font-size: 15px;
    color: #303030;
}

.dashboard-inner .card-header {
    padding: 20px;
    border-bottom: 1px solid #e9ebec;
}

.dashboard-inner li {
    list-style: none;
}

.dash-inner-right li {
    display: flex;
    justify-content: space-between;
    text-align: right;
}

.dash-inner-content {
    padding: 20px;
}

.dash-inner-right li span {
    margin-right: 10px;
}

.dashboard-inner .card {
    height: calc(100% - 18px);
}

.dash-inner-content table td {
    font-size: 14px;
    color: #303030;
    padding: 15px !important;
}

.dash-inner-content .table-responsive {
    border: 1px solid #e9ebec;
    border-radius: 5px;
}

.dash-inner-content table tr:last-child {
    border-bottom: transparent;
}

.bg-primary {
    background-color: #303030 !important;
}

.no-result-found i {
    color: #e51c00;
    font-size: 20px;
}

.dash-icons-content {
    border-left: 1px solid #e9ebec;
    padding: 20px 30px;
}

.dash-icons-content:first-child {
    border-left: 0;
}

.dash-icons-content .avatar-title,
.dashboard-inner .avatar-title {
    background-color: #FDFDF2 !important;
    color: #303030 !important;
}

/*** 25-9-23 added css end ***/
/*** 26-9-23 added css start ***/
.accordion {
    --vz-accordion-color: #303030;
    --vz-accordion-active-bg: #f1f1f1;
}

.accordion-button:not(.collapsed) {
    color: #303030;
}

.accordion-button:not(.collapsed):after {
    background-image: var(--vz-accordion-btn-icon);
}

.accordion .accordion-body {
    color: #303030;
    font-size: 0.875rem;
}

.youtube-info>img {
    max-width: 120px;
    margin-right: 20px;
}

.text-danger {
    color: #e51c00 !important;
}

.alert-table .table>thead {
    background: transparent;
}

.alert-table.table-responsive {
    border: 0;
    border-radius: 0;
}

.alert-table .table>:not(caption)>*>* {
    background-color: transparent !important;
    border-top: 0;
}

.alert-table .table-nowrap th,
.alert-table .table-nowrap td {
    white-space: normal;
    text-align: center !important;
}

.alert-table table th {
    font-size: 15px;
    font-weight: 600;
}

.alert-table table th:first-child {
    width: 20%;
}

.dash-inner-content .alert-table table tr:last-child {
    border-bottom: 1px solid #e9ebec;
}

.dash-inner-content table td:last-child {
    text-align: right !important;
}

.dash-icons-content h4 {
    text-transform: capitalize;
}

/*** 26-9-23 added css end ***/
/*** 27-9-23 added css start ***/
.payment-options-forms {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
}

.page-content .payment-options-forms .payments-types-main {
    padding-top: 0;
    /* width: 33.33%; */
}

.page-content .payment-options-forms .payment-name {
    word-break: unset;
}

.page-content .payment-options-forms .payments-types {
    height: 100%;
    width: calc(100% - 20px);
}

label.form-label a i.la-info-circle {
    display: inline-block;
}

/*** 29-9-23 added css start ***/
.timeline-content-main .badge {
    color: #303030;
    font-size: 13px;
}

form p.c-address {
    font-size: 13px;
    line-height: 20px;
    color: #303030;
}

.timeline-top-main:before {
    border-left: 0.125rem solid #e3e3e3;
    position: absolute;
    bottom: -74px;
    left: 34px;
    content: "";
    width: 2px;
    height: 74px;
}

/*** 3-10-23 added css start ***/
a.filter-search {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 6px;
}

.filtersearch .main-btn>img {
    max-width: 36px;
}

a.table-sorting {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 6px;
}

a.table-sorting>img {
    max-width: 14px;
}

#page-header-user-dropdown .userimg {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    color: #095346;
    font-weight: 400;
}

.filteroptions .dropdown-menu .dropdown-item .form-check-input {
    margin-top: 1px;
}

.table-sorting-main .dropdown-menu .dropdown-item:hover {
    background: transparent !important;
}

.table-sorting-main .dropdown-menu {
    padding: 5px 0;
}

.table-sorting-main .dropdown-menu .dropdown-item,
.dropdown-menu .dropdown-item.form-check {
    padding-left: 18px !important;
}

.table-sorting-main .dropdown-menu .dropdown-item {
    margin: 0 15px;
    width: calc(100% - 30px);
}

.table-sorting.dropdown-toggle:after {
    content: none;
}

span.sortby-head {
    font-size: 13px;
    color: #303030;
    padding: 5px 13px;
}

.table-sorting-main .dropdown-menu {
    max-height: 210px;
    overflow: auto;
}

.sort-order {
    border-top: 1px solid #EBEBEB;
    padding: 10px 5px;
}

.sort-order ul {
    padding: 0;
    margin: 0;
}

.sort-order li {
    font-size: 12px;
    font-weight: 500;
    color: #303030;
    list-style: none;
    border-radius: 0.5rem;
    padding: 5px 10px;
    transition: 0.4s;
    cursor: pointer;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}

.sort-order li:hover,
.sort-order li.active {
    background: #f1f1f1;
}

.sort-order li i {
    font-weight: 500;
    font-size: 15px;
    margin: 0 5px 0 0;
}

.ascending-arrow i {
    transform: rotate(90deg);
}

.descending-arrow i {
    transform: rotate(-90deg);
}

.dropdown-menu {
    box-shadow: 0 0.25rem 0.375rem -0.125rem #0003;
    margin: 0.2rem 0 !important;
    border-radius: 0.75rem;
    border: 1px solid #e5e5e5;
    /* padding: 5px 15px; */
    padding: 5px;
    background: #fff !important;
}

.site-info>span {
    word-break: break-all;
}

.add-filter-main .dropdown-toggle.add-filter-btn:after {
    margin-left: 0;
    padding: 0 2px;
}

ul.filepond--list {
    display: flex;
    flex-direction: row;
}

.filepond--item:first-child {
    width: 50% !important;
}

.filepond--item {
    width: 25% !important;
    display: inline-block !important;
    position: static !important;
    transform: none !important;
}

/*** 4-10-23 added css start ***/
.file-options {
    display: flex;
    justify-content: space-between;
    position: absolute;
    padding: 15px 15px 0;
    width: 100%;
    z-index: 9;
}

.del-file a {
    font-size: 13px;
    color: #5f1507;
}

.del-file a:hover {
    text-decoration: underline;
}

.fw-medium {
    font-weight: 500 !important;
}

.single-file-upload button.filepond--file-action-button.filepond--action-remove-item {
    left: auto !important;
    right: -60px;
}

/*** file upload css start ***/
.btn_upload {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    padding: 8px 15px;
    font-size: 14px !important;
    color: #202223 !important;
    font-weight: 500;
    border-radius: 8px;
    height: auto;
    cursor: pointer;
    margin-right: 5px;
}

.yes {
    display: flex;
    align-items: flex-start;
    margin-top: 10px !important;
}

.btn_upload input {
    cursor: pointer;
    height: 100%;
    position: absolute;
    filter: alpha(opacity=1);
    -moz-opacity: 0;
    opacity: 0;
}

.it {
    height: 100px;
    margin: 0 15px 0 0;
}

.btn-rmv1,
.btn-rmv2,
.btn-rmv3,
.btn-rmv4,
.btn-rmv5 {
    display: none;
}

.rmv {
    display: inline-block;
    position: relative;
    padding: 8px 15px;
    font-size: 14px !important;
    color: #202223 !important;
    font-weight: 500;
    border-radius: 8px;
    height: auto;
    cursor: pointer;
}

.single-file-upload .yes>img {
    border-radius: 10px;
}

/*** file upload css end ***/
.filepond--file-action-button.filepond--file-action-button {
    width: auto !important;
    height: auto !important;
}

.filepond--file-action-button {
    border-radius: 0 !important;
    background-color: transparent !important;
}

.filepond--file-action-button:focus,
.filepond--file-action-button:hover {
    box-shadow: none !important;
}

#previewContainer {
    display: flex;
    flex-wrap: wrap;
}

.preview-image {
    max-width: 150px;
    max-height: 150px;
    margin: 10px;
}

/*** 4-10-23 added css end ***/
/*** 5-10-23 added css start ***/
.order-dropdown .dropdown-menu {
    padding: 10px 0;
    width: 100%;
}

.order-dropdown .dropdown-menu ul li {
    color: #303030;
    font-size: 13px;
    margin: 0 8px;
}

.dropdown-menu ul li {
    color: #554F30;
    font-weight: 400;
    font-size: 0.8rem;
    list-style: none;
    padding: 6px 8px;
    margin-bottom: 5px;
    border-radius: 10px;
    transition: 0.4s;
    cursor: pointer;
}

.dropdown-menu ul li:hover {
    background: #f1f1f1;
}

.dropdown-menu ul {
    padding: 0;
    margin: 0;
}

.dropdown-btn a {
    font-size: 13px;
    color: #303030;
    background: #ebebeb;
    border-radius: 10px;
    padding: 6px;
    width: 100%;
    display: inherit;
    padding-left: 33px;
}

.dropdown-btn i {
    line-height: normal;
    margin-top: -1px;
}

li.dropdown-btn:hover {
    background: transparent !important;
}

li.dropdown-btn {
    border-bottom: 1px solid #ebebeb;
    border-radius: 0 !important;
    padding: 0 8px 8px !important;
    margin: 0 0 10px 0 !important;
}

.search-prdt-browse .address-field {
    width: calc(100% - 74px);
}

.search-prdt-browse {
    display: flex;
    justify-content: space-between;
}

.search-prdt-browse .main-btn {
    font-size: 13px;
    color: #303030;
    font-weight: 500;
    padding: 6px 12px !important;
    height: auto;
    margin-left: 5px;
}

.table-borderless th {
    background: transparent !important;
    border: 0 !important;
    font-weight: 600;
    color: #303030;
    font-size: 13px;
}

.table-borderless td {
    padding: 7px !important;
}

table.table-borderless>thead {
    border-color: transparent !important;
    background: transparent !important;
    border: 0 !important;
}

.table-borderless .productsinfo a h3,
.order-price {
    font-size: 13px;
    font-weight: 400 !important;
    color: #007FE0 !important;
}

.table-borderless .productsinfo a:hover h3,
.order-price:hover {
    color: #004299 !important;
    text-decoration: underline !important;
}

.page-content .table-borderless .productsinfo {
    padding-left: 12px;
}

a.order-price {
    margin: 2px 0 0 0;
}

.deleted-btns {
    color: #303030;
    height: 28px;
    width: 28px;
    display: inline-block;
    text-align: center;
    line-height: 28px;
    border-radius: 5px;
}

.deleted-btns:hover {
    color: #303030;
    background: #f2f2f2;
}

.products-search-items {
    margin: 0 -15px;
}

.table-borderless td {
    border-bottom: 1px solid #ebebeb;
}

.products-search-items table td:first-child {
    width: 59%;
}

.payment-tbl .place-order-tbl table td {
    border-top: 0;
}

.payment-tbl .place-order-tbl table td a:hover {
    text-decoration: underline !important;
}

.payment-tbl .place-order-tbl table td:first-child {
    width: 30%;
}

.payment-due {
    padding: 12px;
}

.payment-due .form-check-label {
    margin-bottom: 0
}

.order-btns .dropdown-menu li {
    display: inherit;
    margin: 0;
}

.order-btns .dropdown-menu {
    padding: 5px;
}

.order-btns .dropdown-toggle:after {
    content: none;
}

.order-btns .dropdown-menu {
    left: 5px !important;
    padding: 5px;
    min-width: 130px;
}

.order-btns .dropdown-toggle {
    padding-top: 5px;
    padding-bottom: 0px;
}

.togglemenu.main-btn a {
    color: #303030;
}

.btn-primary.disabled {
    background: #0000002b;
}

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

.modal-content {
    border-radius: 1rem;
    border: 0;
}

.modal-body {
    padding: 15px;
    min-height: 270px;
    overflow: auto;
}

#all-product-popup #dropdownfilter>img {
    max-width: 14px;
    margin-right: 6px;
}

#all-product-popup #browse-prdct-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#all-product-popup .productsinfo h3 {
    font-weight: 400;
    font-size: 13px;
    margin: 0;
}

.page-content #all-product-popup .productsinfo {
    padding-left: 10px;
}

.page-content #all-product-popup .productsimg {
    margin-left: 12px;
}

.search-prdct-main {
    margin: 0 -15px;
    height: 65vh;
}

.search-prdcts {
    padding: 8px 12px;
    border-top: 1px solid #EBEBEB;
    margin: 13px 0 0 0;
    transition: 0.4s;
    cursor: pointer;
}

.search-prdcts:hover {
    background: #fafafa;
}

.search-prdcts-inner {
    padding-left: 40px;
    margin: 0;
}

.search-prdcts:last-child {
    padding-bottom: 10px;
}

.search-prdct-info {
    flex-wrap: wrap;
}

.item-already-added {
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    color: #332e00;
    padding-left: 25px;
}

.item-already-added>img {
    max-width: 13px;
}

.page-content #all-product-popup .items-not-available .productsinfo h3,
#all-product-popup .items-not-available .all-prdct-price {
    color: #b5b5b5 !important;
}

.search-prdcts.search-prdcts-inner.items-not-available {
    background: #F7F7F7;
    cursor: default;
}

/*** 5-10-23 added css end ***/
/*** 6-10-23 added css start ***/
a#dropdownfilter:after {
    content: none;
}

#all-product-popup .dropdown-menu .dropdown-item:hover {
    background: transparent !important;
}

#all-product-popup .dropdown-menu {
    max-width: 120px !important;
    min-width: 120px;
    /* left: 0 !important; */
}

.modal-title i:before {
    transform: rotate(150deg);
    position: relative;
    transform: rotate(47deg);
    font-size: 16px;
    top: 0px;
    margin-right: 10px;
    color: #A4A4A4;
}

.modal-title i:before:hover {
    color: #303030;
}

.products-search-items {
    overflow-x: auto;
}

.dropdown-menu select {
    background: transparent;
    border: 0;
    appearance: none;
    padding: 6px 8px !important;
    border-radius: 10px;
    width: 100%;
}

.table-loader img {
    width: 100%;
}

/*** 6-10-23 added css end ***/
/*** 11-10-23 added css start ***/
.payment-img>img {
    max-width: 35px;
}

/*** 11-10-23 added css end ***/
/* .filepond--list.filepond--list {
    top: 90px !important;
}
.filepond--drop-label {
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto;
} */
/*** new design css start 9-11-23 ***/
.auth-page-wrapper {
    height: 100vh;
}

.auth-page-wrapper .auth-page-content {
    padding-bottom: 0;
}

.login-left {
    background: #fff;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 50px;
    flex-direction: column;
}

.login-right {
    background: url(../images/login-logo-light.svg) no-repeat right bottom;
    background-size: contain;
}

.login-inner {
    padding: 40px 20px;
    display: flex;
    align-items: center;
    height: calc(100vh - 30px);
    justify-content: center;
    width: 50%;
    margin: 0 auto;
    max-width: 500px;
}

.login-form {
    width: 100%;
}

.login-logo>img {
    max-width: 300px;
    width: 100%;
}

.signin-text {
    font-size: 17px;
    color: #303030;
    margin: 50px 0 0 0;
}

.signin-text span {
    display: block;
    color: #009444;
    font-weight: bold;
}

#frmLogin .btn:focus,
#frmLogin .btn:active {
    box-shadow: none !important;
}

.login-footer {
    color: #303030;
    padding-bottom: 10px;
}

.login-form>h5 {
    color: #303030;
    margin-bottom: 20px;
}

.auth-page-content a {
    color: #303030;
}

.auth-page-content a:hover {
    opacity: 0.7;
}

/*** dashboard css start ***/
.bo-dash-main .card-body {
    /* background: #303030; */
    padding: 16px 20px;
    border: 0;
    box-shadow: none;
}

.card.dashboard-info-main {
    margin-bottom: 15px;
}

.dashboard-info {
    color: #303030;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dashboard-info .btn {
    flex-shrink: 0;
    margin-left: 10px;
}

/*** store page css ***/
.store-disabled {
    filter: blur(3px);
}

.choose-site-main {
    position: relative;
}

.choose-site-main1:before {
    content: "Coming Soon";
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 9;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    height: calc(100% - 21px);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E5E7E7;
    border-radius: 12px;
    width: calc(100% - 27%);
    color: #303030;
}

.create-store-main {
    padding-top: 30px;
}

.swal2-icon.swal2-warning {
    border-color: #F8BB86;
    color: #F8BB86;
}

/*** 10-11-23 added css start ***/
.site-block .btn .bx-edit {
    font-size: 15px;
    vertical-align: middle;
}

.site-block .btn {
    padding: 5px 8px;
    margin-left: 3px;
}

.site-logo {
    border-radius: 12px;
    background: #D7F9EF;
    text-align: center;
    padding: 20px;
    margin-right: 15px;
}

.site-logo>img {
    max-width: 50px;
}

.site-logo-info {
    display: flex;
    align-items: center;
    margin: 10px 0 20px 0;
}

.site-logo-info span {
    font-size: 17px;
    font-weight: 600;
}

.store-progress .progress-bar {
    background-color: #0BB783;
}

.store-progress .progress {
    height: 8px;
    background-color: #D7F9EF;
}

.store-progress {
    margin: 0px 0 30px 0;
    height: 30% !important;
}

.info-card {
    border-radius: 12px;
    background: #D7F9EF;
    padding: 10px;
    display: flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
}

.store-funnels .info-card {
    background: #F3F6F9;
}

.site-block .edit-main {
    margin: -15px -15px 0 0;
}

.support-img>img {
    max-width: 280px;
    width: 100%;
}

.modal-content ul {
    padding: 0;
    margin: 0;
}

.modal-content li {
    list-style: none;
}

.modal-content p {
    font-weight: normal;
}

/*** 22-11-23 added css start ***/
.template-main .site-block .edit-main {
    position: absolute;
    right: 0;
    top: 15px;
    right: 15px;
    margin: 0;
}

.page-content .template-main .site-img {
    padding-bottom: 75px;
}

.page-content .template-main .site-info-btm {
    background: rgba(255, 255, 255, 0.9) !important;
}

.page-content .template-main .site-info>h4 {
    min-height: 32px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left;
}

/* .vertical-sidebar-close .setting-menu {
    left: -100%;
}
.vertical-sidebar-enable .setting-menu {
    left: 0;
} */
/* #preloader span.progress {
    background: #1A1A1A;
}
#preloader span.bar {
    background: #fff;
} */
#preloader .progress.animated-progress {
    background: #fff;
    height: 3px;
    border-radius: 0;
}

.animated-progress .progress-bar {
    border-radius: 0;
    background: #303030;
}

.template-main .site-block {
    max-height: 520px;
}

.login-right .form-control {
    height: 40px;
}

.login-right .btn {
    height: 44px;
    line-height: 34px;
}

.emailicon {
    position: absolute;
    right: 10px;
    top: 31px;
}

.login-right input[type="email"] {
    padding-right: 40px;
}

.login-right button#password-addon {
    padding: 0 10px;
    line-height: normal;
    height: 39px;
    color: #303030 !important;
    font: 13px;
}

/*** 23-11-23 added css start ***/
.dashboard-inner .common-cards {
    cursor: pointer;
}

ul.dash-popup-lisitng li {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ddd;
    padding: 10px 20px 10px 10px;
}

ul.dash-popup-lisitng li span {
    padding-left: 20px;
}

.badge-product {
    font-size: 12px !important;
    color: #0c5132 !important;
    border-radius: 0.5rem;
    margin-left: 5px;
    padding: .35em !important;
    font-weight: bold !important;
}

.badge-active {
    background: #cdfee1;
}

.prdctimg {
    border: 2px solid #ebebeb;
    border-radius: 0.5rem;
    transition: 0.4s;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    padding: 0 20px;
    margin: 10px 0 0 10px;
    flex: 0 0 50%;
    max-width: calc(50% - 5px);
}

.prdctimg>img {
    max-height: 290px;
}

.prdctimg:nth-child(odd) {
    margin-left: 0;
}

.prdctimg:after {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #00000080;
    content: none;
}

.prdctimg:hover:after {
    content: "";
}

.prdct-details-table th:first-child,
.prdct-details-table td:first-child {
    padding-left: 0 !important;
}

/*** 24-11-23 added css start ***/
.prdct-details-table table tr:first-child td {
    border: 0;
}

.country-region {
    border-top: 1px solid #ebebeb;
    padding-top: 20px;
}

.formp-color {
    color: #616161;
}

.publishing-menu .togglemenu svg {
    width: 20px;
}

.purchase-dropdown {
    padding-right: 10px;
}

.purchase-dropdown svg {
    position: absolute;
    right: -10px;
    top: -1px;
    width: 20px;
}

.purchase-dropdown svg path {
    fill: #004299;
}

.sales-channels ul li.success-dots:before {
    background: #29845a;
    border-color: #29845a;
}

.collections-tag ul {
    padding: 0;
}

.collections-tag li {
    display: inline;
}

.collections-tag .badge-product {
    color: #006a68;
    background: #eaf4ff;
    box-shadow: inset 0 0 0 .0625rem #a8d8ff;
    font-weight: normal !important;
    margin: 0;
}

a.learnmore svg {
    width: 18px;
}

a.learnmore {
    display: flex;
    align-items: center;
    margin: -2px 0 0 5px;
    border: 1px solid transparent;
    border-radius: 40px;
    padding: 0 3px 0 2px;
}

a.learnmore span {
    opacity: 0;
    font-size: 11px;
    color: #616161;
}

a.learnmore:hover {
    border: 1px solid #ebebeb;
}

a.learnmore:hover span {
    opacity: 1;
}

.publishing-popup-lisitng li {
    list-style: inside;
    margin-bottom: 5px;
}

.with-dots-border .table-borderless th span {
    position: relative;
}

.with-dots-border .table-borderless th span:after {
    content: "";
    border-bottom: 2px dotted #ebebeb !important;
    position: absolute;
    top: calc(100% - -1px);
    left: 0;
    height: 1px;
    width: 100%;
}

.pforms-btns li {
    display: inline;
    padding: 0 2px;
}

#share-popup .modal-body {
    height: auto;
}

ul.pforms-btns i {
    font-size: 20px;
    vertical-align: middle;
}

.pbtn-nxt-prev {
    display: flex;
}

.pbtn-nxt-prev .btn {
    padding-left: 2px;
    padding-right: 2px;
}

.pbtn-nxt-prev .btn:first-child {
    border-radius: 0.5rem 0 0 0.5rem;
}

.pbtn-nxt-prev .btn:last-child {
    border-radius: 0 0.5rem 0.5rem 0;
}

.form-top {
    margin-bottom: 25px;
}

.pforms-btns .choices__inner {
    display: none;
}

.pforms-btns .choices[data-type*=select-one]:after {
    content: none;
}

ul.pforms-btns {
    padding: 0;
    margin: 0;
}

ul.pforms-btns .choices__input.choices__input--cloned {
    background: url(../images/search.png) no-repeat 10px center;
    background-size: 15px;
    padding-left: 30px !important;
}

.prdct-details-table {
    border-top: 1px solid #ebebeb;
    padding-top: 10px;
}

.customertable td b {
    text-transform: capitalize;
}

.customertable td span {
    display: block;
}

label.tabbedTable-label--active {
    background: #0076c8;
}

.tabbedTable {
    width: 100%;
    margin: 0 0 20px 0;
}

/*** 27-11-23 added css start ***/
.dotted-line {
    border-bottom: 1px dotted #000;
    padding-bottom: 5px;
}

.order-img>img {
    max-width: 65px;
}

.c-info p {
    margin: 0;
}

.c-info label {
    text-transform: capitalize;
    margin: 0;
    font-weight: normal;
}

.customer-details-head {
    border-bottom: 1px solid #E3E3E3;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.customers-info .common-cards {
    min-height: 130px;
    display: flex;
}

.customer-details .order-code {
    text-transform: uppercase;
}

.history-main {
    padding-right: 0;
    padding-left: 20px;
}

.history-main .card {
    height: 513px;
}

.customertable-main td {
    text-transform: capitalize;
}

.actionbtn .btn>span {
    padding: 0 5px;
}

.customer-details-head>h2 {
    padding-right: 5px;
}

.heading-rght .btn {
    margin: 2px;
    display: flex;
    align-items: center;
}

.heading-rght .btn i {
    margin-right: 3px;
}

.visa-info a {
    min-width: 60px;
    display: inline-block;
    vertical-align: middle;
}

.item-summary {
    margin: 0 -15px;
}

.order-status {
    text-transform: capitalize;
}

.item-summary table th,
.item-summary table td {
    text-transform: capitalize;
}

/*** 28-11-23 added css start ***/
.item-summary-info {
    padding: 0 20px 0;
}

.item-summary-info label {
    text-transform: capitalize;
    margin: 0;
    font-weight: bold;
}

.summaryleft p {
    margin-bottom: 0;
}

.summaryrght p {
    margin-bottom: 5px;
}

.summaryrght label {
    width: 100px;
}

.customertable td,
.customertable th {
    text-transform: capitalize;
}

.order-details-info p {
    margin-bottom: 5px;
    color: #C8D1DF;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}

.order-details-info label {
    margin-bottom: 0;
    font-weight: bold;
    color: #303030;
    flex: 0 0 50%;
    max-width: 50%;
}

.order-details-info span {
    flex: 0 0 50%;
    max-width: 50%;
}

.order-details-info {
    padding: 0 20px;
}

.details-action {
    margin-top: 50px;
}

.details-action h5 {
    border-bottom: 1px solid #E3E3E3;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.details-action li {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.details-action li .btn {
    min-width: 120px
}

.historytable td:first-child {
    width: 200px;
}

.drawflow-node.selected .node-wrapper.has-ab-variation-wrapper .single-node .node-control-button {
    visibility: hidden !important;
    opacity: 0;
    transition: none;
}

.drawflow-node.selected .single-node.ab-selected .node-control-button {
    visibility: visible !important;
    opacity: 1;
}

/* .node-wrapper.has-ab-variation-wrapper {
    border: 1px dashed #7A8B9A;
    padding: 45px;
    width: 100%;
    border-radius: 5px;
    background: #fff;
} */

.drawflow_content_node .has-ab-variation {
    width: 250px;
}

/* .drawflow .drawflow-node .ab-enabled {
    width: 250px;
} */

.ab-testing-header {
    position: absolute;
    top: 1px;
    width: calc(100% - 2px);
    left: 1px;
    background: #f2f2f2;
    padding: 6px 10px;
    border-bottom: 1px solid #f2f2f2;
    border-radius: 10px 10px 0 0;
    display: none;
}

.ab-testing-header {
    display: block;
}

.ab-testing-header i.mdi.mdi-call-split {
    border: 1px solid #303030;
    border-radius: 30px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    color: #303030;
}

.ab-testing-header a {
    color: #303030;
    font-size: 14px;
    margin: 0 3px;
}

.ab-testing-header a:hover {
    color: #004299;
}

.single-node.ab-selected {
    position: relative;
}

.form-roles table th {
    display: flex;
}

.form-roles table th label {
    margin: 0;
}

.form-roles .form-check .form-check-label {
    padding-left: 7px;
}

/*** 29-11-23 added css start ***/
.customer-tggle {
    padding: 0;
}

.customer-tggle>svg {
    width: 20px;
    transform: rotate(90deg);
}

.f-analysis i {
    color: #A0A0A0;
    font-size: 17px;
}
.details-action ul {
    padding: 0;
    margin: 0;
}
.details-action ul .btn{
    text-transform: capitalize;
}
.customer-info-toggle span.table-badge:before {
    content: none;
}
.btn.customer-tggle {
    box-shadow: none !important;
    border: 0 !important;
}
.cstmr-info .badge{
    padding: 7px 5px;
}
.cstmr-info .badge i{
    font-size: 14px;
}
.ordertables table{
    width: 100%;
}
.ordertables {
    padding: 5px;
}
.ordertables .paid-by-cc td{
    border-top: 1px solid #ebebeb;
    padding-top: 10px !important;
}
.ab-enabled {
    padding: 75px 10px 10px;
}
.drawflow .drawflow-node .ab-enabled .node-control-button {
    width: calc(100% + 20px);
    left: -10px;
    display: flex;
}
.drawflow .drawflow-node .ab-enabled .ab-selected .node-control-button {
    display: flex;
    width: calc(100% + 20px);
    left: -10px;
}
.single-node > img {
    max-width: 120px;
}
.modal-body-xxl{
    height: auto !important;
}
.drawflow .drawflow-node {
    background: #fff !important;
}
.select2-container--default .select2-selection--single {
    color: #000 !important;
    font-size: 14px;
    font-family: Arial;
    border: 1px solid #898F94 !important;
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
    padding: 0.05rem 0.9rem !important;
    border-radius: 0.5rem !important;
    height: 32px !important;
    background: #fdfdfd !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}
.select2-container--default .select2-selection--single:hover{
    background: #fafafa url(../images/select-arrow.png) no-repeat right !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
}
.choices[data-type*=select-one]:after{
    content: none;
}
.btn:focus-visible{
    outline:1px solid #005bd3 !important;
    outline-offset: 1px;
    background: #303030;
}
.role-info .form-check-label{
    padding-left: 5px;
    margin: 0;
}
#tblPermissions th {
    display: flex;
}
table#tblPermissions {
    height: calc(100% - 16px);
}
table#tblPermissions .table-responsive {
    padding: 0 8px;
}
/*** timeline css start 12-1-24***/
.timeline-info{
    justify-content: space-between;
    width: 100%;
}
.customer-timeline table th {
    border: 0;
    background: transparent !important;
    font-size: 13px;
    font-weight: 600;
    /* border-bottom: 1px solid #ddd; */
}
.customer-timeline table {
    width: 100%;
}
.customer-timeline table th,.customer-timeline table td{
    font-size: 13px;
    color: #303030;
}
.timeline-info a{
    color: #303030;
}
.customer-timeline table td {
    padding-left: 0.5rem !important;
}
.customer-timeline .timeline-link i{
    font-size: 16px;
    vertical-align: middle;
}
.timeline-info .btn {
    background: #fff;
    border: 0;
}
.timeline-info p {
    margin: 0 0 15px 0;
    line-height: normal;
}
.timeline-info{
    font-size: 0.8125rem;
}
.view-mail-info {
    margin: 10px 0 0 0;
}
.timeline-info dt {
    font-weight: 550;
    margin-bottom: 5px;
}
.timeline-info dt,.timeline-info dd {
    font-size: 13px;
    color: #303030;
}
.timeline-info ul li {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 6px;
    margin-bottom: 6px;
}
.timeline-info ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.timeline-with-info {
    position: relative;
    margin-bottom: 20px;
    border-radius: 0.75rem !important;
}
.timeline-with-info:before {
    border-left: 0.125rem solid #e3e3e3;
    position: absolute;
    top: 25px;
    left: 33px;
    content: "";
    width: 2px;
    height: 100%;
    z-index: -1;
}
.profile-timeline .accordion-item:last-child:before {
    height: 100% !important;
    top: 10px !important;
}
.commentator-info {
    font-size: 13px;
    color: #303030;
    font-weight: 600;
}
.commentator-info span {
    font-size: 12px;
    color: #616161;
    font-weight: 400;
    margin-left: 8px;
}
.commentator-info-main {
    padding:0 25px 0 12px;
}
.close-comments {
    position: absolute;
    right: 15px;
    top: 10px;
}
.close-comments i {
    color: #8A8A8A;
    font-size: 15px;
    font-weight: 500;
}
.timeline-info .collapse {
    width: calc(100% + 52px);
}
/*** timeline css end 12-1-24***/
/*** 17-1-24 added css start ***/
span.refunds-info {
    display: block;
    padding-left: 3px;
}
#cancel-order-popup .btn-danger {
    background: #e51c00;
    border: #e51c00;
    box-shadow: 0 -0.0625rem 0 0.0625rem #8e1f0bcc inset,0 0 0 0.0625rem #b5260bcc inset,0 0.03125rem 0 0.09375rem hsla(0,0%,100%,.349) inset;
}
#cancel-order-popup .btn-danger:hover {
    background: #b5260b !important;
    border: #b5260b !important;
}
#cancel-order-popup .btn-danger:active {
    background: #8e1f0b !important;
    border: #8e1f0b !important;
}
.cancel-order-info > h3 {
    font-size: 13px;
    color: #303030;
    font-weight: 450;
    margin-bottom: 0.25rem
}
span.refunds-info > img {
    max-width: 26px;
    vertical-align: top;
    display: inline-block;
    margin-right: 1px;
}
.cancel-order-info .form-check {
    margin-bottom: 8px;
}
.cancel-order-info {
    margin-bottom: 19px;
}
.cancel-order-info label.form-check-label a {
    text-decoration: underline !important;
}
div#cancel-order-popup .modal-body {
    height: auto;
}
.store-tabs .nav-pills .nav-link {
    border-radius: 0.5rem;
    padding: 0.5rem;
    font-size: 14px;
    color: #303030;
}
.store-tabs a.nav-link.active,.store-tabs .nav-pills .nav-link:hover {
    color: #303030;
    background-color: #00000014;
}
.store-tabs li.nav-item {
    padding: 0 5px;
}
/*** 17-1-24 added css end ***/
th.sorting,table th,table td {
    white-space: nowrap;
}
a.not-allowed{
    cursor: not-allowed;
    color: #ccc !important;
}
.page-content .site-info-box.site-block:hover .edit-main {
    z-index: 9;
}

.text-success {
    color: #419a6f !important;
}

.btnDeleteTag {
    background: #f5f5f5;
    color: #332e00;
}

/*** badges css start ***/

.badge.text-bg-success{
    font-size: 0.75rem;
    border-radius: 0.5rem;
    font-weight: 500;
    color: #616161 !important;
    position: relative;
    line-height: 13px;
    background: #c7ffe1 !important;
    /* padding-left: 20px; */
}

.badge.text-bg-success.text-success{
    color: #009444 !important;
}
/* .badge.text-bg-success:before{
    background: #616161;
    height: 8px;
    width: 8px;
    content: "";
    display: inline-block;
    border-radius: 3px;
    left: 6px;
    position: absolute;
    top: 7px;
} */
.badge.text-bg-warning{
    background: #F8F9D7 !important;
    font-size: 0.75rem;
    border-radius: 0.5rem;
    text-transform: capitalize;
    font-weight: 500;
    color: #616161 !important;
    position: relative;
    line-height: 13px;
}
.badge.text-bg-tags{
    background: #f5f5f5;
    color: #332e00;
    font-size: 0.75rem;
    border-radius: 0.5rem;
    text-transform: capitalize;
    font-weight: 500;
    color: #616161;
    position: relative;
    line-height: 13px;
    border: 1px solid #D7D7D7;
}
.badge.text-bg-danger {
    font-size: 0.75rem;
    border-radius: 0.5rem;
    text-transform: capitalize;
    font-weight: 500;
    position: relative;
    line-height: 13px;
    color: #fff;
}
.badge.bg-danger {
    font-size: 0.75rem;
    border-radius: 0.5rem;
    text-transform: capitalize;
    font-weight: 500;
    position: relative;
    line-height: 13px;
    color: #fff;
}
.badge.bg-danger {
    font-size: 0.75rem;
    border-radius: 0.5rem;
    text-transform: capitalize;
    font-weight: 500;
    position: relative;
    line-height: 13px;
    color: #fff;
}
.badge.bg-light {
    color: #083d25;
    background: #cdfee1 !important;
    font-size: 0.75rem;
    border-radius: 0.5rem;
    text-transform: capitalize;
    font-weight: 500;
    position: relative;
    line-height: 13px;
}
.sales-report table.dataTable tbody th.dt-body-right,
.sales-report table.dataTable thead th.dt-right {
    text-align: right !important;
}
.sales-report table.dataTable tbody th.dt-body-right,
.sales-report table.dataTable thead th.dt-center {
    text-align: center !important;
}
.sales-report table.dataTable tbody th.dt-body-right,
.sales-report table.dataTable tbody td.dt-body-right {
    text-align: right !important;
}
.sales-report table.dataTable tbody th.dt-body-right,
.sales-report table.dataTable tbody td.dt-body-center {
    text-align: center !important;
}
/*** 30-1-24 added css start ***/
.refund-payments .form-check {
    background: #f3f3f3;
    padding: 16px 12px 15px 15px;
    border-radius: .25rem;
    border: 1px solid transparent;
    cursor: pointer;
    position: relative;
}
.refund-payments label.form-check-label {
    text-transform: capitalize;
}
.refund-payments .form-check.payment-active{
    background:#EBEBEB;
    border: 1px solid rgba(26, 26, 26, 1);
}
.radio-btn-main {
    width: 18px;
    display: flex;
    flex: 0 0 auto;
    align-items: stretch;
    width: 1.125rem;
    height: 1.125rem;
    margin-right: 0.2rem;
    float: left;
}
.radiobtn{
    /* position: relative; */
    margin: 0.0625rem;
}
.refund-payments input[type="radio"] {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 20px;
    top: 0;
}

.radio-btn:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    /* transform-origin: 50% 50%; */
    height: 8px;
    width: 8px;
    background-color: rgba(48, 48, 48, 1);
    border-radius: 624.9375rem;
    /* transition: opacity var(--p-motion-duration-100) var(--p-motion-ease-out),transform var(--p-motion-duration-100) var(--p-motion-ease-out); */
    transform: translate(-50%,-50%);
}
span.radio-btn {
    position: relative;
}
.radio-btn:after {
    border-radius: 624.9375rem;
}
.radio-btn:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 4px;
    right: 4px;
    bottom: 4px;
    left: 4px;
    display: block;
    pointer-events: none;
    /* box-shadow: 0 0 0 5px rgba(0, 91, 211, 1); */
    border-radius:.25rem
}
.radio-btn {
    /* top: 0; */
    /* left: 0; */
    display: block;
    width: 16px;
    height: 16px;
    border: solid .04125rem rgba(138, 138, 138, 1);
    border-radius: 624.9375rem;
    background-color: rgba(253, 253, 253, 1);
    /* transition: border-color var(--p-motion-duration-100) var(--p-motion-ease-out); */
    position: relative;
}

.refund-payments .form-check.payment-active .radio-btn:before {
    opacity: 1;
    background-color: white;
}
.refund-payments .form-check.payment-active .radio-btn{
    background-color: rgba(48, 48, 48, 1);
    border-color: rgba(48, 48, 48, 1);
}
.radio-label {
    padding-right: 10px;
}
.payments-icon {
    flex-shrink: 0;
}

.is-default{
    border: 2px solid;
}

.pickr .pcr-button{
    width: 12em !important;
}

#widgets_list{
    transform: translate(-150%);
}
.widgets_list_hide{
    animation: close-animation 1s forwards;
}
.widgets_list_show{
    animation: open-animation 1s forwards;
}
@keyframes open-animation {
    from {
      transform: translateX(-150%);
    }

    to {
      transform: translateX(0);
    }
  }

@keyframes close-animation {
    from {
      transform: translateX(0);
    }

    to {
      transform: translateX(-150%);
    }
  }

.grid-stack .card-header{
 padding: 9px !important;
}

.grid-stack .dash-inner-content{
 padding: 11px !important;
}
.add-on-page {
    padding-bottom: 35px;
    height: 150px;
}

.dataTables_wrapper > .row > .col-sm-12 {
    overflow-x: auto !important;
}

.loader-btn .loading{
    display: none;
}
.loader-btn.disable .loading{
    display: block;
}

.loader-btn.disable .loaded{
    display: none;
}

.disable{
    background-color: grey;
}

/*.analitycs-card .card {
    height: 74px !important;
}*/
.analitycs-card .full-width-div .card{
    height: 431px !important;
}
.analitycs-card .card .table-loader  {
    height: 449px !important;
}

.bg-image-none {
    background: none !important;
}

.cancel-reason-modal-body{
    min-height: 0px !important;
}

.td-store-logo a{
    display: inline-block;
    width: 20px;
    vertical-align: middle;
}

table.dataTable>thead .dt-center.sorting:after,
table.dataTable>thead .dt-center.sorting_asc:after,
table.dataTable>thead .dt-center.sorting_desc:after,
table.dataTable>thead .dt-center.sorting_asc_disabled:after,
table.dataTable>thead .dt-center.sorting_desc_disabled:after {
    right: auto !important;
    left: auto !important;
}

table.dataTable>thead .dt-center.sorting:before,
table.dataTable>thead .dt-center.sorting_asc:before,
table.dataTable>thead .dt-center.sorting_desc:before,
table.dataTable>thead .dt-center.sorting_asc_disabled:before,
table.dataTable>thead .dt-center.sorting_desc_disabled:before {
    right: auto !important;
    left: auto !important;
}

table.dataTable>thead .dt-right.sorting:before,
table.dataTable>thead .dt-right.sorting_asc:before,
table.dataTable>thead .dt-right.sorting_desc:before,
table.dataTable>thead .dt-right.sorting_asc_disabled:before,
table.dataTable>thead .dt-right.sorting_desc_disabled:before {
    right: auto !important;
    left: auto !important;
}

table.dataTable>thead .dt-right.sorting:after,
table.dataTable>thead .dt-right.sorting_asc:after,
table.dataTable>thead .dt-right.sorting_desc:after,
table.dataTable>thead .dt-right.sorting_asc_disabled:after,
table.dataTable>thead .dt-right.sorting_desc_disabled:after {
    right: auto !important;
    left: auto !important;
}

.dashboard-statistics .grid-stack .table-loader{
    padding: 18.5px 0px !important;
}

.analitycs-card .grid-stack .table-loader{
    display: flex;
    align-items: center;
    justify-content: center;
}
#customerDetailsModal .modal-body {
    min-height: 0px;
}

#create-store-form .input-group-text{
    line-height: 0.5 !important;
}

#updatePassword .modal-body{
    min-height: 0px !important;
}

#customer .footer {
    left: 0 !important;
}

/* ===== Toggle-Icon ===== */
.news-drawer-open {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    margin: 0;
}

.news-drawer-open span.icon-btn {
    width: 24px;
    height: 24px;
}

.news-active .dash-wrap {
    width: 70%;
}

.news-active .latest-news {
    width: 30%;
    display: block;
}

.latest-news {
    display: none;
}

.news-drawer-open, .news-drawer-close  {
    cursor: pointer;
}

.news-drawer-close span.icon-btn svg {
    transform: rotate(180deg);
}

#titleModel .modal-body {
    min-height: 0px !important;
}

.order-item-scroll {
    overflow-x: scroll;
}

.text-multiline{
    white-space: break-spaces;
}

.funnel-list-tbl th.sorting.sorting_asc:first-child {
    width: 10px !important;
}

.simplebar-content ul {
    background: #ebebeb;
    list-style-type: unset;
    padding: 0 0 17px 0;
    margin: 0;
}

.content-with-wrap{
    white-space: break-spaces;
}

button.btn-width{
    width: max-content;
}

.account-payment-form .form-label{
    margin-bottom: .6rem;
}

.select2-close-btn button.select2-selection__clear>span {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    top: 3px;
}

.remove-min-height-modal{
    min-height: 0px;
}

.w-20{
    width: 20% !important;
}