/*Start zeeshan css file*/

/* Home Page Css Start */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

input[type="date"]::before{
    position: absolute;
}

body {
    font-family: 'Montserrat' !important;
    font-weight: 400;
    background-color: white;

}
.tableFixHead {
    position: relative;
    overflow-y: auto;
    height: 270px;
    padding-right: 0px !important;
    margin-right: 0px !important;
}
.no_order_found_table_text {
    position: absolute;
    top: 51%;
    left: 44%;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=date]::-webkit-clear-button {
    display: none;
}

button {
    outline: 0px !important;
    font-size: 14px !important;
    border-radius: 8px !important;
}

.outline-0 {
    outline: 0px !important;
}

.outline-0:focus {
    outline: 0px !important;
    border: 0px !important;
}

.line-height-2{
    line-height: 2;
}

.search-input-value{
    width: 96%;
    border: 0px;
}

input::placeholder {
    font-size: 13px !important;
}
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* Main Page Css*/
.dokaan-detail {
    background-color: white !important;
    border-radius: 20px;
}

.main-card {
    background-color: #FFF4F4 !important;
    /*border-radius: 20px;*/
    width: 100vw;
    height: 100vh;
}

.feather {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
}

.box-shadow-none {
    box-shadow: none !important;
}

.popup-background {
    background-color: rgba(0, 0, 0, .4);
}

/*Sidebar*/

.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100; /* Behind the navbar */
    padding: 0;
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

#side_bar {
    padding-left: 15px;
    padding-right: 15px;
}

.sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 48px; /* Height of navbar */
    height: calc(100vh - 48px);
    padding-top: .5rem;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.sidebar .nav-link {
    font-weight: 500;
    color: #333;
}

.sidebar .nav-link .feather {
    margin-right: 4px;
    color: #999;
}

.sidebar .nav-link.active {
    color: #007bff;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
    color: inherit;
}

.sidebar-heading {
    font-size: .75rem;
    text-transform: uppercase;
}

/*
 * Navbar
 */

.navbar-brand {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: 1rem;
    /*background-color: rgba(0, 0, 0, .25);*/
    /*box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);*/
}

.navbar .form-control {
    padding: .75rem 1rem;
    border-width: 0;
    border-radius: 0;
}

.form-control-dark {
    color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
    border-color: transparent;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}

/*
 * Utilities
 */

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

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

#category_add_form.border-top {
    border-top: 1px solid #e5e5e5;
}

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

#category_add_form.border-top-gray {
    border-top-color: #adb5bd;
}

#category_add_form.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

#category_add_form.lh-condensed {
    line-height: 1.25;
}


/* model css*/

.customer-block {
    position: fixed !important;
    z-index: 1200;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4)
}

label {
    margin-bottom: 0px !important;
    margin-top: .5rem;
}

.add-customer-main {
    background: white;
    display: inline-table;
    /*width: 26%;*/
}

.border-clear {
    border: 0px !important;
}

.border-bottom-only {
    border-radius: 0px !important;
    border-bottom: 1px solid #818181 !important;
}

.transaction_save_btn {
    background: #E9411A;
    border-radius: 10px !important;
    color: white;
    font-size: 13px !important;
    padding: 8px 60px;
}

.border-radius-15 {
    border-radius: 15px;
}

.flex-display {
    display: flex;
}

.form-control {
    box-shadow: none !important;
}

.display-none {
    display: none;
}
.master-div {
    /*width: 96vw;*/
    /*height: 94vh;*/
    /*background: blue;*/
    margin: auto;
}
.main-div {
    height: 100vh;
    display: flex;
    /*background-color: #e74425;*/
    background-color: #EEEDF0 !important;
}
.left-div {
    /* background-color: #E74425; */
    background: linear-gradient(323deg, #C903F9, #F74A23, #FF5602);
    /*height: 94vh;*/
    min-height: 100vh;
    height: 100%;
    /*border-radius: 33px 0px 0px 33px;*/
}

.right-div {
    background: white !important;
    /*border-radius: 0px 33px 33px 0px;*/
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}
/*blade css*/

.bg-image {
    position: absolute;
    left: 0px;
    top: 0px;
    transform: translate(-50%, -50%);
}

.first-heading {
    line-height: 65px;
    font-size: 55px;
}

/*.text{*/
/*    line-height: 80px;*/
/*}*/

.logo img {
    width: 17%;
}

.mobile-input {
    height: 60px;
    background-color: white;
    padding: 1px 0px 5px 20px;
    display: inline-flex;
    border-radius: 10px;
}
.login_page-box {
    padding: 50px;
    background-color: white;
    border-radius: 31px;
    /* height: 410px; */
    box-shadow: 0 17px 50px 0 rgb(0 0 0 / 19%), 0 12px 15px 0 rgb(0 0 0 / 24%);
}
.login_back_image {
    width: 100vw;
    height: 100vh;
    /*background-color: #d3d3d3;*/
    /*background-image: url("../images/login_background.png");*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    display: grid;
    background-size: cover;
    align-items: center;
}
.error-msg{
    text-align: left;
}
.digit-code{
    font-size: 16px;
}
.nbr-text{
    font-size: 16px;
}
.login-title {
    color: #525252;
    margin-bottom: 10px;
    text-align: center;
}
.login-list li {
    font-size: 17px;
    line-height: 46px;
    color: #707070;
}
/*.login-list {*/
/*    padding: 0 0 0 24px;*/
/*    list-style-type: decimal;*/
/*}*/
/*.border-right-272727 {*/
/*    border-right: 1px solid #272727;*/
/*}*/
.login_label {
    color: #525252;
    margin-bottom: 18px;
    text-align: center;
    font-size: 25px;
}
.login-btn {
    background: #e74425;
    border-radius: 14px;
    text-transform: uppercase;
    color: white;
    height: 60px;
}

.login-btn:hover {
    background: transparent;
    border-radius: 14px;
    border: 1px solid #e74425;
    color: #e74425;
}

#login_blade a {
    text-decoration: none !important;
}

#login_blade .input-icons {
    border: 1px solid #ced4da;
    width: 60%;
    border-radius: 10px;
    margin-right: 5px;
}

#login_blade .hover-color:hover {
    color: #E74425 !important;
    cursor: pointer;
}

/*#login_page .hover-color p:hover {*/
/*    color: #E74425 !important;*/
/*    cursor: pointer;*/

/*}*/
#login_page .position-qr-change{
    position: absolute;
    left: 23px;
}
#login_page .loader-login-secreen {
    width: 50px;
    height: 50px;
    z-index: 5;
    position: absolute;
    left: 46%;
    top: 79%;
}
#login_blade .hover-color:hover svg path {
    fill: #E74425;
}

#login_blade .loader {
    left: 46% !important;
}

.digit-group input {
    width: 40px;
    height: 50px;
    border: none;
    border-bottom: 1px solid #EFEFEF;
    line-height: 50px;
    /*text-align: center;*/
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
    font-weight: 200;
    margin: 0 2px;
}

.border-red input {
    border: none;
    border-bottom: 1px solid red;
}

.border-red input::placeholder {
    color: red;
}

.digit-group input:focus {
    border-bottom: 1px solid #1A1824;
}

.digit-group .splitter {
    padding: 0 5px;
    color: white;
    font-size: 24px;
    display: none;
}
input:focus {
    outline-offset: 0px !important;
}
:focus {
    outline: 0px !important;
}
.form-control {
    box-shadow: none !important;
    /*line-height: 0px !important;*/
}
.form-control:focus {
    outline: 0 !important;
    box-shadow: none !important;
    border-color: inherit !important;
}
#login_blade .flex-display {
    display: flex;
}
.color-red {
    color: #e74425;
}
.color-red :hover{
    color: #e74425;
}
input#otp {
    /*display: block;*/
    /*border: none;*/
    /*width: 9ch;*/
    /*background: repeating-linear-gradient(90deg, #ccc, #ccc 1ch, transparent 0, transparent 1.5ch) 0 100%/100% 1px no-repeat;*/
    /*!*color: #ccc;*!*/
    /*!*font-family: GalanoMedium;*!*/
    /*!*font: 4.5ch consolas, monospace;*!*/
    /*!*letter-spacing: .5ch;*!*/
    /*font-size: 25px;*/
    /*letter-spacing: .75ch;*/
    /*padding: 0px !important;*/
    /*font-family: 'Montserrat';*/
    /*padding: 0px !important;*/
    /*height: auto !important;*/
    /*line-height: 1.5 !important;*/
    display: block;
    border: none;
    width: 9ch;
    background: repeating-linear-gradient(90deg, #ccc, #ccc 1ch, transparent 0, transparent 1.5ch) 0 100%/100% 1px no-repeat;
    color: #ccc;
    font-family: GalanoMedium;
    font: 3.5ch consolas, monospace;
    letter-spacing: .5ch;
    padding: 0px !important;
}

input#otp:focus {
    box-shadow: none !important;
    outline: none !important;
}

input#set_new_password {
    /*display: block;*/
    /*border: none;*/
    /*width: 9ch;*/
    /*background: repeating-linear-gradient(90deg, #ccc, #ccc 1ch, transparent 0, transparent 1.5ch) 0 100%/100% 1px no-repeat;*/
    /*!*color: #ccc;*!*/
    /*!*font-family: GalanoMedium;*!*/
    /*!*font: 4.5ch consolas, monospace;*!*/
    /*!*letter-spacing: .5ch;*!*/
    /*font-size: 25px;*/
    /*letter-spacing: .75ch;*/
    /*padding: 0px !important;*/
    /*font-family: 'Montserrat';*/
    /*padding: 0px !important;*/
    /*height: auto !important;*/
    /*line-height: 1.5 !important;*/
    display: block;
    border: none;
    width: 6ch;
    background: repeating-linear-gradient(90deg, #ccc, #ccc 1ch, transparent 0, transparent 1.5ch) 0 100%/100% 1px no-repeat;
    color: #ccc;
    font-family: GalanoMedium;
    font: 4.7ch consolas, monospace;
    letter-spacing: .5ch;
    padding: 0px !important;
}

input#set_new_password:focus {
    box-shadow: none !important;
    outline: none !important;
}

input#conform_new_Password {
    /*display: block;*/
    /*border: none;*/
    /*width: 9ch;*/
    /*background: repeating-linear-gradient(90deg, #ccc, #ccc 1ch, transparent 0, transparent 1.5ch) 0 100%/100% 1px no-repeat;*/
    /*!*color: #ccc;*!*/
    /*!*font-family: GalanoMedium;*!*/
    /*!*font: 4.5ch consolas, monospace;*!*/
    /*!*letter-spacing: .5ch;*!*/
    /*font-size: 25px;*/
    /*letter-spacing: .75ch;*/
    /*padding: 0px !important;*/
    /*font-family: 'Montserrat';*/
    /*padding: 0px !important;*/
    /*height: auto !important;*/
    /*line-height: 1.5 !important;*/
    display: block;
    border: none;
    width: 6ch;
    background: repeating-linear-gradient(90deg, #ccc, #ccc 1ch, transparent 0, transparent 1.5ch) 0 100%/100% 1px no-repeat;
    color: #ccc;
    font-family: GalanoMedium;
    font: 4.7ch consolas, monospace;
    letter-spacing: .5ch;
    padding: 0px !important;
}

input#conform_new_Password:focus {
    box-shadow: none !important;
    outline: none !important;
}

input#verify_login_password {
    /*display: block;*/
    /*border: none;*/
    /*width: 9ch;*/
    /*background: repeating-linear-gradient(90deg, #ccc, #ccc 1ch, transparent 0, transparent 1.5ch) 0 100%/100% 1px no-repeat;*/
    /*!*color: #ccc;*!*/
    /*!*font-family: GalanoMedium;*!*/
    /*!*font: 4.5ch consolas, monospace;*!*/
    /*!*letter-spacing: .5ch;*!*/
    /*font-size: 25px;*/
    /*letter-spacing: .75ch;*/
    /*padding: 0px !important;*/
    /*font-family: 'Montserrat';*/
    /*padding: 0px !important;*/
    /*height: auto !important;*/
    /*line-height: 1.5 !important;*/
    display: block;
    border: none;
    width: 6ch;
    background: repeating-linear-gradient(90deg, #ccc, #ccc 1ch, transparent 0, transparent 1.5ch) 0 100%/100% 1px no-repeat;
    color: #ccc;
    font-family: GalanoMedium;
    font: 4.7ch consolas, monospace;
    letter-spacing: .5ch;
    padding: 0px !important;
}

input#verify_login_password:focus {
    box-shadow: none !important;
    outline: none !important;
}

/*input mobile block*/
::-webkit-input-placeholder {
    color: #999999;
}

::-moz-placeholder {
    color: #999999;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #999999;
}

.iti {
    position: relative;
    /*display: inline-block;*/
}

.iti * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.iti__hide {
    display: none;
}

.iti__v-hide {
    visibility: hidden;
}

.iti input, .iti input[type=text], .iti input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0;
}

.iti__flag-container {
    position: absolute;
    top: -1px;
    bottom: 0;
    right: 0;
    padding: 1px;
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px;
}

.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555;
}

.iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555;
}

.iti__country-list {
    position: absolute;
    z-index: 2;
    font-size: 12px;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    width: 70vh;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px;
}

.iti__flag-box {
    display: inline-block;
    width: 20px;
}

.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC;
}

.iti__country {
    padding: 5px 10px;
    outline: none;
}

.iti__dial-code {
    color: #999;
}

.iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, 0.05);
}

.iti__flag-box, .iti__country-name, .iti__dial-code {
    vertical-align: middle;
}

.iti__flag-box, .iti__country-name {
    margin-right: 6px;
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0;
}

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0;
}

.iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default;
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent;
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 10px;
    font-size: 25px;
    margin-bottom: 3px;
}

.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px;
}

.iti--container:hover {
    cursor: pointer;
}

.iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed;
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%;
}

.iti-mobile .iti__country {
    padding: 10px 10px;
    line-height: 1.5em;
}

.iti__flag {
    width: 20px;
}

.iti__flag.iti__be {
    width: 18px;
}

.iti__flag.iti__ch {
    width: 15px;
}

.iti__flag.iti__mc {
    width: 19px;
}

.iti__flag.iti__ne {
    width: 18px;
}

.iti__flag.iti__np {
    width: 13px;
}

.iti__flag.iti__va {
    width: 15px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-size: 5652px 15px;
    }
}

.iti__flag.iti__ac {
    height: 10px;
    background-position: 0px 0px;
}

.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0px;
}

.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0px;
}

.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0px;
}

.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0px;
}

.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0px;
}

.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0px;
}

.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0px;
}

.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0px;
}

.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0px;
}

.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0px;
}

.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0px;
}

.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0px;
}

.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0px;
}

.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0px;
}

.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0px;
}

.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0px;
}

.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0px;
}

.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0px;
}

.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0px;
}

.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0px;
}

.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0px;
}

.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0px;
}

.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0px;
}

.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0px;
}

.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0px;
}

.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0px;
}

.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0px;
}

.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0px;
}

.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0px;
}

.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0px;
}

.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0px;
}

.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0px;
}

.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0px;
}

.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0px;
}

.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0px;
}

.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0px;
}

.iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0px;
}

.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0px;
}

.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0px;
}

.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0px;
}

.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0px;
}

.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0px;
}

.iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0px;
}

.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0px;
}

.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0px;
}

.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0px;
}

.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0px;
}

.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0px;
}

.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0px;
}

.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0px;
}

.iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0px;
}

.iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0px;
}

.iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0px;
}

.iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0px;
}

.iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0px;
}

.iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0px;
}

.iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0px;
}

.iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0px;
}

.iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0px;
}

.iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0px;
}

.iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0px;
}

.iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0px;
}

.iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0px;
}

.iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0px;
}

.iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0px;
}

.iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0px;
}

.iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0px;
}

.iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0px;
}

.iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0px;
}

.iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0px;
}

.iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0px;
}

.iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0px;
}

.iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0px;
}

.iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0px;
}

.iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0px;
}

.iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0px;
}

.iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0px;
}

.iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0px;
}

.iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0px;
}

.iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0px;
}

.iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0px;
}

.iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0px;
}

.iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0px;
}

.iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0px;
}

.iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0px;
}

.iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0px;
}

.iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0px;
}

.iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0px;
}

.iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0px;
}

.iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0px;
}

.iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0px;
}

.iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0px;
}

.iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0px;
}

.iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0px;
}

.iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0px;
}

.iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0px;
}

.iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0px;
}

.iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0px;
}

.iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0px;
}

.iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0px;
}

.iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0px;
}

.iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0px;
}

.iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0px;
}

.iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0px;
}

.iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0px;
}

.iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0px;
}

.iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0px;
}

.iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0px;
}

.iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0px;
}

.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0px;
}

.iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0px;
}

.iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0px;
}

.iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0px;
}

.iti__flag.iti__is {
    height: 15px;
. main-div background-position: - 2501 px 0 px;
}

.iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0px;
}

.iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0px;
}

.iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0px;
}

.iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0px;
}

.iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0px;
}

.iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0px;
}

.iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0px;
}

.iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0px;
}

.iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0px;
}

.iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0px;
}

.iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0px;
}

.iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0px;
}

.iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0px;
}

.iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0px;
}

.iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0px;
}

.iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0px;
}

.iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0px;
}

.iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0px;
}

.iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0px;
}

.iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0px;
}

.iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0px;
}

.iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0px;
}

.iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0px;
}

.iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0px;
}

.iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0px;
}

.iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0px;
}

.iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0px;
}

.iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0px;
}

.iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0px;
}

.iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0px;
}

.iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0px;
}

.iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0px;
}

.iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0px;
}

.iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0px;
}

.iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0px;
}

.iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0px;
}

.iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0px;
}

.iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0px;
}

.iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0px;
}

.iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0px;
}

.iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0px;
}

.iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0px;
}

.iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0px;
}

.iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0px;
}

.iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0px;
}

.iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0px;
}

.iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0px;
}

.iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0px;
}

.iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0px;
}

.iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0px;
}

.iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0px;
}

.iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0px;
}

.iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0px;
}

.iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0px;
}

.iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0px;
}

.iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0px;
}

.iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0px;
}

.iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0px;
}

.iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0px;
}

.iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0px;
}

.iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0px;
}

.iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0px;
}

.iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0px;
}

.iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0px;
}

.iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0px;
}

.iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0px;
}

.iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0px;
}

.iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0px;
}

.iti__flag.iti__pk {
    height: 32px;
    width: 45px;
    background-position: center;
    border: none !important;
}

.iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0px;
}

.iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0px;
}

.iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0px;
}

.iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0px;
}

.iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0px;
}

.iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0px;
}

.iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0px;
}

.iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0px;
}

.iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0px;
}

.iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0px;
}

.iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0px;
}

.iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0px;
}

.iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0px;
}

.iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0px;
}

.iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0px;
}

.iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0px;
}

.iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0px;
}

.iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0px;
}

.iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0px;
}

.iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0px;
}

.iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0px;
}

.iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0px;
}

.iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0px;
}

.iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0px;
}

.iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0px;
}

.iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0px;
}

.iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0px;
}

.iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0px;
}

.iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0px;
}

.iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0px;
}

.iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0px;
}

.iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0px;
}

.iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0px;
}

.iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0px;
}

.iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0px;
}

.iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0px;
}

.iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0px;
}

.iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0px;
}

.iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0px;
}

.iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0px;
}

.iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0px;
}

.iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0px;
}

.iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0px;
}

.iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0px;
}

.iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0px;
}

.iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0px;
}

.iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0px;
}

.iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0px;
}

.iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0px;
}

.iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0px;
}

.iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0px;
}

.iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0px;
}

.iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0px;
}

.iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0px;
}

.iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0px;
}

.iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0px;
}

.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0px;
}

.iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0px;
}

.iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0px;
}

.iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0px;
}

.iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0px;
}

.iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0px;
}

.iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0px;
}

.iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0px;
}

.iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0px;
}

.iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0px;
}

.iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0px;
}

.iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0px;
}

.iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0px;
}

.iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0px;
}

.iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0px;
}

.iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0px;
}

.iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0px;
}

.iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0px;
}

.iti__flag {
    height: 15px;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: url("../images/pak-flg.svg") !important;
    background-repeat: no-repeat;
    /*background-color: #DBDBDB;*/
    background-position: 20px 0;
    background-size: 50px 50px;
}

/*@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {*/
/*    .iti__flag {*/
/*        background-image: url("../images/flags@2x.png");*/
/*    }*/
/*}*/

.iti__flag.iti__np {
    background-color: transparent;
    outline: 0 !important;
}

.iti__selected-flag {
    background: transparent !important;
    outline: 0px !important;
}



.thumb {
    height: 60px;
    width: 60px;
    border: 1px solid #000;
}

ul.thumb-Images li {
    float: left;
    display: inline-block;
    vertical-align: top;
    margin-right: 13px;
}

.img-wrap {
    position: relative;
    display: inline-block;
    font-size: 0;
}

.img-wrap .close {
    position: absolute;
    top: -2px;
    right: -2px;
    z-index: 100;
    padding: 0px 0px 0px;
    color: #000;
    font-weight: bolder;
    cursor: pointer;
    opacity: 3.5;
    font-size: 17px;
    line-height: 10px;
    border-radius: 50%;
}

.img-wrap:hover .close {
    opacity: 1;
}

.fetch-img-wrap {
    position: relative;
    display: inline-block;
    font-size: 0;
}

.fetch-img-wrap .close {
    position: absolute;
    top: -19px;
    right: -20px;
    z-index: 100;
    padding: 0px 0px 0px;
    color: #000;
    font-weight: bolder;
    cursor: pointer;
    opacity: 2.5;
    font-size: 17px;
    line-height: 10px;
    border-radius: 50%;
}

.fetch-img-wrap:hover .close {
    opacity: 1;
}

/*Zeeshan css*/

/**{margin: 0px;padding: 0px;box-sizing: border-box}*/
.boxtext-size {
    font-size: 13px;
}

/* Firefox */
* {
    scrollbar-width: auto;
    scrollbar-color: #ffffff;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 16px;
}

*::-webkit-scrollbar-track {
    background: #ffffff;
}

*::-webkit-scrollbar-thumb {
    background-color: #EBEBEB;
    border-radius: 10px;
    border: 3px solid #ffffff;
}


:root {
    --body-bg-color: white;
    --scroll-color: #EBEBEB;
    /*--scroll--hover-color: #666;*/
    --scroll-track-color: rgba(255, 255, 255, 0);
}

:root {
    --body-bg-color: white;
    /*--scroll-color: #E74425;*/
    /*--scroll--hover-color: #666;*/
    /*--scroll-track-color: rgba(255,255,255,0);*/
}

.scrollbar {
    overflow-y: auto;
    overflow-x: hidden;
    /* height: 490px; */
    height: calc(100vh - 95px);
    /*max-height: 230px;*/

}

.force-overflow {
    width: 99%;
    /*margin: auto;*/
    border-left: 5px solid #E74425;
    border-radius: 5px;
    background-color: #FFF4F4;
}

.dokaan-detail {
    background-color: white;
    border-radius: 20px;
}

.box-heading {
    margin-top: 10px;
    /*margin-left: 10px;*/
    /* border-radius: 20px; */
    border: 1px solid white;
    /*box-shadow: 0px 0px 10px;*/
    box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0.06);
    /*background-color: #E74425;*/
}
.box-heading-courier {
    margin-top: 10px;
    /*margin-left: 10px;*/
    border-radius: 20px;
    border: 1px solid white;
    /*box-shadow: 0px 0px 10px;*/
    box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0.06);
    background-color: #E74425;
}

.box-heading i {
    color: #E74425;
}

.pending:hover {
    color: #E74425;
    /*border-bottom: 1px solid #E74425;*/
}

.tab_active {
    color: #E74425;
    border-bottom: 5px solid #E74425;
}
.craft-whopper {
    background-image: url('../images/Rectangle.png');
    border-radius: 20px;
    height: 160px;
}

.anydd_img {
    width: 50vw;
    height: 50vh;
}

.anydd img {
    padding-top: 30px;
    width: 80%;
    height: 50%;
}

.burger img {

    padding-top: 30px;
    width: 80%;
    height: 50%;
}

.socialmedia-detail {
    font-size: 15px;
    color: white;
    font-weight: 200;
    /*background-image: url('../images/Mask-Group.png');*/
}

.order-detail {
    /*height: 30px;*/
    padding: 7px;
}

/*.nav-link:hover{*/
/*    color: #E74425;*/
/*    border-right: 5px solid #E74425;*/
/*}*/
.rupee-date {
    font-size: 14px;
    line-height: 1;
    text-align: end;
}

.order-item {
    font-size: 14px;
    line-height: 1;
}

.rupees {
    color: green;
}

.status-list li {
    padding-right: 40px;
}

.status-list li a {
    text-decoration: none;
    color: black;
}

.status-list li .active {
    border-bottom: 2px solid #E74425;
    color: #E74425;
}

a.disabled {
    pointer-events: none;
    cursor: default;
}

/* Home page css End */

.sidebar-active {
    border: none;
    border-radius: 10px;
    background-color: #F66F4F;
    width: 100%;
}

.sidebar-active a {
    color: #ffffff !important;
}

.sidebar-active:hover a{
    color: #ffffff !important;
}

.sidebar-active .nav-link svg path {
    fill: #ffffff !important;
}

.sidebar-active .nav-link svg .white-color {
    fill: #e74423 !important;
}
.sidebar-active:hover::after{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 451.847 451.847' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M225.923 354.706c-8.098 0-16.195-3.092-22.369-9.263L9.27 151.157c-12.359-12.359-12.359-32.397 0-44.751 12.354-12.354 32.388-12.354 44.748 0l171.905 171.915 171.906-171.909c12.359-12.354 32.391-12.354 44.744 0 12.365 12.354 12.365 32.392 0 44.751L248.292 345.449c-6.177 6.172-14.274 9.257-22.369 9.257z' fill='%23ffffff' opacity='1' data-original='%23000000' class=''/%3E%3C/g%3E%3C/svg%3E") !important;
}

.sidebar-active:not(.collapsed) a{
    color: #ffffff !important;
}

.sidebar-active:not(.collapsed) .nav-link svg path {
    fill: #ffffff !important;
}

.sidebar-active:not(.collapsed) .nav-link svg .white-color {
    fill: #e74423 !important;
}
.sidebar-active:not(.collapsed)::after{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 451.847 451.847' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M225.923 354.706c-8.098 0-16.195-3.092-22.369-9.263L9.27 151.157c-12.359-12.359-12.359-32.397 0-44.751 12.354-12.354 32.388-12.354 44.748 0l171.905 171.915 171.906-171.909c12.359-12.354 32.391-12.354 44.744 0 12.365 12.354 12.365 32.392 0 44.751L248.292 345.449c-6.177 6.172-14.274 9.257-22.369 9.257z' fill='%23ffffff' opacity='1' data-original='%23000000' class=''/%3E%3C/g%3E%3C/svg%3E");
}


/* Start Catalogue page css*/

.navigation-links {
    border: none;
    border-radius: 10px;
    background-color: transparent;
    width: 100%;
}

.navigation-links:hover a {
    color: #E74425 !important;
}

.navigation-links a {
    color: #ffffff !important;
}

.navigation-links:hover {
    background-color: white;
    /*color: #E74425!important;*/
}

.quick {
    cursor: pointer;
    color: black;
    outline: none;
    border: none;
    background: none;
}

.quick:hover {
    color: #E74425;
}

.ready-made {
    background-color: #FFF3F1;
    border-radius: 10px;
}

.Readymade-Catalogue p {
    font-size: 11px;
    /*padding-top: 5px;*/
}

.new {
    display: flex;
    align-items: center;
}

.cemra {
    background-color: #FBFBFB;
    border-radius: 6px;
}

.price {
    border: none;
    outline: none;
    width: 85%;
}

.box {
    width: 10%;
    height: 30px;
}

.box1 {
    width: 10%;
    height: 40px;
}


/* End Catalogue page css*/

/* Start catalogue page air freshner css*/

.product-information {
    border-left: 2px solid #EEEEEE;
}

.tabs {
    color: black;
    cursor: pointer;
}

.tabs:hover {
    color: #E74425;
}

.img-box {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    background-color: white;
    font-weight: 600;
    box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0.06);
}

.perfume-text {
    font-size: 10px;
}

.main-heading {
    font-size: 12px;
    font-weight: 600;
}

/* Start catalogue page air freshner css*/


/*End zeeshan css file*/


/*Masoom files style startss*/


/* catalogue Page Css Strat */


/*Main PAge Style Starts */

.store-setup {
    width: 81vw;
    height: 82vh;
    /*background-color: green;*/
    display: grid;
    place-items: center;
}

.storesetup-center {
    width: 50vw;
    height: 80vh;
    /*background-color: #1b4b72;*/
}


/*Progress bar style start*/
.progress {
    position: relative;
    margin: 4px;
    height: 100px !important;
    background: transparent !important;
    box-shadow: none !important;
    /*float:left;*/
    text-align: center;
}

.barOverflow { /* Wraps the rotating .bar */
    position: relative;
    overflow: hidden; /* Comment this line to understand the trick */
    width: 230px;
    height: 350px; /* Half circle (overflow) */
    margin-bottom: -14px; /* bring the numbers up */
}

.bar {
    position: absolute;
    top: 0;
    left: 10px;
    width: 200px;
    height: 200px; /* full circle! */
    border-radius: 50%;
    box-sizing: border-box;
    border: 13px solid #eee; /* half gray, */
    border-bottom-color: red;
    border-right-color: red;
    /*border-bottom-color:#E74425;  !* half azure *!*/
    /*border-right-color: #E74425;*/
}

.text {
    position: absolute;
    font-size: 35px;
    top: 88px;
    left: 46% !important;
    font-weight: 600;

}

.percentage {
    position: absolute;
    font-size: 35px;
    top: 88px;
    left: 50%;
    font-weight: 600;
}



.store-setup-complete-text {
    font-family: Montserrat;
    font-size: 20px;
}

.finish-txt {
    font-size: 14px;
    font-weight: 400;
    display: inline;
    color: red;
}

/*End Progress Bar Style*/
/*After Progress Bar Style Start*/
.dot {
    height: 35px;
    width: 35px;
    /*background-color: #E8431A;*/
    border: 1px solid red;
    border-radius: 50%;
    display: inline-block;
    z-index: 5;
}

.complete-step-circle {
    height: 35px !important;
    width: 35px !important;
    background-color: #E8431A !important;
    border: 1px solid red !important;
    border-radius: 50%;
    display: inline-block;
    z-index: 5;
}

.dot i {

    font-size: 14px;
    color: #E74425;
}

.count {
    height: 35px;
    width: 35px;
    background-color: white;
    border: 2px solid red;
    border-radius: 50%;
    display: inline-block;
}

.process-not-complete {
    border: 2px solid #D2D2D2 !important;
    color: darkgray;
}

hr.line {
    background-color: red !important;
    opacity: 1 !important;
    border: 1px solid red !important;

}

.circles {
    width: 100%;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}

.heading {
    font-size: 11px;
    font-weight: 600;
}

.card-body-txt {
    color: #979797;
    line-height: 1.2;
}

.btn.add-product-btn {
    background-color: #E74425 !important;
    border-radius: 5px !important;
}

.share-btn {
    background-color: #F0A393 !important;
    border: #F0A393 !important;
}

/*End After Progress Bar Style*/

/*Catalogue Style Starts*/
#ready_made_catalogue .catalogue-box {
    /*height: 130px;*/
    border-radius: 20px;
    background-color: white;
    /*font-size: 12px;*/
    font-weight: 600;
    box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0.06);
}

#ready_made_catalogue a {
    text-decoration: none !important;
}

#ready_made_catalogue .ready-made-catalogueName {
    color: black !important;
    text-decoration: none !important;
}

/*Catalogue Style Ends*/

/*Nav tab Starts*/
.status-list li {
    padding-right: 40px;
}

.status-list li a {
    text-decoration: none;
    color: black;
}

.status-list li .active {
    /*border-bottom: 1px solid #E74425;*/
    color: #E74425;
}

/*Nav Tab Ends*/

/*After Nav Tab Box Style*/
.product_categories_box {
    padding: 25px 0px 25px 0px;
    border-radius: 22px;
    box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.1);
    /*box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;*/
}

.products-text {
    word-break: break-all;
    width: 27vh;
    line-height: 1.2;
    font-size: 10px;
    display: inline;
}

.discount-amount {
    text-decoration: line-through;
}

.product-amount {
    color: #000 !important;
    font-size: 14px;
    font-weight: 700;
}

.world {
    padding-top: 30px;
}

.online {
    color: #019B00;
}

.offline {
    color: red;
}

a.online:hover {
    color: #019B00;
}

/*End After Nav Tab Style*/

/*search input style*/
span img.search-img {
    position: absolute;
    margin-left: 223px;
    margin-top: 3px;
    height: 15px;
    display: flex;
    z-index: 5;
}

.text2 {
    border: none;
    outline: none;
    width: 95%;
}

/*End Search input style*/

/*button add product style*/
.add-product-catalogue-btn {
    box-shadow: none !important;
    background: #E74425 !important;
    border-radius: 8px !important;
    color: white !important;
    font-size: 12px !important;
}

.add-generate-sheet-btn{
    box-shadow: none !important;
    background: #EFEFEF !important;
    border-radius: 8px !important;
    color: black !important;
    font-size: 12px !important;
}
/*End button add product style*/
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 2px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: rgb(255, 255, 255);
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}

.switch {
    position: absolute;
    display: inline-block;
    width: 35px;
    height: 20px;
    right: 30px;
    bottom: 27px;
}

/**/

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/*/ Rounded sliders /*/

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/*Radio button style ends*/


/*Template 3 style Starts here */
.digidokaan-form-background-div {
    background-color: #FFF4F4;
}

.secondd-div {
    width: 450px;
    height: 380px;
    border-radius: 63px;
    background-color: white;
}

.header img {
    width: 30%;
}

.business-detail form {
    margin-top: 80px;
}

.center1 {
    margin: 0 auto;
}

.input-text {
    /*width: 100%!important;*/
    padding: 15px 20px !important;
    margin-bottom: 1px !important;
    box-sizing: border-box !important;
    background: rgba(244, 242, 242, 0.54) !important;
    border-radius: 6px !important;
    width: 100% !important;
    margin-top: 2px;
    border: none;
    outline: none;
}

/*Select Box CSS Start*/

/*dropdown-menu style starts*/
#dropdownMenu2 {
    position: absolute;
    right: 25px;
    top: 15px;
    cursor: pointer;
}

/*Dropdown menu style ends*/

.selector {
    width: 100%;


}

#selectField {
    width: 100%;
    /*padding: 11px 20px;*/
    padding: 0px 0px;
    margin-bottom: 1px;
    box-sizing: border-box;
    background: rgba(244, 242, 242, 0.54);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
#selectField_profile{
    width: 100%;
    /*padding: 11px 20px;*/
    padding: 0px 0px;
    margin-bottom: 1px;
    box-sizing: border-box;
    background: rgba(244, 242, 242, 0.54);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
#selectField_profile img {
    width: 12px;
    transition: transform 0.5s;
}
.finish-btn {
    width: 340px !important;
}

.choose {
    font-size: 15px;
    font-weight: 600;
}

.input-text::placeholder {
    color: #B4B0B0;
    font-weight: 600;
}

.number_input_place_holder::placeholder{
    font-size: 20px !important;
}

#selectField img {
    width: 12px;
    transition: transform 0.5s;
}

#login_page #list {
    width: 100%;
    /*background: rgba(0, 0, 0, 0.33);*/
    border-radius: 6px;
    /*overflow: hidden;*/
    position: absolute;
    top: 177px;
}
#login_page .input-size-login{
    font-size: 25px !important;
}
#login_page .login-box-form{
    width: 63%;
    margin: auto;
}
#edit_profile_blade #list {
    /*width: 100%;*/
    /*background: rgba(0, 0, 0, 0.33);*/
    border-radius: 6px;
    /*overflow: hidden;*/
    position: fixed;
    /*top: 177px;*/
    z-index: 9;
}
.options {
    font-size: 13px;
    width: 100%;
    padding: 15px 0 15px 25px;
    list-style: none;
    cursor: pointer;
    box-sizing: border-box;
}

img.menu-images {
    width: 55px;
}

img.images {
    width: 100px;
    /*top: 12px;*/
    /*left: -20px;*/

}

/*.options:hover*/
/*{*/
/*    background: yellow;*/
/*}*/
.hide {
    visibility: hidden;
}

.rotate {
    transform: rotate(180deg);
}

.child-modal {
    width: 94%;
    /*height: 630px;*/
    background-color: white;
    border-radius: 5px;
    border: 1px solid black;
}

.scrolling {
    /*position: static;*/
    overflow-x: hidden;
    /*overflow-y: auto;*/
    /*background: #d1d1d1;*/
}

/*Scrolling for add-product*/
.scrolled {
    overflow-y: scroll;
    overflow-x: hidden;
}

.small-scrolled::-webkit-scrollbar {
    width: 10px;
}

:root {
    --body-bg-color: white;
    /*--scroll-color: #E74425;*/
    /*--scroll--hover-color: #666;*/
    /*--scroll-track-color: rgba(255,255,255,0);*/
}

/*End scrolling for add product page*/
/*.dropdown-menu {*/
/*    position: absolute;*/
/*    min-width: 8rem !important;*/
/*    transform: translate3d(110px, 21px, 0px) !important;*/
/*    top: 12px !important;*/
/*    left: 150px !important;*/
/*    will-change: transform;*/
/*}*/

/*End Masoom file style*/

#product_page .product_name {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}


#product_page .input-container {
    position: relative;
    /*padding:0 0 0 20px;*/
    /*margin:0 20px;*/
    /*background:#ddd;*/
}

#product_page .search-input {
    /*height:20px;*/
    /*margin:0;*/
    /*padding-right: 30px;*/
    width: 100%;
    font-size: 12px;
    padding: 8px;
    border: 1px solid #DEDDDD;
    border-radius: 10px;
}


#product_page .search-input-img {
    position: absolute;
    bottom: 10px;
    right: 8px;
    width: 15px;
    height: 15px;
}

#product_page .search-input-cross {
    position: absolute;
    bottom: 12px;
    right: 8px;
    width: 10px;
    height: 10px;
}

#product_page .category-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 200px;
}


#product_page .product-count-box span {
    margin-right: 30px;
}

#product_page .product-count-box label {
    font-size: 12px;
}

/* Start Catalogue page css*/


.ready-made {
    background-color: #FFF3F1;
    border-radius: 10px;
}

.Readymade-Catalogue p {
    font-size: 11px;
    /*padding-top: 5px;*/
}

.cemra {
    background-color: #FBFBFB;
    border-radius: 6px;
}

.box1 {
    /*width: 100%;*/
    height: 40px;
}

/* End Catalogue page css*/

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

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

.loader_cricle {
    border: 1px solid #f3f3f3;
    border-radius: 50%;
    border-top: 3px solid red;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 5;
}

.product-dummy-text {
    font-size: 12px;
    color: #C1C1C1;
}

#product_add_blade .form-control {
    background: #F6F6F6 !important;
    border: 0px !important;
    outline: 0px !important;
}

#product_add_blade .form-control::placeholder {
    color: #B4B0B0;
    font-size: 18px;
}

#product_add_blade input {
    background: #F6F6F6 !important;
    border: 0px !important;
    outline: 0px !important;
}

#product_add_blade .dummy-text {
    color: #999999;
}

#product_add_blade .color-size-box {
    background: #F6F6F6;
    border-radius: 7px;
    padding: 5px 0px 5px 10px;
}

#product_add_blade .color-box {
    background: #C20A09 !important;
    border-radius: 7px !important;
    height: 30px !important;
    width: 40px !important;
    border: 1px solid #ffffff !important;
    margin-bottom: 5px;
}

#product_add_blade #add_color_input {
    outline: 0px;
}

#product_add_blade .color-box-small {
    background: #C20A09 !important;
    border-radius: 4px !important;
    height: 15px !important;
    width: 15px !important;
    border: 0px !important;
}

#product_add_blade .size-box {
    background: #FFFFFF !important;
    border-radius: 7px !important;
    border: 0px !important;
    color: #000000;
    border: 1px solid darkgray;
    height: auto !important;
    width: auto !important;
    padding: 4px 10px 4px 10px;
}

#product_add_blade .size-close-btn {
    top: -5px !important;
    right: -5px !important;
}

#product_add_blade .sample-template {
    background-color: #FFE4E0;
    border-radius: 10px;
}

#product_add_blade .bluck-upload-form {
    position: relative;
    width: 100%;
    height: 200px;
    border: 2px dashed #AEAEAE;
    border-radius: 10px;
}

#product_add_blade .bluck-upload-form .bluck-upload-form-image {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 170px;
    color: black;
    font-family: Arial;
    position: absolute;
    top: 10%;
    z-index: 1;
}

#product_add_blade .bluck-upload-form input {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    z-index: 1200;
}

#product_add_blade .listed-product-name {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
    height: 300px;
    overflow-y: scroll;
    position: absolute;
    z-index: 1200;
    background: white;
    top: 80px;
}

#product_add_blade .listed-product-name .list {
    list-style-type: none;
    padding: 10px 15px;
    border-bottom: 1px solid #F7F7F7;
    cursor: pointer;
    font-size: 14px;
}

#product_add_blade .listed-product-name .list img {
    border-radius: 10px;
}

/*#product_add_blade .listed-product-name::-webkit-scrollbar {*/
/*    width: 0px;*/
/*}*/

#product_add_blade .google-images-popup {
    width: 500px;
    height: 430px;
    background-color: white;
    border-radius: 5px;
    padding: 10px 20px;
}

#product_add_blade #google_images_popup {
    background-color: rgba(0, 0, 0, 0.4) !important;
}

#product_add_blade .google-images-popup .body {
    width: auto;
    height: 320px;
    background-color: white;
    overflow: scroll;
}

#product_add_blade .google-images-popup .body .image-upload {
    border: 1px solid gray;
    border-radius: 10px;
    margin: 10px 5px;
    overflow: hidden;
    position: relative;
}

#product_add_blade .google-images-popup .body .image-upload .image-select-number {
    right: 2px !important;
    top: 2px !important;
    border: 0px;
    z-index: 12;
    color: white;
    font-size: 10px;
    text-align: center;
    padding-top: 2px;
    background: #E74425 !important;
    width: 20px !important;
    height: 20px !important;
}

#product_add_blade .google-images-popup .body .image-upload .google-images-show {
    width: 70px;
    height: 70px;
    object-fit: cover;
}

/*#product_add_blade .google-images-popup .body::-webkit-scrollbar {*/
/*    width: 0px;*/
/*}*/

#product_add_blade .google-images-border {
    border: 1px solid #E74425 !important;
}

#product_add_blade .ready-made a {
    color: black;
    text-decoration: none;
}

#product_add_blade hr {
    border-top: 1px solid #e1e0e0;
}

#product_add_blade label {
    font-size: 15px !important;
}

#product_add_blade select option {
    font-size: 15px !important;
}

#product_add_blade .ready-made-catalogueBtn {
    background: #23D367 !important;
}

#product_add_blade .listed-category-name {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
    height: 150px;
    overflow-y: scroll;
    position: absolute;
    z-index: 1200;
    background: white;
    top: 50px;
}

#product_add_blade .listed-category-name li {
    list-style-type: none;
    padding: 10px 15px;
    border-bottom: 1px solid #F7F7F7;
    cursor: pointer;
    font-size: 14px;
}

#product_add_blade #product_description {
    text-transform: capitalize !important;
}

.font-12 {
    font-size: 12px !important;
}

.font-10 {
    font-size: 10px !important;
}

.font-11 {
    font-size: 11px !important;
}

.font-15 {
    font-size: 15px !important;
}

.font-13 {
    font-size: 13px !important;
}

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

.font-14 {
    font-size: 14px !important;
}

.font-17 {
    font-size: 17px !important;
}

.font-20 {
    font-size: 20px !important;
}

.font-18 {
    font-size: 18px !important;
}

.cursor-pointer {
    cursor: pointer;
}

.size_name_text {
    word-break: break-word;
    font-size: 12px !important;
    line-height: 1 !important;
}

.arrow-rotate {
    transform: rotate(180deg);
}

#add_size_html .form-group {
    height: 50px !important;
}

#add_size_html .form-group p {
    font-size: 12px;
}

#add_color_html .form-group {
    height: 50px !important;
}

#add_color_html .form-group p {
    font-size: 12px;
}

#add_combination_html .form-group {
    height: 50px !important;
}

#add_combination_html .form-group p {
    font-size: 12px;
}

/*Add Category Page Style Starts*/

/*.add-category-heading {*/
/*    font-size: 16px;*/
/*    font-weight: 500;*/
/*}*/

.category-heading-image:hover {
    background-color: #F7F7F7;
    cursor: pointer;
}

.img-upload-box {
    background-color: white;
    border-radius: 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.category-img-text {
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
}

.category-name {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #808080;
    letter-spacing: -0.01em;
}

.image-upload {
    cursor: pointer;
}

.upload-img-box {
    border: 1px solid #ccc;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    height: 100px;
    min-width: 111px;
    cursor: pointer;
    background: #F7F7F7;
}

.img-preview-box {
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 5px;
    height: 100px;
    background: #F7F7F7;
}

.aesterik {
    color: red;
    font-size: 13px;
    top: 0px;
}

.category-name::placeholder {
    /*font-size: 13px;*/
    background: #F6F6F6 !important;
}

input#category-inputfield {
    color: #B4B0B0;
    font-size: 13px;
    height: 44px;
    background-color: #F6F6F6 !important;
}

input#category-inputfield:focus {
    /*border-color: #146eb4 !important;*/
    border: 0px !important;
    outline: 0px !important;
}

#FileInput {
    display: none;
}

#add_product_image {
    display: none;
}

.delete-image-icon {
    position: absolute;
    right: 7px;
    z-index: 5;
    top: -5px;
}

/*End Add Category Style*/

.products img {
    width: 100%;
    height: 70px;
}

/*order status bar*/

.wrap {
    display: inline-flex;
}

.status-complete {
    color: #38c172 !important;
}

.status-not-complete {
    color: #e74425 !important;
}

.wrap {
    display: inline-flex;
}

.title-area {
    flex: 1;
    /*background: lightblue;*/
}

.header-left-box,
.header-right-box {
    padding-right: 30px;
    color: grey !important;
}

#order_detail_blade .dot {
    height: 30px;
    width: 30px;
    background-color: #e74425;
    border-radius: 50%;
    border: 1px solid #e74425;
    display: inline-block;
    z-index: 1200;
    padding: 1px;
    text-align: center;
}

.dot-line::after {
    content: " ";
    display: block;
    position: relative;
    /*height: 1px;*/
    border-bottom: 1px dotted grey;
    /*background: #e74425;*/
    width: 120px;
    left: 138%;
    top: -14px;
}

.dot-text {
    font-size: 17px;
    /*font-weight: 700;*/
    color: white !important;
}

.dot-line-red::after {
    content: " ";
    display: block;
    position: relative;
    height: 5px;
    background: #e74425;
    width: 168px;
    left: 100%;
    top: calc(50% - 2px);
}

.dot-line-green::after {
    content: " ";
    display: block;
    position: relative;
    /*height: 1px;*/
    border-bottom: 1px dotted #e74425;
    /*background: #e74425;*/
    width: 160px;
    left: 100%;
    top: calc(50% - 0px);
}

.dot-red {
    /*background-color: #e74425 !important;*/
}

.status-date {
    margin-top: -7px;
}

.dot-green {
    border: 1px solid #38c172 !important;
    background-color: #38c172 !important;
}

.dot-text-green {
    /*color: #38c172 !important;*/
}

.dot-text-red {
    /*color: #e74425;*/
}

.status-bar-hr {
    position: relative;
    top: 10px;
    left: 10px;
    border: 1px solid #bbb !important;
}

.status-bar-hr-nth {
    position: relative;
    top: 10px;
    left: 0px;
    border: 1px solid #bbb !important;
}

.w-100px {
    width: 135px !important;
}

.switchuser-profile {
    position: absolute;
    display: inline-block;
    width: 35px;
    height: 20px;
    top: 6px;
    bottom: 80px;
    right: 24px;
}

.switchuser-profile input {
    opacity: 0;
    width: 0;
    height: 0;
}

.dropdown-menu#profile-dropdownmenu {
    top: 16px !important;
    left: -300px !important;
    min-width: 12rem !important;
    border: none;
    box-shadow: 0 0 15px 4px rgb(0 0 0/6%);
}

#profile-dropdownmenu .dropdown-item:hover {
    background-color: transparent !important;
}


.loader-block {
    position: fixed !important;
    z-index: 1200;
    color: white;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    /*background-color: #000;*/
    background-color: rgba(225, 225, 225, 0.7);
    font-size: 34px;
}

.loader {
    /*border: 10px solid #f3f3f3;*/
    /*border-radius: 50%;*/
    /*border-top: 10px solid #e74425;*/
    width: 100px;
    height: 100px;
    /*-webkit-animation: spin 2s linear infinite;*/
    /*animation: spin 2s linear infinite;*/
    z-index: 5;
    position: absolute;
    left: 47%;
    top: 40%;
}

.loader-with-text {
    display: grid;
    place-items: center;
    width: 100%;
    color: black;
    z-index: 5;
    position: absolute;
    /*left: 47%;*/
    top: 40%;
}

.sm-md-screen-msg {
    width: 100vw;
    height: 100vh;
    place-items: center;
    display: none;
}


.child_div {
    width: 80vw;
    height: 60vh;
}

.profile-photo-div {
    width: 49px;
    height: 45px;
    border-radius: 6px;
    border: 2px solid #FAFAFA;
    cursor: pointer;
    border-radius: 6px;
}

.profile-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}

.activation {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #019B00;
    border: 2px solid white;
    position: absolute;
    top: 79%;
    right: 8px;
}

.not-active {
    background-color: #E74425 !important;
}

.sidebar-link {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding: 5px 70px 5px 10px;
    margin: 4px 4px;
    border-radius: 4px;
    display: inline-flex;
    text-decoration: none !important;
    width: 100%;
}

.nav-link:hover .sidebar-link {
    text-decoration: none !important;
}

.header {
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    text-align: right;
}


.no-data-found {
    font-size: 14px;
    color: #cccccc;
}

.active-sideBar-icon path {
    fill: #ffffff;
}

.active-sideBar-icon .white-color {
    fill: #E74425 !important;
}

.navigation-links .nav-link svg path {
    fill: #ffffff;
}

.navigation-links .nav-link svg .white-color {
    fill: #E74425 !important;
}

.navigation-links:hover .nav-link svg path {
    fill: #E74425;
}

.navigation-links:hover .nav-link svg .white-color {
    fill: #ffffff !important;
}


#dropdown-menu-profile {
    position: absolute;
    margin-right: 10% !important;
}

#dropdown-menu-profile .switch-dropdown-menu {
    position: relative;
    display: inline-block;
    width: 68px;
    height: 25px;
    border-radius: 50px;
}

#dropdown-menu-profile .switch-dropdown-menu input {
    display: none;
}

#dropdown-menu-profile .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ca2222;
    -webkit-transition: .4s;
    transition: .4s;
}

#dropdown-menu-profile .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 5px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

#dropdown-menu-profile input:checked + .slider {
    background-color: #2ab934;
}

#dropdown-menu-profile input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

#dropdown-menu-profile input:checked + .slider:before {
    -webkit-transform: translateX(44px);
    -ms-transform: translateX(44px);
    transform: translateX(44px);
}

/*------ ADDED CSS ---------*/
#dropdown-menu-profile .on {
    display: none;
}

#dropdown-menu-profile {
    background: #FFFFFF;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.15);
    border-radius: 17px;
    border: 0px;
}

#dropdown-menu-profile .on {
    color: white;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 48%;
    left: 22px;
    font-size: 12px;
    font-family: Verdana, sans-serif;
}

#dropdown-menu-profile .off {
    color: white;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 48%;
    right: -5px;
    font-size: 12px;
    font-family: Verdana, sans-serif;
}

#dropdown-menu-profile input:checked + .slider .on {
    display: block;
}

#dropdown-menu-profile input:checked + .slider .off {
    display: none;
}

/*--------- END --------*/
#dropdown-menu-profile .slider.round#slider_round_dropdown {
    border-radius: 34px;
}

#dropdown-menu-profile .slider.round#slider_round_dropdown:before {
    border-radius: 50%;
}


#dropdown-menu-profile .dropdown-item:focus, .dropdown-item:hover {
    color: black;
    text-decoration: none;
    background-color: transparent !important;
}

/*adnan*/

#dropdown-menu-main-profile {
    position: absolute;
    margin-right: 10% !important;
}

#dropdown-menu-main-profile .switch-dropdown-menu {
    position: relative;
    display: inline-block;
    width: 68px;
    height: 25px;
    border-radius: 50px;
}

#dropdown-menu-main-profile .switch-dropdown-menu input {
    display: none;
}

#dropdown-menu-main-profile .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ca2222;
    -webkit-transition: .4s;
    transition: .4s;
}

#dropdown-menu-main-profile .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 5px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

#dropdown-menu-main-profile input:checked + .slider {
    background-color: #2ab934;
}

#dropdown-menu-main-profile input:focus + .slider {
    /*box-shadow: 0 0 1px #2196F3;*/
}

#dropdown-menu-main-profile input:checked + .slider:before {
    -webkit-transform: translateX(44px);
    -ms-transform: translateX(44px);
    transform: translateX(44px);
}

/*------ ADDED CSS ---------*/
#dropdown-menu-main-profile .on {
    display: none;
}

#dropdown-menu-main-profile {
    /*background: #FFFFFF;*/
    /*box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.15);*/
    border-radius: 17px;
    border: 0px;
    margin-top: 10px;
}

#dropdown-menu-main-profile .on {
    color: white;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 48%;
    left: 22px;
    font-size: 12px;
    font-family: Verdana, sans-serif;
}

#dropdown-menu-main-profile .off {
    color: white;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 48%;
    right: -11px;
    font-size: 12px;
    font-family: Verdana, sans-serif;
}

#dropdown-menu-main-profile input:checked + .slider .on {
    display: block;
}

#dropdown-menu-main-profile input:checked + .slider .off {
    display: none;
}

/*--------- END --------*/
#dropdown-menu-main-profile .slider.round#slider_round_dropdown {
    border-radius: 34px;
}

#dropdown-menu-main-profile .slider.round#slider_round_dropdown:before {
    border-radius: 50%;
}

#dropdown-menu-main-profile .dropdown-item:focus, .dropdown-item:hover {
    color: black;
    text-decoration: none;
    background-color: transparent !important;
}
.dropdown-item-main-profile:active{
    background-color: inherit !important;
}
.dropdown-item-main-profile:focus{
    background-color: inherit !important;
}

#profile-dropdown-item {
    font-size: 15px;
    color: #000000;
    font-weight: 400;
    line-height: 3;
}

.dropdown-menu .store-status-text {
    font-size: 13px !important;
    color: #000000;
    font-weight: 400;
}


#product_page .categories_box {
    padding: 25px 0px 0px 0px;
    border-radius: 22px;
    box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.1);
}

#product_page .modal-content {
    border-radius: 10px !important;
}

#product_page .switch-category {
    position: absolute;
    display: inline-block;
    width: 35px;
    height: 20px;
    right: 20px;
    bottom: 50px;
}

#product_page .switch-category input {
    opacity: 0;
    width: 0;
    height: 0;
}


#product_page .delete-category-btn {
    box-shadow: none !important;
}

#product_page .share_category_text {
    font-size: 22px;
}

#product_page .icons {
    width: 40px;
    height: 40px;
}

#icons_list .icons {
    width: 40px;
    height: 40px;
}

.icons_list .icons {
    width: 40px;
    height: 40px;
}

#product_page .delete_category_text {
    font-size: 22px;
}

#product_page .delete_category_subtext {
    font-size: 14px;
    color: #515151;
}

#delete_product_image {
    width: 100px;
    height: 100px;
    border-radius: 50px;
}

#product_page .border-radius-10 {
    border-radius: 10px;
}

#product_page .catalog-menu {
    border: 0px !important;
    background: #FFFFFF;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
    border-radius: 7px;
    font-size: 13px !important;
}

.hover-dropdown-item:hover {
    opacity: .5;
}

#product_page .catalog-images {
    width: 100%;
    height: 75px;
}



#edit_profile_blade .upload-profile-img-box {
    border: 1px solid #ccc;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    height: 103px;
    cursor: pointer;
    background: #F7F7F7;
}

#edit_profile_blade .store_details_heading {
    color: #263238;
    font-weight: 600;
    font-size: 15px;
}

#edit_profile_blade .profile_form_label {
    color: #808080;
    font-size: 13px;
    font-weight: 400;
    line-height: 3;
}

#edit_profile_blade input.profile_form {
    border: 0px;
    outline: 0px !important;
    /*font-size: 13px;*/
    background-color: #F6F6F6 ;
    border-radius: 7px !important;
}

#edit_profile_blade .profile_form::placeholder {
    color: #B4B0B0 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

#edit_profile_blade .profile_aesterik {
    color: red;
    font-size: 10px;
}

#edit_profile_blade .profile-btn-save {
    background: #E74425 !important;
    border-radius: 10px !important;
    color: white !important;
    font-size: 13px;
    padding: 8px 60px;
    border: none !important;
}

#edit_profile_scroll {
    overflow-y: scroll;
}

/*#edit_profile_scroll::-webkit-scrollbar {*/
/*    width: 0px;*/
/*}*/


#edit_profile_blade .map-div {
    border-radius: 14px !important;
}

#edit_profile_blade .search.form-control:focus {
    outline: 0 !important;
    border-color: #ced4da !important;
}

#edit_profile_blade .google-map-height {
    height: 87% !important;
    width: 100% !important;
}

#edit_profile_blade .category-scroll {
    height: 300px;
    overflow-y: scroll;
}

#edit_profile_blade .category-scroll .row {
    margin: 0px;
}

.active-map {
    border: 2px solid #E74425 !important;
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

#edit_profile_blade .height-100 {
    height: 100px !important;
}

#edit_profile_blade .store_profile_uploadImage {
    justify-content: center;
    display: grid;
    align-items: center;
}

#edit_profile_blade .upload-img-box {
    position: relative;
    width: 50%;
}

#edit_profile_blade .image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

#edit_profile_blade .middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    /*background-color: red;*/
}

#edit_profile_blade .upload-img-box:hover .image {
    opacity: 0.3;
}

#edit_profile_blade .upload-img-box:hover {
    background-color: rgba(225, 225, 225, 0.7) !important;
    /*opacity: 1;*/
}

#edit_profile_blade .upload-img-box:hover .middle {
    opacity: 1;
}

#edit_profile_blade .image-upload-text {
    /*background-color: #e74425;*/
    color: #E74425;
    font-weight: 800;
    font-size: 10px;
    padding: 10px;
    /*width: 85px;*/
    /*border-radius: 7px;*/
}

/*.category-scroll::-webkit-scrollbar {*/
/*    width: 0px;*/
/*}*/


#edit_profile_blade .child-modal {
    width: 94%;
    /*height: 630px;*/
    background-color: white;
    border-radius: 5px;
    border: 1px solid black;
}

/*#edit_profile_blade .scrolling::-webkit-scrollbar {*/
/*    width: 0px;*/
/*}*/

#edit_profile_blade .choose {
    font-size: 21px !important;
    font-weight: 300 !important;
}

#edit_profile_blade .popup-bg {
    width: 100%;
    background: rgba(0, 0, 0, 0.33);
    border-radius: 6px;
}

#edit_profile_blade .other-category-popUp {
    background: white;
    border-radius: 24px !important;
    padding: 2rem;
    width: 400px !important;
}

.product-blade .product-image {
    display: inline-flex;
}

.product-blade .product-image-upload {
    width: 130px;
    height: 130px;
    background: #F7F7F7;
    border-radius: 5px;
}

.product-blade .upload-image {
    width: 80px !important;
    height: 80px !important;
    border: 4px solid #F6F6F6 !important;
    border-radius: 9px !important;
    object-fit: contain !important;
    margin-bottom: 10px;
}

.product-blade #add_image_filelist {
    margin-left: 1px;
}

.product-blade .img-wrap .close-image-cross {
    top: -4px !important;
    right: -4px !important;
}

.product-blade .active-side-link {
    color: #E74425 !important;
}

.product-blade .popup-bg {
    background-color: rgba(0, 0, 0, 0.4);
}

#profile_blade .upload-user-img {
    width: 105%;
    border-radius: 5px;
    cursor: pointer;
    background: #F7F7F7;
    height: 100px;
    align-items: center;
    justify-content: center;
    display: flex;
    min-width: 100px;
    /*border: 2px solid black;*/
}

#profile_blade .userprofile-text-color {
    color: #E74425;
    font-size: 16px;
}

#profile_blade .userprofile-btn-color {
    background-color: #E74425 !important;
    color: white !important;
}

#profile_blade .switch-category {
    position: absolute !important;
    display: inline-block !important;
    width: 9px !important;
    height: 20px !important;
    right: 10px !important;
    bottom: 29px !important;
}

/*#profile_blade .buisuness-name-text {*/
/*    line-height: 2;*/
/*}*/

#profile_blade .switch-category input {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

#profile_blade .links-options {
    line-height: 2.7;
    font-size: 17px;
}

#profile_blade .store-image {
    height: 100px;
    width: 100%;
    border-radius: 9px;
    border: 1px solid #CAC7CB;
}

#profile_blade hr {
    background-color: #EDEDED !important;
    border-top: 1px solid;
}

#dashboard .box-heading {
    /* border-radius: 24px; */
    margin-top: 10px;
    border: 1px solid white;
    box-shadow: rgba(0, 0, 0, 0.08);
}

#dashboard .box-heading i {
    color: #E74425;
}

#dashboard .boxtext-size {
    font-size: 14px !important;
}

#dashboard .social-media {
    border-radius: 20px;
    background-color: #E74425;
    background-image: url("../images/store_bg_icon.png");
    background-position-x: right;
    background-repeat: no-repeat;
    box-shadow: 0 0 15px 4px rgb(0 0 0 / 6%);
    padding: 10px !important;
}
#dashboard .ordernav-btn {
    border-radius: 25px !important;
    font-size: 14px;
}
#dashboard .order-list li .active {
    /* color: #E74425 !important; */
    border-bottom: 2px solid #E74425 !important;
    color: #E74425;
    /* font-weight: bold !important;
    /*background-color: #E74425 !important;*/
}

/*    table css*/
/*#dashboard .tableFixHead {*/
/*    position: relative;*/
/*    overflow-y: auto;*/
/*    !*height: 270px;*!*/
/*    padding-right: 0px !important;*/
/*    margin-right: 0px !important;*/
/*}*/
#dashboard .tableFixHead thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}
#dashboard .orderid_date {
    color: #E74425;
}

/*/ Just common table stuff. Really. /*/
#dashboard table {
    border-collapse: collapse;
    width: 100%;
}

#dashboard th {
    padding: 11px 15px;
    /*color: #686868;*/
    font-weight: 300;
    font-size: 14px !important;
}

#dashboard td {
    padding: 13px 15px 9px;
    font-size: 13px;
}

/*#dashboard th {*/
/*    background: #F6F6F6;*/
/*}*/

#dashboard table th:first-child {
    border-radius: 10px 0px 0px 10px;
}

#dashboard table th:last-child {
    border-radius: 0px 10px 10px 0px;
}

/*#dashboard .tableFixHead::-webkit-scrollbar {*/
/*    width: 0 !important;*/
/*}*/

#dashboard .nav-pills .nav-link {
    background-color: #FFFFFF;
    border-radius: 0px !important;
    /* border: 1px solid #686868 !important; */
    color: #000000;
    font-size: 16px !important;
    font-weight: 400 !important;
}

/*#dashboard .no_order_found_dashboard {*/
/*    display: grid;*/
/*    place-items: center;*/
/*}*/

#dashboard .url-link {
    /*text-decoration: none !important;*/
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    cursor: pointer;
    word-break: break-word;
}

#dashboard .url-link:hover {
    color: white;
!important;
}

#dashboard hr.line {
    background-color: red !important;
    opacity: 1 !important;
    border: 2px solid red !important;
    border-radius: 50px;
}

#dashboard hr.normal-line {
    opacity: 1 !important;
    border-radius: 50px;
    background: #EEEEEE;
    border: 2px solid #EEEEEE !important;
}

#dashboard .dot {
    width: 10px;
    height: 10px;
    border: none;
}

#dashboard .store-url-width {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#dashboard .tableFixHead tr {
    cursor: pointer !important;
}

#dashboard .share-store-btn {
    color: white !important;
    font-size: 16px;
    cursor: pointer;
}

#dashboard .share-store-btn .text-underline {
    text-decoration: underline;
}

#dashboard .order-dropdown {
    border: 0px;
    font-size: 13px !important;
    cursor: pointer;
    /*text-decoration: underline;*/
}

.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.4) !important;
}


.loginback_image {
    width: 100vw;
    height: 100vh;
    background-image: url("../images/login_background.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    display: grid;
    background-size: 100%;
    place-items: center;
}

.login-pages .login-heading {
    font-size: 16px;
    font-weight: 600;
}

.login-pages .display-msg {
    display: none;
    color: #FA0000;
    font-size: 13.79px;
}

.login-pages .login_page {
    width: 430px;
    height: 390px;
    background-color: white;
    border-radius: 31px;
    display: grid;
}

.login-pages .login-butoon {
    background-color: #E8431A;
    margin-top: 66px;
    border: none;
    color: white;
}
.login-pages .login_qr_option{
    margin-top: 17px;
}
.login-pages .next-login-button{
    background-color: #E8431A;
    margin-top: 66px;
    border: none;
    color: white;
}
.login-pages .login-butoon-next{
    background-color: #E8431A;
    margin-top: 33px;
    border: none;
    color: white;
}
#profile_blade .login-buton {
    background-color: #E8431A;
    border: none;
    color: white;
}
#header-logo-digidokaan{
    position: absolute;
    bottom: 23px;
}
.login-pages .set-login-butoon{
    background-color: #E8431A;
    margin-top: 45px;
    border: none;
    color: white;
}
.login-pages .btn-resend-otp-btn{
    background-color: #E8431A;
    margin-top: 19px;
    border: none;
    color: white;
}

.login-pages .btn:hover {
    color: white !important;
    text-decoration: none;
}

/*.login-pages .iti--separate-dial-code {*/
/*    width: 90%;*/
/*}*/

/*.login-pages .login_input {*/
/*    !*background: #F4F2F2;*!*/
/*    border-top: 0px;*/
/*    !* background: #7c6b6b; *!*/
/*    border-left: 0px;*/
/*    border-radius: 0px;*/
/*    border-right: 0px;*/
/*}*/
/*.login-pages .number-field{*/
/*     border: none;*/
/*     border-bottom: 1px solid #efefef!important;*/
/*     border-radius: 0!important;*/
/*     margin-top: 71px;*/
/* }*/
.login-pages .number-field-set-password{
    border: none;
    border-bottom: 1px solid #9f9e9e !important;
    border-radius: 0!important;
}
.login-pages .number-input-block {
    text-align: center;
    margin-top: 63px;
}
.login-pages .number-input-block-password {
    margin-top: 63px;
}
.login-pages .enter-your-phone {
    height: 74px;
    text-align: center;
    margin-top: 65px;
}

.login-pages .opt-input-block {
    height: 75px;
}

/*.login-pages .login-process-loader {*/
/*    position: relative;*/
/*    left: 200px;*/
/*}*/
/*.login-pages .login-process-loader-digit{*/
/*    position: relative;*/
/*    left: 70px;*/
/*    margin-top: 20px;*/
/*}*/
.login-pages .opt-counter {
    color: red;
}

.login-pages .back-number-arrow {
    position: absolute;
    top: 30px;
}

.login-pages .popup-bg {
    background-color: rgba(0, 0, 0, 0.4);
}

.login-pages #selectText {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 500px;
}

#new_user_message {
    position: absolute;
}

#new_user_message .text-content-center {
    animation: MoverightToLeft 2s;
    /*animation-fill-mode: forwards;*/
    width: fit-content;
    /*margin: auto;*/
    position: absolute;
    right: 10px;
    /*bottom: 10px;*/
    top: 10px;
}

.text-content-center {
    /*animation: MoverightToLeft 2s;*/
    /*animation-fill-mode: forwards;*/
    width: fit-content;
    margin: auto;
}

@keyframes MoverightToLeft {
    from {
        right: 0px;
    }
    to {
        right: 30px;
    }
}

.message-popUp {
    width: 100%;
    position: absolute;
    z-index: 12;
}

.login-pages .message-popUp {
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: 12;
    background-color: rgba(0, 0, 0, 0.4) !important;
    display: grid;
}

#register_blade .child-modal {
    width: 400px !important;
    height: 410px !important;
    border-radius: 24px !important;
    padding: 12px !important;
}

/*#register_blade .scrolling::-webkit-scrollbar {*/
/*    width: 0px;*/
/*}*/

#register_blade .choose {
    font-size: 21px !important;
    font-weight: 300 !important;
}

#register_blade .category-scroll {
    height: 300px;
    overflow-y: scroll;
}

#register_blade .category-scroll .row {
    margin: 0px;
}

#register_blade a {
    text-decoration: none;
}

#register_blade .loader {
    left: 46% !important;
}

#register_blade .hover-color:hover {
    color: #E74425 !important;
}

#register_blade .hover-color:hover svg path {
    fill: #E74425;
}

/*Add Category Page Style Starts*/

/*#edit_category_blade .add-category-heading {*/
/*    font-size: 16px;*/
/*    font-weight: 500;*/
/*}*/

#edit_category_blade .category-img-text {
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
}

#edit_category_blade .category-name {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #808080;
    letter-spacing: -0.01em;
}

#edit_category_blade .image-upload {
    cursor: pointer;
}

#edit_category_blade .upload-img-box {
    border: 1px solid #ccc;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    height: 100px;
    min-width: 111px;
    cursor: pointer;
    background: #F7F7F7;
}

#edit_category_blade .img-preview-box {
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 5px;
    height: 100px;
    background: #F7F7F7;
}

#edit_category_blade .aesterik {
    color: red;
    font-size: 13px;
    top: 0px;
}

#edit_category_blade .category-name::placeholder {
    color: #B4B0B0;
    font-size: 13px;
    background: #F6F6F6 !important;
}

#edit_category_blade input#category-inputfield {
    color: black;
    font-size: 13px;
    height: 44px;
    background-color: #F6F6F6 !important;
}

/*#edit_category_blade input#category-inputfield:focus {*/
/*    border-color: #146eb4 !important;*/
/*}*/

#edit_category_blade #FileInput {
    display: none;
}

#edit_category_blade .delete-image-icon {
    position: absolute;
    right: 10px;
    z-index: 5;
}

/*End Add Category Style*/


/*Add Category Page Style Starts*/

/*#add_category_blade .add-category-heading {*/
/*    font-size: 16px;*/
/*    font-weight: 500;*/
/*}*/

#add_category_blade .category-img-text {
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
}

#add_category_blade .category-name {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #808080;
    letter-spacing: -0.01em;
}

#add_category_blade .image-upload {
    cursor: pointer;
}

#add_category_blade .upload-img-box {
    border: 1px solid #ccc;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    height: 100px;
    min-width: 111px;
    cursor: pointer;
    background: #F7F7F7;
}

#add_category_blade .img-preview-box {
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 5px;
    height: 100px;
    background: #F7F7F7;
}

#add_category_blade .aesterik {
    color: red;
    font-size: 13px;
    top: 0px;
}

#add_category_blade .category-name::placeholder {
    font-size: 13px;
    background: #F6F6F6 !important;
}

#add_category_blade input#category-inputfield {
    color: black;
    font-size: 13px;
    height: 44px;
    background-color: #F6F6F6 !important;
    border: 0px !important;
    outline: 0px !important;
}

/*#add_category_blade input#category-inputfield:focus {*/
/*    border-color: #146eb4 !important;*/
/*}*/

#add_category_blade #FileInput {
    display: none;
}

#add_category_blade .delete-image-icon {
    position: absolute;
    right: 10px;
    z-index: 5;
}

#add_category_blade .listed-category-name {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
    height: 200px;
    overflow-y: scroll;
    position: absolute;
    z-index: 1200;
    background: white;
    top: 50px;
}

#add_category_blade .listed-category-name li {
    list-style-type: none;
    padding: 10px 15px;
    border-bottom: 1px solid #F7F7F7;
    cursor: pointer;
    font-size: 14px;
}

/*#add_category_blade .listed-category-name::-webkit-scrollbar {*/
/*    width: 0px;*/
/*}*/

#add_category_blade .button-1 {
    border-radius: 8px !important;
}

#add_category_blade .placeholder-color::placeholder {
    color: #B4B0B0;
}

#ready_made_products .product-information {
    border-left: 2px solid #EEEEEE;
}

#ready_made_products .img-box {
    border-radius: 8px;
    background-color: white;
    font-weight: 600;
    box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0.06);
}

#ready_made_products .perfume-text {
    font-size: 10px;
}

#ready_made_products .quick {
    cursor: pointer;
    color: black;
    outline: none;
    border: none;
    background: none;
}

#ready_made_products .quick:hover {
    color: #E74425;
}

/*End Add Category Style*/

#single_category_product .modal-content {
    border-radius: 10px !important;
}

#single_category_product .switch-category {
    position: absolute;
    display: inline-block;
    width: 35px;
    height: 20px;
    right: 30px;
    bottom: 55px;
}

#single_category_product .switch-category input {
    opacity: 0;
    width: 0;
    height: 0;
}

#single_category_product .delete-category-btn {
    box-shadow: none !important;
}

#single_category_product .share_category_text {
    font-size: 22px;
}

#single_category_product .delete_category_text {
    font-size: 22px;
}

#single_category_product .delete_category_subtext {
    font-size: 14px;
    color: #515151;
}

#single_category_product .delete_product_image {
    width: 100px;
    height: 100px;
    border-radius: 50px;
}

#single_category_product .search-input {
    /*height:20px;*/
    /*margin:0;*/
    /*padding-right: 30px;*/
    width: 100%;
    font-size: 12px;
    padding: 8px;
    border: 1px solid #DEDDDD;
    border-radius: 10px;
}

#single_category_product .search-input-img {
    position: absolute;
    bottom: 10px;
    right: 23px;
    width: 15px;
    height: 15px;
}

#single_category_product .search-input-cross {
    position: absolute;
    bottom: 12px;
    right: 23px;
    width: 10px;
    height: 10px;
}

#single_category_product .product_name {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#single_category_product .catalog-menu {
    border: 0px !important;
    background: #FFFFFF;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
    border-radius: 7px;
    font-size: 13px !important;
}


/*single category page css end*/

#order_page .ordernav-btn {
    font-size: 12px !important;
}

#order_page .order-list li .active {
    /*color: #E74425 !important;*/
    /*border: 1px solid #E74425 !important;*/
    /*font-weight: bold !important;*/
    border-bottom: 2px solid #E74425 !important;
    color: #E74425;
}

#order_page .input-container {
    position: relative;
    /*padding:0 0 0 20px;*/
    /*margin:0 20px;*/
    /*background:#ddd;*/
}

table tr td{
    cursor: pointer;
}

table tr:hover .forward-arrow-hover path {
    fill: #E74425;
}

.ordersearch_bar::placeholder {
    font-weight: 500 !important;
}

.search input {
    width: 100%;
    border: 1px solid #dedddd !important;
    border-radius: 5px 0px 0px 5px;
    border-right: 0px !important;
}

#order_page .search button {
    width: 40px;
    height: 36px;
    border-radius: 0 5px 5px 0;
    border: 1px solid #dedddd !important;
    border-left: 0px !important;
    background: white;
}

.filter_orders {
    word-wrap: normal;
    border-radius: 10px !important;
    border: 1px solid #dedddd;
    height: 41px;
    width: 110px;
    font-size: 13px;
    padding: 0px 4px 0px 4px;
    /*color: #dedddd;*/
}

.filter_orders option {
    border-radius: 9px !important;
    border: 1px solid #dedddd !important;
}
.filter_orders_payment {
    word-wrap: normal;
    border-radius: 10px;
    border: 1px solid #808080;
    height: 38px;
    width: 171px;
    font-size: 13px;
    /*color: #E74425;*/
}

.filter_orders_payment option {
    border-radius: 10px !important;
    border: 1px solid #dedddd !important;
}
#order_page .search-input-cross {
    position: absolute;
    bottom: 12px;
    right: 96px;
    width: 13px;
    height: 13px;
    cursor: pointer;
}

#order_page .search-input {
    /*height:20px;*/
    /*margin:0;*/
    /*padding-right: 30px;*/
    width: 100%;
    font-size: 12px;
    padding: 8px;
    border: 1px solid #DEDDDD;
    border-radius: 10px;
}

#order_page .search-input-img {
    position: absolute;
    bottom: 13px;
    /*right: 8px;*/
    width: 15px;
    height: 15px;
}

/*#order_page #pills-tab .nav-item{*/
/*    margin-top: 10px;*/
/*}*/

/*    table css*/
.tableFixHead {
    overflow-y: auto;
    height: 380px;
}

.tableFixHead thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

#order_page .orderid_date {
    color: #E74425;
}

#leopard_courier .orderid_date {
    color: #E74425;
}
#leopard_courier .filter_date_csv_div{
    height: 44px !important;
}
#leopard_courier .payments-btn-color {
    color: #e74425!important;
    border-color: #e74425;
    border-radius: 10px;
    box-shadow: none!important;
}
/* Just common table stuff. Really. */
.tableFixHead table {
    border-collapse: collapse;
    width: 100%;
    white-space: inherit;
}

.tableFixHead th {
    padding: 11px 15px;
    color: #686868;
    font-weight: 300;
    font-size: 14px !important;
}

.tableFixHead td {
    padding: 15px 10px 10px;
    font-size: 13px;
}

.tableFixHead th {
    background: #F6F6F6;
}

.tableFixHead table th:first-child {
    border-radius: 10px 0px 0px 10px;
}

.tableFixHead table th:last-child {
    border-radius: 0px 10px 10px 0px;
}

/*#order_page .tableFixHead::-webkit-scrollbar {*/
/*    width: 0 !important;*/
/*}*/


#order_page .nav-pills .nav-link {
    /*background-color: #FFFFFF;*/
    /*border: 1px solid #686868 !important;*/
    /*border-radius: 25px !important;*/
    /*color: #686868;*/
    background-color: #FFFFFF;
    border-radius: 0px !important;
    /* border: 1px solid #686868 !important; */
    color: #000000;
    font-size: 16px !important;
    font-weight: 400 !important;
}


.tableFixHead .dot {
    width: 10px;
    height: 10px;
    border: none;
}

/*    end table css*/


/*order detail blade page*/
#order_detail_blade .heading_order_details {
    font-size: 16px;
    font-weight: 500;
    color: black;
}

#order_detail_blade .reject_order {
    color: #FF0101;
}

#order_detail_blade .reject_order:hover {
    color: #FF0101;
}

#order_detail_blade .accept_order_btn {
    background-color: #16B21A;
    padding: 10px 10px 10px 10px;
    border-radius: 10px;
}

#order_detail_blade .accept_order_btn:focus {
    box-shadow: none;
}

#order_detail_blade .accept_order_btn:hover {
    background-color: #16B21A;
}

#order_detail_blade .order_id {
    font-size: 15px;
    font-weight: 500;
}

#order_detail_blade .time_day_text {
    font-size: 25px;
    font-weight: 500;
    color: #C3C3C3;
    margin-right: 10px;
}

#order_detail_blade .customer-detail-info {
    font-size: 14px;
}

#order_detail_blade hr.order_details_horizental_line {
    margin-bottom: 0;
    color: #D4D4D4 !important;
}

#order_detail_blade .item_text {
    font-size: 20px;
    font-weight: 600;
    color: #808080;
}

#order_detail_blade .customer_details_heading {
    color: #808080;
    font-weight: 600;
    font-size: 20px;
}

#order_detail_blade .product-count-number {
    background-color: #FDE7DC;
    border: 1px solid #FF725E;
    font-size: 20px;
    padding: 0px 5px 0px 5px;
    border-radius: 3px;
}

#order_detail_blade .order-detail-scroll {
    overflow-y: scroll;
    overflow-x: hidden;
}

/*#order_detail_blade .order-detail-scroll::-webkit-scrollbar {*/
/*    width: 0px;*/
/*}*/

#order_detail_blade .font-weight {
    font-weight: 500;
}

#order_detail_blade .font-14 {
    font-size: 14px !important;
}

#order_detail_blade .product-detail p {
    /*margin: 0px;*/
}

#order_detail_blade .customer_details p {
    /*margin: 0px;*/
}

#order_detail_blade .customer_details {
    line-height: 1.9;
}

#order_detail_blade .order-page-circle {
    height: 20px;
    width: 20px;
    background: #F8B031;
    border-radius: 50%;
    display: inline-block;
}

#order_detail_blade .orders-btn {
    display: flex !important;
}

#order_detail_blade .orders-btn form {
    margin: auto !important;
}

.modal {
    background-color: rgba(0, 0, 0, 0.4);
}

.confirm-box-yes-btn {
    width: 90px;
    background: #16B21A !important;
    color: white !important;
}

.confirm-box-no-btn {
    width: 90px;
    background: #e74425 !important;
    color: white !important;
}

#order_detail_blade .product_color_sm {
    height: 12px;
}

#order_detail_blade .tracking {
    /*height: 470px;*/
    background-image: url("../../images/tracking_image.svg");
    background-position: bottom;
    border-radius: 24px 24px 0px 0px;
    background-repeat: no-repeat;
    background-size: 100%;
}

/* Steps */
#order_detail_blade .step {
    position: relative;
    min-height: 4em;
    color: gray;
}

#order_detail_blade .step + .step {
    margin-top: 1.5em
}

#order_detail_blade .step > div:first-child {
    position: static;
    height: 0;
}

#order_detail_blade .step > div:not(:first-child) {
    margin-left: 1.5em;
    padding-left: 1em;
}

#order_detail_blade .step.step-active .circle {
    background-color: #16B21A;
}

#order_detail_blade .step:last-child .circle:after {
    display: none
}

/* Circle */
#order_detail_blade .circle {
    position: relative;
    width: 36px;
    height: 36px;
    line-height: 1.5em;
    border-radius: 100%;
    color: #fff;
    background: #C2C2C2;
    text-align: center;
}

/* Vertical Line */
#order_detail_blade .circle:after {
    content: ' ';
    position: absolute;
    display: block;
    top: 35px;
    right: 0%;
    left: 50%;
    height: 158%;
    width: 0px;
    z-index: 0;
    border: 1px dotted #C2C2C2;
}

#order_detail_blade .circle svg {
    margin-top: 12px;
}

#order_detail_blade #shipment_type ul li {
    list-style-type: none;
    /*display: inline-block;*/
    border: 1px solid #E74425;
    color: #e74425;
    border-radius: 10px;
    cursor: pointer;
    padding: 6px;
    font-size: 13px;
    margin: 0px 15px;
    width: 100px;
}

#order_detail_blade #shipment_type ul .active {
    border: 1px solid #e74423;
    background: #e74423;
    color: white;
}

#order_detail_blade #shipment_type ul a {
    text-decoration: none;
}

#order_detail_blade #leopard_ship_option .header {
    background: #FFCB05;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
}

#book_packet #leopard_ship_option .trax-header{
    background: #0ee290;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
}


#book_packet #leopard_ship_option .movex-header{
    background: #70b453;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
}
#book_packet #leopard_ship_option .bluex-header{
    background: #0047ba;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
}
#book_packet #leopard_ship_option .swyft-header{
    background: #6e3191;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
}
#book_packet #leopard_ship_option .mnp-header{
    background: #f26726;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
}
#book_packet #leopard_ship_option .tcs-header{
    background: #ED1C24;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
}
#book_packet #leopard_ship_option .daak-header{
    background: #ffb206;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
}
#book_packet #leopard_ship_option .postex-header{
    background: #000000;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
}
#book_packet #leopard_ship_option .call-courier-header{
    background: #05af56;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
}
#order_detail_blade #leopard_ship_option .modal-dialog {
    max-width: 700px !important;
}

#order_detail_blade .shipment_pdf_link {
    font-size: 12px;
    color: #e74425;
    text-decoration: none;
}

#order_detail_blade .nearby-office {
    background: #edebeb;
    border-radius: 3px;
    text-align: left;
    padding: 10px;
}

#order_detail_blade .map-location-link {
    color: black;
    text-decoration: none;
}

#order_detail_blade .map-location-arrow {
    float: right;
    transform: rotateZ(105deg);
    margin-top: 6px;
    margin-left: 5px;
}

#order_detail_blade .nearby-office-list {
    height: 305px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#order_detail_blade .nearby-office-list::-webkit-scrollbar-track {
    background: #edebeb !important;
}

#order_detail_blade .logistics_order_option {
    left: -35px !important;
    border-radius: 12px;
    border: 0px !important;
    box-shadow: 0px 4px 24px rgb(0 0 0 / 15%);
}

#order_detail_blade .logistics_order_option a:hover{
   opacity: 0.5;
}

#order_detail_blade .accordion-button:not(.collapsed)::after {
    background-image: none !important;
}

#order_detail_blade #order_status_bar .accordion-button {
    outline: 0 !important;
    box-shadow: none !important;
    background: #FFF3F1 !important;
    padding: 17px 13px 17px 13px !important;
    color: black;
}

#order_detail_blade .leopard-status-show {
    height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#order_detail_blade .status_accordion .dummy-text {
    color: #95999c;
}

#order_detail_blade #delivery_charges_values {
    line-height: 2.2;
}

#order_detail_blade #leopard_ship_option .modal-body {
    /*height: 430px;*/
}

#order_detail_blade .sub-header {
    background: #F2F2F2;
    padding: 10px 0px;
    font-size: 14px;
}

#order_detail_blade input, textarea, select {
    background-color: #F6F6F6 !important;
    border: 0px !important;
    outline: 0px !important;
    border-radius: 7px !important;
}

#order_detail_blade .form-control {
    background: #F6F6F6 !important;
    border: 0px !important;
    outline: 0px !important;
    border-radius: 7px;
}

#order_detail_blade .form-control::placeholder {
    color: #B4B0B0;
    font-size: 13px !important;
}

#order_detail_blade label {
    font-size: 13px !important;
}

.orange-fill-btn {
    background: #e74425 !important;
    color: white !important;
    font-size: 14px !important;
    border-radius: 10px !important;
    padding: 12px !important;
    border: 2px solid #e74425 !important;
    font-weight: 600 !important;
}

.un-fill-btn {
    border-radius: 10px !important;
    border: 2px solid #e74425 !important;
    color: #E74425 !important;
    font-size: 14px !important;
    padding: 12px !important;
    font-weight: 600 !important;
}

.border-red {
    border: 1px solid #e74425 !important;
}

/*order detail name end*/

/*extra charges blades start*/

#extra_charges_blade .store_details_heading {
    color: #263238;
    font-weight: 600;
    font-size: 15px;
}

#extra_charges_blade .profile_form_label {
    color: #808080;
    font-size: 13px;
    font-weight: 400;
    line-height: 3;
}

#extra_charges_blade input.profile_form {
    background-color: #F6F6F6 !important;
    border-radius: 7px !important;
    border: none;
}

#extra_charges_blade .profile_form::placeholder {
    color: #B4B0B0 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

#extra_charges_blade .profile-btn-save {
    background: #E74425;
    border-radius: 8px !important;
    color: white;
    font-size: 13px !important;
    padding: 8px 60px;
    border: none !important;
}

#extra_charges_blade .switch-category {
    position: absolute;
    display: inline-block;
    width: 35px;
    height: 20px;
    right: 15px;
    bottom: 0px;
}

#extra_charges_blade .switch-category input {
    opacity: 0;
    width: 0;
    height: 0;
}

#extra_charges_blade .input-box {
    height: 100px;
}

/*extra charges blade end*/

@keyframes MoveDown {
    from {
        top: -30px;
    }
    to {
        top: 0px;
    }
}


/*    table css*/
#my_customer_page .tableFixHead {
    overflow: auto;
    height: 380px;
}

#my_customer_page .tableFixHead thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

#my_customer_page .orderid_date {
    color: #E74425;
}

/* Just common table stuff. Really. */
#my_customer_page table {
    border-collapse: collapse;
    width: 100%;
}

#my_customer_page th {
    padding: 11px 15px;
    color: #686868;
    font-weight: 300;
    font-size: 14px !important;
    background: #F6F6F6;
}

#my_customer_page td {
    padding: 22px 15px 9px;
    font-size: 13px;
}


#my_customer_page table th:first-child {
    border-radius: 10px 0px 0px 10px;
}

#my_customer_page table th:last-child {
    border-radius: 0px 10px 10px 0px;
}

/*#my_customer_page .tableFixHead::-webkit-scrollbar {*/
/*    width: 0 !important;*/
/*}*/

#my_customer_page .order-dropdown option {
    text-align: right;
}

/*search css*/

#my_customer_page .search-input {
    width: 100%;
    font-size: 12px;
    padding: 8px;
    border: 1px solid #DEDDDD;
    border-radius: 10px;
}

#my_customer_page .search-input-img {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 15px;
    height: 15px;
}

#my_customer_page .search-input-cross {
    position: absolute;
    bottom: 12px;
    right: 10px;
    width: 10px;
    height: 10px;
    cursor: pointer;
}

/*end search css*/
#my_customer_page table th:nth-child(1) {
    width: 25%;
}

#my_customer_page table th:nth-child(2) {
    width: 15%;
}

#my_customer_page table th:nth-child(3) {
    width: 20%;
}

#my_customer_page table th:nth-child(4) {
    width: 15%;
}

#my_customer_page table th:nth-child(5) {
    width: 15%;
}

#my_customer_page table th:nth-child(6) {
    width: 5%;
}

#my_customer_page table th:nth-child(6) {
    width: 5%;
}

/*    end table css*/


/*    table css*/
#customer_order_page .tableFixHead {
    overflow: auto;
    height: 380px;
    white-space: nowrap;
}

#customer_order_page .tableFixHead thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

#customer_order_page .orderid_date {
    color: #E74425;
}

/* Just common table stuff. Really. */
#customer_order_page table {
    border-collapse: collapse;
    width: 100%;
}

#customer_order_page th {
    padding: 11px 15px;
    color: #686868;
    font-weight: 300;
    font-size: 14px !important;
    background: #F6F6F6;
}

#customer_order_page td {
    padding: 22px 15px 9px;
    font-size: 13px;
}

#customer_order_page table th:first-child {
    border-radius: 10px 0px 0px 10px;
}

#customer_order_page table th:last-child {
    border-radius: 0px 10px 10px 0px;
}

/*#customer_order_page .tableFixHead::-webkit-scrollbar {*/
/*    width: 0 !important;*/
/*}*/

#customer_order_page .order-dropdown option {
    text-align: right;
}

#customer_order_page .no_order_found {
    /*margin-top: 18%;*/
    display: grid;
    place-items: center;
}

#customer_order_page .input-container {
    position: relative;
    /*padding:0 0 0 20px;*/
    /*margin:0 20px;*/
    /*background:#ddd;*/
}

#customer_order_page .search-input {
    /* height: 20px; */
    /* margin: 0; */
    /* padding-right: 30px; */
    width: 100%;
    font-size: 12px;
    padding: 8px;
    border: 1px solid #DEDDDD;
    border-radius: 10px;
}

#customer_order_page .search-input-img {
    position: absolute;
    bottom: 10px;
    right: 8px;
    width: 15px;
    height: 15px;
}

#customer_order_page .search-input-cross {
    position: absolute;
    bottom: 12px;
    right: 8px;
    width: 10px;
    height: 10px;
    cursor: pointer;
}

#customer_order_page .dot {
    width: 10px;
    height: 10px;
    border: none;
}


.status-cell {
    width: 20%;
}

/*    end table css*/

#payment_details .payment-detail-heading {
    color: #000000;
    font-weight: 500;
    font-size: 22px;
}

#payment_details .payments-btn-color {
    /*background-color: #E74425 !important;*/
    color: #E74425 !important;
    border-color: #E74425;
    border-radius: 7px;
    box-shadow: none !important;
}

/*    settled and received Payment modal box css*/
#payment_details .how-it-work-text {
    font-size: 20px;
    font-weight: 700;
}

#payment_details .customer-pays-text {
    background: #F8B031;
    border-radius: 29px;
    color: white;
    padding: 10px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 37px;
}

#payment_details .amount-on-hold {
    font-size: 14px;
    font-weight: 700;
}

#payment_details .after-order-delivered span {
    font-size: 14px;
    font-weight: 500;
}

#payment_details .bank-account-text {
    color: #0A7F0A;
    background-color: #CDFFCC;
    font-size: 14px;
    font-weight: 700;
    border-radius: 37px;
}

#payment_details .first-vertical-line {
    width: 10%;
    height: 100px;
    border-right: 2px #787878 dashed;
}

#payment_details .second-vertical-line {
    width: 10%;
    height: 70px;
    border-right: 2px #f18f7c dashed;
}

#payment_details .third-vertical-line {
    width: 10%;
    height: 40px;
    border-right: 2px #787878 dashed;
}

#payment_details .amount-on-hold-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    /*width: 90%;*/
    background-color: #F3F5FB;
    margin-left: 5%;
    margin-right: 5%;
    box-sizing: border-box;
    margin-bottom: 5%;
    margin-top: 5%;
    border-radius: 13px;
    background: white;
    border: 2px solid #e3e2e2;
}

#payment_details .amount-on-hold-button {
    border-radius: 17px;
    background-color: #F97306;
    color: white !important;
    font-size: 14px;
    font-weight: 700;
    width: 200px !important;
    border: none;
    padding: 10px 15px;
    position: relative;
    bottom: 1em;
    border-radius: 37px;
}

#payment_details .payment-info-modal-box-close-btn {
    box-shadow: none !important;
}

#payment_details .status-list li .active {
    border-bottom: 3px solid #E74425 !important;
    color: #E74425 !important;
    /*width: 150px;*/
}

#payment_details .dot {
    width: 12px;
    height: 12px;
    border: none;
    border-radius: 50%;
    background-color: darkgreen;
}

/*    End  settled and received Payment modal box css*/
#payment_details .payment-details {
    color: #000000;
    font-weight: 400;
    font-size: 15px;
    line-height: 2;
}

#payment_details .customer-paid-text {
    color: #E84005;
    font-size: 16px;
    font-weight: bold;
}

#payment_details .dummy-text {
    color: darkgray;
    font-size: 16px;
    font-weight: bold;
}

#payment_details .vertical-line {
    border-left: 1px dashed #EF4706;
    height: 80px;
    margin-top: 2px;
}

#payment_details .circle {
    width: 17px;
    height: 17px;
    border: 1px solid gray;
    border-radius: 50px;
}


/*marketing css here*/
#whatsapp_card_blade .heading-whatsapp-stories {
    font-weight: 500;
    font-size: 16px;
}

#whatsapp_card_blade .button-whatsapp-stories {
    font-size: 14px;
    font-weight: 600;
}

#whatsapp_card_blade .whatsapp-img {
    height: 190px;
    border-radius: 7px !important;
    border: 2px solid #F8FAFC;
    cursor: pointer;
}

#whatsapp_card_blade .whatsapp-img img {
    border-radius: 7px !important;
}

/*#whatsapp_card_blade .whatsapp-scroll::-webkit-scrollbar {*/
/*    width: 0px;*/
/*}*/

#whatsapp_card_blade .whatsapp {
    overflow-y: auto;
    overflow-x: hidden;
    height: 420px;

}

#whatsapp_card_blade .slider-box {
    width: 40%;
    margin: auto;
    object-fit: cover;
    overflow: hidden;
}

#whatsapp_card_blade .whatsapp-slider {
    height: 470px !important;
}

#whatsapp_card_blade .prev {
    cursor: pointer;
    position: absolute;
    right: 76%;
    top: 50%;
    width: 48px;
    height: 48px;
    margin-top: -22px;
    /*color: white;*/
    color: #E74425;
    font-weight: bold;
    font-size: 17px;
    transition: 0.6s ease;
    user-select: none;
    background-color: #F2F2F2;
    border-radius: 100px;
    text-align: center;
    padding: 12px;
}

#whatsapp_card_blade .next {
    cursor: pointer;
    position: absolute;
    left: 76%;
    top: 50%;
    width: 48px;
    height: 48px;
    padding: 12px;
    margin-top: -22px;
    /*color: white;*/
    color: #E74425;
    font-weight: bold;
    font-size: 17px;
    transition: 0.6s ease;
    user-select: none;
    background-color: #F2F2F2;
    border-radius: 100px;
    text-align: center;
}

#whatsapp_card_blade .mySlides img {
    border-radius: 7px !important;
}

#whatsapp_card_blade .input-fields {
    position: absolute;
    width: 47%;
    display: grid !important;
    place-items: center !important;
    bottom: 100px;
}

#whatsapp_card_blade .input-fields input {
    background: none;
    outline: none;
    text-align: center;
    border: none;
    color: #ffffff;
}

#whatsapp_card_blade .input-fields textarea {
    background: none;
    outline: none;
    text-align: center;
    border: none;
    /*color: #ffffff;*/
    overflow-x: hidden;
}

#whatsapp_card_blade .transparent-input:focus {
    background: none !important;
    color: White !important;
}

#whatsapp_card_blade .prev:hover, .next:hover {
    color: #E74425;
}

#whatsapp_card_blade .text-area-scroll {
    resize: none;
}

#whatsapp_card_blade .show-bottom-border:placeholder-shown {
    border-bottom: 1px solid white !important;
    width: 200px !important;
    border-radius: 0px !important;
}

#whatsapp_card_blade .show-bottom-border::placeholder {
    color: white;
}

/*#whatsapp_card_blade .prev{*/
/*    right: 72% !important;*/
/*}*/
/*#whatsapp_card_blade .next{*/
/*    left: 72% !important;*/
/*}*/
/*#whatsapp_card_blade .input-fields {*/
/*    width: 50% !important;*/
/*}*/
/*#whatsapp_card_blade .mySlides{*/
/*    text-align: center !important;*/
/*}*/
/*#whatsapp_card_blade .todays_deal{*/
/*    font-weight: bold !important;*/
/*    font-size: 19px !important;*/
/*}*/
/*#whatsapp_card_blade .shop_online{*/
/*    font-size: 10px !important;*/
/*    font-weight: bold !important;*/
/*}*/
/*#whatsapp_card_blade .input-fields textarea{*/
/*    width: 61% !important;*/
/*    font-size: 14px !important;*/
/*}*/

/*#whatsapp_card_blade .text-area-scroll::-webkit-scrollbar {*/
/*    width: 0px;*/
/*}*/

/* On smaller screens, decrease text size */




#promo_banner .heading-whatsapp-stories {
    font-weight: 500;
    font-size: 16px;
}

#promo_banner .button-whatsapp-stories {
    font-size: 14px;
    font-weight: 600;
}

#promo_banner .whatsapp-img {
    height: 190px;
    border-radius: 7px !important;
    border: 2px solid #F8FAFC;
    cursor: pointer;
}

#promo_banner .whatsapp-img img {
    border-radius: 7px !important;
}

/*#promo_banner .whatsapp-scroll::-webkit-scrollbar {*/
/*    width: 0px;*/
/*}*/

#promo_banner .whatsapp {
    overflow-y: auto;
    overflow-x: hidden;
    height: 420px;

}

/* Next & previous buttons */
#promo_banner .prev {
    cursor: pointer;
    position: absolute;
    left: -70px;
    top: 50%;
    width: 48px;
    height: 48px;
    margin-top: -22px;
    /*color: white;*/
    color: #E74425;
    font-weight: bold;
    font-size: 17px;
    transition: 0.6s ease;
    user-select: none;
    background-color: #F2F2F2;
    border-radius: 100px;
    text-align: center;
    padding: 12px;
}

#promo_banner .next {
    cursor: pointer;
    position: absolute;
    right: -70px;
    top: 50%;
    width: 48px;
    height: 48px;
    padding: 12px;
    margin-top: -22px;
    /*color: white;*/
    color: #E74425;
    font-weight: bold;
    font-size: 17px;
    transition: 0.6s ease;
    user-select: none;
    background-color: #F2F2F2;
    border-radius: 100px;
    text-align: center;
}

#promo_banner .input-fields {
    position: absolute;
    width: 89%;
    display: grid !important;
    place-items: center !important;
    top: 40%;
    font-size: 14px;
    margin-left: 34px;
}

#promo_banner .input-fields input {
    background: none;
    outline: none;
    text-align: center;
    border: none;
    color: #ffffff;
}

#promo_banner .input-fields textarea {
    background: none;
    outline: none;
    text-align: center;
    border: none;
    /*color: #ffffff;*/
    overflow-x: hidden;
}

#promo_banner .transparent-input:focus {
    background: none !important;
    color: White !important;
}

/* On hover, add a black background color with a little bit see-through */
#promo_banner .prev:hover, .next:hover {
    color: #E74425;
}

#promo_banner .text-area-scroll {
    resize: none;
}

#promo_banner .hurry_up {
    font-weight: bold;
    font-size: 19px;
}

#promo_banner .shop_online {
    font-size: 12px;
    font-weight: bold;
}

#promo_banner .show-bottom-border:placeholder-shown {
    border-bottom: 1px solid white !important;
    width: 200px !important;
    border-radius: 0px !important;
}

#promo_banner .show-bottom-border::placeholder {
    color: white;
}


/*#promo_banner .text-area-scroll::-webkit-scrollbar {*/
/*    width: 0px;*/
/*}*/

/* On smaller screens, decrease text size */




#business_card .heading-whatsapp-stories {
    font-weight: 500;
    font-size: 16px;
}

#business_card .button-whatsapp-stories {
    font-size: 14px;
    font-weight: 600;
}

#business_card .whatsapp-img {
    border-radius: 7px !important;
    border: 2px solid #F8FAFC;
    cursor: pointer;
}

#business_card .whatsapp-img img {
    border-radius: 7px !important;
}

/*#business_card .whatsapp-scroll::-webkit-scrollbar {*/
/*    width: 0px;*/
/*}*/

#business_card .whatsapp {
    overflow-y: auto;
    overflow-x: hidden;
    height: 420px;

}

/* Slideshow container */
#business_card .slideshow-container {
    width: 75% !important;
    margin: auto;
    object-fit: cover;
    overflow: hidden;
}

#business_card .mySlides {
    height: 350px;
}

#business_card .whatsapp-slider {
    margin: auto !important;
}

/* Next & previous buttons */
#business_card .prev {
    cursor: pointer;
    position: absolute;
    right: 90%;
    top: 50%;
    width: 48px;
    height: 48px;
    margin-top: -22px;
    color: #E74425;
    font-weight: bold;
    font-size: 17px;
    transition: 0.6s ease;
    user-select: none;
    background-color: #F2F2F2;
    border-radius: 100px;
    text-align: center;
    padding: 12px;
}

#business_card .next {
    cursor: pointer;
    position: absolute;
    left: 90%;
    top: 50%;
    width: 48px;
    height: 48px;
    padding: 12px;
    margin-top: -22px;
    color: #E74425;
    font-weight: bold;
    font-size: 17px;
    transition: 0.6s ease;
    user-select: none;
    background-color: #F2F2F2;
    border-radius: 100px;
    text-align: center;
}

#business_card .mySlides {
    border-radius: 30px !important;
    background-repeat: no-repeat;
    display: grid;
    place-items: center;
    width: 100%;
    /*height: 100%;*/
    padding: 150px;
    background-size: 100%;
}

#business_card .input-fields input {
    background: none;
    outline: none;
    text-align: center;
    border: none;
    color: #ffffff;
}

#business_card .input-fields textarea {
    background: none;
    outline: none;
    text-align: center;
    border: none;
    color: #ffffff;
    overflow-x: hidden;
}

#business_card .transparent-input:focus {
    background: none !important;
    color: White !important;
}

/* On hover, add a black background color with a little bit see-through */
#business_card .prev:hover, .next:hover {
    color: #E74425;
}

#business_card .input-fields {
    margin-top: -50px !important;
}

/*#business_card .mySlides {*/
/*    padding-top: 74px !important;*/
/*}*/
/*#business_card .slideshow-container{*/
/*    width: 56% !important;*/
/*}*/
/*#business_card .next{*/
/*    left: 79% !important;*/
/*}*/
/*#business_card .prev{*/
/*    right: 79% !important;*/
/*}*/
/*#business_card .mySlides {*/
/*    height: 250px !important;*/
/*}*/

/* On smaller screens, decrease text size */



/*ready made product blade css*/
#ready_made_product_blade .overflow-y-scroll {
    overflow-y: scroll !important;
}

#readyMade_products_show::-webkit-scrollbar-track {
    background: linear-gradient(to right, var(--scroll-track-color) 0%, var(--scroll-track-color) 35%, var(--scroll-color) 55%, var(--body-bg-color) 61%, var(--body-bg-color) 100%);
}

#readyMade_products_show::-webkit-scrollbar {
    width: 12px;
}

#readyMade_products_show::-webkit-scrollbar-thumb {
    background-color: var(--scroll-color);
    border-radius: 5px;
}

/*#ready_made_product_blade .overflow-y-scroll::-webkit-scrollbar {*/
/*    width: 0px;*/
/*}*/

/*#ready_made_product_blade body::-webkit-scrollbar {*/
/*    width: 0px;*/
/*}*/

#ready_made_product_blade .readyMade-product-information {
    border-left: 1px solid #EEEEEE;
}

#ready_made_product_blade .category-name {
    font-size: 13px !important;
    font-weight: 600;
    color: #263238;
    line-height: 2.3;
}

#ready_made_product_blade .category-name-heading {
    font-size: 17px;
    font-weight: 500;
}

#ready_made_product_blade .img-box {
}

#ready_made_product_blade .img-box img {
    object-fit: cover;
    border-radius: 9px;
}

#ready_made_product_blade .category_name_sticky section {
    position: sticky;
    top: 0px;
    background: white;
    z-index: 10;
    border-bottom: 1px solid darkgray;
}

#ready_made_product_blade .product-name {
    font-size: 12px !important;
}

#ready_made_product_blade .category-active {
    color: #E74425 !important;
}

#ready_made_product_blade .z-index-negative {
    z-index: -10;
}


/*payments css start here*/

#total_payment_blade .payments-btn-color {
    color: #E74425 !important;
    border-color: #E74425;
    border-radius: 7px;
    box-shadow: none !important;
}

#total_payment_blade .total-amount-box {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    background: white;
    border-radius: 15px;
}

#total_payment_blade .amount {
    font-size: 23px;
    color: #808080;
}

#total_payment_blade .bank-main-heading {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
}

#total_payment_blade .customer-pays {
    background: #F8B031;
    border-radius: 29px;
    color: white;
    padding: 10px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 37px;
}

#total_payment_blade .Content p {
    font-size: 14px;
    font-weight: 700;
}

#total_payment_blade .order-delivered span {
    font-size: 14px;
    font-weight: 500;
}

#total_payment_blade .bank-account {
    color: #0A7F0A;
    background-color: #CDFFCC;
    font-size: 14px;
    font-weight: 700;
    border-radius: 37px;
}

#total_payment_blade .first-line {
    width: 10%;
    height: 100px;
    border-right: 2px #787878 dashed;
}

#total_payment_blade .second-line {
    width: 10%;
    height: 70px;
    border-right: 2px #f18f7c dashed;
}

#total_payment_blade .third-line {
    width: 10%;
    height: 40px;
    border-right: 2px #787878 dashed;
}

#total_payment_blade .ThankYouReview {
    display: flex;
    flex-direction: column;
    align-items: center;
    /*width: 90%;*/
    background-color: #F3F5FB;
    margin-left: 5%;
    margin-right: 5%;
    box-sizing: border-box;
    margin-bottom: 5%;
    margin-top: 5%;
    border-radius: 13px;
    background: white;
    border: 2px solid #e3e2e2;
}

#total_payment_blade .ActionButton {
    border-radius: 17px;
    background-color: #F97306;
    color: white !important;
    font-size: 14px;
    font-weight: 700;
    width: 200px !important;
    border: none;
    padding: 10px 15px;
    position: relative;
    bottom: 1em;
    border-radius: 37px;
}

#total_payment_blade .tableFixHead {
    overflow: auto;
    height: 380px;
}

#total_payment_blade .tableFixHead thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

#total_payment_blade .orderid_date {
    color: #E74425;
}

#total_payment_blade table {
    border-collapse: collapse;
    width: 100%;
}

#total_payment_blade th {
    padding: 11px 15px;
    color: #686868;
    font-weight: 300;
    font-size: 14px !important;
    background: #F6F6F6;
}

#total_payment_blade td {
    padding: 22px 15px 9px;
    font-size: 13px;
}


#total_payment_blade table th:first-child {
    border-radius: 10px 0px 0px 10px;
}


#total_payment_blade table th:last-child {
    border-radius: 0px 10px 10px 0px;
}

/*#total_payment_blade .tableFixHead::-webkit-scrollbar {*/
/*    width: 0 !important;*/
/*}*/


#total_payment_blade .nav-pills .nav-link {
    background-color: #EFEFEF;
    border: 0;
    border-radius: 8px;
    color: black;
}

#total_payment_blade .dot {
    width: 12px;
    height: 12px;
    border: none;
    border-radius: 50%;
    background-color: darkgreen;
}

#total_payment_blade .a-link-black {
    color: black;
    text-decoration: none;
}

#payment_intro_screen .profile_aesterik {
    color: red;
    font-size: 10px;
}
#payment_intro_screen .verification-text {
    color: #238D02;
    font-weight: 500;
    font-size: 14px;
}

.form-check-color-change:checked[type=radio]{
    background-color: #E74425 !important;
    border-color: #E74425 !important;
}

#payment_intro_screen .bank-account-heading {
    font-size: 13px;
    font-weight: 500;
}

#payment_intro_screen .payment-page-headings {
    font-size: 13px;
    color: #000000;
    font-weight: 500;
    font-family: Montserrat;
}

#payment_intro_screen .payments-btn-color {
    color: #E74425 !important;
    border-color: #E74425;
    border-radius: 10px;
    box-shadow: none !important;
    border: 2px solid;
    font-weight: 600;
}

#payment_intro_screen input.payment-screen-inputfield {
    color: black;
    font-size: 15px;
    height: 44px;
    background-color: #F6F6F6 !important;
    border: 0px;
}

#payment_intro_screen input.payment-screen-inputfield::placeholder {
    color: #B4B0B0;
    font-size: 13px;
    font-weight: 400;
}

#payment_intro_screen input.payment-screeninputfield:focus {
    border: 0px !important;
    outline: 0px !important;
}

#payment_intro_screen .submit-btn {
    background-color: #E8431A !important;
    color: white !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

#payment_intro_screen .cnic-text {
    color: #B4B0B0;
    font-weight: 400;
    font-size: 13px;
    cursor: pointer;
}

/*    end bank detail form fields*/

/*    settled and received Payment modal box css*/
#payment_intro_screen .how-it-work-text {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
}

#payment_intro_screen .customer-pays-text {
    background: #F8B031;
    border-radius: 29px;
    color: white;
    padding: 10px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 37px;
}

#payment_intro_screen .amount-on-hold {
    font-size: 14px;
    font-weight: 700;
}

#payment_intro_screen .after-order-delivered span {
    font-size: 14px;
    font-weight: 500;
}

#payment_intro_screen .bank-account-text {
    color: #0A7F0A;
    background-color: #CDFFCC;
    font-size: 14px;
    font-weight: 700;
    border-radius: 13px;
    border: 1px solid #0A7F0A;
}

#payment_intro_screen .first-vertical-line {
    width: 0%;
    height: 100px;
    border-right: 2px #787878 dashed;
}

#payment_intro_screen .second-vertical-line {
    width: 0%;
    height: 70px;
    border-right: 2px #f18f7c dashed;
}

#payment_intro_screen .third-vertical-line {
    width: 0%;
    height: 40px;
    border-right: 2px #787878 dashed;
}

#payment_intro_screen .amount-on-hold-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    /*width: 90%;*/
    background-color: #F3F5FB;
    margin-left: 5%;
    margin-right: 5%;
    box-sizing: border-box;
    margin-bottom: 5%;
    margin-top: 5%;
    border-radius: 13px;
    background: white;
    border: 2px solid #e3e2e2;
}

#payment_intro_screen .amount-on-hold-button {
    border-radius: 17px;
    background-color: #F97306;
    color: white !important;
    font-size: 14px;
    font-weight: 700;
    width: 200px !important;
    border: none;
    padding: 10px 15px;
    position: relative;
    bottom: 1em;
    border-radius: 22px !important;
}

#payment_intro_screen .payment-info-modal-box-close-btn {
    box-shadow: none !important;
}

#payment_intro_screen .status-list li .active {
    border-bottom: 3px solid #E74425 !important;
    color: #E74425 !important;
    /*width: 150px;*/
}

#payment_intro_screen .dot {
    width: 12px;
    height: 12px;
    border: none;
    border-radius: 50%;
    background-color: darkgreen;
}

/*    End  settled and received Payment modal box css*/

/*    payment dropdown css*/
#payment_intro_screen #selectField {
    width: 100%;
    height: 45px;
    /*padding: 11px 20px;*/
    padding: 0px 0px;
    margin-bottom: 1px;
    box-sizing: border-box;
    background: #F6F6F6 !important;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;

}

#payment_intro_screen .child-modal {
    height: 300px !important;
    padding: 12px !important;
    box-shadow: 0 0 15px 4px rgb(0 0 0 / 6%);
    position: absolute;
    z-index: 1200;
    background-color: white;
}

/*#payment_intro_screen .scrolling::-webkit-scrollbar {*/
/*    width: 0px;*/
/*}*/

#payment_intro_screen .choose {
    font-size: 21px !important;
    font-weight: 300 !important;
}

#payment_intro_screen .bank-input {
    color: #B4B0B0;
    font-size: 13px;
    font-weight: 400;
    padding: 15px 20px !important;
    margin-bottom: 1px !important;
    box-sizing: border-box !important;
    /* background: rgba(244, 242, 242, 0.54) !important; */
    border-radius: 6px !important;
    width: 335px !important;
    margin-top: 2px;
    border: none;
    outline: none;
}

#payment_intro_screen .select-bank {
    width: 10px;
    transition: transform 0.5s;
    margin-right: 20px;
}

#payment_intro_screen #list {
    width: 95%;
    border-radius: 6px;
    /*background-color: transparent!important;*/
    /*overflow: hidden;*/
    z-index: 1200;
    background: white;
}

#payment_intro_screen .menu-images {
    width: 50px;
    height: 50px;
}

#payment_intro_screen .upload-img-box {
    height: 150px !important;
}

/*end payment dropdown css*/

/*after bank details verified*/

.bank-name-heading {
    color: #B4B0B0;
    font-weight: 400;
    font-size: 13px;
}

.bank-name {
    font-size: 13px;
    color: #000000;
    font-weight: 400;
}

/*End after bank details verified*/

.color-black {
    color: black !important;
}

.status-box {
    background: #E5FFE4;
    padding: 5px 20px;
}

#payment_intro_screen .options {
    padding: 5px 0px !important;
}

#payments_input_fields {
    overflow: scroll;
}

/*#payments_input_fields::-webkit-scrollbar {*/
/*    width: 0px;*/
/*}*/

#payments_input_fields .bank-details-verified div {
    margin-bottom: 22px;
}

#payment_intro_screen label {
    font-size: 12px;
    color: grey;
    margin-bottom: 10px !important;
}

#payment_intro_screen form {
    margin: 0px;
}

#payment_intro_screen .modal {
    background-color: rgba(0, 0, 0, .4);
}


.marketing_blade .manage_box {
    padding: 20px;
    box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    margin-bottom: 30px;
}

.marketing_blade .manage_page_images {
    width: 80px;
    margin-bottom: 10px;
}


#manage_blade .manage_box {
    padding: 15px;
    box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    margin-bottom: 30px;
}

#manage_blade .manage_page_images {
    width: 50px;
    margin-bottom: 10px;
}

#manage_blade #logistics .manage_page_images {
    width: 90px;
    height: 70px;
    margin-bottom: 10px;
}


/*marketing css end here*/

.no_data_error {
    position: absolute;
    top: 45%;
    left: 40%;
}

.no_order_found {
    position: absolute;
    top: 50%;
    left: 40%;
}
.no_order_found p{
    margin: 0px;
    font-size: 22px;
}

/*.no_order_found_dashboard {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 45%;*/
/*}*/
.input-date-feilds{
    border: 1px solid #DEDDDD !important;
    border-radius: 10px !important;
    /*line-height: 0px !important;*/
}
.color-black {
    color: black !important;
}

.color-green {
    color: green !important;
}

.color-white {
    color: white;
}

.font-weight-6 {
    font-weight: 600;
}

.font-weight-8 {
    font-weight: 800;
}

.font-weight-5 {
    font-weight: 500 !important;
}

.cursor-auto {
    cursor: auto !important;
}

#custom_alert {
    background-color: rgba(0, 0, 0, .4);
    animation: 0s ease 0s 1 normal none running none;
    text-align: -webkit-center;
    padding-top: 15px;
}

#custom_alert .body {
    /*position: fixed;*/
    min-width: 250px !important;
    /*left: 50%;*/
    /*top: 2%;*/
    padding: 10px;
    width: fit-content;
    box-sizing: border-box;
    /*margin-left: -9%;*/
    text-align: end;
    background: white;
    border-radius: 10px;
}

#custom_toast .body {
    position: fixed;
    min-width: 250px !important;
    top: 10px;
    /*bottom: 10px;*/
    right: 10px;
    padding: 10px;
    box-sizing: border-box;
    background: #ffffff;
    ground: #ffffff;
    border-radius: 10px;
    z-index: 1500;
    border: 2px solid #50bb06;
    animation: MoveRight 1s;
    color: #50bb06;
    font-weight: 500;
    box-shadow: rgb(17 17 26 / 10%) 0px 1px 0px, rgb(17 17 26 / 10%) 0px 8px 24px, rgb(17 17 26 / 10%) 0px 16px 48px;
}

#custom_alert_message {
    font-size: 14px;
    text-align: justify;
    margin-bottom: 0px;
}

#custom_toast_message {
    font-size: 14px;
    text-align: justify;
    margin-bottom: 0px;
}

#custom_alert_confirm_btn {
    font-size: 13px;
    border: 0px;
    padding: 3px 15px;
    border-radius: 4px;
    background: #e74425;
    color: white;
}

#custom_toast_confirm_btn {
    font-size: 13px;
    border: 0px;
    padding: 3px 15px;
    border-radius: 4px;
    background: #e74425;
    color: white;
}


@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

#clr-swatches button {
    border-radius: 30px !important;
}

#product_add_blade .clr-field button {
    width: 100%;
    border-radius: 3px !important;
}

#product_add_blade .clr-field {
    width: 75px;
}

#qr_code_blade .qr-code-section {
    width: 400px;
    text-align: center;
    margin-top: 15px;
}

#qr_code_blade .top-part {
    background: #E74425;
    border-top-left-radius: 19px;
    border-top-right-radius: 19px;
    height: 220px;
}

#qr_code_blade .bottom-part .qr-code {
    margin-top: -75px;
    display: inline-block;
    width: 180px;
    height: 165px;
    background: white;
    /*box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;*/
    border: 1px solid #DFDFDF;
}

#qr_code_blade .bottom-part .qr-code img {
    margin-top: 13px;
}

#qr_code_blade .bottom-part {
    border: 1px solid #DFDFDF;
    height: 250px;
    text-align: center;
    background: white;
}

#qr_code_blade .bottom-part p {
    text-align: center;
}

#qr_code_blade .bottom-part a {
    color: #e74425;
    text-decoration: none;
}

#qr_code_blade .bottom-part a:hover {
    text-decoration: underline;
}

.language-list {
    padding-left: 0px;
    list-style-type: none;
}

.language-list li {
    padding: 5px;
    cursor: pointer;
}

.language-list li a {
    color: black;
    text-decoration: none;
}

.language-list li:hover {
    opacity: 0.6;
}

.active-language-color {
    color: #E74425 !important;
}

.modal-popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, 0.4);
}

#message_alert button span {
    font-size: 26px !important;
}


#leopard_courier .search-input-cross {
    position: absolute;
    bottom: 14px;
    right: 96px;
    width: 10px;
    height: 10px;
    cursor: pointer;
}

#leopard_courier .search-input {
    /*height:20px;*/
    /*margin:0;*/
    /*padding-right: 30px;*/
    width: 100%;
    font-size: 12px;
    padding: 8px;
    border: 1px solid #DEDDDD;
    border-radius: 10px;
}

#leopard_courier .search-input-img {
    position: absolute;
    bottom: 13px;
    left: 23px;
    width: 15px;
    height: 15px;
}

#leopard_courier .no_data_error {
    position: absolute;
    left: 40%;
    bottom: 50px !important;
    top: inherit !important;
}

#leopard_courier .no_data_errors {
    position: absolute;
    left: 40%;
    bottom: 80px !important;
    top: inherit !important;
}

.modal-content {
    border-radius: 13px !important;
}


#leopard_courier .status a {
    text-decoration: none;
}

#leopard_courier .accepted {
    font-weight: 500;
    font-size: 19px;
}

#leopard_courier .add-info-leopard {
    background-color: #E8431A;
    border: 0px;
}

#leopard_courier .modal-content {
    border-radius: 20px !important;
}

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

#leopard_courier .form-group {
    padding: 2px;
    margin: 10px;
    border-radius: 7px;
    border: 1px solid #7a7a7a;
}

#leopard_courier .form-group > label {
    position: absolute;
    top: 71px;
    left: 55px;
    background-color: white;
}

#leopard_courier .form-group > input {
    border: none;
}

#leopard_courier .modal-body {
    padding: 0px 30px 30px !important;
}

#leopard_courier .error-text {
    line-height: 16px !important;
}

#leopard_courier .modal-popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, 0.4);
}

#leopard_courier .rate-card-btn {
    border: 1px solid grey;
    color: grey;
}

#leopard_courier .requirement-list {
    color: grey;
    font-size: 10px;
}

#leopard_courier .nav-pills .nav-link {
    background-color: #FFFFFF;
    border-radius:0px !important; ;
    /*border: 1px solid #686868 !important;*/
    color: #000000;
    font-size: 16px !important;
    font-weight: 400 !important;
}

#leopard_courier .ordernav-btn {
    border-radius: 25px !important;
    font-size: 12px;
}

#leopard_courier .order-list li .active {
    /*color: #E74425 !important;*/
    border-bottom: 2px solid #E74425 !important;
    color: #E74425;
    /*font-weight: bold !important;*/
}

#leopard_courier .customer-pays {
    background: #F8B031;
    border-radius: 29px;
    color: white;
    padding: 10px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 37px;
}

#leopard_courier .Content p {
    font-size: 14px;
    font-weight: 700;
}

#leopard_courier .order-delivered span {
    font-size: 14px;
    font-weight: 500;
}

#leopard_courier .bank-account {
    color: #0A7F0A;
    background-color: #CDFFCC;
    font-size: 14px;
    font-weight: 700;
    border-radius: 37px;
}

#leopard_courier .first-line {
    width: 10%;
    height: 100px;
    border-right: 2px #787878 dashed;
}

#leopard_courier .second-line {
    width: 10%;
    height: 70px;
    border-right: 2px #f18f7c dashed;
}

#leopard_courier .third-line {
    width: 10%;
    height: 40px;
    border-right: 2px #787878 dashed;
}

#leopard_courier .ThankYouReview {
    display: flex;
    flex-direction: column;
    align-items: center;
    /*width: 90%;*/
    background-color: #F3F5FB;
    margin-left: 5%;
    margin-right: 5%;
    box-sizing: border-box;
    margin-bottom: 5%;
    margin-top: 5%;
    border-radius: 13px;
    background: white;
    border: 2px solid #e3e2e2;
}

#leopard_courier .ActionButton {
    border-radius: 17px;
    background-color: #F97306;
    color: white !important;
    font-size: 14px;
    font-weight: 700;
    width: 200px !important;
    border: none;
    padding: 10px 15px;
    position: relative;
    bottom: 1em;
    border-radius: 37px;
}
#leopard_courier .bank-main-heading {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
}
#leopard_courier .order-delivered span {
    font-size: 14px;
    font-weight: 500;
}
#leopard_courier .info-dot {
    width: 12px;
    height: 12px;
    border: none;
    border-radius: 50%;
    background-color: darkgreen;
}

#leopard_courier .manage_box {
    padding: 5px 0px;
    box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.1);
    border-radius: 13px;
}
 /*#leopard_courier .manage_box_cheque {*/
 /*    padding: 25px 0px;*/
 /*    box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.1);*/
 /*    border-radius: 13px;*/
 /*    height: 200px;*/
 /*}*/
#leopard_courier .manage_box_table {
    padding: 25px;
    box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    height: 203px;
}

.disabled {
    pointer-events: none;
    cursor: default;
}
.side-nav-links-md{
    font-size: 14px;
    margin-left: 4px;
}
#successful_message_popUp{
    background-color: rgba(0, 0, 0, 0.4) !important;
}
.color-grey{
    color: grey;
}

#mobile_number::placeholder{
    font-size: 25px !important;
}
/*#header-logo-digidokaan {*/
/*    position: relative;*/
/*    min-height: 480px;*/
/*}*/
/*#header-content-digidokaan {*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*}*/

.load_sheet_table tr {
    cursor: default !important;
}
.bluck-upload-form {
    position: relative;
    width: 100%;
    height: 200px;
    border: 2px dashed #AEAEAE;
    border-radius: 10px;
}
.bluck-upload-form input {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    z-index: 1200;
}
/*input {*/
/*    !*background: #F6F6F6 !important;*!*/
/*    border: 0px !important;*/
/*    outline: 0px !important;*/
/*}*/
.bluck-upload-form .bluck-upload-form-image {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 170px;
    color: black;
    font-family: Arial;
    position: absolute;
    top: 10%;
    z-index: 1;
}

.history_btn:hover svg path{
    fill: #FFFFFF !important;
}


[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #E74425;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.bg-green{
    background: #0A7F0A !important;
}

.table-layout-fixed{
    table-layout: fixed;
    width: 100%;
    overflow-x: clip !important;
}
.table-layout-fixed tr td{
    overflow: hidden;
}

.hover-color-white:hover{
    color: white !important;
}

.modal .img-fluid{
    padding: 10px;
    background: #808080;
    border-radius: 5px;
}

.modal .img-fluid:hover{
    opacity: 0.7;
}

@media (max-width: 500px) {
    .iti__country-list {
        white-space: normal;
    }
}

@media all and (min-width: 2560px) {
    #payment_intro_screen #list .options {
        margin-left: 0px !important;
    }
}

@media all and (max-width: 1300px) {
    #custom_alert_message {
        font-size: 14px !important;
    }

    #custom_alert button {
        height: 15% !important;
    }

    #custom_toast_message {
        font-size: 14px !important;
    }

    #custom_toast button {
        height: 15% !important;
    }
}


@media only screen and (min-width: 2560px) {
    #business_card .mySlides {
        height: 450px;
        padding: 150px;
    }

    #business_card .input-fields {
        margin-top: 30px !important;
    }
    #whatsapp_card_blade .input-fields {
        width: 41%;
        bottom: 220px;
        margin-left: 14px;
    }

    #whatsapp_card_blade .whatsapp-slider {
        height: 700px !important;
    }
    #product_page .catalog-images {
        width: 100%;
        height: 95px;
    }
    #order_detail_blade .header-left-box, .header-right-box {
        padding-right: 175px !important;
        color: grey !important;
    }

    #order_detail_blade .dot-line::after {
        width: 255px !important;
    }
    #dashboard .ratio_courier_img{
        width: 50%;
        height: 50%;
    }
    .navigation-links {
        border: none;
        border-radius: 10px;
        width: 100%;
    }
}
@media only screen and (max-width: 2234px) {
    #promo_banner .input-fields {
        width: 84%;
        margin-left: 45px;
    }
}
@media only screen and (max-width: 2122px) {
    .login_label{
        font-size: 20px;
    }
}
@media only screen and (max-width: 2059px) {
    #promo_banner .input-fields {
        width: 80%;
        margin-left: 45px;
    }
}
@media only screen and (max-width: 1720px) {
    #mobile_number::placeholder {
        font-size: 15px !important;
    }

    #login_page .input-size-login {
        font-size: 17px !important;
    }

    .iti__flag.iti__pk {
        height: 26px;
        width: 45px;
    }
    .iti--separate-dial-code .iti__selected-dial-code {
        font-size: 19px;
        margin-bottom: -1px;
    }
}
@media only screen and (min-width: 1760px) {
    #leopard_courier .no_data_error{
        left: 48%;
        bottom: 30% !important;
    }
    #dashboard .table_height{
        height: 433px !important;
    }
}
@media only screen and (min-width: 1440px) {
    #promo_banner .input-fields {
        width: 75%;
        margin-left: 45px;
    }
    #edit_profile_blade .map-location-search {
        position: absolute;
        z-index: 999;
        top: 10px;
        left: 200px;
        border-radius: 10px;
    }

    #edit_profile_blade .google-map-height {
        height: 88% !important;
    }
    #whatsapp_card_blade .slider-box {
        width: 43%;
    }

    #whatsapp_card_blade .input-fields {
        width: 41%;
        margin-left: 13px;
    }
    #login_page .login_back_image {
        width: 100vw;
        height: 100vh;
        /*background-color: #d3d3d3;*/
        background-image: url("../images/login_background.png");
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        display: grid;
        /*background-size: 100%;*/
        align-items: center;
    }
    #dashboard .table_height{
        height: 300px;
    }
    .navigation-links{
      width: 100%;
    }
    .sidebar-active{
        width: 100%;
    }
    .accordion-button{
        width: 100% !important;
    }
    .sidebar-link{
        width: 100%;
        padding: 5px 0px 5px 10px;
    }
}
@media only screen and (max-width: 1439px) {
    #whatsapp_card_blade .input-fields {
        width: 48%;
        margin-left: 8px;
    }
    .login-box-form{
        width: 80% !important;
    }
    .child-modal {
        width: 74%;
    }
    .sidebar-active{
        width: 100%;
    }
    .accordion-button{
        width: 100% !important;
    }
    .sidebar-link{
        width: 100%;
        padding: 5px 0px 5px 10px;
    }
}
@media only screen and (max-width: 1240px) {

        #business_card .mySlides {
            height: auto !important;
            padding: 75px;
        }

        #business_card .mySlides {
            background-size: auto !important;
        }
    }
@media only screen and (max-width: 1200px) {
    .text {
        position: absolute;
        font-size: 35px;
        top: 88px;
        left: 44% !important;
        font-weight: 600;
    }

}
@media only screen and (max-width: 1130px) {
    #order_detail_blade .tracking{
        background-size: 100% 125%;
    }

    #promo_banner .input-fields input {
        font-size: 13px;
    }

    #promo_banner .input-fields textarea {
        font-size: 13px;
    }

    #promo_banner .input-fields {
        width: 85%;
        top: 30%;
    }
    #whatsapp_card_blade .whatsapp-slider {
        height: 400px !important;
    }

    #whatsapp_card_blade .input-fields {
        width: 48%;
        bottom: 80px;
        margin-left: 6px;
    }

    #whatsapp_card_blade .input-fields input {
        font-size: 10px;
    }

    #whatsapp_card_blade .input-fields p {
        font-size: 10px;
    }
    #edit_profile_blade .map-location-search {
        z-index: 999;
        top: 92px;
    }

    #edit_profile_blade .google-map-height {
        height: 79% !important;
    }
    #product_page .catalog-images {
        width: 100%;
        height: 90px;
    }

    #product_page .product_name {
        width: 200px;
    }
    .text {
        position: absolute;
        /*font-size: 20px;*/
        top: 88px;
        left: 41% !important;

    }

    .percentage {
        position: absolute;
        /*font-size: 20px;*/
        top: 88px;
        left: 50% !important;
    }
    .right_class img {
        height: 600px;
    }

    .sidebar-link {
        padding: 5px 0px 5px 0px !important;
        width: 90%;
    }
    .socialmedia-detail {
        font-size: 10px;
    }

    .craft-whopper {
        height: 150px;
        padding-top: 30px;
    }

    .box-heading {
        font-size: 13px;
        padding: 8px !important;
    }

    .box-heading img {
        width: 50%;
    }

    .boxtext-size {
        padding-top: 5px !important;
        font-size: 13px !important;
    }

    .pending {
        font-size: 13px;
    }

    .active-order {
        font-size: 13px;
    }

    .little {
        font-size: 11px !important;
    }
    #dashboard .overview-text {
        font-size: 12px;
    }

    #dashboard .box-heading img {
        width: 30%;
    }
    #dashboard .boxtext-size {
        font-size: 16px !important;
    }

    #dashboard .url-link {
        font-size: 11px;
    }

    #dashboard .view-all-link {
        font-size: 12px;
    }

    #dashboard .ordernav-btn {
        border-radius: 25px !important;
        font-size: 12px;
    }

    #dashboard .circle_responsive{
        text-align: justify !important;
    }

    #dashboard .ratio_courier_img{
        width: 200%;
        height: 200%;
    }

    #dashboard .table_height{
        height: 290px;
    }
    .navigation-links {
        border: none;
        border-radius: 10px;
        width: 94%;
    }
    .sidebar-active{
        width: 94%;
    }
    .accordion-button{
        width: 94% !important;
    }
    .active-sideBar-icon{
        width: 23px !important;
    }
    .not-active-sideBar{
        width: 23px !important;
    }
    .sidebar-dokaan-logo{
        position: relative;
        left: -5px;
    }
    .accordion-button::after{
        margin-right: 6px !important;
    }
}
@media only screen and (max-width: 1024px) {

    #order_detail_blade .tracking{
        background-size: 100% 125%;
    }

    #promo_banner .input-fields input {
        font-size: 13px;
    }

    #promo_banner .input-fields textarea {
        font-size: 13px;
    }

    #promo_banner .input-fields {
        width: 85%;
        top: 30%;
    }
    #whatsapp_card_blade .whatsapp-slider {
        height: 400px !important;
    }

    #whatsapp_card_blade .input-fields {
        width: 48%;
        bottom: 80px;
        margin-left: 6px;
    }

    #whatsapp_card_blade .input-fields input {
        font-size: 10px;
    }

    #whatsapp_card_blade .input-fields p {
        font-size: 10px;
    }
    #edit_profile_blade .map-location-search {
        z-index: 999;
        top: 92px;
    }

    #edit_profile_blade .google-map-height {
        height: 79% !important;
    }
    #product_page .catalog-images {
        width: 100%;
        height: 90px;
    }

    #product_page .product_name {
        width: 200px;
    }
    .text {
        position: absolute;
        /*font-size: 20px;*/
        top: 88px;
        left: 41% !important;

    }

    .percentage {
        position: absolute;
        /*font-size: 20px;*/
        top: 88px;
        left: 50% !important;
    }
    .right_class img {
        height: 600px;
    }

    .sidebar-link {
        padding: 5px 0px 5px 0px !important;
        width: 90%;
    }
    .socialmedia-detail {
        font-size: 10px;
    }

    .craft-whopper {
        height: 150px;
        padding-top: 30px;
    }

    .box-heading {
        font-size: 13px;
        padding: 8px !important;
    }

    .box-heading img {
        width: 50%;
    }

    .boxtext-size {
        padding-top: 5px !important;
        font-size: 13px !important;
    }

    .pending {
        font-size: 13px;
    }

    .active-order {
        font-size: 13px;
    }

    .little {
        font-size: 11px !important;
    }
    #dashboard .overview-text {
        font-size: 12px;
    }

    #dashboard .box-heading img {
        width: 30%;
    }
    #dashboard .boxtext-size {
        font-size: 16px !important;
    }

    #dashboard .url-link {
        font-size: 11px;
    }

    #dashboard .view-all-link {
        font-size: 12px;
    }

    #dashboard .ordernav-btn {
        border-radius: 25px !important;
        font-size: 12px;
    }

    #dashboard .circle_responsive{
        text-align: justify !important;
    }

    #dashboard .ratio_courier_img{
        width: 200%;
        height: 200%;
    }

    #dashboard .table_height{
        height: 290px;
    }
    .navigation-links {
        border: none;
        border-radius: 10px;
        width: 94%;
    }
    .sidebar-active{
        width: 94%;
    }
    .accordion-button{
        width: 94% !important;
    }
    .active-sideBar-icon{
        width: 23px !important;
    }
    .not-active-sideBar{
        width: 23px !important;
    }
    .sidebar-dokaan-logo{
        position: relative;
        left: -5px;
    }
    .accordion-button::after{
        margin-right: 6px !important;
    }
}
@media only screen and (max-width: 1020px) {
    .modal-dialog-sm{
        max-width: 919px !important;
    }
    .text {
        position: absolute;
        top: 88px;
        left: 45% !important;
    }
    .navigation-links {
        border: none;
        border-radius: 10px;
        width: 150px !important;
    }
}
@media only screen and (max-width: 768px)  {
    /* For mobile phones: */
    #business_card .mySlides {
        background-position: right;
        background-size: inherit !important;
    }

    #business_card .input-fields {
        font-size: 10px;
        margin-top: 0px !important;
    }

    #business_card .prev {
        right: 88% !important;
    }

    #business_card .next {
        left: 88% !important;
    }
    #whatsapp_card_blade .slider-box {
        width: 50%;
    }
    #dashboard .share-store-btn {
        font-size: 12px;
    }

    #dashboard .share-store-btn svg {
        width: 12px;
        height: 12px;
    }
    .sm-md-screen-msg {
        display: grid !important;
    }
    .text {
        position: absolute;
        font-size: 20px;
        top: 88px;
        left: 42% !important;

    }

    .percentage {
        position: absolute;
        font-size: 20px;
        top: 88px;
        left: 46% !important;
    }
    .navbar-brand img {
        width: 25%;
    }

    .side-navbar {
        font-size: 10px !important;
    }
    .logo img {
        width: 25%;
    }
    .right_class img {
        height: 580px;
    }

    .logo img {
        width: 25%;
    }

    /* .nav-link img {
        width: 20%;
    } */

    .sidebar-active {
        /* border-right: 5px solid #E74425; */
        border: none;
        border-radius: 10px;
        background: none !important;
    }

    /* .side-nav-links-md {
        visibility: hidden !important;
    } */

    .left-div {
        padding-left: 0 !important;
    }

    .navbar-brand {
        visibility: hidden;
    }

    .nav-link .digi-image-md {
        width: 20px;
        height: 20px;
        margin-left: -18px !important;
    }

    .digilogo-lg {
        visibility: hidden;
    }

    .text-left {
        font-size: 17px;
    }
    .login-list li {
        font-size: 12px;
        line-height:20px;
        margin: 10px 0px 10px 0px;
    }
    .login_label{
        font-size: 11px;
    }
    .box-heading img {
        width: 30% !important;
    }

    .box-heading {
        font-size: 10px !important;
    }

    .boxtext-size {
        font-size: 10px !important;
    }
    .product_view {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 50px;
    }

    .overview-lifetime a {
        font-size: 12px;
    }

    .store_link_div {
        height: 40px !important;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    #side_bar{
        padding-left: 0px;
        display: grid;
    }
    .right_class img {
        height: 580px;
    }

    .logo img {
        width: 25%;
    }

    /* .nav-link img {
        width: 20%;
    } */

    .navigation-links {
        border: none;
        border-radius: 10px;
        width: 95% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .sidebar-active {
        /* border-right: 5px solid #E74425; */
        border: none;
        border-radius: 10px;
        background: none !important;
    }

    /* .side-nav-links-md {
        visibility: hidden !important;
    } */

    .left-div {
        padding-left: 0 !important;
    }

    .navbar-brand {
        visibility: hidden;
    }

    .nav-link .digi-image-md {
        width: 20px;
        height: 20px;
        margin-left: -18px !important;
    }

    .digilogo-lg {
        visibility: hidden;
    }

    .text-left {
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }

    .box-heading img {
        width: 30% !important;
    }

    .box-heading {
        font-size: 10px !important;
    }

    .boxtext-size {
        font-size: 10px !important;
    }
    .product_view {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 50px;
    }

    .overview-lifetime a {
        font-size: 12px;
    }

    .store_link_div {
        height: 40px !important;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .loginback_image {
        background-size: inherit !important;
    }
    #leopard_courier .ordernav-btn{
        font-size: 9px !important;
    }
    .add-generate-sheet-btn{
        font-size: 9px;
    }
    .order-svg{
        display: none;
    }
    .total-sale-svg{
        display: none;
    }
    .store-view-svg{
        display: none;
    }
    .product-svg{
        display: none;
    }
    .sidebar-dokaan-logo{
        width: 90px !important;
    }
}
@media only screen and (max-width: 425px)  {
    /* For mobile phones: */
    .navbar-brand img {
        width: 60%;
    }
    .login-box-form{
        width: 100% !important;
    }
    .left-div {
        border-radius: 0px;
        height: 100vh;
    }
    .right-div {
        border-radius: 0px
    }
    #dashboard .nav-pills .nav-link{
        font-size: 9px!important;
    }
    .view-all-sm-hide{
        display: none;
    }
    #dashboard .ordernav-btn {
        border-radius: 10px !important;
        padding: 5px;
    }
    .logo img {
        width: 45%;
    }
    /*.border-right-272727 {*/
    /*    border-right: 0px !important;*/
    /*}*/
    .d-md-none {
        display: none!important;
    }
    .master-div{
        width: 100%;
        height: 100%;
    }
    .social-media{
        display: none;
    }
    .order-svg{
        display: none;
    }
    .total-sale-svg{
        display: none;
    }
    .store-view-svg{
        display: none;
    }
    .product-svg{
        display: none;
    }
    .font-12 {
        font-size: 9px !important;
    }
    #leopard_courier .manage_box {
        padding: 15px 0px;
    }
    .payment-cheque-svg{
        display: none;
    }
    .payment-bank-svg{
        display: none;
    }
    .payment-info-svg{
        display: none;
    }
    .filter_orders_payment{
        width: 115px;
    }
    .leopard_text{
        display: none;
    }
    .filter_orders{
        width: 90px;
    }
    .font-17{
        font-size: 10px!important;
    }
    #order_page .ordernav-btn {
        font-size: 9px !important;
        padding: 5px;
    }
    #order_page .nav-pills .nav-link {
        border-radius: 7px!important;
    }
    #leopard_courier .ordernav-btn{
        font-size: 9px !important;
        padding: 5px;
    }
    /*#leopard_courier .nav-pills .nav-link {*/
    /*    border-radius: 7px!important;*/
    /*}*/
    .ready-made-svg{
        display: none;
    }
    #product_page .catalog-menu {
        left: -30px !important;
    }
    .add_product_information{
        height: 380px;
        overflow: overlay;
    }
    .edit_product_information{
        height: 550px;
        overflow: overlay;
    }
    .all-order-sm{
        font-size: 13px!important;
    }
    .add-new-product-sm{
        font-size: 11px!important;
    }
    .edit-product-sm{
        font-size: 15px!important;
    }
    .edit-category-sm{
        font-size: 15px!important;
    }
    .add-new-category-sm{
        font-size: 11px!important;
    }
}

@media only screen and (max-width: 1024px) {
    #edit_profile_blade .image {
    width: 100%;
    height: 200px !important;
}

}