.ozon-register .form-control,
.ozon-register .select2-container--default .select2-selection--single,
.ozon-register .select2-selection .select2-selection--single {
    height: 50px;
    border-radius: 0px 5px 5px 0px !important;
    background-color: #eee;
}

.ozon-register .file-input.file-input-new .form-control {
    border-radius: 0px 0px 0px 0px !important;
}

.ozon-register .select2-container .select2-selection--single .select2-selection__rendered {
    margin-top: 4px;
}

.ozon-register .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px;
}

.ozon-register .input-group .input-group-addon {
    border-radius: 5px 0px 0px 5px;
    font-size: 18px;
    background-color: #1B459B;
    color: #ffffff;
    border: 1px solid #1B459B;
}

.ozon-register .wizard>.content>.body label {
    color: #1B459B;
}

.ozon-register img.tw-object-fill.img-ozon-logo {
    border-radius: 6px;
    background-color: white;
}

.ozon-register .wizard>.content>.body input {
    display: block;
    border: 1px solid #1B459B50;
    background-color: #eee;


}

.ozon-register .input-group-btn button {
    padding: 14px 10px;
}

.ozon-register .wizard>.content>.body input::placeholder {
    color: #333;
}

.ozon-register .wizard>.steps .done a,
.wizard>.steps .done a:active,
.ozon-register .wizard>.steps .done a:hover {
    padding: 1.2em 1.5em;
}

.ozon-register .input-group-btn>.btn+.btn {
    padding: 14px 15px;
}

body {

    background: #E7EAEC !important;

}

.header-ozon {
    background-color: #ffffff;
    height: 70px;
}

.ozon-register {
    background: #E7EAEC !important;

}

.img-ozon-logo {

    height: 50px;
}

.btn-ozon-blue {
    background-color: #1b459b !important;
    color: #fff !important;
    border-color: #1b459b !important;
    padding: 8px 15px;
    border-radius: 5px;
    margin-left: 10px;
}

.btn-ozon-blue:hover {
    background-color: #2a67e2 !important;
    color: #ffffffe8 !important;
    border-color: #2a67e2 !important;
}

.btn-ozon {
    background-color: #d45122 !important;
    color: #fff !important;
    border-color: #d45122 !important;
    padding: 8px 15px;
    border-radius: 5px;
    margin-left: 10px;
}

.ozon-register .btn-ozon-next {
    min-width: 150px;
    text-align: center;
    background-color: #d45122 !important;
    color: #fff !important;
    border-color: #d45122 !important;
    padding: 8px 15px;
    border-radius: 5px;
    margin-left: 10px;

}

.ozon-register .btn-ozon-next:hover {
    background-color: #be4519 !important;
    color: #e9e2e2e8 !important;
    border-color: #be4519 !important;
}

.ozon-register .btn-ozon-disabled {
    min-width: 150px;
}

.ozon-register .btn-ozon-previous {
    min-width: 150px;
}

.btn-ozon:hover {
    background-color: #be4519 !important;
    color: #e9e2e2e8 !important;
    border-color: #be4519 !important;
}


.btn-primary {
    background: #04468B;
    border-color: #04468B;
}

.btn-primary:hover {
    background: #be4519;
    border-color: #be4519;
}

.btn.btn-primary.btn-file {
    background: #E6F4FF;
    border-color: #BCC7DB;
    color: #1B459B;
}

.btn.btn-primary.btn-file:hover {
    background: #04468B;
    border-color: #04468B;
    color: #ffffff;
}

.ozon-register .wizard>.steps .current a,
.ozon-register .wizard>.steps .current a:active,
.ozon-register .wizard>.steps .current a:hover {
    background: #1B459B;
    font-size: 18px;
}

.ozon-register .wizard>.steps .disabled a,
.ozon-register .wizard>.steps .disabled a:active,
.ozon-register .wizard>.steps .disabled a:hover {
    font-size: 18px;
}

.d-none {
    display: none !important;
}

.ozon-logo-wrap {
    width: 100% !important;
}

.bg-gradient {
    background: #F66531;
    background: linear-gradient(80deg, rgba(246, 101, 49, 1) 10%, rgba(27, 69, 155, 1) 75%);
    /* background: linear-gradient(80deg,rgba(27, 69, 155, 1) 31%, rgba(42, 104, 227, 1) 64%)!important; */
}


.olo-btn-login {
    background: #1B459B;
    background: linear-gradient(80deg, #1b459b 31%, #2a68e3 64%) !important;
}

.olo-btn-login:hover {
    background: #1B459B;
    background: linear-gradient(80deg, rgb(20, 55, 124) 31%, rgb(35, 89, 199) 64%) !important;
}

/* login page css start */
.olozon-text h2 {
    font-size: 20px;
    font-weight: 700;
}

/* login page css end */
/* index page start */
.text-gradient {
    /* background: linear-gradient(90deg, #1b459b 31%, #2a68e3 64%); */
    /* -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    background: var(--theme-gradient) !important; */
}

.text-gradient {
    background: var(--theme-gradient) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
}

.tw-to-primary-900 {
    /* Override the gradient with your custom one */
    --tw-gradient-to: none;
    /* remove default Tailwind gradient */
    background: linear-gradient(80deg, rgba(27, 69, 155, 1) 31%, rgba(42, 104, 227, 1) 64%) !important;
}

.tw-bg-primary-800 {
    --tw-gradient-to: none;
    background: linear-gradient(80deg, rgba(27, 69, 155, 1) 31%) !important;
}

/* .tw-bg-primary-800 {
    --tw-bg-opacity: 1;
    background: rgb(0 64 193/var(--tw-bg-opacity));
    background: linear-gradient(
357deg, rgba(27, 69, 155, 1) 31%, rgba(42, 104, 227, 1) 64%) !important;
} */



.olo-dashboard-main-card::before {
    /* Remove solid background color */
    background-color: transparent;

    /* Apply your gradient */
    /* background: linear-gradient(80deg, rgba(27, 69, 155, 1) 31%, rgba(42, 104, 227, 1) 64%) !important; */
    background: var(--theme-gradient) !important;

}

i.fa.fa-info-circle.text-info.hover-q.no-print {
    /* background: linear-gradient(80deg, rgba(27, 69, 155, 1) 31%, rgba(42, 104, 227, 1) 64%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}


.olo-dashboard-main-card::before {
    content: "";
    width: 10px;
    height: 100%;
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    border-radius: 10px 0 0 10px;
}







.small-box.olo-dashboard-main-card::after {
    background-image: none !important;
}


.olo-dashboard-main-card {
    position: relative;
    /* needed for ::after positioning */
    overflow: hidden;
    /* hide excess parts of the icon */
    border: 1px solid #add3f1;
    border-radius: 10px;

}

.olo-dashboard-main-card p.tw-text-sm.tw-font-medium.tw-text-gray-500.tw-truncate.tw-whitespace-nowrap {
    font-size: 20px;
    font-weight: 700;
}

.olo-dashboard-main-card::after {
    content: '';
    position: absolute;
    top: 10px;
    right: 10px;
    width: 80px;
    height: 80px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='currentColor'><g><path d='M29.34 11.08c-.58-.73-1.45-1.15-2.38-1.15h-.561l.301-1.699c.047-.262-.013-.531-.166-.749-.152-.218-.385-.366-.647-.411l-7.495-1.309c-.544-.096-1.061.267-1.157.81l-.599 3.358h-1.019l.633-3.53c.19-1.09 1.23-1.82 2.31-1.62l3.99.7-.47-2.65c-.1-.55-.62-.91-1.16-.81l-10.04 1.75c-.27.05-.5.19-.65.41s-.21.49-.17.75l.875 5h-1.995l-.86-3.73c-.1-.45-.5-.77-.97-.77h-4.11c-.55 0-1 .45-1 1s.45 1 1 1h3.31l3.14 13.6c.32 1.39 1.54 2.35 2.97 2.35h12.83c1.43 0 2.65-.96 2.97-2.35l1.7-7.39c.21-.9 0-1.84-.58-2.56zm-5.87 8.46h-8.98c-.55 0-1-.45-1-1 0-.56.45-1 1-1h8.98c.56 0 1 .44 1 1 0 .55-.44 1-1 1zm2.25-4.06h-13.48c-.55 0-1-.45-1-1 0-.56.45-1 1-1h13.48c.55 0 1 .44 1 1 0 .55-.45 1-1 1z'/><path d='M12.845 24.954c-1.395 0-2.53 1.132-2.53 2.522 0 1.392 1.135 2.523 2.53 2.523s2.53-1.132 2.53-2.523c0-1.39-1.135-2.522-2.53-2.522z'/><path d='M24.823 24.954c-1.396 0-2.53 1.132-2.53 2.522 0 1.392 1.135 2.523 2.53 2.523s2.53-1.132 2.53-2.523c.001-1.39-1.134-2.522-2.53-2.522z'/></g></svg>");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.19;
    pointer-events: none;
    z-index: 0;
}

.olo-dashboard-svg-02::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='currentColor'><g><path d='M46 302H15c-8.291 0-15 6.709-15 15v180c0 8.291 6.709 15 15 15h31c24.814 0 45-20.186 45-45V347C91 322.186 70.814 302 46 302z'/><path d='M347 0c-90.901 0-165 74.099-165 165 0 39.6 14.099 75.899 37.5 104.399 18.9 5.4 36.599 15 51.599 28.201 2.821 2.116 4.414 2.091 7.5 2.4H332c20.7 0 39 10.199 49.501 26.4C455.9 310.499 512 244.2 512 165 512 74.099 437.901 0 347 0zm15.3 237.299h-.3V255c0 8.399-6.599 15-15 15s-15-6.601-15-15v-17.701c-9.9-3.3-19.2-9.6-27.299-19.499-5.401-6.301-4.5-15.601 1.8-21 6.299-5.4 15.899-4.5 20.999 1.8 8.101 9.6 17.1 13.2 24.6 10.499 6-2.1 9.9-7.8 9.9-14.099 0-8.401-6.599-15-15-15-24.9 0-45-20.101-45-45 0-18.001 10.8-34.501 27.6-41.4 0.601-.3 1.5-.3 2.4-.601V75c0-8.401 6.599-15 15-15s15 6.599 15 15v17.999c7.8 2.701 15.3 6.601 22.2 13.2 6 5.7 6 15.3 0.3 21.301s-15.3 6-21.301 0.3c-7.2-6.901-15.298-9.6-21.899-6.601-7.8 3.3-11.4 8.7-11.4 14.7 0 8.399 6.599 15 15 15 24.9 0 45 20.1 45 45 0 14.399-12.901 31.2-30.7 38.701z'/><path d='M507.5 331.099c-1.801-2.999-4.199-5.4-6.9-7.5-11.045-9.663-29.654-8.749-40.499 3.001L392 405.2l-2.1 2.398c-8.399 9.3-20.4 14.401-33 14.401H239.5c-8.401 0-15-6.601-15-15 0-8.401 6.599-15 15-15H332c16.5 0 30-13.5 30-30v-.3c-.3-16.5-13.5-29.7-30-29.7h-55.3c-8.996 0-18.637-3.303-26.4-9.9-36.599-32.1-90-34.201-129.3-6.899v184.499C150.7 507.8 181.3 512 212.199 512H347c32.999 0 64.2-15.601 84-42.001l72.001-96c6.506-8.3 7.298-27.21.499-37.1z'/></g></svg>");

}

.olo-dashboard-svg-03::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='currentColor'><path fill-rule='evenodd' d='M127.47 382.946a7.413 7.413 0 0 1 7.418-7.421h101.729a7.421 7.421 0 0 1 0 14.841h-101.724a7.422 7.422 0 0 1-7.423-7.42zm110.887 31.579h-103.464a7.421 7.421 0 1 0 0 14.842h103.464a7.421 7.421 0 0 0 0-14.841zm72.443-133.973h-169.052a7.421 7.421 0 1 0 0 14.841h169.052a7.421 7.421 0 0 0 0-14.841zm-48.363 54.965a7.414 7.414 0 0 0-7.42-7.42h-113.269a7.421 7.421 0 0 0 0 14.841h113.272a7.42 7.42 0 0 0 7.418-7.421zm114.513-28.145v90.256h90.25a98.092 98.092 0 0 0-90.246-90.256zm-297.957 102.87v-346.891a26.451 26.451 0 0 1 26.425-26.428h241.809v-16.336a11.6 11.6 0 0 0-11.59-11.587h-279.237a11.6 11.6 0 0 0-11.6 11.587v378.069a11.6 11.6 0 0 0 11.6 11.586zm188.46 42.765a112.787 112.787 0 0 1 128.8-157.551v-232.105a11.605 11.605 0 0 0-11.6-11.587h-279.232a11.6 11.6 0 0 0-11.589 11.587v378.069a11.593 11.593 0 0 0 11.584 11.586zm199.747-40.538a97.929 97.929 0 0 1-180.677 44.531 6.555 6.555 0 0 0-.594-.943 97.913 97.913 0 0 1 76.182-148.688v97.676a7.423 7.423 0 0 0 7.422 7.421zm-339.339-209.462a22.527 22.527 0 0 1 36.127-18.007l38.176-26.258a22.322 22.322 0 0 1-.913-6.266 22.568 22.568 0 0 1 44.247-6.286l28.189 5.565a22.55 22.55 0 0 1 39.434-4.081l23.769-18.795a22.6 22.6 0 1 1 9.009 11.788l-29.064 23a22.547 22.547 0 0 1-43.976 3.053l-28.195-5.566a22.517 22.517 0 0 1-33.9 9.679l-38.5 26.481a22.565 22.565 0 1 1-44.4 5.693zm222.725-81.182a7.738 7.738 0 1 1 7.737 7.739 7.743 7.743 0 0 1-7.737-7.739zm-63.8 38.608a7.732 7.732 0 1 1 7.725 7.728 7.737 7.737 0 0 1-7.725-7.728zm-70.7-7.961a7.737 7.737 0 1 1 7.736 7.728 7.745 7.745 0 0 1-7.736-7.728zm-73.386 50.535a7.733 7.733 0 1 1 7.728 7.728 7.746 7.746 0 0 1-7.728-7.728zm2.972-111.235a7.421 7.421 0 1 1 0-14.841h55.333a7.421 7.421 0 0 1 0 14.841zm0 36.5a7.421 7.421 0 1 1 0-14.841h24.134a7.421 7.421 0 0 1 0 14.841zm86.535 74.641h143.639a7.421 7.421 0 0 1 0 14.841h-143.646a7.421 7.421 0 1 1 0-14.841zm62.649 51.34h-62.656a7.421 7.421 0 1 1 0-14.841h62.646a7.421 7.421 0 0 1 0 14.841z'/></svg>");
}

.olo-dashboard-svg-04::after {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'><path stroke='none' d='M0 0h24v24H0z' fill='none'/><path stroke='none' d='M0 0h24v24H0z' fill='none'/><path d='M21 7l-18 0'/><path d='M18 10l3 -3l-3 -3'/><path d='M6 20l-3 -3l3 -3'/><path d='M3 17l18 0'/></svg>");
}

/* Ensure card content is above the icon */
.olo-dashboard-main-card>* {
    position: relative;
    z-index: 1;
}

.tw-text-primary-700 {
    color: #1B459B;
}






/* .olozone-active:hover {
    color: #ffffff9a;

} */
.border-color-logo {
    border-color: #ffffff79 !Important;
}

.olozone-active {
    position: relative;
    /* padding: 10px 20px 10px 30px; */
    cursor: pointer;
    display: flex;
    align-items: center;
    color: var(--theme-color-dark);
    /* background-color: #1B459B;
    color: white; */
    /* background: linear-gradient(352deg, #1b459b 31%, #2a68e3 64%); */
    /* background: linear-gradient(352deg, #94b7ff 31%, #2a68e3 64%); */
}

/* Left two vertical bars */
.olozone-active::before,
.olozone-active::after {
    content: '';
    position: absolute;
    left: 10px;
    /* distance from button edge */
    width: 2px;
    /* bar thickness */
    height: 70%;
    /* bar height relative to button */
    background: var(--theme-color-dark) !important;
    /* color of bars */
    top: 15%;
    /* center bars vertically */
    display: none;
}

/* offset second bar slightly to the right */
.olozone-active::after {
    left: 16px;
    /* distance between two bars */
}

/* .olozone-active:hover::before,
.olozone-active:hover::after {
    background: #1B459B;
} */
.olozone-active:hover::before,
.olozone-active:hover::after {
    background: var(--theme-color) !important;
}

/* child active */
.olozone-active-child {
    position: relative;
    padding: 5px 20px 5px 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    background-color: ghostwhite;
    border-radius: 5px;
}
.olozone-active-child:hover {
    color: var(--theme-color) !important;
}

.tw-h-inherit {
    height: inherit !important;
}

.olozone-active-child::before,
.olozone-active-child::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 75%;
    background: #1b459b;
    top: 15%;
    transition: background 0.3s ease;
}

.olozone-active-child:hover::before,
.olozone-active-child:hover::after {
    background: #000;
}

/* first line */
.olozone-active-child::before {
    left: 10px;
}

/* second line slightly to the right */
.olozone-active-child::after {
    left: 6px;
    /* adjust spacing between lines */
}

.daterangepicker .ranges li.active {
    background: var(--theme-gradient) !important;
}

.table>thead:first-child>tr:first-child>th:first-child {
    border-top-left-radius: 8px;
    /* ya jitni radius chahiye */
}

.table>thead:first-child>tr:first-child>th:last-child {
    border-top-right-radius: 8px;
}

.table>thead:first-child>tr:first-child>th {
    background-color: var(--theme-color) !important;
    color: white;
}

div.pos-tab-menu div.list-group>a.active,
div.pos-tab-menu div.list-group>a.active .glyphicon,
div.pos-tab-menu div.list-group>a.active .fa {
    background: var(--theme-color) !important;
}

.tw-rounded-lg {
    border-radius: 0.2rem !important;
}

.modal-header {

    background: var(--theme-gradient) !important;
    color: white;
}

.list-group {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 2px;
}

a.list-group-item.text-center.tw-font-bold.tw-text-sm.md\:tw-text-base {
    width: max-content;
    min-width: 100px;
    font-size: 14px;
    min-width: 175px;
}
button#btnCalculator, button#view_todays_profit {
    display: none;
}
.daterangepicker .ranges li {
    font-size: 14px;
    padding: 8px 11px;
    cursor: pointer;
    border-bottom: 1px solid #00000045;
}
i.fa.fa-info-circle.text-info.hover-q.no-print {
    color: #454444de !important;
}
.table>thead:first-child>tr:first-child>th i.fa.fa-info-circle.text-info.hover-q.no-print {
    color: #fafafade !important;
}
.product_box {
    border-radius: 0px;

}

/* index page end */
.close {
    color: #ffffff;
    opacity: 0.7;
}
.tw-bg-\[\#646EE4\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 73 3);
}
.hover\:tw-bg-\[\#414aac\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(1, 58, 3);
}

/*super admin dashboard  */
.olo-dashboard-main-card>.small-box-footer {
    color: #333!important;
}
.olo-dashboard-main-card>.small-box-footer:hover {
    color: #333!important;
    background: rgb(0 0 0 / 15%);
}
.olo-dashboard-main-card:hover {
    color: #333;
}
.olo-dashboard-main-card:{
    color: #333;
}
.box.box-primary    {
    border-top-color: var(--theme-color-dark)!important;
}

 .super-admin-nav-bar .navbar-nav>li>a {
    color: #ffffff;
}
.bg-olozone-primary {
    color: #ffffff;
    background-color: var(--theme-color-dark);
}
.bg-olozone-primary .navbar-brand {
    color: #ffffff;
    display: inline-flex;
}
.bg-olozone-primary .navbar-brand:hover {
    color: #d6d6d6;
}
.bg-olozone-primary .navbar-nav>li>a:focus, .super-admin-nav-bar .navbar-nav>li>a:hover {
    color: #d6d6d6;
    background-color: transparent;
}
.text-light-blue, .text-primary {
    color: #1B459B!important;
}
.chiled .hover\:tw-text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, 0.815);
}

.btn-olozon-primary {
    background: var(--theme-color);
    border-color: var(--theme-color-dark);
    color: #ffffff;
}
.btn-olozon-primary:hover , .btn-olozon-primary.active {
    background: var(--theme-color-dark);
    border-color: var(--theme-color-dark);
    color: #ffffff;
}

/*  */
@media (min-width: 768px) {
    .header-ozon .md\:tw-top-5 {
        top: 0.25rem !important;
        height: 60px;
    }

    .header-ozon .md\:tw-top-8 {
        top: 1rem;
    }

}
@media (min-width: 564px) {
.daterangepicker .ranges ul {
    width: 180px;
     margin-right: 10px;
}
}