body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    background: #fff;
    margin: 0;
}
/*:root {
  --header-bg: #dbb56975;
  --header-border:#dbb569;
  --count-icon-bg:#000000;
  --diamond-search-hover:#000000;
}*/


a, .forget_pwd:hover {
    color: var(--summary-clr); /*#004292;*/
}

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

*:focus, button:focus {
    outline: none;
}

a:hover {
    text-decoration: none;
}

.btn:hover > a {
    color: #fff;
}

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

.space {
    margin-bottom: 10px;
}

.wrapper {
    padding-top: 60px;
    padding-bottom: 20px;
}

.table {
    margin-bottom: 0;
}

label {
    color: #666;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 2px;
}


.loader {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.43);
    z-index: 9999;
    display: none;
}

.loader-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.round {
    position: absolute;
    border-radius: 100%;
    top: 7px;
    left: 7px;
    height: 16px;
    width: 16px;
    background: -webkit-linear-gradient(to bottom,var(--loder-rndfrm-bgclr) 0,var(--loder-rndto-bgclr) 100%);
    background: -moz-linear-gradient(to bottom,var(--loder-rndfrm-bgclr) 0,var(--loder-rndto-bgclr) 100%);
    background: linear-gradient(to bottom,var(--loder-rndfrm-bgclr) 0,var(--loder-rndto-bgclr) 100%);
    -webkit-animation: scale 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
    -moz-animation: scale 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
    animation: scale 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
}

.out_border {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0;
    top: 0;
    border: 2px solid;
    -webkit-animation: rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
    -moz-animation: rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
    animation: rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
    border-radius: 100%;
    border-color: var(--loder-innerfrm-bdclr) var(--loder-innerto-bdclr);
}

@keyframes scale {
    30% {
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
    }

    50% {
        -webkit-transform: rotate(180deg) scale(.6);
        transform: rotate(180deg) scale(.6);
    }

    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1);
    }
}

.sidebar-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.43);
    z-index: 9999;
    display: none;
    opacity: 0.5;
}

    .sidebar-backdrop.show {
        display: block;
    }

.heading {
    text-transform: capitalize;
    color: var(--heading);
    font-size: 14px;
    position: relative;
    z-index: 0;
    vertical-align: top;
    margin-bottom: 4px;
}

/*.heading:before, .profile .title:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 100%;
    left: 0;
    top: 0;
    background: -webkit-linear-gradient(-85deg, #e9f2fb 40%, transparent 100px);
    background: -moz-linear-gradient(-85deg, #e9f2fb 40%, transparent 100px);
    background: -o-linear-gradient(-85deg, #e9f2fb 40%, transparent 100px);
    background: linear-gradient(-85deg, #e9f2fb 40%, transparent 100px);
    z-index: -1;
}*/

.table-responsive::-webkit-scrollbar-track {
    background-color: #dbdbdb;
}

.table-responsive::-webkit-scrollbar {
    width: 6px;
}

.table-responsive::-webkit-scrollbar-thumb {
    background: #c0c0c0;
}

.contact-details {
    margin-right: 30px;
}

.card-body {
    padding: 15px;
}

.card {
    border: none;
    /*-webkit-box-shadow: 0 0 1rem rgba(0,0,0,.05);25
    -moz-box-shadow: 0 0 1rem rgba(0,0,0,.05);
    box-shadow: 0 0 1rem rgba(0,0,0,.05);*/
    -webkit-box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px;
    -moz-box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px;
    box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px;
}

header {
    background: #ffffff;
    position: fixed;
    -webkit-box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    width: 100%;
}

.btn {
    color: var(--count-icon-bg);
    background-color: #fff;
    border: 1px solid var(--count-icon-bg);
    text-transform: capitalize;
    font-size: 14px;
    margin: 2px 2px 2px 0;
    letter-spacing: 0.5px;
    border-radius: 0;
    padding: 4px 12px;
    position: relative;
    cursor: pointer;
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}

/*.tooltip-arrow,
.red-tooltip + .tooltip > .tooltip-inner {background-color:var(--header-bg);}*/

/*.dropdown.btn {
    padding: 0;
}*/

/*.dropdown.btn > a {
        padding: 4px 12px;
        display: block;
    }*/

.dropdown-item span {
    position: relative;
}

.dropdown-item > span::after {
    content: '';
    position: absolute;
    left: 0;
    display: inline-block;
    height: 1em;
    width: 100%;
    border-bottom: 1px solid;
    margin-top: 10px;
    opacity: 0;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: scale(0,1);
    -moz-transform: scale(0,1);
    -ms-transform: scale(0,1);
    -o-transform: scale(0,1);
    transform: scale(0,1);
}

.dropdown-item:focus span:after, .dropdown-item:hover span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.dropdown-item:hover:before {
    background: var(--heading);
    font-weight: 500;
}

.navbar {
    padding: 6px 5px 6px 15px;
}

.red-color {
    color: #e22e2f;
}

    .red-color:hover {
        color: var(--heading);
    }

.header-right .dropdown > a {
    color: #171717;
    font-size: 20px;
    border: none;
    display: inline-block;
}

.header-right .currency-details > a {
    font-size: 16px;
}

.btn i:before {
    vertical-align: top;
    font-size: 16px;
}

.page-breadcrumb .col-btn {
    width: 90%;
}

.page-breadcrumb .col-summary {
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.col-summary label {
    position: relative;
}

.stock_count {
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}

.nav-tabs .nav-item {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 0;
}

.btn i, .btn.action i {
    margin-right: 5px;
    line-height: 20px;
}

.button .dropdown > a.search > span {
    display: inline-block;
}

.header-right .user-details.myaccount > a {
    line-height: 45px;
}

.dropdown-toggle::after {
    content: "\f140";
    font-family: "Material Design Icons";
    border: none;
    font-size: 14px;
    vertical-align: middle;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.dropdown-item .readyPickup:after,
.dropdown-item:hover .readyPickup:after {
    border: none;
}

.navbar-collapse .nav-item:hover .dropdown-toggle::after {
    content: "\f143";
}

.navbar-collapse .nav-item i:before {
    vertical-align: middle;
}

.header-right > li {
    display: inline-block;
    margin-left: 8px;
    margin-right: 8px;
    vertical-align: middle;
}

/*.header-dropdown {
    position: absolute;
    right: 0;
    top: 80%;
    left: auto;
    background: #fff;
    box-shadow: 2px 4px 10px rgba(51, 53, 71, 0.16);
    opacity: 0;
    visibility: hidden;
    margin-top: 20px;
    border-radius: 2px;
    z-index: 99;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}*/

.header-right .dropdown:hover .header-dropdown {
    opacity: 1;
    visibility: visible;
}

.cart-item .header-dropdown {
    width: 320px;
    max-height: 309px;
    overflow: auto;
    border: none;
    padding: 0;
    right: 0;
    left: auto;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
}

.button .dropdown-menu {
    padding: 8px 0;
}

.dropdown-menu {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
    border: none;
    padding: 0;
}

.header-right .dropdown-menu {
    right: 0;
    left: auto;
}

.order-list.order-list-view .stock_count {
    padding: 0;
    margin-left: 0;
    width: 1000px;
}

.datepicker-dropdown.dropdown-menu {
    font-size: 13px;
    right: auto;
    left: auto;
    z-index: 999 !important;
    width: 230px;
    padding: 0;
}

.navbar > .header-right {
    display: none;
}

.datepicker table {
    width: 100%;
}

    .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover,
    .datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th {
        background: var(--header-bg);
        border-radius: 0;
    }

.datepicker td, .datepicker th {
    width: 30px;
    height: 30px;
    border-radius: 0;
}

.datepicker table tr td.active.active {
    background: #073a79;
}

.notification .header-dropdown {
    width: 320px;
    max-height: 327px;
    overflow: auto;
}

.view-all {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
}

.contact-details.contact-details .header-dropdown {
    width: 230px;
}

.user-details .header-dropdown {
    text-align: left;
    width: 100%;
}

.header-dropdown::-webkit-scrollbar-track {
    background-color: #F5F5F5;
    border-radius: 50px;
}

.header-dropdown::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.header-dropdown::-webkit-scrollbar-thumb {
    background-color: #d8d8d8;
    border-radius: 50px;
}

.user-details.dropdown img {
    border-radius: 50%;
    width: 30px;
}

.user-details .user-icon span {
    font-size: 14px;
    text-transform: capitalize;
    margin-left: 4px;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #fff;
    color: #0056b3;
}

.media-body .avtar {
    max-width: 20%;
}

.media-heading {
    font-size: 14px;
    font-weight: 600;
    color: #333547;
}

.header-dropdown .sub-content, .header-dropdown .sub-title {
    font-size: 11px;
}

.btn.focus, .btn:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.media .price > span {
    font-size: 12px;
    font-weight: 600;
    color: #333547;
    white-space: normal;
    line-height: 18px;
    display: inline-block;
}

.media-right.mr-2.text-left {
    width: 50%;
}

.header-dropdown .media .media-body {
    padding: 10px;
    border-bottom: 1px solid #efefef;
    position: relative;
}

.delete-item.red {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 18px;
}

.dropdown-title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    text-transform: capitalize;
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #efefef;
}

.notification .media .avtar, .notification_wrapper .media .avtar {
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 60px;
    background: #eeebfb;
    font-size: 22px;
    color: #666;
    line-height: 75px;
}

    .notification_wrapper .media .avtar img {
        width: 60%;
    }

.user-details li {
    text-transform: capitalize;
    border-bottom: 1px solid #efefef;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .user-details li:hover, .header-right .media:hover, .lang-details .header-dropdown ul li a:hover,
    .currency-details .header-dropdown ul li a:hover {
        background-color: #f8f9fa;
    }

    .user-details li a {
        color: #333547;
        font-size: 14px;
        display: block;
        padding: 6px 10px;
    }

        .user-details li a.logout {
            color: #ff0000;
        }

        .user-details li a i {
            margin-right: 5px;
            vertical-align: middle;
            display: inline-block;
            line-height: normal;
        }

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    border-top-color: var(--heading);
}

.tooltip-inner {
    text-transform: capitalize;
    background: var(--heading);
}

span.badge.badge-notify, span.badge.badge-light {
    position: absolute;
    width: auto;
    height: 18px;
    border-radius: 50px;
    line-height: 12px;
    top: -8px;
    color: #fff;
    right: -4px;
    background: #e5a511;
    font-size: 12px;
    font-weight: 400;
    -webkit-animation: shadow 2s linear infinite;
    -moz-animation: shadow 2s linear infinite;
    -o-animation: shadow 2s linear infinite;
    animation: shadow 2s linear infinite;
}

@keyframes shadow {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(229, 165, 17, 0.7);
        box-shadow: 0 0 0 0 rgba(229, 165, 17, 0.7);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(229, 165, 17, 0);
        box-shadow: 0 0 0 10px rgba(229, 165, 17, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(229, 165, 17, 0);
        box-shadow: 0 0 0 0 rgba(229, 165, 17, 0);
    }
}

.cart-item span.badge.badge-light {
    background: #f23232;
}

.cart-item span.badge.badge-light {
    -webkit-animation: pulse 2s linear infinite;
    -o-animation: pulse 2s linear infinite;
    -moz-animation: pulse 2s linear infinite;
    animation: pulse 2s linear infinite;
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 26, 26, 0.9);
        box-shadow: 0 0 0 0 rgba(255, 26, 26, 0.7);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(255, 26, 26, 0);
        box-shadow: 0 0 0 10px rgba(255, 26, 26, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 26, 26, 0);
        box-shadow: 0 0 0 0 rgba(255, 26, 26, 0);
    }
}

.nav-tabs .nav-link span {
    -webkit-animation: bedge-pulse 2s linear infinite;
    -o-animation: bedge-pulse 2s linear infinite;
    -moz-animation: bedge-pulse 2s linear infinite;
    animation: bedge-pulse 2s linear infinite;
}

@keyframes bedge-pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 26, 26, 0.9);
        box-shadow: 0 0 0 0 rgb(108, 134, 34);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(255, 26, 26, 0);
        box-shadow: 0 0 0 10px rgba(255, 26, 26, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 26, 26, 0);
        box-shadow: 0 0 0 0 rgba(255, 26, 26, 0);
    }
}

.navbar-light .navbar-nav .nav-link {
    color: #171717;
    text-transform: capitalize;
    font-size: 15px;
    padding: 10px 16px;
    letter-spacing: 0.3px;
    line-height: 22px;
}

.navbar-collapse .nav-item i {
    margin-right: 4px;
    font-size: 18px;
    line-height: 14px;
    display: inline-block;
}

.view-all a {
    padding: 10px;
    text-align: center;
    text-transform: capitalize;
    display: block;
    font-weight: 600;
    font-size: 14px;
    background: #fff;
    border-top: 1px solid #efefef;
    color: #073a79;
}

/*.dropdown-menu {
    border: none;
    box-shadow: 2px 4px 10px rgba(51, 53, 71, 0.58);
    padding: 10px 0;
    margin-top: 20px;
    display: block !important;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}*/

.dropdown-item {
    display: block;
    width: 100%;
    padding: 6px 12px 6px 40px;
    clear: both;
    font-weight: 400;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    text-transform: capitalize;
    font-size: 14px;
    color: #333547;
    min-width: 200px;
    position: relative;
}

.navbar-collapse .nav-item:hover .dropdown-menu, .button .btn:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
}

.navbar-nav .dropdown-menu {
    padding: 10px 0;
}

.dropdown-item:before {
    content: '';
    position: absolute;
    left: 20px;
    top: 15px;
    background: #d4d4d4;
    width: 10px;
    height: 2px;
}

.dropdown-item:focus, .dropdown-item:hover {
    background: transparent;
    color: var(--heading);
    font-weight: 500;
}

.user-details li a:hover, .lang-details .header-dropdown ul li a:hover,
.currency-details .header-dropdown ul li a:hover {
    color: var(--heading);
    font-weight: 500;
}

.navbar-collapse .nav-link.exclusive {
    color: #c11919;
}

.navbar-collapse .nav-link.exclusive {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
    -webkit-mask-size: 200%;
    -webkit-animation: shine 2s infinite;
    -moz-animation: shine 2s infinite;
    -o-animation: shine 2s infinite;
    animation: shine 2s infinite;
}

@keyframes shine {
    0% {
        -webkit-mask-position: 150%;
    }

    100% {
        -webkit-mask-position: -50%;
    }
}

.lang-icon {
    background-repeat: no-repeat;
    background-size: 15px;
    width: 15px;
    height: 15px;
    display: inline-block;
}

    .lang-icon.eng, .lang-icon[value="en"] {
        background-image: url(../../webstorecontent/img/eng.svg);
    }

    .lang-icon.china, .lang-icon[value="zh"] {
        background-image: url(../../webstorecontent/img/china.svg);
    }


.lang-details .header-dropdown, .currency-details .header-dropdown {
    min-width: 150px;
    padding: 0;
    border: none;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
}

    .lang-details .header-dropdown ul li, .currency-details .header-dropdown ul li {
        color: #333547;
        display: block;
        padding: 7px 10px;
        text-transform: capitalize;
        font-size: 14px;
        cursor: pointer;
        border-bottom: 1px solid #efefef;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .currency-details .header-dropdown ul li span.curr {
            float: right;
            font-size: 12px;
            color: #6d6d6d;
            font-weight: 400;
        }

        .lang-details .header-dropdown ul li i {
            margin-right: 7px;
            vertical-align: middle;
        }

        .lang-details .header-dropdown ul li.selected, .currency-details .header-dropdown ul li.selected a span {
            color: var(--heading);
            font-weight: 600;
        }

.contact-details .header-dropdown i:before {
    line-height: normal;
    vertical-align: middle;
    font-size: 18px;
    color: var(--heading);
}

.address .col-sm-9 label {
    font-weight: 400;
}

.breadcrumb {
    background: transparent;
    padding: 0;
    margin-bottom: 0;
    display: inline-block;
    margin-right: 10px;
}

.breadcrumb-item {
    font-size: 14px;
    text-transform: capitalize;
    display: inline-block;
}

.breadcrumb .breadcrumb-item {
    color: var(--header-text-clr);
    font-weight: 500;
}

.btn:hover, .diamond-search.btn {
    color: #fff;
    border-color: var(--count-icon-bg);
    background-color: var(--count-icon-bg);
}

.diamond-search:hover {
    background: #fff;
    color: var(--diamond-search-hover);
}

.modal {
    z-index: 999999;
}

.page-breadcrumb {
    background: var(--header-bg);
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);
    border: 1px solid var(--header-border);
    padding: 0 5px;
}

.navbar-collapse .active > .nav-link, .navbar-collapse .nav-link:hover,
.navbar-collapse .nav-link.active, .navbar-collapse .nav-link.show, .navbar-collapse .show > .nav-link {
    color: #073a79;
}

.report_grid .jqx-grid-cell-pinned {
    background-color: #f2f7fc;
    text-align: center;
}

.report_grid .jqx-fill-state-normal {
    border-color: #a0c7fb;
    background: #dbe8fb;
}

.report_grid .jqx-grid-group-cell.jqx-grid-cell-pinned.jqx-grid-group-expand.jqx-icon-arrow-down ~ .jqx-grid-group-cell,
.jqx-grid-group-cell.jqx-grid-cell-pinned.jqx-grid-group-collapse.jqx-icon-arrow-right ~ .jqx-grid-group-cell {
    border-right: none;
    background-color: #f3f8fd;
}

.order-list-view .stock_count div {
    display: inline-block;
}

.stock_count div {
    text-transform: capitalize;
    color: #314152;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 15px 6px 0;
    border-top: none;
}

    .stock_count div span {
        font-weight: 600;
    }

.navbar .navbar-toggler {
    color: #000;
    border-color: transparent;
    padding: 0;
}

    .navbar .navbar-toggler span {
        line-height: 30px;
        width: 20px;
        height: 30px;
        font-size: 30px;
        background-size: 15px;
        margin-right: 10px;
    }

.navbar .navbar-brand {
    padding: 0;
    margin-right: 0;
}

.navbar .navbar-toggler.collapsed span {
    background-image: url('../../webstorecontent/img/menu.svg');
}

.small_device_menu i {
    color: #fff;
    font-size: 20px;
}

.theme-logo {
    line-height: 58px;
}

.sub-head {
    color: #212121;
    margin-bottom: 0;
}

.green.btn {
    border-color: #009f57;
    color: #009f57;
}

    .green.btn > a {
        color: #009f57;
    }

    .green.btn:hover {
        background: #009f57;
        color: #fff;
    }

        .green.btn:hover > a {
            color: #fff;
        }

.search-diamond .shapes {
    max-height: 75px;
    overflow: hidden;
    width: calc(100% - 45px);
    display: inline-block;
    font-size: 0;
}

.shapes li, .hide_shape li {
    display: inline-block;
    padding: 10px 6px;
    width: 85px;
}

.dashboard-count .col-xl-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.hide_shape li {
    margin-top: 10px;
}

.shape .more, .show_customizesize .more {
    background: #f7f7f7;
    line-height: 60px;
    vertical-align: top;
    cursor: pointer;
    display: inline-block;
    width: 40px;
    text-align: center;
    height: 60px;
    font-size: 24px;
    margin: 10px 0;
}

.shape .more.plusehide{
    display:none;
}

.show_customizesize .more {
    margin: 0;
    height: 33.5px;
    line-height: 35px;
    font-size: 20px;
}

.shapes .more.active a:before {
    content: "\F374";
}

.shapes li a > span, .hide_shape li a > span {
    color: #171717;
    text-transform: capitalize;
    font-size: 12px;
    line-height: 18px;
    margin-top: 6px;
    vertical-align: bottom;
    display: flex;
    justify-content: center;
    text-align: center;
}

.dvDetail {
    border-top: 1px solid #aaa;
}

.search-diamonds .button {
    display: inline-block;
}

ul.shapes li div, .hide_shape li div {
    text-align: center;
}

.nav-tabs {
    border-bottom: none;
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        background-color: var(--tabactive-bg);
        border-color: var(--header-border);
        padding: 6px;
        color: #171717;
    }

    .nav-tabs .nav-link {
        border-radius: 0;
        font-size: 13px;
        color: #171717;
        padding: 4px 6px;
        background: var(--tab-bg);
        text-transform: capitalize;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .nav-tabs .nav-link span {
            padding: 2px 6px;
            background: #6c8603;
            margin-left: 4px;
            color: #fff;
            border-radius: 50px;
            font-size: 12px;
        }

        .nav-tabs .nav-link i {
            margin-right: 5px;
            font-size: 16px;
            vertical-align: middle;
        }

        .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
            border-color: var(--tab-hav-border);
        }

.shapes li img, .hide_shape li img {
    margin: 0 auto;
    height: 40px;
}

.shapes svg {
    display: block;
    height: 40px;
    margin: 0 auto;
}

.shapes li.hide_shape {
    width: auto;
    padding: 0;
    margin-bottom: 0;
}

.customize_size {
    font-size: 12px;
    cursor: pointer;
    text-transform: capitalize;
    margin-bottom: 4px;
}

.size.toggle-size li {
    background: #f7f7f7;
    width: 30px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    font-size: 24px;
    cursor: pointer;
}

ul li a {
    color: #171717;
    font-weight: 500;
    font-size: 12px;
}

ul li:last-child {
    border-right: none;
}

.shape_size li, .show_search li, .clarity_list li, .cut li, .polish li, .symm li, .Fluorescence li, .lab li, .Fluorescence-color li,
.Location li, .tinge li, .HnA li {
    background: #f4f4f4;
    line-height: 33px;
    border-right: 1px solid #d4d4d4;
    text-align: center;
    cursor: pointer;
}

.shape_size li, .show_search li {
    width: 100px;
}

.clarity_list li {
    width: 50px;
}

.cut li, .polish li, .symm li, .lab li, .Location li, .tinge li, .HnA li {
    width: 70px;
}

.Fluorescence li, .Fluorescence-color li {
    width: 61.5px;
}

ul.size {
    display: block;
    clear: both;
}

.show_search .ml20 {
    margin-left: 28px;
}

.mcs-horizontal-example li.active {
    background: var(--heading);
    color: #fff;
}

    .mcs-horizontal-example li.active a {
        color: #fff;
    }

.form-control {
    border-radius: 0;
    font-size: 13px;
    padding: 4px 10px;
    color: #171717;
    border: 1px solid #e3e3e3;
    width: 100%;
}

    .form-control:focus {
        color: #171717;
        box-shadow: 0 0 0 0.2rem rgb(247, 247, 247);
        border-color: #f7f7f7;
    }

.shape_size li.toggle_icon {
    width: auto;
    margin: 0;
    vertical-align: middle;
    line-height: normal;
}

.shape_color li {
    background: #f4f4f4;
    /*float: left;*/
    line-height: 33px;
    border-right: 1px solid #d4d4d4;
    width: 75px;
    text-align: center;
    cursor: pointer;
}

.select2-dropdown {
    border: 1px solid #e3e3e3;
}

.white-color, .fancy-color {
    display: flex;
    align-items: center;
    clear: both;
}

    .white-color .title_wrapper {
        width: 95px;
    }

.mcs-horizontal-example > ul {
    white-space: nowrap;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0;
}

.mcs-horizontal-example ul li {
    display: inline-block;
    padding: 0 6px;
}

    .mcs-horizontal-example ul li a {
        display: inline-block;
        vertical-align: middle;
    }

.ms-options-wrap > button:focus, .ms-options-wrap > button {
    border: 1px solid #e3e3e3;
}

.fancy_form {
    position: relative;
    display: block;
    width: 85%;
    float: left;
}

.fancy .title_wrapper {
    width: 15%;
}

.check_rate input[type="checkbox"], .custom-control input[type="radio"] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    width: 18px;
    height: 18px;
    z-index: 2;
}

    .check_rate input[type="checkbox"]:checked + label span {
        background-image: url(../../webstorecontent/img/check.png);
    }

    .custom-control input[type="radio"]:checked ~ span::after {
        transform: scale(1);
    }

    .custom-control input[type="radio"] ~ span::after {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 50px;
        left: 4px;
        top: 4px;
        background: var(--heading);
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .check_rate input[type="checkbox"] + label span {
        display: inline-block;
        width: 18px;
        height: 18px;
        margin: 0 4px 0 0;
        vertical-align: middle;
        border: 1px solid #e3e3e3;
        cursor: pointer;
        background-repeat: no-repeat;
        background-size: 12px;
        background-position: center;
        position: absolute;
        left: 0;
        top: 0;
    }

.custom-control span:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    border: 1px solid var(--heading);
    border-radius: 50px;
    left: 0;
    top: 0;
}

.check_rate {
    position: relative;
    display: inline-block;
}

    .check_rate label {
        display: inline-block;
        padding-left: 24px;
        position: relative;
    }

.show_customizesize .check_rate {
    padding-left: 4px;
}

.space .check_rate label {
    display: block;
}

.CaretDiv .lbl {
    padding-right: 4px;
}

.CaretDiv {
    border: 1px solid #e3e3e3;
    padding: 4px 4px 4px 0;
    position: absolute;
    background: #fff;
    z-index: 2;
    top: 36px;
    width: 660px;
    display: none;
}

    .CaretDiv .form-control {
        height: 30px;
        padding: 4px;
    }

.Measurements .title {
    font-size: 13px;
    margin-bottom: 6px;
    text-transform: capitalize;
    margin-top: 10px;
    color: var(--heading);
}

.advance_block i {
    vertical-align: middle;
}

.fixed_btn {
    position: fixed;
    background: var(--header-bg);
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    text-align: center;
    box-shadow: 2px 4px 10px rgba(51, 53, 71, 0.16);
    border-top: 1px solid var(--header-border);
    z-index: 2;
}

    .fixed_btn label {
        margin-right: 10px;
        vertical-align: middle;
        font-weight: 500;
        text-transform: capitalize;
        font-size: 16px;
    }

    .fixed_btn span {
        padding-right: 6px;
    }


.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-bottom: 10px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgb(176, 176, 176);
}

.select2-results__options {
    -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.21);
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.21);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    line-height: 18px;
    font-size: 12px;
    background-color: #f4f4f4;
    border: 1px solid #e3e3e3;
}

.select2-results__option {
    font-size: 12px;
    border-bottom: 1px solid #e3e3e3;
    background-color: #fdfdfd;
    font-weight: 500;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #e3e3e3;
    border-radius: 0;
    height: 34px;
}

.ms-parent {
    position: relative;
    margin-bottom: 10px;
}

.breadcrumb-item + .breadcrumb-item::before {
    padding-right: 4px;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 4px;
}

.responsive_summary .summary {
    right: 0;
    left: auto;
    padding: 10px;
    width: 250px;
}

.stock_count.responsive_summary {
    position: relative;
}

.stone_details .media i {
    font-size: 20px;
    color: var(--stonedetail-border);
}

.table-top span {
    display: block;
}

.price_table {
    margin-right: 4px;
}

.sentpraposal-details .price_table, .sentpraposal_box .price_table {
    float: left;
}

.price_table span:first-child {
    font-size: 15px;
    margin-bottom: 2px;
    font-weight: 500;
    display: block;
    line-height: 20px;
}

.sentPraposal .price_table td {
    border-top: none;
    padding: 0;
}

.stone_details .d_stoneno, .stone-title {
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 600;
    color: #171717;
}

.orderList_box .stone_details p, .sentpraposal_box .stone_details p {
    color: #073a79;
    font-size: 14px;
}

.stone_details p {
    margin-bottom: 0;
    font-size: 13px;
    white-space: normal;
}

.price_table span:last-child {
    display: block;
    color: #737373;
    font-size: 12px;
    text-transform: capitalize;
}

.stone_details .stone_info {
    border: 1px solid var(--stonedetail-border);
    max-height: 400px;
}

.stone_details .table tr td:first-child {
    color: var(--mstokserch-detail-clr);
    width: 30%;
}

.top_border {
    border: 1px solid var(--stonedetail-border);
    padding: 10px;
    margin-bottom: 5px;
}

.stock_no {
    color: #69330f;
    display: block;
    font-size: 12px;
}

.inline-table table {
    float: left;
    width: 33.33%;
}

.price_detail .button a {
    margin: 0 4px;
    cursor: pointer;
}

.stone_details .tab-content .image_table > div {
    display: inline-block;
}

.stone_img label {
    color: #0c750c;
    position: absolute;
    font-size: 10px;
}

.stone_img .width {
    top: 0;
    left: 62%;
}

.stone_img .length {
    top: 42%;
    left: 17%;
}

.stone_img {
    position: relative;
    display: inline-block;
}

    .stone_img .girdle_dia {
        top: -7px;
        left: 56%;
    }

    .stone_img .width_table {
        top: 8%;
        left: 57%;
    }

    .stone_img .cr_height {
        top: 19%;
        left: 15%;
    }

    .stone_img .depth {
        top: 51%;
        left: 5px;
    }

    .stone_img .girdle {
        top: 66%;
        left: 11%;
    }

    .stone_img .pavilon_depth {
        top: 75%;
        left: 24%;
    }

.image_table {
    width: auto;
    padding: 10px;
}

.title_wrapper h4 {
    background: var(--compare-head-bg);
    padding: 8px 10px;
    color: #171717;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 14px;
    height: 35px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 20px;
}

.fixed_layout li, .item li {
    padding: 6px 10px;
    border-bottom: 1px solid #e1e1e1;
    text-transform: capitalize;
    font-weight: 500;
    color: #494343;
    background: #F2F3F3;
}

.compareList .item li {
    font-weight: 400;
    height: 34px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.top_box {
    text-align: center;
    text-transform: capitalize;
    background: #F2F3F3;
    min-height: 140px;
    font-size: 14px;
}

.compareList .top {
    background: #F2F3F3;
    padding: 10px;
    text-align: center;
    min-height: 140px;
    position: relative;
}

.top h3 {
    font-size: 13px;
    color: #8b8b8b;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 10px;
}

.top h5 {
    margin: 12px 0;
    text-transform: capitalize;
    font-size: 12px;
    color: #454545;
    font-weight: 400;
}

.owl-nav {
    position: absolute;
    top: 34%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}

.compareList.owl-carousel .owl-nav button.owl-next,
.compareList.owl-carousel .owl-nav button.owl-prev {
    background: rgba(0, 0, 0, 0.25);
    width: 40px;
    height: 40px;
    border-radius: 50px;
    position: absolute;
    font-size: 25px;
    color: #fff;
}

.compareList.owl-carousel .owl-nav button.owl-prev {
    left: 0;
}

.compareList.owl-carousel .owl-nav button.owl-next {
    right: 0;
}

.compareList.owl-carousel .owl-nav button:hover {
    background: #8fa5c3;
}

.stone_details .table td {
    text-transform: capitalize;
    padding: 4px 8px;
    font-size: 13px;
    border-top: none;
}

.stone_details .table tr:nth-child(odd) {
    background: var(--stonedetail-row-bg);
}

.not-available > img {
    display: none;
}

    .not-available > img.image-no, .image_block {
        display: inline-block;
    }

.stone_info .inline-table ~ .table {
    margin-bottom: 0;
}

.price_detail .button {
    display: inline-block;
    vertical-align: top;
    float: right;
}

    .price_detail .button img {
        width: 24px;
    }

.compare-dmd {
    font-size: 14px;
    color: #ff0000;
    font-weight: 500;
    display: block;
}

.top_box > div {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    transform: translateY(50px);
}

.compareList .top .btn {
    position: absolute;
    left: 50%;
    bottom: 10px;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    transform: translate(-50%);
    width: 110px;
}

.mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.price_table > div {
    float: left;
    text-transform: capitalize;
    margin-right: 30px;
}

.sent-offer .price_table > div {
    margin-right: 40px;
}

.price_table .order-status span {
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    display: inline-block;
}

.sentpraposal-details .price_detail {
    overflow: hidden;
}

.sentpraposal-details .right_panel {
    margin-top: 20px;
}

.orderList_box .price_table > div, .mycart .price_table > div {
    width: 16%;
    margin-bottom: 4px;
    margin-right: 0;
}

    .orderList_box .price_table > div.pcs, .mycart .price_table > div.pcs {
        text-align: center;
    }

.price_detail .left {
    margin-top: 20px;
}

.price_table label.price {
    display: block;
    clear: both;
    text-align: center;
    font-weight: 400;
    font-size: 11px;
    border-bottom: 1px solid #e3e3e3;
}

.orderList_box .order-status {
    margin-top: 4px;
    margin-right: 0;
    float: right;
    margin-bottom: 0;
    text-align: right;
}

.sentPraposal .price_table td {
    padding-right: 30px;
}

.profile .title:first-child {
    margin-top: 10px;
}

.profile .title {
    text-transform: capitalize;
    color: #073a79;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    z-index: 0;
    font-weight: 500;
}

.profile label {
    font-size: 14px;
    text-transform: capitalize;
    color: #666;
    font-weight: 500;
}

.modal-content {
    box-shadow: 0 0 40px rgba(0,0,0,0.5);
    border: none;
}

.modal-header {
    background-color: var(--popoup-header-bg);
    color: #ffffff;
    text-transform: capitalize;
    padding: 14px 15px;
    font-size: 14px;
    font-weight: 900;
}

.modal-title {
    font-size: 16px;
}

.modal-header .close {
    position: absolute;
    right: -5px;
    top: -5px;
    background: #fff;
    opacity: 1;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0;
    border: 2px solid transparent;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    opacity: 1;
    border-color: #fff;
    background: var(--popoup-header-bg);
    color: #fff;
}

.modal-footer {
    padding: 10px 15px;
}

.profile .submit-btn {
    border-top: 1px solid #e8e8e8;
    padding: 10px;
}

.go_back i {
    font-size: 20px;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    color: #073a79;
}

.go_back span {
    text-transform: capitalize;
    display: inline-block;
    color: #073a79;
    font-weight: 500;
    vertical-align: text-bottom;
}

.left_panel > div > span:last-child {
    font-size: 18px;
    font-weight: 500;
}

.left_panel > div > span {
    color: #073a79;
    text-transform: capitalize;
    font-weight: 400;
    display: block;
}

.left_panel > div {
    margin-bottom: 20px;
}

.orderstatus ul li, .status span {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 50px;
    text-transform: capitalize;
    font-size: 13px;
    margin: 2px 0;
    cursor: pointer;
    color: #fff;
}

.ready_pickup .status span {
    color: #fff;
}

.orderstatus ul li:hover {
    background: #073a79;
    color: #fff;
    border-color: #073a79;
}

.a_imageexist .image-no, .a_videoexist .image-no {
    display: none;
}

.right_panel .media-left {
    background: #dae3e8;
    padding: 10px;
    margin-right: 10px;
    outline: 1px solid #e8f1fa;
    outline-offset: 2px;
}

    .right_panel .media-left img {
        width: 40px;
    }

.right_panel .heading {
    text-transform: capitalize;
    color: #073a79;
    font-size: 15px;
    margin-bottom: 4px;
    position: static;
    margin-top: 0;
}

.right_panel .order-media {
    margin-bottom: 20px;
    border-bottom: 1px solid #e8f1fa;
    cursor: pointer;
    padding-bottom: 20px;
}

    .right_panel .order-media:last-child {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .right_panel .order-media.show > .media:after {
        content: "\F143";
    }

    .right_panel .order-media > .media:after {
        content: "\F140";
        font-family: "Material Design Icons";
        font-size: 26px;
        color: #073a79;
    }

.right_panel .price_table div span:first-child {
    font-size: 14px;
}

.right_panel .price_table > div {
    margin-right: 30px;
}

.right_panel .stone_details {
    padding-top: 15px;
}

.pending {
    background: #F0AD4E;
}

.process {
    background: #0092BC;
}

.approved {
    background: #21A85A;
}

.delivered {
    background-color: #073a79;
}

.dispatch {
    background: #858181;
}

.completed {
    background: #73A200;
}

.cancel {
    background: #f23232;
}

.status .ready_topickup {
    color: #348a08;
    border: 1px solid #348a08;
    background: #e7ffdb;
}

.status .order_delivered {
    border: 1px solid #df6905;
    color: #df6905;
    background: #ffebda;
}

.status .order-approved {
    color: #068ca1;
    background: #c4f7ff;
    border: 1px solid #068ca1;
}

.status .confirm-order {
    color: #ff1069;
    border: 1px solid #ff1069;
    background: #ffd0e1;
}

.status .place-order {
    color: #b5a918;
    border: 1px solid #b5a918;
    background: #fffcd3;
}

.input-group-text {
    background: transparent;
    border: none;
}

.input-group .form-control {
    border: none;
    border-bottom: 1px solid #e3e3e3;
}

.order-list .form-control {
    border: none;
    border-bottom: 1px solid #e3e3e3;
    text-transform: uppercase;
    font-size: 14px;
    padding: 0;
    -webkit-appearance: none;
    background: url(../../webstorecontent/img/drop-down-arrow.png) no-repeat;
    background-size: 12px;
    background-position: right;
    position: relative;
}

.order-list .stoneinput {
    background-image: none;
}

.order-list .form-control:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.order-status span {
    text-transform: uppercase;
    color: #fff;
    padding: 2px 15px;
    display: inline-block;
    border-radius: 50px;
    font-size: 12px;
}

.orderList_box, .sentpraposal_box {
    border: 1px solid #e3e3e3;
    padding: 8px;
    margin-bottom: 10px;
    cursor: pointer;
    display: block;
}

    .orderList_box:hover, .sentpraposal_box:hover {
        background: #e8f1fa;
        border-color: #99c4fa;
    }

    .orderList_box .order_no, .sentpraposal_box .order_no {
        padding-right: 20px;
        font-weight: 500;
    }

.order-media .media .amount span {
    font-size: 16px;
    margin-bottom: 2px;
    color: #b60101;
    line-height: normal;
}

.order-media .media .amount .CurrSymbol {
    font-size: 15px;
}

.order-media .media .amount span.text {
    display: block;
    color: #737373;
    font-size: 12px;
    text-transform: capitalize;
}

.title .heading a {
    color: #073a79;
    display: inline-block;
}

.order-media .media .remove i {
    color: #f23232;
    font-size: 24px;
}

.same-address i {
    background: #e5a511;
    border-radius: 50px;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    display: inline-block;
    font-size: 20px;
    position: relative;
    top: -10px;
}

.removeAllCart.text-right {
    float: right;
    margin-right: 0;
}

.order-media .media .stone-info {
    width: 60%;
    float: left;
}

.order-media .media .status {
    width: 20%;
    float: left;
    text-align: center;
}

.order-media .media .amount {
    width: 20%;
    text-align: center;
}

.countBox .col-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.billing-address .title ~ .form-group {
    clear: both;
}

.quick_table .table td, .quick_table .table th {
    padding: 2px 8px;
    border: 1px solid #dee2e6;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
}

.quick_table .table_2 th {
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    font-weight: 600;
}

.quick_table .inner_tab01 td {
    min-width: 78px;
    cursor: pointer;
}

.quick_table tr:first-child td {
    padding: 2px 0px;
    background-color: #eee;
    font-size: 14px;
    font-weight: 500;
}

.quick_table .w92 {
    width: 100%;
    overflow-x: auto;
    float: left;
}


.quick_table .table th {
    background: var(--header-bg); /*#e7f0f9;*/
}

.quick_table .w8 {
    width: 119px;
    float: left;
}

.quick_table .wd92 {
    float: left;
}

.notification_wrapper .media:not(:last-child) {
    border-bottom: 1px solid #efefef;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.notification_wrapper .media-body .date {
    float: right;
    font-size: 11px;
    color: #666;
}

.media .sub-title {
    margin-top: 4px;
}

.notification_wrapper .media-body .sub-heading {
    text-transform: capitalize;
    font-size: 12px;
    color: #073a79;
}

.account_login {
    background: url(../../webstorecontent/img/login-bg.jpg) no-repeat;
    background-size: cover;
}

.ac_login .login {
    background: #fff;
    padding: 20px 40px;
    border-radius: 20px;
    -webkit-box-shadow: -20px -20px 0px 0 rgb(175, 195, 219), -40px -40px 0px 0 rgb(15, 62, 119);
    -moz-box-shadow: -20px -20px 0px 0 rgb(175, 195, 219), -40px -40px 0px 0 rgb(15, 62, 119);
    box-shadow: 18px -19px 0px 0 rgb(175, 195, 219), 35px -35px 0px 0 rgb(15, 62, 119);
}

.account .btn:hover {
    border-color: #073a79;
    background: #fff;
    color: #073a79;
}

.account {
    margin-top: 20px;
}

.tabs-nav {
    padding: 6px 10px;
    background: #073a78;
    margin: 0;
    overflow: hidden;
    list-style: none;
    display: inline-block;
    border-radius: 5px;
}

    .tabs-nav li {
        float: left;
        padding: 6px 25px;
        text-transform: capitalize;
        font-size: 12px;
        cursor: pointer;
        color: #fff;
        font-weight: 600;
    }

.languages {
    text-align: right;
    margin-bottom: 60px;
}

.tabs-nav li.active {
    background: #fff;
    color: #073a78;
}

.account .title {
    font-size: 20px;
    margin-bottom: 40px;
    position: relative;
    font-weight: 600;
    text-transform: capitalize;
}

.form-control[type="email"] {
    text-transform: initial;
}

.account .title:before {
    content: '';
    position: absolute;
    width: 25px;
    height: 4px;
    background: #000;
    border-radius: 50px;
    bottom: -10px;
}

.login_details .input-group .form-control {
    padding-left: 50px;
    border-radius: 5px;
}

.input-icon img {
    width: 20px;
}

.forget_pwd {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
    color: #000;
    text-transform: capitalize;
}

.account .input-group .input-icon {
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    line-height: 44px;
}

.account .btn {
    background: #073a79;
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 400;
    border: 1px solid transparent;
    border-radius: 5px;
    padding: 0.6rem 1.2rem;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.account .form-control {
    height: 44px;
    border: 1px solid #d9dfe1;
    color: #76838f;
    font-size: 14px;
}

.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus {
    z-index: 0;
}

.account_link {
    margin-top: 30px;
}

    .account_link a {
        font-size: 14px;
        border-bottom: 1px solid #000;
        font-weight: 600;
        color: #000;
        text-transform: capitalize;
        transition: all 0.5s ease;
    }

        .account_link a:hover {
            border-bottom: 1px solid var(--login-bg);
        }


.dashboard, .search-diamond {
    max-width: 80%;
    margin: 0 auto;
}

/*.stock_counter {
    display: -ms-flexbox;
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
}*/

.count_box {
    /*-webkit-box-shadow: 0 0.5rem 1rem 5px rgba(0,0,0,.05);
    -moz-box-shadow: 0 0.5rem 1rem 5px rgba(0,0,0,.05);
    box-shadow: 0 0.5rem 1rem 5px rgba(0,0,0,.05);*/
    -webkit-box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px;
    -moz-box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px;
    box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px;
    padding: 15px;
    position: relative;
    background: #fff;
    border: 1px solid var(--count-icon-bg);
    border-radius: 5px;
    top: 0;
    margin-bottom: 10px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.dashboard .card-body,
.search-diamond .card-body {
    border: 1px solid var(--count-icon-bg);
    border-radius: 5px;
}

.stock_counter .count .count_box:hover {
    top: -8px;
    box-shadow: 0 0.5rem 3rem 15px rgba(0, 0, 0, 0.08);
}

.count_box .count_no {
    color: #171717;
    font-size: 14px;
}

.recent_diamond td label {
    font-weight: 400;
    max-width: 600px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 0;
}

.count_box .title {
    font-size: 14px;
    text-transform: capitalize;
    margin-bottom: 6px;
    color: #666;
    font-weight: 400;
    width: 70%;
    white-space: normal;
}

.count_icon {
    background-repeat: no-repeat;
    background-size: 30px;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 6px;
    top: 10px;
    bottom: 10px;
    background-color: var(--count-icon-bg);
    background-position: center;
    border-radius: 6px;
}

.stock_white .count_icon {
    background-image: url(../../webstorecontent/img/stock-white.svg);
}

.stock_fancy .count_icon {
    background-image: url(../../webstorecontent/img/stock-fancy.svg);
}

.new_arrival .count_icon {
    background-image: url(../../webstorecontent/img/new-arrival.svg);
}

.my_hold .count_icon {
    background-image: url(../../webstorecontent/img/on-hold.svg);
}

.my_offer .count_icon {
    background-image: url(../../webstorecontent/img/offer.svg);
}

.my_Watchlist .count_icon {
    background-image: url(../../webstorecontent/img/watchlist.svg);
}
.my_order .count_icon {
    background-image: url(../../webstorecontent/img/myorder.svg);
}

.table td, .table th {
    padding: 14px 15px;
    color: #171717;
}

    .table td a {
        color: #171717;
    }

.table-striped tbody tr:nth-of-type(odd) {
    background: #ececec75;
}

.dashboard .heading {
    font-size: 14px;
    display: inline-block;
    margin-bottom: 0;
}

.seller-details .card-body {
    padding: 10px 15px;
}

.seller-details table {
    margin-bottom: 14px;
}

.seller-details .media span {
    text-transform: capitalize;
    font-size: 12px;
}

.seller-details {
    margin-top: 20px;
}

.media .title {
    text-transform: capitalize;
    font-size: 16px;
    color: #666;
}

.seller-details .table td {
    padding: 6px 0;
    color: var(--heading);
}

/*.table-header {
    margin-top: 20px;
    margin-bottom: 20px;
}*/

.table thead th {
    text-transform: capitalize;
}

.dashboard .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    width: 30px;
    height: 30px;
    background: var(--header-bg);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: absolute;
}

.dashboard .owl-carousel .owl-nav button.owl-prev {
    left: 0;
}

.dashboard .owl-carousel .owl-nav button.owl-next {
    right: 0;
}

.dashboard .owl-carousel .owl-nav button span {
    font-size: 30px;
    line-height: 26px;
    display: inline-block;
}

.dashboard .owl-carousel .owl-nav button:hover {
    background: var(--heading);
    color: #fff;
}

.stone_id {
    text-align: center;
    font-size: 14px;
    text-transform: capitalize;
    color: var(--heading);
    font-weight: 500;
    margin-top: 10px;
}

.diamond_details p {
    font-size: 12px;
    margin: 2px 0;
    color: #171717;
}

.certi_no {
    text-align: center;
    font-size: 13px;
    text-transform: capitalize;
    color: #171717;
    font-weight: 500;
    margin-bottom: 0;
}

.dashboard .table-responsive {
    max-height: 246px;
}

.quicksearch_detail .header {
    background: var(--heading);
    padding: 3px 15px;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
}

.quicksearch_detail:before {
    content: '';
    position: absolute;
    border: 8px solid var(--heading);
    right: 12%;
    top: -17px;
    border-left-color: transparent;
    transform: translateX(-50%);
    border-top-color: transparent;
    border-right-color: transparent;
}

.quicksearch_detail {
    background: #fff;
    width: 250px;
    clear: both;
    border: 1px solid var(--heading);
    position: absolute;
}

    .quicksearch_detail .table td a {
        text-decoration: underline;
    }

    .quicksearch_detail .table td, .quicksearch_detail .table th {
        padding: 5px 10px;
        color: #171717;
        text-transform: capitalize;
        text-align: center;
    }

    .quicksearch_detail .table th {
        background-color: #ebebeb;
        text-align: center;
    }

        .quicksearch_detail .table td:first-child, .quicksearch_detail .table th:first-child {
            text-align: left;
        }

        .quicksearch_detail .table td:first-child, .quicksearch_detail .table th:first-child {
            text-align: left;
        }

.sentpraposal-details .right_panel .price_detail .button {
    float: none;
    display: block;
    margin-top: 0;
}

.not-found .title {
    margin: 30px 0;
    font-size: 26px;
    font-style: italic;
}

.notfound {
    text-align: center;
    line-height: 180px;
    font-size: 16px;
    font-weight: 500;
}

.tblSaveSearch span.close {
    font-size: 15px;
    border-radius: 50px;
    width: 20px;
    background: #fa5d5d;
    color: #fff;
    text-align: center;
    height: 20px;
    line-height: 20px;
    opacity: 1;
    cursor: pointer;
}

.tblSaveSearch tbody tr:nth-of-type(odd) {
    background: #dcecff;
}

.tblSaveSearch tbody tr td {
    padding: 8px 15px;
}

.icon-imgexist {
    background: url('icons/Image_exists.png') no-repeat center center;
}

.icon-imgnoexist {
    background: url('icons/Image_notexists.png') no-repeat center center;
}

.icon-videoexist {
    background: url('icons/Video_exists.png') no-repeat center center;
}

.icon-videonoexist {
    background: url('icons/Video_notexists.png') no-repeat center center;
}

.icon-urlexist {
    background: url('icons/urlexist.png') no-repeat center center;
}

.icon-urlnoexist {
    background: url('icons/urlnoexist.png') no-repeat center center;
}

.dsbtn {
    color: #fff;
    border: none;
    cursor: pointer;
    width: 100%;
    height: 24px;
}

.recent_diamond table td a {
    max-height: 40px;
    overflow: hidden;
    display: block;
}

.d-inlineBlock .heading, .d-inlineBlock .inline {
    display: inline-block;
}

    .d-inlineBlock .inline a {
        border: 1px solid var(--heading);
        padding: 1px 6px;
        border-radius: 3px;
        font-size: 12px;
        font-weight: 500;
        background-color: var(--header-bg);
        color: var(--heading);
        vertical-align: top;
    }

        .d-inlineBlock .inline a.active {
            color: #fff;
            background-color: var(--header-border);
            ;
        }

.heading.stone_no {
    font-size: 14px;
}

    .heading.stone_no i {
        vertical-align: middle;
    }

.txtStoneNumber {
    height: 33px;
}

.stone_search .input-group .form-control {
    border: 1px solid #e3e3e3;
    margin: 0;
}

.diamond-search.btn {
    padding: 5px 12px;
    margin: 0;
    vertical-align: top;
}

.btn svg {
    width: 16px;
    height: 16px;
}

.diamond-search:hover svg path {
    fill: var(--summary-clr); /*#004292;*/
}

.st0, .st1 {
    fill: #f7f7f7 !important;
}

ul.shapes li.active svg .st0, ul.shapes li.active svg .st1 {
    fill: var(--heading) !important;
}

.btn:hover .st0, .btn:hover .st1 {
    fill: #fff !important;
}

.nav-tabs .nav-link.make-offer {
    color: #e87d0f;
}

.red {
    border-color: #c90c0c;
    color: #c90c0c;
}

    .red:hover {
        background: #c90c0c;
        color: #fff;
        border-color: #c90c0c;
    }

span.PENDING {
    color: #816604;
}

span.COMPLETED {
    color: #008151;
}

span.CANCEL {
    color: #f23232;
}

span.APPROVED {
    color: #188904;
}

span.DELIVERED {
    color: #4c18b2;
}

.col-summary .form-control {
    background: transparent;
    border: none;
    border-bottom: 1px solid #a1c8eb;
    height: 30px;
    padding: 0;
    width: 80%;
    margin-left: auto;
}

    .col-summary .form-control:focus {
        box-shadow: none;
    }

.col-summary .input-group i {
    font-size: 20px;
    display: inline-block;
}

.ac_login .wrap {
    width: 1050px;
}

.ac_login {
    /*background-image: url(../login-bg.jpg);*/
    background-size: cover;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

.middle {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90vh;
}

.responsive_view td {
    padding: 2px 4px;
    color: #2F2F31;
    font-size: 12px;
    border-top: none;
    font-weight: 600;
}

.responsive_view.selected {
    background: var(--mstokserch-select-bg);
    border-color: var(--mstokserch-head-bg); /*#004292;*/
}

.search_view {
    display: none;
}

.col-summary label:before {
    content: '';
    background: url(../../webstorecontent/img/sorting.png) no-repeat;
    background-size: 17px;
    width: 17px;
    height: 17px;
    position: absolute;
    left: 0px;
    top: 8px;
}

.responsive_view input[type=checkbox] {
    opacity: 0;
    position: absolute;
    left: 2px;
    top: 4px;
    width: 15px;
    height: 15px;
    z-index: 2;
    cursor: pointer;
}

.stone-info.label {
    position: relative;
}

.stone-info label {
    padding-left: 18px;
}

.stone_details .stone_info {
    max-height: 630px;
}

.detailView .close {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 25px;
    color: #000;
    opacity: 1;
    z-index: 1;
}

    .detailView .close:not(:disabled):not(.disabled):hover, .detailView .close:not(:disabled):not(.disabled):focus {
        background: transparent;
        color: #000;
    }

.responsive_view input[type=checkbox] ~ label:before {
    content: '';
    position: absolute;
    display: inline-block;
    border: 2px solid var(--mstokserch-head-bg); /*#004292;*/
    left: 2px;
    top: 5px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.responsive_view input[type=checkbox] ~ label:after {
    content: '';
    position: absolute;
    display: inline-block;
    background-image: url(../../webstorecontent/img/check.png);
    left: 4px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    top: 8px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

input[type=checkbox]:checked ~ label:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.responsive_view .stone {
    color: var(--mstokserch-head-bg); /*#004292;*/
    font-weight: 600;
}

.btnaction {
    position: fixed;
    bottom: 0;
    background: var(--mstokserch-head-bg); /*#004292;*/
    left: 0;
    right: 0;
    display: none;
}

.top-fixed {
    position: absolute;
    right: 10px;
    top: -150px;
}

    .top-fixed > div, .col-btn .actions {
        background: var(--mstokserch-head-bg); /*#004292;*/
        width: 40px;
        height: 40px;
        border-radius: 50px;
        text-align: center;
        line-height: 40px;
        margin-bottom: 10px;
        cursor: pointer;
    }

        .top-fixed > div img {
            width: 18px;
        }

.button-responsive {
    font-size: 0;
    position: absolute;
    width: 122px;
    top: -50px;
    transform-origin: 50% 0%;
    opacity: 0;
    -webkit-transform: scale(0) translateY(-30px);
    -moz-transform: scale(0) translateY(-30px);
    -o-transform: scale(0) translateY(-30px);
    transform: scale(0) translateY(-30px);
    border: 1px solid #41b74f;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.col-btn:hover .button-responsive {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -o-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

.button-responsive:before {
    content: '';
    position: absolute;
    border: 8px solid #41b74f;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    bottom: -16px;
    left: 10px;
}

.button-responsive a {
    width: 40px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    vertical-align: top;
}

.col-btn .actions {
    color: #fff;
    font-size: 20px;
    margin-bottom: 0;
}

.btnaction li {
    width: 25%;
    float: left;
    text-align: center;
    cursor: pointer;
    padding: 8px 10px;
}

    .btnaction li span {
        display: block;
        line-height: 18px;
        text-transform: capitalize;
        font-size: 13px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.top-fixed a {
    color: #fff;
    font-size: 18px;
}

.btnaction li a {
    color: #fff;
    font-size: 18px;
}

    .btnaction li a i {
        line-height: normal;
    }

.btnaction li img {
    width: 18px;
}

.same-address {
    margin-top: -15px;
}

.d_availability.available {
    color: #41B74F;
    font-weight: 600;
    background: #d7fbdb;
    margin-right: 0;
    border: 1px solid #41B74F;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 0 10px;
    text-transform: capitalize;
    font-size: 12px;
    border-radius: 50px;
}

.d_availability.onmemo {
    color: #b7ae41;
    font-weight: 600;
    background: #fffeec;
    margin-right: 0;
    border: 1px solid #b7ae41;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 0 10px;
    text-transform: capitalize;
    font-size: 12px;
    border-radius: 50px;
}

.d_availability.onhold {
    color: #0a8fc2;
    font-weight: 600;
    background: #def3fb;
    margin-right: 0;
    border: 1px solid #0a8fc2;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 0 10px;
    text-transform: capitalize;
    font-size: 12px;
    border-radius: 50px;
}

.stocksearch-title {
    text-align: center;
    font-weight: 600;
    font-size: 13px;
    padding: 8px 0px;
    color: #073a79;
    text-transform: uppercase;
    background: #dae6f4;
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1;
}

.removeAllCart {
    float: right;
    margin-right: 0;
}

.stone_info .inline-table ~ .table tr td:first-child {
    width: 10%;
}

.place-order.fixed_btn > div {
    display: inline-block;
}

.order-media.show .collapse {
    display: block;
}

.sub-title {
    font-size: 14px;
    font-weight: 600;
    color: #053878;
}

.sub-head {
    font-weight: 400;
    font-size: 12px;
    margin: 2px 0;
}

.ready_pickup.order-media .media .stone-info {
    width: 40%;
}

.ready_pickup .media-body .media .order_details {
    width: 30%;
    justify-content: center;
}

.ready_pickup .right_panel > .media {
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5;
}

    .ready_pickup .right_panel > .media:last-child {
        border-bottom: none;
    }

.order_details > div div:first-child {
    display: block;
    color: #737373;
    font-size: 12px;
    text-transform: capitalize;
    text-align: center;
}

.order_details > div div:last-child {
    font-size: 15px;
    margin-bottom: 2px;
    font-weight: 500;
    display: block;
    line-height: 20px;
    text-align: center;
}

.ready_pickup .card {
    margin-bottom: 10px;
}

.toggle-icon {
    font-size: 20px;
    line-height: 15px;
    display: inline-block;
    display: none;
}

.order-list .input-group-prepend .select2-selection {
    background: url(../../webstorecontent/img/drop-down-arrow.png) no-repeat;
    background-size: 12px;
    background-position: 98% 50%;
    position: relative;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    width: 90%;
}

.navbar-brand {
    max-width: 9.5%;
}

@media screen and (max-width: 1366px) {
    .stock_count div {
        padding: 2px 8px 2px 0;
        display: inline-block;
    }

    .stock_count.large_summary {
        padding: 0 2px;
    }

    .sentPraposal .price_table td {
        padding-right: 20px;
    }

    .header-right > li {
        margin-left: 4px;
        margin-right: 4px;
    }

    .navbar-collapse .navbar-nav .nav-link {
        padding: 10px 8px;
        font-size: 14px;
    }

    .shape_size li, .show_search li {
        width: 85px;
    }

    .navbar-collapse .form-inline {
        width: 26%;
    }

    .navbar-collapse .navbar-nav {
        width: 80%;
    }

    .user-details .user-icon span {
        display: none;
    }
}

@media screen and (max-width: 1199px) {
    .sentpraposal-details .stone_details .media-body {
        display: flex;
    }

    .ready_pickup .right_panel > .media {
        padding: 10px;
    }

    .languages, .logo .theme_logo {
        margin-bottom: 20px;
    }

    .ac_login .login {
        box-shadow: none;
    }

    .sentpraposal-details .stone_details p {
        margin: 0 10px;
    }

    .dashboard, .search-diamond {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    /*.orderList_box .price_table > div, .sent-offer .price_table > div {
        margin-right: 30px;
    }*/

    .shape_color li {
        width: 60px;
    }

    .shapes li, .hide_shape li {
        width: 62px;
    }

    .right_panel .price_table > div {
        margin-bottom: 5px;
        text-align: left;
        margin-right: 24px;
    }

    .right_panel .stone_details .inline-table .table tr td:first-child {
        width: 40%;
        padding: 4px;
    }

    .price_table > div {
        margin-right: 18px;
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .orderList_box .stone_details .media-body h5, .orderList_box .stone_details .media-body p {
        display: inline-block;
    }

    .orderList_box .price_detail {
        margin-top: 10px;
    }
}

@media screen and (min-width: 1300px) {
    .navbar-brand {
        max-width: 9.5%;
    }

    .navbar-collapse .navbar-nav {
        width: 60%;
    }

    .navbar-collapse .form-inline {
        width: 32%;
    }
}

@media (min-width: 1200px) and (max-width: 1700px) {
    .dvDetail .col-xl-7 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .navbar-collapse .navbar-nav .nav-link {
        padding: 0 10px;
    }
}

@media (min-width: 1200px) {
    .stone_search .col-xl-2 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .stone_search .col-xl-10 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
}

@media screen and (min-width: 992px) {
    .header-right-responsive, .page-breadcrumb .button.button-responsive, .navbar-close, .exclusive-link-res {
        display: none;
    }

    .navbar-expand-lg .navbar-collapse {
        flex-basis: 100%;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu, .button .dropdown-menu {
        display: block !important;
        position: absolute;
        opacity: 0;
        visibility: hidden;
        top: 120%;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }

    .navbar-expand-lg .navbar-nav .dropdown:hover .dropdown-menu, .button .dropdown:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
        top: 100%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1360px) {
    .button .btn {
        font-size: 13px;
        margin-right: 0;
    }

    .button i:before {
        font-size: 16px;
    }

    .page-breadcrumb {
        padding: 0 5px;
    }

    .button .btn {
        padding: 4px 6px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1140px) {
    .navbar-collapse .navbar-nav .nav-link {
        padding: 10px 4px;
        font-size: 14px;
    }

    .myaccount span, .myaccount .dropdown-toggle::after {
        display: none;
    }

    .page-breadcrumb .button {
        margin-left: 0;
    }

    .navbar-collapse .navbar-nav .nav-item i {
        font-size: 15px;
    }

    .navbar-collapse .navbar-nav .nav-link {
        font-size: 13px;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1884px) {
    .navbar-collapse .navbar-nav {
        width: 68%;
    }

    .navbar-collapse .form-inline {
        width: 32%;
    }
}

@media screen and (max-width: 1235px) {
    .navbar-collapse .form-inline {
        width: 30%;
    }
}

@media screen and (max-width: 1364px) {
    .stock_count.large_summary {
        display: inline-block;
    }

    .stock_count.responsive_summary {
        margin-left: 5px;
        float: right;
        padding: 0;
    }
}

@media screen and (min-width: 1365px) {
    .stock_count.large_summary, .stock_count.large_summary > div {
        display: inline-block;
    }

    .stock_count.responsive_summary {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .search_view {
        display: inline-block;
        vertical-align: bottom;
        line-height: 24px;
    }

    .ready_pickup .right_panel .media-left {
        display: none;
    }

    .ac_login .wrap {
        width: 750px;
    }

    .search_view i {
        font-size: 24px;
        display: inline-block;
        vertical-align: text-top;
    }

    .navbar-close {
        position: absolute;
        top: 4px;
        right: 6px;
        font-size: 20px;
    }

    .navbar-brand .logo {
        max-width: 125px;
    }

    .stocksearch .tab_wrapper {
        display: none;
    }

    .shapes li a > span, .hide_shape li a > span {
        font-size: 11px;
    }

    .exclusive-link-res {
        display: block;
    }

    .contact-details .dropdown-menu {
        box-shadow: none;
    }

    .wrapper {
        padding-top: 100px;
    }

    .contact-details {
        margin-right: 0;
    }

    .dropdown-item:before {
        top: 13px;
    }

    .contact-details.contact-details .header-dropdown {
        width: 100%;
        padding: 0;
    }

    .page-breadcrumb .col-btn {
        width: 80%;
    }

    .stone_details .table td {
        padding: 4px;
        font-size: 12px;
    }

    .page-breadcrumb .col-summary {
        width: 20%;
    }

    .stock_counter {
        display: block;
    }

    .button .btn > span, .sub-head, .stone_details .media i, .exclusive-resn {
        display: none;
    }

    .btn i, .btn.action i {
        margin-right: 2px;
    }

    .navbar {
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
        padding: 6px;
    }

    .button .dropdown > a > span {
        display: none;
    }

    .stock_count .summary div {
        padding: 4px 0;
        display: block;
    }

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

    .stock_counter:after {
        content: '';
        display: table;
        clear: both;
    }

    .navbar-collapse {
        left: -260px;
    }

    .navbar .navbar-collapse {
        position: fixed;
        top: 0;
        bottom: 0;
        background: #fff;
        z-index: 999999;
        text-align: left;
        -webkit-box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.18);
        -moz-box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.18);
        box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.18);
        width: 250px;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
        overflow-y: auto;
    }

    .sidebar-overlay {
        overflow: hidden;
    }

    .sidebar-backdrop.show ~ .navbar .navbar-collapse {
        left: 0;
    }

    .sent-offer .price_table > div {
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .mycart .right_panel .table tr td:first-child {
        width: 40%;
    }

    .sentPraposal_table {
        margin-top: 10px;
    }

    .sentPraposal {
        padding-top: 10px;
    }

    .form-group {
        margin-bottom: 0.5rem;
    }

    .ac_login .form-group {
        margin-bottom: 1rem;
    }

    .card-body {
        padding: 10px;
    }

    .orderList_box {
        padding: 10px;
    }

    .order-status span {
        font-size: 13px;
        padding: 2px 8px;
    }

    .stone_details .stone_info {
        max-height: 340px;
    }

    .price_detail .button {
        margin-top: 10px;
    }

    .navbar-collapse .nav-item.show .dropdown-menu, .header-right .dropdown:hover .header-dropdown {
        display: block !important;
        opacity: 1;
        visibility: visible;
        margin: 0;
    }

    .navbar-collapse .active > .nav-link, .navbar-collapse .nav-link:hover, .navbar-collapse .nav-link.active, .navbar-collapse .nav-link.show, .navbar-collapse .show > .nav-link {
        background: rgb(219, 232, 251);
        color: #314152;
    }

    .header-right .dropdown > a {
        color: #314152;
    }

    .header-right .dropdown .header-dropdown {
        left: auto;
        right: 0;
    }

    .navbar-collapse .header-right {
        display: none;
    }

    .navbar > .header-right {
        width: 85%;
        text-align: right;
        display: block;
    }

    .myaccount span, .myaccount .dropdown-toggle::after, .page-breadcrumb .button, .search-btn {
        display: none;
    }

    .search-diamonds .button .btn {
        padding: 4px 3px;
    }

    .myaccount:hover .header-dropdown {
        left: auto;
        right: 0;
    }

    .button .btn {
        margin: 2px 0;
        padding: 4px 8px;
        font-size: 13px;
    }

    .quick-search.page-breadcrumb .button, .page-breadcrumb .button.button-responsive, .search-diamonds.page-breadcrumb .button {
        display: inline-block;
    }

    .dropdown-menu {
        padding: 4px 0;
    }

    .dropdown-item {
        padding: 4px 12px 4px 40px;
        font-size: 13px;
    }

    .dropdown-menu .btn {
        display: block;
        border: none;
        text-align: left;
    }

    .action.btn {
        border-color: #009f57;
        color: #009f57;
    }

    .navbar-collapse .navbar-nav, .navbar-collapse .form-inline {
        width: 100%;
    }
}

@media screen and (min-width: 576px) and (max-width:991px) {
    .sentpraposal_box .stone_details {
        display: flex;
        display: -ms-flexbox;
        margin-bottom: 10px;
    }

        .sentpraposal_box .stone_details p {
            margin: 0 20px;
        }

    .stock_counter .count {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 767px) {
    .ready_pickup .media {
        display: block;
        overflow: hidden;
    }

    .ready_pickup.order-media .media .stone-info, .ready_pickup .media-body .media .order_details {
        width: 50%;
    }

    .order-media .media .status, .order-media .media .amount {
        width: 50%;
        float: left;
        text-align: left;
        margin: 10px 0;
    }

    .ready_pickup .media-body .media .order_details {
        justify-content: start;
    }

    .breadcrumb {
        justify-content: flex-start;
    }

    .login .theme_logo {
        display: none;
    }

    .fancy .title_wrapper, .fancy_form {
        width: 100%;
    }

    tr.lblAvailability {
        display: none;
    }

    .shapes li a > span, .hide_shape li a > span {
        font-size: 11px;
    }

    .left_panel > div {
        width: 33.33%;
        float: left;
    }

    .border-right {
        border-right: none !important;
    }

    .top_border .media {
        margin-bottom: 10px;
    }

    .stock_count {
        padding: 0 5px;
    }

    .page-breadcrumb .button {
        margin-left: 0;
    }

    .profile .title {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    /*.price_detail .button {
        display: block;
        clear: both;
        text-align: center;
        float: none;
    }*/

    .btn {
        margin: 2px 0;
        font-size: 13px;
    }

    .stone_details .button {
        margin-top: 10px;
    }

    .size .heading {
        margin-top: 0;
        margin-bottom: 0;
    }

    .nav-tabs .nav-item .nav-link i {
        margin-right: 5px;
        font-size: 14px;
        vertical-align: middle;
    }

    .white-color, .fancy-color {
        display: block;
    }


    .order-details .left_panel > div {
        margin-bottom: 0;
        margin-top: 15px;
        min-height: 54px;
    }

    .price_detail .table-top {
        margin-top: 10px;
    }

    .stone_details .table1 .table-row > div {
        width: 40%;
    }

    .stone_details .stone_info {
        max-height: 215px;
    }

    .top {
        min-height: 146px;
    }

    .orderList_box .price_table > div, .sent-offer .price_table > div {
        margin-right: 20px;
    }

    .right_panel .heading {
        font-size: 14px;
        margin-bottom: 0;
    }

    .order-media .media .amount span.text {
        font-size: 11px;
    }

    .inline-table table {
        width: 100%;
        margin-bottom: 2px;
    }

    .account {
        margin-top: 20px;
    }

    .forget_pwd {
        margin-bottom: 10px;
    }

    .price_table span:first-child {
        font-size: 14px;
    }
}

@media screen and (max-width: 575px) {
    .txtStoneNumber {
        width: 100%;
        display: block;
        margin-right: 0;
        margin-left: 0;
        margin: 10px 0;
    }

    .shape .more {
        line-height: 40px;
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .ms-parent {
        margin-bottom: 5px;
    }

    .show_customizesize .sres, .fancy_form {
        display: none;
    }

    .ready_pickup.order-media .media .stone-info, .ready_pickup .media-body .media .order_details {
        width: 100%;
    }

    .recent_diamond tr td {
        padding: 8px;
        font-size: 13px;
    }

    .ready_pickup.order-media .media .stone-info span, .order_details > div div:last-child {
        display: block;
        font-size: 12px;
    }

    .container {
        max-width: 100%;
        padding: 0;
    }


    .modal-open .stone_details .table td {
        border-top: 1px solid #c7e2fd;
    }

    /*.container, .row > [class^=col-] {
        padding-right: 0;
        padding-left: 0;
    }*/

    /*.row {
        margin: 0;
    }*/

    .tabs-nav li {
        padding: 2px 15px;
    }

    .same-address, .ready_pickup .right_panel {
        margin-top: 0;
    }

    .price_table span:last-child {
        font-size: 11px;
    }

    .image_block img {
        vertical-align: top;
        height: 14px;
    }

    .count_box .title, .heading.stone_no {
        font-size: 13px;
        margin-top: 0;
    }

    .image_block > a {
        vertical-align: top;
        line-height: 14px;
        display: inherit;
        height: 14px;
    }

    .wrapper {
        padding-top: 80px;
    }

    .btnsearchdiamond {
        padding: 4px;
    }

    .fixed_btn label {
        margin-right: 0;
        font-size: 12px;
    }

    .button-responsive .btn {
        padding: 4px;
    }

    .fixed_btn {
        padding: 4px 2px;
    }

    .place-order.fixed_btn > div {
        font-size: 12px;
    }

    .price_table span:first-child {
        font-size: 12px;
        line-height: 14px;
    }

    .theme_logo img {
        max-width: 60%;
    }

    .ac_login .theme_logo img {
        max-width: 100%;
    }

    .order-list .form-control, .left_panel > div > span:last-child, .left_panel > div > span, .order-media .media .amount span, .right_panel .heading {
        font-size: 12px;
    }

    .nav-tabs {
        width: 100%;
    }

        .nav-tabs .nav-item {
            display: inline-block;
            vertical-align: bottom;
            width: 32.6%;
            margin: 1px 0;
        }

            .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
                padding: 4px 6px;
            }

    .page-breadcrumb .col-btn {
        width: 80%;
    }

    .page-breadcrumb .col-summary {
        width: 20%;
    }

    .col-summary label:before {
        left: 50%;
        transform: translateX(-50%);
    }

    .col-summary .form-control {
        opacity: 0;
    }

    .form-control {
        margin: 2px 0;
    }

    .col-summary .form-control {
        margin: 0;
    }

    .cart-item .header-dropdown {
        width: 280px;
    }

    .input-group-text {
        padding: 0 5px;
    }

    .sent-offer .price_table > div {
        width: 25%;
        margin-right: 0;
    }

    .notification_wrapper .media .avtar {
        width: 60px;
    }

    .mycart .mt-4 {
        margin-top: 0 !important;
    }

    .right_panel {
        margin-top: 20px;
    }

    .order-media .media .remove i {
        font-size: 20px;
    }

    .stone_details p {
        margin-bottom: 10px;
    }

    .compareList.owl-carousel .owl-nav button span {
        line-height: 26px;
        vertical-align: text-top;
    }

    .fixed_layout li, .item li {
        font-size: 13px;
        line-height: 21px;
    }

    .compareList.owl-carousel .owl-nav button.owl-next, .compareList.owl-carousel .owl-nav button.owl-prev {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .stone_details .tab-content .image_table > div, .toggle-icon {
        display: block;
    }

    .btn .dropdown-menu i:before {
        font-size: 14px;
        margin-right: 5px;
    }

    .notification .header-dropdown {
        width: 230px;
    }

    .delete-item.red {
        right: 3px;
    }

    .compareList .top .btn {
        width: 60%;
    }

    .stock_count div {
        padding: 6px 15px 0 0;
        font-size: 12px;
    }

    .stone_details .nav-tabs .nav-item {
        width: auto;
    }

    .price_detail .table-top {
        margin-top: 0;
    }

    .stock_counter .count {
        width: 50%;
    }

        .stock_counter .count:first-child, .stock_counter .count:nth-child(3), .stock_counter .count:nth-child(5) {
            padding-right: 0;
        }

    .table-header {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .order-details .text-right {
        text-align: left !important;
    }

    .order-list .mb-1.form-row {
        overflow-x: hidden !important;
    }

    .order-list .stockboxes {
        overflow-x: auto;
    }

        .order-list .stockboxes::-webkit-scrollbar,
        .order-list .form-row .col-lg-5::-webkit-scrollbar {
            display: none;
        }

    .order-list .form-row .col-lg-5 {
        overflow-x: auto;
    }


    .right_panel .price_table > div, .price_table > div {
        width: 33.33%;
        margin-bottom: 10px;
        margin-right: 0;
    }

    .price_table {
        width: 100%;
        margin-right: 0;
    }

    .count_icon {
        background-size: 20px;
        width: 32px;
        height: 32px;
    }

    .count_box {
        padding: 10px 6px;
    }

    /*.res .count_box {
        display: none;
    }*/
}

@media screen and (min-width: 507px) {
    .responsive_summary .summary {
        left: auto;
        right: 0;
    }
}

@media screen and (max-width: 480px) {
    .responsive_view td {
        font-size: 11px;
        vertical-align: middle;
    }

    .price_detail .button a {
        margin: 0 1px;
    }

    .price_detail .button img {
        width: 18px;
    }

    .top {
        padding: 10px;
    }

    .stone_details .button {
        margin-left: 0;
    }

    /*.price_table .image_block, .price_table .rap, .right_panel .price_table .image_block, .right_panel .price_table .rap,
    .orderList_box .price_table .pcs, .orderList_box .price_table .total-crt {
        width: 50%;
        margin-right: 0;
    }*/

    /*.price_table .rap, .right_panel .price_table .rap, .orderList_box .price_table .total-crt {
        text-align: right;
    }*/

    .sent-offer .price_table > div {
        width: 33.33%;
    }

    /*.mycart .price_table .avg-crt, .mycart .price_table .total-amt {
        width: 50%;
    }

    .mycart .price_table .total-amt, .mycart .price_table .avg-disc, .orderList_box .price_table .total-amt {
        text-align: right;
    }*/

    .mycart .price_table > div, .orderList_box .price_table > div, .orderList_box .price_table > div.pcs,
    .orderList_box .price_table > div.pcs, .mycart .price_table > div.pcs {
        margin-right: 0;
        width: 33.33%;
        padding-right: 2px;
        margin-bottom: 10px;
        text-align: left;
    }
}

.mcs-horizontal-example {
    white-space: nowrap;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: var(--summary-clr); /*#004292;*/
    background-color: var(--summary-clr); /*#004292;*/
}

.navbar-brand img {
    width: 134px;
}

.btnSendTo .dropdown-item:before {
    display: none;
}

.btnSendTo .dropdown-item {
    padding: 6px 12px 6px 12px;
}

a.indreadypickup {
    color: var(--heading) !important;
    font-weight: 500;
}

.input-group-prepend a.btninputgroup {
    border: 1px solid var(--header-border);
    background-color: var(--header-bg);
    color: #000000;
}

.input-group-prepend i.btnSearch {
    border: 1px solid var(--header-border);
    background-color: var(--header-bg);
    color: #000000;
}

.summ-color {
    color: var(--summary-clr); /*#004292;*/
}

.CheckedRowSelection {
    background: var(--jqx-select-bg) !important;
}

.btnerror {
    background: var(--heading) !important;
}

    .btnerror:hover {
        border-color: var(--heading) !important;
        background: #fff !important;
        color: var(--heading) !important;
    }

.quicksearch_detail .tdactive {
    background-color: var(--jqx-select-bg); /*#c0e4fa*/
    color: #000000 !important; /*#073a78*/
    font-weight: 600;
}

/*MStock Search Css*/
.btnload {
    background: var(--mstokserch-head-bg); /*#004292;*/
    color: #fff;
    border-color: var(--mstokserch-head-bg); /*#004292;*/
    margin-top: 10px;
    border-radius: 50px;
}

.countBox .count {
    font-size: 12px;
    display: block;
    font-weight: 600;
    color: var(--summary-clr); /*#004292;*/
}

.countBox .text {
    font-size: 12px;
    color: var(--mstokserch-head-bg); /*#004292;*/
    display: block;
    line-height: 14px;
    margin-top: 2px;
}

.stone_details .inline-table .table tr td:first-child, .stone_details .inline-table .table tr td:nth-child(3) {
    width: auto;
    color: var(--mstokserch-detail-clr);
    background: var(--mstokserch-detail-bg);
}

.stone_details .table td {
    border-top: 1px solid var(--mstokserch-detail-bd);
}

.table td a.adetail {
    text-transform: capitalize;
    text-decoration: underline;
    color: var(--mstokserch-head-bg); /*#004292;*/
}

/*Registration Sucess*/
.regi_success .title {
    font-size: 36px;
    color: var(--RegistrationSucc-Clr);
    font-weight: 600;
}

/*jqx Grid Css*/
.jqx-fill-state-normal, .jqx-widget-header {
    border-color: var(--jqx-hed-border) !important;
    /* background:var(--jqx-hed-bg) !important;*/
}

.jqx-widget-header {
    background-color: var(--jqx-hed-bg) !important;
    /*background-color: #efdebd !important;*/
}

.jqx-grid-content.jqx-widget-content .jqx-enableselect.jqx-widget-content {
    border-color: var(--header-border) !important;
      background-color: transparent;
}

.single-stone_box {
    width: 100%;
    height: 382px;
    overflow: hidden;
}

.stone_details .stone_info {
    max-height: 310px;
}

/*.jqx-grid-content.jqx-widget-content .jqx-enableselect.jqx-widget-content .dvDetail .form-row .stone_details{
      height: 375px;
    overflow: auto;
}*/

.report_grid .jqx-fill-state-normal {
    border-color: var(--header-border) !important;
    background-color: var(--header-bg) !important;
}

.jqx-grid-cell-left-align {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 2px;
    text-align: center;
    margin-top: 4px !important;
    /* margin-right: 2px; */
    /* margin-left: 4px; */
}


.jqx-grid-cell-right-align {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 2px;
    text-align: right;
    margin-right: 4px;
    margin-left: 2px;
    margin-top: 4px !important;
}

.jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-group-cell {
    border-color: var(--jqx-border) !important; /*border*/
}

.jqx-fill-state-hover {
    border-color: var(--jqx-nextpre-bg) !important;
    background: var(--jqx-nextpre-bg) !important;
}

.jqx-fill-state-pressed {
    background: var(--jqx-nextpre-bg) !important;
}

.jqx-fill-state-pressed, .CheckedRowSelection.jqx-fill-state-pressed {
    background: var(--jqx-selectcol-bg) !important;
}

.onmemo > div {
    background: var(--onmemo-bg) !important;
    border: 1px solid var(--onmemo-border) !important;
    padding: 0 2px;
    color: var(--onmemo-border) !important;
}

.onhold > div {
    background: var(--onhold-bg) !important;
    border: 1px solid var(--onhold-border) !important;
    padding: 0 2px;
    color: var(--onhold-border) !important;
}

.banner {
    background-image: url('../../WebStoreContent/img/banner.jpg');
    background-size: cover;
    background-blend-mode: overlay;
    background-color: var(--banner-bg);
}

.st0 {
    fill: none;
    stroke: #646060;
    stroke-width: 0.5;
    stroke-miterlimit: 10;
}

.st0 {
    fill: #1C4176;
}

.st2 {
    fill: #646060;
}

.exlusive-diamond {
    -webkit-box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px;
    -moz-box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px;
    box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px;
    border: 1px solid var(--count-icon-bg);
    margin-top: 20px;
    border-radius: 5px;
}
.main-wrapper .wrapper.offer_wrap{
    padding-top:0px;
}
.main-wrapper .wrapper .card .price_table .price_wrap{
     display: flex;
    align-items:center;
    background-color: white;
    border: 1px solid var(--count-icon-bg);
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0px 10px 10px 0px rgb(0 0 0 / 10%);
}
.main-wrapper .wrapper .card .price_table .price_wrap .cmn_box{
    margin-right:20px;
}