@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

body {
    font-family: 'Rubik' !important;
    background: #FFFEFC;
}

.navbar-menu .navbar-nav .nav-link {
    font-family: 'Rubik' !important;
}

.container-fluid,
.layout-width {
    min-width: 100%;
}

.c-white:before {
    color: white !important;
}

.logo-wrap img {
    height: 70px;
}

.btn {
    height: 31px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-family: 'Rubik' !important;
}

.table th {
    --vz-table-color: #000;
    --vz-table-bg: #f3f6f9;
    --vz-table-border-color: #dbdde0;
    --vz-table-striped-bg: #eef1f4;
    --vz-table-striped-color: #000;
    --vz-table-active-bg: #e9ecef;
    --vz-table-active-color: #000;
    --vz-table-hover-bg: #e9ecef;
    --vz-table-hover-color: #000;
    color: var(--vz-table-color);
    border-color: var(--vz-table-border-color);
}

.pad-rtl {
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
}

[data-topbar=dark] #page-topbar {
    background-color: #006021!important;
    border-color: #006021!important;
}

#page-topbar {
    background-color: #006021!important;
    border-color: #006021!important;
}

.topbar-user {
    background-color: #397C53!important;
    border-color: #397C53!important;
}

#page-header-user-dropdown span {
    color: #ffffff !important;
}

.navbar-brand-box {
    border-color: #63A81F;
    padding-bottom: 1px;
}

.logo {
    line-height: 71px;
}

.header-item-info {
    color: #ffffff;
    padding: 35px;
    border-right: 1px solid #006021;
}

.header-item-info a {
    color: #ffffff;
    text-decoration: none;
}

.header-item-name {
    font-size: 24px;
}

.show-quantity-modal {
    min-width: 114px;
    height: 42px;
    display: inline-block;
    padding-top: 13px;
    font-family: Rubik;
    font-size: 13.2px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 4px;
}

.label-quantity {
    min-width: 114px;
    height: 42px;
    display: inline-block;
    padding-top: 13px;
    font-family: Rubik;
    font-size: 13.2px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 4px;
}

.navbar-header .btn-topbar {
    width: 100px;
}

.navbar-header .my-cart-text {
    margin-right: 5px;
}

#copy-image-field {
    display: none;
}

ul.pagination {
    float: right;
    padding-right: 5px;
}

div.summary {
    padding-left: 5px;
}

.selected-order-status {
    color: #6691e7;
}

.my-profile th,
.my-profile td {
    background: none;
    border: none;
}

.search-list {
    /*max-width: 9.5%;*/
    max-width: 166px;
    border: 1px solid lightgray;
    margin-right: 5px;
    padding: 0;
    max-height: 191px;
}

/*.search-list-head{
    max-width: 9.5%;
    margin-right: 5px;
    padding: 0;
    text-align: center;
    font-weight: bold;
    margin-bottom: 5px;
}*/

.wheel-search {
    margin-left: 30px;
}

.search-list label {
    margin-left: 5px;
}


.card-top-button {
    margin-bottom: 20px;
}

.product-category-list th {
    background: none;
}

.th-no-background th {
    background: none;
}

.help-block {
    color: red;
}

.fileinput-remove {
    display: none;
}

.file-preview {
    padding: 0px;
}

.file-drop-zone {
    border: none;
    margin: 0px;
    padding: 5px;
}

.mar-top-10 {
    margin-top: 10px;
}

.view-cart-btn i {
    font-size: 15px;
}

.view-cart-btn {
    float: right;
}

.jsgrid-header-cell {
    background: #F5F9F1 !important;
}

/*table th {
    background: #F5F9F1!important;
}*/
.jsgrid-row-search td {
    background: #F5F9F1 !important;
}

#product-quantity-modal .modal-header {
    border-bottom: 1px solid #E9EBEC;
    padding-bottom: 15px;
}

#product-quantity-modal .modal-footer {
    border-top: none;
}

#product-quantity-modal .modal-body {
    padding-top: 0px;
}

.label-quantity {
    width: 91px;
}

.quantity-input {
    text-align: center;
    width: 50px;
    display: inline-block
}

.btn-light-green {
    background: #2FA84F;
    border: #2FA84F;
    color: #ffffff;
}

.btn-light-green:active,
.btn-light-green:focus,
.btn-light-green:hover {
    background: #2FA84F;
    border: #2FA84F;
    outline: #2FA84F;
    color: #ffffff;
}

.alert-light-green {
    background: #ECFFCB;
    border-color: #2FA84F;
    color: #0A0E07;
}

.sync-button {
    margin-right: 15px;
}

.label-quantity {
    background: #656565 !important;
    border: #656565 !important;
}

.label-quantity:active,
.label-quantity:focus,
.label-quantity:hover {
    background: #656565 !important;
    border: none !important;
    outline: none !important;
}

#rims-quantity-modal .modal-header {
    border-bottom: none;
    padding-bottom: 0px;
}

#rims-quantity-modal .modal-footer {
    border-top: none;
}

#rims-quantity-modal .modal-body {
    padding-top: 0px;
}

#product-quantity-modal .modal-body,
#rims-quantity-modal .modal-body {
    margin-top: 25px;
}

/*#productquantityform-quantity {
    background: #ffffff;
}
.product-incr {
    background: #F5F9F1!important;
}
.product-decr {
    background: #F5F9F1!important;
}*/

#cart-notification {
    display: none;
}

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

.cart-profile-container {
    padding: 30px;
}

.cart-total-container {
    padding: 30px;
}

.cart-profile-container th,
.cart-total-container th {
    background: none;
    border: none;
}

.cart-profile-container td,
.cart-total-container td {
    background: none;
    border: none;
}

.cart-total-container td {
    text-align: right;
}

.checkout-total-wrap th,
.checkout-total-wrap td {
    background: none;
    border: none;
}

.order-confirm th,
.order-confirm td {
    background: none;
    border: none;
}

.btn-success {
    background: #13c56b;
    border-color: #13c56b;
}

.btn-success:active,
.btn-success:focus,
.btn-success:hover {
    background: #13c56b;
    border-color: #13c56b;
}

.btn-success:active,
.btn-success:focus,
.btn-success:hover {
    background: #13c56b;
    border-color: #13c56b;
}

.label-quantity {
    background-color: #F9F9F9 !important;
    border-color: #F9F9F9 !important;
    color: #656565 !important;
}

.label-quantity:active,
.label-quantity:focus,
.label-quantity:hover {
    background-color: #F9F9F9 !important;
    border-color: #F9F9F9 !important;
    color: #656565 !important;
}

#save-draft {
    margin-top: 5px
}

.delete-order-item {
    color: red;
    font-size: 20px;
    cursor: pointer;
}

.direct-index {
    padding: 15px;
}

.draft-order-total {
    padding: 25px;
}

.draft-order-total th,
.draft-order-total td {
    background: none;
    border: none;
}


.draft-profile-wrap {
    padding: 25px;
}

#add-new-line {
    margin-left: 15px;
}

#update-calculation {
    margin-right: 15px;
}

#productsearch-size {
    border: 1px solid #3F5189;
}

#cart-delete-notification {
    text-align: center;
}

.price-toggle {
    cursor: pointer;
}

.product-price {
    display: none;
}

.inc-prod,
.dec-prod {
    font-weight: bold;
    cursor: pointer;
    background: #e9ecef;
    padding: 8px;
}

.total-table th,
.total-table td {
    background: none;
    border: none;
}

.logo .logo-text {
    font-size: 24px;
    margin-left: 10px;
    color: #ffffff;
}

/*#productsearch-size {
    max-width: 411px;
    height: 38px;
    padding-left: 25px;
}*/

.search-text {
    margin-top: -10px;
    font-size: 11px;
    padding-left: 5px;
}

.search-icon {
    margin-top: 3px;
    padding: 5px;
    position: absolute;
    font-size: 15px;
}

.make-bold {
    font-weight: bold;
}

.pad-top-15 {
    padding-top: 15px;
}

.main-page-title {
    text-transform: uppercase;
    font-weight: bold;
    color: #000000;
}

.main-page-title a,
.main-page-title button {
    text-transform: none;
}

.delete-cart-item {
    color: red;
    font-size: 15px;
    cursor: pointer;
}

.remove {
    text-align: center;
}

.pagination-wrap .pagination {
    float: right;
}

.cart-product-input {
    width: 104px;
    height: 36px;
    text-align: center;
    border: 1px solid #CED4D9;
}

.btn-dark {
    background: #495057;
}

.border-bottom {
    border-bottom: 1px solid #CED4D9;
}

.align-left {
    text-align: left !important;
}

.order-head-tab {
    height: 50px;
}

.order-head-tab .nav-link {
    padding-top: 25px;
}

.order-head-tab .active {
    border-bottom: 1px solid #3F5189;
}

.rim-search,
.rim-search-reset {
    width: 114px;
    height: 42px;
}

.order-detail,
.order-cancel {
    /*
        height: 37px;*/
    padding: 8px;
    min-width: 53px;
}

.order-detail-info {
    font-size: 13px;
}

.user-name-text {
    font-size: 13px;
}

.search-list {
    border-radius: 5px;
}

.img-thumbnail {
    width: auto;
    height: 55px;
}

.cell-image {
    width: auto;
    height: 55px;
}

.img-copy-url {
    font-size: 8px;
    font-style: italic;
    margin-left: 8px;
    margin-top: 2px;
}

.img-table {
    width: 115px;
    background-color: inherit !important;
}

.img-table td {
    border: none !important;
    padding: 0 !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 28px;
    padding-left: 0px;
    color: var(--vz-body-color);
}

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


#rims-list th,
#rims-list td {
    font-size: 12.5px;
}

.news-wrap {
    margin-bottom: 25px;
}

#rims-list td, #rims-list th {
    padding: 0.6rem 0.6rem;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
    vertical-align: middle;
}

#product-list td, #product-list th {
    padding: 0.6rem 0.6rem;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
    vertical-align: middle;
}

.product-quantity-input {
    text-align: center;
}

.navbar-nav .nav-link {
    padding: .75rem 1.5rem !important;
}

.btn-dark-blue {
    background: #50A5F1;
    border-color: #50A5F1;
    color: #ffffff
}

.btn-dark-blue:active,
.btn-dark-blue:focus,
.btn-dark-blue:hover {
    background: #50A5F1;
    border-color: #50A5F1;
    color: #ffffff
}

.search-list label {
    font-size: 13px;
}

.search-list .rim-main-label {
    font-size: 16px;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.search-list .form-group {
    overflow-y: scroll;
    height: 157px;
}

.cell-span {
    display: inline-block;
    height: 0px;
    width: 55px;
}

.main-page-title {
    font-family: Montserrat;
}

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

.header-app-name {
    color: #ffffff;
    font-size: 24px;
}

.btn-outline-white {
    color: #ffffff;
    border: 1px solid #ffffff;
    width: 135px;
    height: 36px;
    display: flex;
}

.btn-outline-white:active,
.btn-outline-white:focus,
.btn-outline-white:hover {
    background: none;
    border-color: #ffffff;
    color: #ffffff;
}

/*delivery zone map css starts*/
.iq-upload-wrap {
    border: 1px solid #CCCCCC;
    padding: 24px 25px 42px;
    margin-bottom: 32px;
}

.iqf-wrap {
    display: flex;
    gap: 43px;
}

.iqf-wrap .iqu-label {
    flex: 0 0 107px;
    /*text-align: right;*/
    /*font-weight: 700;*/
}

.iqf-wrap .iqu-label span {
    color: #F3525A;
}

.iqf-wrap .iqu-field {
    flex: 1;
}

.iqf-wrap .iqu-field .info {
    font-size: 10px;
    color: #AAAAAA;
}

.iqf-wrap .iqu-field .form-group {
    border: 1px dashed #CCCCCC;
    padding: 24px;
    margin-bottom: 15px;
}

.iqf-wrap .iqu-field label.control-label {
    color: #292929;
    padding: 10px 15px;
    margin: 5px !important;
    border: 1px solid #DDDDDD;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.iqf-wrap .iqu-field #shadeform-image {
    padding: 10px 15px;
    margin: 0 !important;
    border: 1px solid #DDDDDD;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    font-size: 10px;
    color: #AAAAAA;
}

.select2-container .select2-selection--multiple .select2-selection__choice {
    float: left;
}

.item-flag-img {
    width: 40px;
}

.iqu-label {
    margin-top: 15px;
    margin-bottom: 5px;
}

#menu-item-wrap .cell-image {
    width: 50px;
}

.file-preview {
    border: none;
    padding: 0px;
}

.file-drop-zone {
    border: none;
}

.fileinput-remove {
    display: none;
}

.category-select select {
    text-align: left;
}

.add-time-field, .remove-time-field {
    font-size: 25px;
    margin-top: 28px;
    position: absolute;
}

/*delivery zone map css ends*/

.page-item .page-link {
    color: #0A0E07;
}

.page-item.active .page-link {
    background: #469744;
    color: #ffffff;
    border-color: #469744;
}

.btn-dark-green {
    background: #2FA84F;
    border: #2FA84F;
    color: #ffffff;
}

.btn-dark-green:active,
.btn-dark-green:focus,
.btn-dark-green:hover {
    background: #2FA84F;
    border: #2FA84F;
    outline: #2FA84F;
    color: #ffffff;
}

.btn-light-blue {
    background: #5891FF;
    border: #5891FF;
    color: #ffffff;
}

.btn-light-blue:active,
.btn-light-blue:focus,
.btn-light-blue:hover {
    background: #5891FF;
    border: #5891FF;
    outline: #5891FF;
    color: #ffffff;
}

.search-box #companysearch-name {
    border-color: #98D42F;
}

.search-box .search-icon {
    margin-left: -5px;
    margin-top: 1px;
}

.user-pass-hint {
    margin-top: -15px;
    font-weight: bold;
}

.file-actions {
    display: none;
}

.invalid-feedback {
    display: block;
}

/*set input and select height*/
input[type=text],
input[type=password] {
    height: 36px;
}

.select2-selection.select2-selection--single {
    height: 36px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 22px;
}

.color-dark-green {
    color: #2FA84F;
}

.ship-address-wrap .card {
    min-height: 215px;
}

.shipp-addr-link {
    /*   position: absolute;*/
    bottom: 15px;
}

.jsgrid-cell select {
    appearance: auto;
    height: 36px;
}

.price-group-jsgrid .pagination,
.product-jsgrid .pagination {
    display: none;
}

.product-grid-image .img-copy-url {
    display: none;
}

.ship-add-addr-wrap {
    top: 27%;
    position: relative;
}

.ship-add-addr-wrap h4 {
    color: #000000;
    font-weight: bold;
}

.ship-add-addr-wrap a {
    text-decoration: none !important;
    color: #000000;
    font-weight: bold;
}

.product-price {
    margin-left: 25px;
}

.profile-wrap li,
.cart-total-wrap li {
    list-style: none;
}

.delete {
    color: red;
    cursor: pointer;
}

.quote-price-input {
    width: 90%;
    display: inline-block;
    margin-left: 5px;
}

.quote-price-wrap .help-block {
    margin-left: 12px;
}

.nav-item.active a {
    color: #2FA84F !important;
    text-decoration: underline;
}

.color-red {
    color: red;
}

.sr-field-error {
    color: red
}

.app-phone-text {
    min-width: 107px;
}

.btn-light-green.disabled {
    opacity: 0.50 !important;
    background: #98D42F !important;
    border: #98D42F !important;
    color: #ffffff !important;
}

.btn-light-green .spinner-border {
    margin: 0 auto;
}

.hidden {
    display: none;
}

.tax-rate-table {
    margin: 0;
}

.tax-rate-table td {
    padding: 5px;
    padding-top: 0px;
}

.add-to-cart {
    width: 115px;
    height: 36px;
    font-size: 13px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 11px;
    background: #368934;
}

.add-to-cart .icon-off {
    margin-left: 16px;
}

.show-quantity-modal.label-quantity {
    padding-top: 12px !important;
}

.show-quantity-modal.label-quantity .icon-off {
    margin-left: 0px;
}

.add-to-cart .bx-shopping-bag {
    position: absolute;
    left: 9px;
    top: 5px;
}

/*.grid-view .add-to-cart {
    padding-left: 14px;
}*/

.product-list-table td {
    vertical-align: middle;
    padding: 0.50rem .6rem;
}

.product-list-table td,
.product-list-table td,
.product-list-table .product-description,
.product-list-view .product-description,
.product-list-view .product-list-view-price {
    color: #0A0E07;
}

#nav-category-filter {
    width: 163px;
    height: 36px;
    padding: 0;
    display: inline-flex;
    background: #ffffff;
    border: 1px solid #6D7080;
}

.filter-by-category-link {
    margin-top: -4px !important;
}

#nav-category-filter .filter-by-category-link {
    padding: .65rem 1rem !important
}

#nav-category-filter .menu-dropdown {
    min-width: 10rem;
}

.sub-item-menu .nav-link {
    padding: .50rem 1rem !important
}

#nav-category-filter .sub-item-menu .menu-link[data-bs-toggle=collapse]:after {
    display: block;
    content: "\f0142";
    font-family: "Material Design Icons";
    margin-left: auto;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    font-size: 1.05rem;
    position: absolute;
    right: 5px;
    margin-top: -23px;
    color: var(--vz-vertical-menu-title-color);
}

.color-instock {
    color: #13C56B;
    font-weight: bold;
}

.color-outstock {
    color: #E73D32;
    font-weight: bold;
    font-size: 13px;
    font-family: Rubik;
}

.field-shippingzoneuploadform-file label {
    display: none;
}

.my-cart-bag-icon {
    padding-left: 5px;
}

.cart-item-count {
    border: none !important;
    min-width: 20px;
}

.category-table td {
    padding: 0.4rem !important;
    vertical-align: middle;
}

.email-template-list td {
    padding: 0.5rem;
}

.email-template-list p {
    margin-bottom: 0px;
}

.category-filter-link-class {
    text-align: left;
}

#payment-form .accordion-button {
    box-shadow: none !important;
}

.payment-accordion .mb-3 {
    margin-bottom: 0px !important;
}

.payment-accordion .accordion-item {
    border: none;
}

.payment-accordion .accordion-button {
    background: none;
}

.field-productsearch-warehouse_id .search-icon {
    display: none;
}

.detail-back-link {
    color: black;
    margin-left: 40px;
}

.detail-back-link .bx {
    position: absolute;
    right: 48px;
    top: 1px;
}

.product-edit-form .redactor-box {
    z-index: 11;
}

#checkoutform-company_name {
    border: none;
    cursor: auto;
}

/*.quote-list .filters,*/
.order-list .filters {
    display: none;
}

.filter-active-menu {
    color: #2FA84F !important;
}

.order-pending-dot {
    display: block !important;
    margin-left: -18px !important;
    margin-top: -6px;
}

.order-dropdown-menu .dropdown-toggle::after {
    content: '' !important;
}

.menu-dot {
    margin-top: 15px;
}

.quote-shipping-checkbox {
    margin-top: -20px;
}

.quote-shipping-checkbox .form-check-label {
    margin-top: 2px;
}

.select2-dropdown {
    min-width: 240px;
}

.warehouse-dropdown .dropdown-toggle::after {
    content: '' !important;
}

/*.private-product .price-list-type,
.private-product .price-list-value,
.private-product .price-list-effective {
    background: lightgrey;
}

.non-private-product .private_type,
.non-private-product .private_value,
.non-private-product .private_effective {
    background: lightgrey;
}*/

/*.jsgrid-edit-row .private,
.jsgrid-edit-row .non-private {
    background: lightgrey;
}*/

.popup-modal-image {
    width: 200px;
    height: 200px;
    margin: 0 auto;
}

#update-cart {
    margin-right: 8px;
}

/*
.cart-table {
    margin-bottom: -15px;
}*/

.layout-footer {
    height: 35px;
    padding: 10px calc(1.5rem * .5);
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 10px;
    background: none;
}

.pde-btn {
    text-transform: capitalize;
}

.pde-detail {
    margin-left: 35px;
}

.product-image {
    width: 70px;
}

.custom-width-10 {
    width: 10.666667%;
    margin-right: 15px;
}

.btn-filter-search {
    margin-left: -15px;
}

.home-span {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 999;
    color: white;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

.my-cart-button img {
    width: 40px;
}

/*
.my-cart-button {
    width: 115px;
    height: 36px;
}*/

.noti-success-msg,
.noti-error-msg {
    text-align: center;
    font-weight: bold;
}

.site-home {
    /*display: inline-block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 603px;
    height: 100px;
    margin: auto;*/
    width: 603px;
    height: 100px;
    margin: auto;
}

.site-home .home-box {
    float: left;
    margin-right: 10px;
}

.home-box-3,
.home-box-4 {
    margin-top: 10px;
}

.header-cart-icon,
.cart-img-icon {
    width: 18px !important;
    height: 18px !important;
    margin-top: -5px !important;
}

.top-view-cart,
.top-view-cart:hover,
.top-view-cart:active {
    width: 115px;
    height: 36px;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.header-user-icon {
    width: 24px;
    height: 24px;
    margin-top: -5px;
}

.bx-x {
    width: 11px;
    font-size: 18px;
    margin-right: 5px;
    margin-top: 0px;
}

.img-button-wrap img,
.color-red img {
    margin-top: -5px;
}

.img-button-wrap:hover,
.img-button-wrap:focus,
.img-button-wrap:active {

}

.grid-item-wrap {
    width: 215px;
    height: 320px;
    float: left;
    /*margin-right: 15px;*/
    /*margin-left: 42px;*/
}

.pd-add-to-cart,
.grid-item-wrap .add-to-cart {
    width: 167px;
    height: 36px;
    font-weight: bold;
    font-family: Rubik;
}

.pd-add-to-cart {
    margin-left: 15px;
    margin-top: -3px;
    padding-top: 8px;
}

.grid-item-wrap .card {
    box-shadow: none;
}

.grid-item-wrap img {
    width: 167px;
    height: 167px;
}

.product-grid-image {
    width: 167px;
    height: 167px;
}

.btn-filter-search,
.search-filter-button {
    width: 97px;
    height: 36px;
}

.field-productsearch-search #productsearch-search {
    border-color: #686C60;
    color: #6D7080
}

/*.field-productsearch-search {
    width: 411px;
    height: 38px;
}*/

.pg-name-desc {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    background: #fff;
    height: 40px /*    text-overflow: ellipsis;
    overflow: hidden;*/
}

.pagination-wrap-container {
    margin-top: 15px;
}

.bg-soft-success,
.bg-soft-danger,
.status-badge-pending,
.status-badge-approve,
.status-badge-cancelled,
.status-badge-waiting,
.status-badge-approve,
.status-badge-accepted,
.status-badge-client-approve {
    height: 27px;
    padding-top: 8px;
    font-size: 13px;
}

.status-badge-accepted {
    background: #DCF7E3;
    color: #4EB66A;
}

.status-badge-client-approve {
    background: #E7EFFD;
    color: #5B8CFE;
}

.light-blue-color {
    color: #3C76FE
}

.edit-icon-img {
    margin-top: -5px;
}

.more-product-text {
    color: #9FA1A6;
}

.btn-company-search {
    width: 115px;
    height: 38px;
}

#companyusersearch-search,
#companysearch-name,
#usersearch-search {
    border-color: #6E8167 !important;
}

.create-company-btn {
    background-color: #C8C8C8;
    border-color: #C8C8C8;
    color: #ffffff;
}

.create-company-btn:hover,
.create-company-btn:active,
.create-company-btn:focus {
    background-color: #C8C8C8;
    border-color: #C8C8C8;
    color: #ffffff;
}

.btn-light-grey {
    background-color: #C8C8C8;
    border-color: #C8C8C8;
    color: #ffffff;
}

.btn-light-grey:hover,
.btn-light-grey:active,
.btn-light-grey:focus {
    background-color: #C8C8C8;
    border-color: #C8C8C8;
    color: #ffffff;
}

.cat-filter-breadcrumb a {
    color: #7E8188;
}

.breadcrumb-item.active {
    color: #6D7080
}

.product-list-table th {
    background: #FCFCFC !important;
    color: #6D7080 !important;
}

.table th,
.quote-list table th,
#company-list-grid th {
    background: #FCFCFC !important;
    color: #6D7080 !important;
}

.table th a,
.quote-list table th a,
.product-list-table th a {
    color: #6D7080 !important;
}

#company-list-grid td,
.quote-list td,
#order-list td {
    color: #0A0E07 !important;
}

#order-list td p {
    color: #0A0E07 !important;
}

.btn-yellow {
    background: #F3AA18;
    border: #F3AA18;
    color: #ffffff;
}

.btn-yellow:active,
.btn-yellow:focus,
.btn-yellow:hover {
    background: #F3AA18;
    border: #F3AA18;
    outline: #F3AA18;
    color: #ffffff;
}


.btn-light-blue {
    background: #3C76FE;
    border: #3C76FE;
    color: #ffffff;
}

.btn-light-blue:active,
.btn-light-blue:focus,
.btn-light-blue:hover {
    background: #3C76FE;
    border: #3C76FE;
    outline: #3C76FE;
    color: #ffffff;
}

.btn-more-green {
    background: #368934;
    border: #368934;
    color: #ffffff;
}

.btn-more-green:active,
.btn-more-green:focus,
.btn-more-green:hover {
    background: #368934;
    border: #368934;
    outline: #368934;
    color: #ffffff;
}

.btn-dark-grey {
    background: #818181;
    border: #818181;
    color: #ffffff;
}

.btn-dark-grey:active,
.btn-dark-grey:focus,
.btn-dark-grey:hover {
    background: #818181;
    border: #818181;
    outline: #818181;
    color: #ffffff;
}

.create-category,
.add-price-list {
    text-transform: initial;
}

.text-transform-initial {
    text-transform: initial;
}

.field-orderpaymentform-payment_method_id .help-block {
    margin-left: 15px;
    margin-top: 10px;
}

/*.search-box {
    width: 411px;
    display: inline;
}*/

.carousel-indicators [data-bs-target] {
    background-color: grey
}

.border-top.border-black {
    border-top: 1px solid black !important;
}

.text-normalize {
    text-transform: none;
}

/*#update-payment-status {
    padding-right: 5px;
    padding-left: 5px;
}*/

#product-carousel {
    display: table;
    padding: 15px;
    background: #F3F3F8;
    border-color: #E8EBEC;
    margin: 0 auto;
    max-width: 550px;
    max-height: 550px;
    /*width: 90%;
    height: 90%;
    */
}

#product-carousel .carousel-inner {
    background-color: #ffffff;
    /*width: 95%;
    margin: 0 auto !important;
    height: 94%;
    top: 3%;*/
}

#product-carousel .prod-img {

}

.carousel-indicators {
    bottom: -50px;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23E8EBEC' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23E8EBEC' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.magnify-img {
    position: absolute;
    z-index: 12;
    right: 40px;
    top: 40px;
    cursor: pointer;
}

.vbox-container img {
    max-width: 75vw;
    max-height: 75vh
}

.badge-paid,
.badge-not-paid {
    width: 67.88px;
    height: 27px;
    padding-top: 8px;
    font-size: inherit;
}

.payment-update-wrap {
    position: absolute;
    right: -60px;
    top: 262px;
}

.payment-update-wrap .select2-selection.select2-selection--single {
    height: 32px;
    padding-top: 5px;
}

#draftorderconfirmform-manual_shipping_amount,
#draftorderconfirmform-manual_shipping_tax {
    text-align: right;
}

.quote-badge-pend-count {
    margin-left: -10px;
}

.pc-quote-link {
    min-width: 184px;
}

.text-align-left {
    text-align: left;
}

#order-detail-table th,
#order-detail-table td {
    background: none !important;
    border: none !important;
    padding: 0.25rem;
    color: #000000 !important;
}

.no-point-event {
    pointer-events: none;
}

.accordion-button::after {
    display: none;
}

#quotestep2form-manual_shipping_amount,
#quotestep2form-manual_shipping_tax {
    text-align: right;
}


/*showing even no if product for customer on grid view page*/

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .grid-item-wrap {
        flex: 1 0 35.5% !important;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 820px) {
    .grid-item-wrap {
        flex: 1 0 24.5% !important;
        max-width: 24.5%;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .grid-item-wrap {
        flex: 1 0 24.5% !important;
        max-width: 24.5%;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */

@media only screen and (min-width: 1024px) {
    .grid-item-wrap {
        flex: 1 0 24.5% !important;
        max-width: 24.5%;
    }
}

/*
@media only screen and (min-width: 1200px) {
    .grid-item-wrap {
        flex: 1 0 24.5%!important;
    }
}
*/

@media only screen and (min-width: 1360px) {
    .grid-item-wrap {
        flex: 1 0 14.5% !important;
        max-width: 14.5%;
    }
}

/*
@media only screen and (min-width: 1750px) {
    .grid-item-wrap {
        flex: 1 0 14.5%!important;
    }
}
*/
@media only screen and (min-width: 1830px) {
    .grid-item-wrap {
        flex: 1 0 12.5% !important;
        max-width: 12.5%;
    }
}

.cart-product-image {
    width: 50px;
}

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

.iframe-container {
    margin-top: 119px;
}

#order-product-detail-table td,
#order-product-detail-table th,
#quote-product-detail-table th,
#quote-product-detail-table td {
    border: none;
    padding: 0.25rem 0.25rem;
}

.border-top-black {
    border-color: #000000 !important;
}

/* ============== Rasel START ============== */
body.body-order-detail {
    font-family: "Inter", sans-serif !important;
}

body.body-order-detail .card {
    box-shadow: 0 2px 5px rgba(56, 65, 74, .2);
}

body.body-order-detail .card-title {
    font-size: 20px;
    color: #868686;
    font-family: "Inter", sans-serif !important;
}

.body-order-detail .page-content {
    padding-left: 30px !important;
    padding-right: 30px;
}

.app-container {
    max-width: 1450px;
    margin: 0 auto;
}

table#order-product-detail-table td {
    padding: 15px 5px;
}

table#order-product-detail-table tr:not(.total):nth-of-type(odd) {
    background-color: #FAFAFA;
}

table#order-product-detail-table tr.total td {
    padding: 5px;
}

table#order-product-detail-table tr.total:last-child td {
    padding: 15px 5px;
}

table#order-product-detail-table tr.total{
    font-size: 18px;
}

table.order-address-detail-table th,
table.order-address-detail-table td {
    background: none !important;
    border: none !important;
    padding: 0.25rem;
    color: #000000 !important;
}

#order-product-detail-table,
#order-detail-table,
table.order-address-detail-table {
    font-size: 16px;
}

.body-order-detail .order-detail-wrap > .row {
    display: flex;
    padding: 0;
    margin: 0;
    grid-column-gap: 54px;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.body-order-detail .order-detail-wrap > .row > .col-xl-6 {
    padding: 0;
    flex: auto;
}

a.back-to-order,
a.order-invoice-download{
    padding: 11px 20px;
    height: auto;
}

a.order-invoice-download {
    margin-right: 5px;
}

td.success-content-wrap{
    padding: 75px 65px 30px 65px;
}

@media only screen and (max-width: 1199px) {
    .body-order-detail .order-detail-wrap > .row {
        flex-wrap: wrap;
    }

    td.success-content-wrap{
        padding: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .body-order-detail .page-content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.site-home-name {
    font-family: 'Roboto';
    font-size: 40px;
    margin-bottom: 15px;
}

.qinfo-wrap {
    margin-bottom: 0.5rem;
}

.cart-total-wrap .label {
    max-width: calc(100% - 69px);
}

.header-subscription-link {
    margin-right: 10px;
}
.header-subscription-link a{
    border: none;
}

#couponform-type label:nth-child(2) {
    margin-left: 25px;
}

#checkoutform-coupon_code {
    text-align: right;
}

.field-checkoutform-coupon_code .help-block {
    text-align: right;
}

.field-checkoutform-coupon_code {
    margin-right: 5px;
    margin-top: -2px;
}

.field-checkoutform-coupon_code {
    width: 150px;
}

#order-detail-coupon-code,
#checkoutform-coupon_code {
    height: 33px;
}

#header-product-search-form .search-icon{
    color:white!important;
}

#header-product-search-form #productsearch-search {
    border-radius: 20px;
    border: 1px solid white;
    color: white;
    max-width: 100%;
}
#header-product-search-form {
    width: 100%;
}

.tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
    opacity: 1;
}

.tooltip .tooltip-text {
    visibility: hidden;
    background-color: rgba(256, 256, 256, 1);
    color: #000;
    text-align: center;
    padding: 0px 10px;
    border-radius: 4px;

    position: absolute;
    z-index: 10;
    /*top: -20%;*/
    /*right: 50%;
    transform: translateX(70%);*/

    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 0.2;
}

.media-icon {
    width: 100px;
    height: 100px;
}

#templateform-template_file-container {
    border: none !important;
}

.CodeMirror {
    /*height: auto !important*/;
    min-height: 600px!important;
}

#bottom-carousel {
    margin-top: 25px;
}

.carousel-indicators {
    bottom: 0;
}

.header-view-cart {
    margin-top: -26px;
}