::-webkit-input-placeholder {
    color: rgba(4, 20, 35, 0.5);
}

:-ms-input-placeholder {
    color: rgba(4, 20, 35, 0.5);
}

::placeholder {
    color: rgba(4, 20, 35, 0.5);
}

:root {
    --page-padding: 5px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
    -webkit-background-clip: text;
}

#container {
    background-size: auto;
    background-repeat: repeat;
}

#container:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-image: url(../../images/mi_main_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    z-index: -1;
}

body {
    color: rgba(4, 20, 35, 0.7);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.stick_bot {
    color: rgba(255, 255, 255, 1) !important;
}

.ui-dialog,
.mi-modal,
.box {
    position: relative !important;
    background: rgba(255, 255, 255, 0.3) !important;
    -webkit-backdrop-filter: brightness(104%) blur(12px);

    backdrop-filter: brightness(104%) blur(12px);
    border: 1px solid rgba(255, 255, 255, .45) !important;
    border-radius: 12px !important;
    background-clip: padding-box !important;
    /* filter: brightness(103%) !important; */
    height: auto !important;
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    left: 17px;
    top: 12px;
    padding: 0rem 1rem 0.9em;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .12), 1px 1px 0 rgba(255, 255, 255, .45) inset, -1px -1px 0 rgba(255, 255, 255, .35) inset !important;
}


.box {
    width: calc(100% - 33px);
}

.box.login-box {
    width: 510px !important;
    height: 412px !important;

    background: rgba(255, 255, 255, 0.4) !important;
    -webkit-backdrop-filter: brightness(104%) blur(12px);
    backdrop-filter: brightness(104%) blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.45) !important;
    background-clip: padding-box;
    /* box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); */
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: all 0.3s ease;
    filter: brightness(103%) !important;
    overflow: hidden;
    box-shadow:
        0 8px 32px 0 rgba(0, 0, 0, 0.15),
        inset 0 1px 1px 0 rgba(255, 255, 255, 0.3) !important;
}

.box-old.login-box-old:before {
    filter: blur(6px) brightness(103%);
    -moz-filter: blur(6px) brightness(110%);
    -o-filter: blur(6px) brightness(110%);
    -webkit-filter: blur(6px) brightness(103%);
}

.mi-modal {
    position: absolute !important;
    z-index: 99;
    display: block;
    padding: 1px !important;
}

.mi-popup,
.mi-loginbox {
    border-radius: 0.5em;
    height: auto;
    overflow: visible;
}

.ui-datepicker-header,
.ui-datepicker-calendar {
    border-radius: 0.5em;
    height: auto;
}

.ui-autocomplete,
.ui-datepicker.ui-widget-content,
.ms-options,
.allBasicWord,
.sms_info,
.mylivechat_expanded {
    background: rgba(255, 255, 255, 0.4);
    background-image: url(../../images/noise_white_60.png);
    -webkit-backdrop-filter: brightness(99%) blur(25px);
    backdrop-filter: brightness(99%) blur(10px) !important;
    border: 1px rgba(255, 255, 255, 0.9);
    border-style: solid !important;
    background-clip: padding-box !important;
    filter: brightness(100%);
}

.ui-autocomplete:after,
.ui-datepicker.ui-widget-content:after,
.ms-options:after,
.allBasicWord:after,
.sms_info:after,
.mylivechat_expanded:after {
    width: calc(100% - 2px) !important;
    height: calc(100% - 4px) !important;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 10px !important;
    z-index: -10;
    border-top: 2px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    overflow: hidden;
    display: inline-block;
}

.ui-datepicker table {
    margin: 0px !important;
}

.ui-datepicker {
    height: max-content !important;
}

.ui-datepicker-title select {
    background-image: linear-gradient(45deg, transparent 50%, rgba(4, 20, 35, 0.7) 50%), linear-gradient(135deg, rgba(4, 20, 35, 0.7) 50%, transparent 50%), linear-gradient(to right, rgba(4, 20, 35, 0.7), rgba(4, 20, 35, 0.7)) !important;
    background-position: calc(100% - 9px) 11px, calc(100% - 5px) 11px, calc(100% - 19px) 2px !important;
    background-size: 5px 12px, 5px 12px, 1px 24px !important;
    cursor: pointer !important;
    height: 30px !important;
    font-weight: 400 !important;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    margin-top: -3px !important;
}

.mi-popup .mi-close {
    margin-top: 2px;
    margin-right: 7px !important;
}

#content.shadow-inner-pure {
    position: relative;
    height: calc(100vh - 150px);
    overflow: auto;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 0.5em;
    padding: 8px !important;
}

#container.home-page #content {
    height: calc(100vh - 30px) !important;
}

.shadow-inner-pure {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.pos-sticky.bg-white+tr {
    border-top: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.bar100p.h45 {
    height: 50px !important;
}

.bar100p.bg-primary {
    position: relative;
    width: 100%;
    background: rgba(255, 255, 255, 0.3) !important;
    -webkit-backdrop-filter: brightness(105%) blur(12px);

    backdrop-filter: brightness(105%) blur(9px);
    border: 1px solid rgba(255, 255, 255, .45) !important;
    background-clip: padding-box;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.46);
    border-left: 1px solid rgba(255, 255, 255, 0.46);
    border-right: 1px solid rgba(255, 255, 255, 0.46);
    background-clip: padding-box;
    border-radius: 0px 0px 12px 12px !important;
    box-shadow:
        0 8px 32px 0 rgba(0, 0, 0, 0.15),
        inset 0 1px 1px 0 rgba(255, 255, 255, 0.3) !important;
}



.bar100p.bg-primary:after {
    width: calc(100% - 3px);
    height: calc(100% - 3px);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 0px 0px 10px 10px !important;
    border-top: none;
    border-bottom: none !important;
    background: rgba(255, 255, 255, 0.2);
    z-index: -10;
}

.bar100p-old.bg-primary-old:before {
    position: absolute;
    content: '';
    width: calc(100% - 3px);
    height: calc(100% - 3px);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 10px !important;
    background-repeat: no-repeat;
    background-attachment: fixed;
    z-index: -1;
    background-size: cover;
}

.bg-secondary {
    background: rgba(4, 20, 35, 0.3) !important;
}

.bg-hover {
    background: rgba(4, 20, 35, 0.7);
}

.txt-primary {
    color: rgba(98, 114, 129, 0.9);
    font-weight: 400;
}

.txt-violet {
    color: rgba(4, 20, 35, 0.9);
}

.txt-info {
    color: rgba(98, 114, 129, 0.9);
    font-weight: 400;
}

.error,
.notify {
    color: rgba(98, 114, 129, 0.9);
    font-weight: 400;
}

#footer #app_cmp,
#footer .txt-info,
#footer .txt-info i {
    color: rgba(0, 0, 0);
    font-weight: 400;
    margin-top: -2px;
}

#footer #app_cmp:hover {
    text-shadow: 0 2px 10px #ffffff;
}

.txt-white {
    color: rgba(98, 114, 129, 0.9) !important;
    font-weight: 400 !important;
}

.drop-box-child .txt-white {
    color: rgba(98, 114, 129, 0.9) !important;
}

.bg-purple {
    background-color: #0078D3;
}

.bg-white {
    background: rgba(255, 255, 255, 0.3) !important;
}

.listing-table .bg-white {
    background: rgba(255, 255, 255, 0) !important;
    position: relative;
}

.pos-sticky.bg-white td {
    padding: 10px !important;
}

.progress_spinner {
    border-bottom: 40px solid rgb(230, 214, 255);
    border-top: 40px solid rgb(190, 183, 201);
    border-left: 40px solid #a076e4;
    border-right: 40px solid #782fec;
}

#titlebar label {
    color: rgba(4, 20, 35, 0.9);
}

.disable_color {
    background: rgba(255, 255, 255, 0) !important;
}

.tbl-foot-tr {
    background: rgba(255, 255, 255, 0) !important;
    border-bottom: 1px solid #EBEBEB50;
}

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

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

.border-right {
    border-right: 1px solid #EBEBEB50 !important;
}

.border-lr {
    border-right: 1px solid #EBEBEB50 !important;
    border-left: 1px solid #EBEBEB50 !important;
}

.border-left {
    border-left: 1px solid #EBEBEB50 !important;
}

.border_gray {
    border: 1px solid rgba(98, 114, 129, 0.8) !important;
}

input[type=file],
input[type=text],
input[type=password],
input[type=date],
textarea,
select {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: rgba(4, 20, 35, 0.7);
    border: 1px solid rgba(98, 114, 129, 0.6);
    border-radius: 0.55em;
    height: 40px;
}

textarea {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: rgba(4, 20, 35, 0.7);
    border: 1px solid rgba(98, 114, 129, 0.6);
    border-radius: 0.85em;
}

input[type=file]:focus,
input[type=file]:hover,
input[type=text]:focus,
input[type=password]:focus,
input[type=text]:hover,
input[type=password]:hover,
textarea:hover,
textarea:focus {
    border: 1px solid rgba(98, 114, 129, 1);
    outline: none;
}

select,
.ms-options-wrap>button {
    background-image: linear-gradient(45deg, transparent 50%, rgba(4, 20, 35, 0.7) 50%), linear-gradient(135deg, rgba(4, 20, 35, 0.7) 50%, transparent 50%), linear-gradient(to right, rgba(4, 20, 35, 0.7), rgba(4, 20, 35, 0.7)) !important;
    background-position: calc(100% - 9px) 17px, calc(100% - 5px) 17px, calc(100% - 19px) 8px !important;
    background-size: 5px 12px, 5px 12px, 1px 24px !important;
    cursor: pointer !important;
    height: 40px !important;
    font-weight: 400 !important;
}

select:focus,
select:hover,
.ms-options-wrap>button:hover,
.ms-options-wrap>button:focus {
    border: 1px solid rgba(98, 114, 129, 1);
    outline: none;
}

.ms-options-wrap>button:focus,
.ms-options-wrap>button {
    background-color: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(98, 114, 129, 0.6) !important;
    border-radius: 0.55em !important;
    color: rgba(4, 20, 35, 0.7) !important;
    font-weight: 400 !important;
}

.ms-options-wrap>.ms-options>ul li label,
.ms-options-wrap>.ms-options>.all_selected,
.ms-options-wrap>.ms-options>ul li label:hover,
.ms-options-wrap>.ms-options>ul li.selected label {
    background-color: rgba(255, 255, 255, 0) !important;
}

.ms-options-wrap>.ms-options>ul li label.focused,
.ms-options-wrap>.ms-options>ul li label:hover {
    border: 1px solid rgba(255, 255, 255, 0);
}

.ms-options-wrap>button>span {
    font-size: 0.85rem !important;
}

.ms-options-wrap>.ms-options {
    background: none !important;
    -webkit-backdrop-filter: brightness(99%) blur(15px);
    backdrop-filter: brightness(99%) blur(15px) !important;
    border: 1px rgba(255, 255, 255, 0.9);
    border-style: solid !important;
    background-clip: padding-box !important;
    filter: brightness(100%);
    overflow: hidden;
    border-radius: 1em !important;
    box-shadow:
        0 0 2px rgba(76, 39, 154, 0.2),
        0 0 1px rgba(255, 255, 255, 0.2),
        1px 1px 0 rgba(255, 255, 255, 0.4) inset,
        -1px -1px 0 rgba(255, 255, 255, 0.4) inset,
        0px 0px 4px 2px rgba(0, 0, 0, 0.10) !important;
}

.ms-options-wrap>.ms-options {
    position: static !important;
    z-index: auto !important;
}

select option:checked,
select option:hover {
    box-shadow: none !important;
}

select option {
    background: #e8f3ff;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: brightness(95%) blur(15px);
    border: none !important;
}

textarea:focus,
textarea:focus,
textarea:hover,
textarea:hover {
    border: 1px solid rgba(98, 114, 129, 1);
}

button,
input[type=button] {
    height: 37px !important;
    color: rgba(255, 255, 255, 1) !important;
    text-shadow: none !important;
    border: none !important;
}

button,
input[type=submit] {
    padding-left: 20px !important;
    padding-right: 20px !important;
    height: 40px !important;
    color: rgba(255, 255, 255, 1) !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    border: none !important;
    border-radius: 30px !important;
    filter: brightness(100%) !important;
    cursor: pointer !important;
}

input[type=button],
input[type=submit],
button,
.ex-login-btn {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 8px;
    border: 0;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    background-size: 200% 200%;
    background-position: 0% 50%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 1.1rem !important;
}

input[type=button]:hover,
input[type=submit]:hover,
button:hover,
.ex-login-btn:hover {
    animation: flipTogether 1s ease forwards;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(255, 95, 143, .45);
}

@keyframes flipTogether {
    from {
        background-position:
            0% 50%,
            0% 50%,
            0% 50%,
            0% 50%;
    }

    to {
        background-position:
            100% 50%,
            100% 50%,
            100% 50%,
            100% 50%;
    }
}

button,
input[type=button],
input[type=submit] {
    box-shadow: none !important;
}

.mi-close span,
.close_sidebar,
.sidebar_close,
.ui-dialog-titlebar-close,
.sticky-table button {
    color: rgba(4, 20, 35, 0.4) !important;
    text-shadow: none !important;
    border: 3px solid rgba(255, 255, 255, 0.3) !important;
    line-height: 19px;
    background: rgba(98, 114, 129, 0.8) !important;
}

.sticky-table button {
    line-height: 0px;
}

.mi-close span:focus,
.mi-close span:hover,
.close_sidebar:focus,
.close_sidebar:hover,
.sidebar_close:focus,
.sidebar_close:hover,
.ui-dialog-titlebar-close:focus,
.ui-dialog-titlebar-close:hover,
.sticky-table button:focus,
.sticky-table button:hover {
    border-color: rgba(255, 255, 255, 0.6) !important;
    color: rgba(255, 255, 255, 0.5) !important;
}

input[type="checkbox"]:not(:checked)+label:after,
input[type="checkbox"]:checked+label:after {
    color: rgba(4, 20, 35, 0.9);
}

input[type="radio"]:not(:checked)+label:after,
input[type="radio"]:checked+label:after {
    color: rgba(4, 20, 35, 0.5);
}

input[type="checkbox"]:focus+label:before {
    border: 1px solid rgba(255, 255, 255, 0.7);
}

input[type="checkbox"]:checked:focus+label:before,
input[type="checkbox"]:not(:checked):focus+label:before {
    border: 1px solid rgba(255, 255, 255, 0.7);
}

input[type="radio"]:focus+label:before {
    border: 1px solid rgba(255, 255, 255, 0.7);
}

input[type="radio"]:checked:focus+label:before,
input[type="radio"]:not(:checked):focus+label:before {
    border: 1px solid rgba(98, 114, 129, 0.9);
}

input[type="radio"]:not(:checked)+label:before,
input[type="radio"]:checked+label:before {
    border: 1px solid rgba(98, 114, 129, 0.6);
    background: rgba(255, 255, 255, 0.3);
}

.img-icon {
    border: 2px solid rgba(255, 255, 255, 0.7);
}

.img-icon:hover {
    background: white;
}

ul.menu-list li {
    padding: 0 0 5px 0 !important;
}

.drop-box-third ul.menu-list li {
    padding: 0 0 2px 0 !important;
}

ul.menu-list li:first-child,
ul.menu-list li:first-child:hover {
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
    border-top: none !important;
}

ul.menu-list li:hover,
li.drop-box-second.active {
    color: rgba(4, 20, 35, 0.9);
}

ul.w100p.menu-list.rad-6 li:hover {
    background: rgba(187, 203, 236, 0.4) !important;
    border-radius: 0.3em;
}

ul.menu-list li:hover>a,
ul.menu-list li:hover>a span,
ul.menu-list li:hover>span,
ul.menu-list li.active>a,
ul.menu-list li.active>a span {
    color: rgba(4, 20, 35, 0.9);
}

ul.menu-list li:hover>.shortcut {
    color: rgba(4, 20, 35, 0.9);
}

ul.menu-list a,
ul.menu-list span {
    color: rgba(4, 20, 35, 0.9);
}

.drop-box-third-child {
    background: rgba(35, 172, 196, 0.2) !important;
}

.drop-box-third-child>ul.menu-list li {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(4, 20, 35, 0.9);
}

.nav-tabs .shortcut {
    color: rgba(4, 20, 35, 0.6) !important;
}

.nav-tabs a {
    color: rgba(255, 255, 255, 1);
}

.nav-tabs .tab,
.glass_head.bg-white {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}

.nav-tabs .tab.active,
.nav-tabs .tab:hover,
.glass_head.bg-white:hover {
    color: rgba(255, 255, 255);
    background: rgba(54, 69, 79, 1) !important;
}

.nav-tabs .tab:hover>a {
    color: rgba(253, 254, 255, 0.9);
}

.nav-tabs .tab:hover .drop-box.tab:after {
    color: rgba(240, 248, 255, 0.9);
}

.nav-tabs .tab {
    display: inline-block;
    vertical-align: middle;
    text-transform: capitalize;
    padding: 0px 8px 0px 11px;
    line-height: 30px;
    margin: 0px 0px 1px 1px;
    padding-right: 15px;
    height: 33px;
    font-weight: 400;
    background: rgba(98, 114, 129, 0.8) !important;
    border: none;
    border-radius: 30px !important;
    cursor: pointer;
    color: white;
}

.tab-box-tabs .box-tabs .tab {
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    color: rgba(240, 248, 255, 0.9);
    background: rgba(90, 51, 232, 0.2);

    border-left: 5px solid rgba(90, 51, 232, 0.1);
    border-top: 2px solid rgba(90, 51, 232, 0.1);
    border-right: 2px solid rgba(90, 51, 232, 0.1);
    border-bottom: none !important;
}

.tab-box-tabs .box-tabs .tab {
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.tab-box-tabs .box-tabs .tab.active {
    color: rgba(98, 114, 129, 0.9);
    background:
        linear-gradient(135deg, rgba(191, 174, 255, 0.98), rgba(132, 119, 238, 0.96) 48%, rgba(83, 137, 220, 0.94)) padding-box,
        conic-gradient(from var(--glass-border-angle, 0deg), rgba(255, 255, 255, 0.92), rgba(164, 220, 255, 0.52), rgba(199, 173, 255, 0.94), rgba(255, 255, 255, 0.92)) border-box !important;
    border-left: 5px solid rgba(90, 51, 232, .40);
    border-top: 2px solid rgba(90, 51, 232, .40);
    border-right: 1px solid rgba(90, 51, 232, .40);
    border-bottom: none !important;
    margin-bottom: 0px !important;
    color: rgba(240, 248, 255, 0.9);
    transition: opacity 0.3s ease;
}

.tab-box-tabs .box-tabs .tab {
    position: relative;
    overflow: hidden;
    margin-right: 2px;
}

.tab-box-tabs .box-tabs .tab::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(135deg, rgba(191, 174, 255, 0.98), rgba(132, 119, 238, 0.96) 48%, rgba(83, 137, 220, 0.94)) padding-box,
        conic-gradient(from var(--glass-border-angle, 0deg), rgba(255, 255, 255, 0.92), rgba(164, 220, 255, 0.52), rgba(199, 173, 255, 0.94), rgba(255, 255, 255, 0.92)) border-box !important;
    background-size: 200% 200%;
    background-position: 0% 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.tab-box-tabs .box-tabs .tab:hover::before {
    opacity: 1;
    color: black;
    animation: flipTogether 1s ease forwards;
}

.tab-box-tabs .box-tabs .tab.active::before {
    opacity: 1;
    color: black;
}

.tab-box-tabs .box-tabs .tab.active:hover::before {
    color: black;
    opacity: 1;
    animation: flipTogether 1s ease forwards;
}

.tab-box .tab-box-body {
    border-left: 1px solid rgba(90, 51, 232, .40);
    border-top: 1px solid rgba(90, 51, 232, .40);
    border-right: 1px solid rgba(90, 51, 232, .40);
    border-bottom: 1px solid rgba(90, 51, 232, .40);
    padding: 16px !important;
}

.template_outer {
    gap: 19px !important;
}

fieldset {
    border: none !important;
    width: 100% !important;
}

#cart_list {
    width: calc(100% - 100px) !important;
}

.drop-box.dropshadow {
    filter: none !important;
}

.mi-submenu:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(16px);
    border-radius: unset !important;
}

.drop-box-second-child {
    left: 206px !important;
    top: 5px !important;
}

.drop-box-second:after {
    right: 7px !important;
}

.drop-box .drop-box-child ul {
    background-color: unset !important;
    padding: 2px;
    margin-top: 3px;
}

.drop-box-second-child ul.mi-submenu {
    border-radius: 12px;
    overflow: hidden;
    border-top-left-radius: unset !important;
    border-bottom-left-radius: unset !important;
    min-height: 120px !important;
    border-style: ridge groove groove ridge;
    border-left: unset !important;
}

.height_cls,
.height_cls:before,
.height_cls:after {
    border-bottom-right-radius: unset !important;
}

.drop-box .drop-box-child,
.drop-box-second-child>.second-child-content {
    display: flex;
    transform: translateX(0px);
}

.drop-box-second-child>.second-child-content ul.menu-list {
    box-shadow: none !important;
}

.drop-box .drop-box-child:after,
.mi-submenu:after,
.drop-box-second-child>.second-child-content:after,
.box-tabs:after {
    width: calc(100% - 2px);
    height: calc(100% - 4px);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 10px;
    display: block;
    z-index: -1;
    overflow: hidden;
}

.drop-box .drop-box-child:before,
.mi-submenu:before,
.drop-box-second-child>.second-child-content:before,
.box-tabs:before {
    position: absolute;
    content: '';
    width: calc(100% - 2px);
    height: calc(100% - 4px);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    filter: blur(6px);
    -moz-filter: blur(6px);
    -o-filter: blur(6px);
    -webkit-filter: blur(6px);
    z-index: -1;
    opacity: 0.9;
    background-size: cover;
    overflow: hidden;
}

.mi-actions {
    background: rgba(255, 255, 255, 0.9) !important;
    /* border: 5px rgba(255, 255, 255, 0.4) !important; */
    border: 1px rgba(255, 255, 255, 0.9) !important;
    border-style: solid;
    background-clip: padding-box;
    border-radius: 0.5em !important;
    backdrop-filter: blur(12px) brightness(98%);
    filter: brightness(103%);
    backdrop-filter: blur(16px);
    -moz-filter: brightness(101%);
    -o-filter: brightness(101%);
    -webkit-filter: brightness(101%);
    overflow: hidden;
}

.mi-actions ul.menu-list,
.mi_milk_purchase_summary ul.menu-list {
    width: 182px;
    padding: 5px;
}

.mi-actions:before,
.mi_milk_purchase_summary:before {
    content: '';
    width: calc(100% - 2px);
    height: calc(100% - 4px);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 10px !important;
    background-repeat: no-repeat;
    background-attachment: fixed;
    filter: blur(6px);
    -moz-filter: blur(6px);
    -o-filter: blur(6px);
    -webkit-filter: blur(6px);
    z-index: -1;
    opacity: 0.9;
    background-size: cover;
}

.drop-box-second:after {
    color: rgba(4, 20, 35, 0.9);
}

.drop-box-second:hover:after,
.drop-box-second.active:after {
    color: #FFFFFF;
}

.drop-box-third:after {
    color: rgba(4, 20, 35, 0.9);
}

ul.menu-list li.drop-box-third:hover {
    background: none !important;
    color: #ffffff;
}

.drop-box-third:hover:after {
    color: #FFFFFF;
}

.pagination ul li {
    color: rgba(4, 20, 35, 0.9) !important;
    border: 2px solid rgba(4, 20, 35, 0.7) !important;
}

.pagination .active {
    background: rgba(4, 20, 35, 0.7) !important;
}

.pagination a {
    color: rgba(4, 20, 35, 0.9) !important;
}

.dot3:after {
    color: rgba(4, 20, 35, 0.9);
}

div.info_box div.tooltip_icon:hover {
    background-color: rgba(4, 20, 35, 0.7) !important;
    border: 1px solid rgba(4, 20, 35, 0.7);
}

.mioffline a {
    color: #3399ff;
}

#loader {
    background: #5aa6d81a;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background: rgba(4, 20, 35, 0.7);
    color: #ffffff;
}

.milkbg {
    /* padding: 10px; */
    padding: 32px 35px;

}

.milkbg img {
    display: block;
    margin: 0 auto !important;
    width: 88px;
    height: 82px;
}

.milkbg label {
    display: block;
    /* margin-top: 10px; */
    padding: 0 !important;
}

#offline {
    background: #5aa6d81a;
}

.mi_autocomplete_input,
.mi_dateSuggestions_input {
    background-image: linear-gradient(to right, rgba(4, 20, 35, 0.7), rgba(4, 20, 35, 0.7)), linear-gradient(to right, rgba(4, 20, 35, 0.7), rgba(4, 20, 35, 0.7)), linear-gradient(to right, rgba(4, 20, 35, 0.7), rgba(4, 20, 35, 0.7)), linear-gradient(to right, rgba(4, 20, 35, 0.7), rgba(4, 20, 35, 0.7));
    background-position: calc(100% - 0.3em) 9px, calc(100% - 0.3em) 15px, calc(100% - 0.3em) 21px, calc(100% - 0.3em) 27px;
    background-size: 15px 2px, 15px 2px, 15px 2px, 15px 2px;
    background-repeat: no-repeat;
}

.toolicons {
    background: rgba(82, 90, 105, 1);
    height: 27px;
    width: 42px !important;
}

.toolicons .icon.fas.fa-thumbtack {
    color: rgba(240, 248, 255, 0.9) !important;
}

.sidenav {
    position: relative;
    background: rgba(255, 255, 255, 0.3) !important;
    -webkit-backdrop-filter: brightness(105%) blur(9px);
    backdrop-filter: brightness(105%) blur(9px);
    border: 1px solid rgba(255, 255, 255, .45) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.46);
    border-right: 1px solid rgba(255, 255, 255, 0.46);
    border-top-right-radius: 12px !important;
    border-bottom-right-radius: 0px !important;
    background-clip: padding-box !important;
    z-index: 5;
    top: 15px;
    width: 40px;
    height: auto !important;
    margin-left: -3px;
    box-sizing: border-box;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    box-shadow:
        0 8px 32px 0 rgba(0, 0, 0, 0.15),
        inset 0 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.sidenav:after {
    width: calc(100% - 2px);
    height: calc(100% - 4px);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-bottom-right-radius: 10px !important;
    background: rgba(206, 222, 255, 0.2);
    z-index: -10;
    overflow: hidden;
}

.sidenav-old:before {
    position: absolute;
    content: '';
    width: calc(100% - 2px);
    height: calc(100% - 4px);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 10px !important;
    background: url(../../images/noise_white_70.png), rgba(255, 255, 255, 0.7);
    background-repeat: no-repeat;
    background-attachment: fixed;
    filter: blur(6px);
    -moz-filter: blur(6px);
    -o-filter: blur(6px);
    -webkit-filter: blur(6px);
    z-index: -1;
    opacity: 0.9;
    background-size: cover;
}

.sidenav ul.nav {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.nav li {
    background-color: rgba(255, 255, 255, 0.0);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    text-align: center;
}

ul.nav li span,
.farmer_milk_collection span,
.milk_pur_tooltip span,
.posting_tooltip span {
    background: rgba(255, 255, 255);
}

.posting_tooltip span::after {
    border-color: rgb(221 231 244) transparent transparent transparent;
}

ul.nav li span::after {
    border-color: transparent rgb(255 255 255) transparent transparent;
}

.msg_info span:after {
    color: rgb(221 231 244);
}

.msg_info:hover .sms_info {
    border: 1px solid rgb(221 231 244);
}

ul.nav li:hover i.icon,
ul.nav li:hover .remove_sidemenu,
.farmer_milk_collection:hover a i {
    color: rgba(255, 255, 255, 0.7);
}

ul.nav li:hover span,
.farmer_milk_collection:hover span {
    color: rgba(4, 20, 35, 0.7);
}

.leftside_edit {
    position: absolute;
    background: rgba(255, 255, 255, 0.4) !important;
    -webkit-backdrop-filter: brightness(104%) blur(12px);
    backdrop-filter: brightness(104%) blur(12px);
    border-right: 1px solid rgba(255, 255, 255, 0.45);
    border-bottom: 1px solid rgba(255, 255, 255, 0.45);
    background-clip: padding-box;
    bottom: -64px !important;
    width: 103% !important;
    Filter: brightness(100%);
    border-bottom-right-radius: 1em;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .12), 1px 1px 0 rgba(255, 255, 255, .45) inset, -1px -1px 0 rgba(255, 255, 255, .35) inset !important;
}

.leftside_edit:after {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: inherit;
    background-clip: padding-box;
    background: rgba(206, 222, 255, 0.2);
}

.scroll_arrow a img {
    transform: scale(1.4);
}

.quick-icon,
.sidenav .scroll_arrow {
    color: rgba(4, 20, 35, 0.7);
}

.tbl_trans_ch,
.tbl_trans_ch_td {
    border-radius: 0.5em;
    background: rgba(187, 203, 236, 0.25);
    filter: brightness(100%);
}

.center {
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: auto !important;
    position: absolute !important;
}

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

.text-stroke {
    -webkit-text-stroke-width: 0 !important;
    -webkit-text-stroke-color: transparent !important;
}

div.tooltip_box:hover .tooltip_icon {
    width: 50px;
}

.right_sidbar:after,
.puptooltip_icon_info:after,
.display_placeholder_info.sms-placeholder:after {
    width: calc(100% - 2px);
    height: calc(100% - 4px);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 10px !important;
    background: rgba(206, 222, 255, 0.2) !important;
    border-top: 2px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    z-index: -1;
    filter: brightness(180%) saturate(180%);
    -moz-filter: brightness(180%) saturate(180%);
    -o-filter: brightness(180%) saturate(180%);
    -webkit-filter: brightness(180%) saturate(180%);
    overflow: hidden;
}

.sticky-table,
.listing-table,
.display_placeholder_info {
    background: transparent;
    border-bottom: 1px solid rgba(187, 203, 236, 0.3) !important;
}

.gray.header {
    background: rgba(187, 203, 236);
}

.sticky-table thead tr th,
.listing-table thead tr th {
    background: rgba(187, 203, 236, 0.2) !important;
    color: rgba(4, 20, 35, 0.7) !important;
    margin: 0px;
    border-top: none;
}

.sticky-table.with-column thead tr th {
    background: none !important;
}

.sticky-table thead {
    position: sticky;
    top: 0;
    left: 0;
    display: table-header-group;
    background: rgba(187, 203, 236) !important;
    backdrop-filter: blur(12px);
    overflow: hidden;
    z-index: 2;
}

.listing-table thead th:after,
.display_placeholder_info th:after {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../../images/noise_white_50.png);
    backdrop-filter: brightness(45%) blur(16px);
    z-index: -1;
    filter: brightness(180%) saturate(180%);
    -moz-filter: brightness(180%) saturate(180%);
    -o-filter: brightness(180%) saturate(180%);
    -webkit-filter: brightness(180%) saturate(180%);
    overflow: hidden;
}


.listing-table thead th:before,
.display_placeholder_info th:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background:
        linear-gradient(120deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 40%),
        linear-gradient(135deg, #cfb8f8);
    background-repeat: no-repeat;
    background-attachment: fixed;
    z-index: -1;
    background-size: cover;
}


.sticky-table.with-column tbody tr th {
    color: rgba(4, 20, 35, 0.7) !important;
    border: 1px solid #EBEBEB50;
    background: rgba(187, 203, 236, 0.6) !important;
    backdrop-filter: blur(16px);
}

.sticky-table.with-column.far-milk-pur-summary tbody th:after {
    display: none;
}

.sticky-table.with-column.far-milk-pur-summary tbody th:before {
    display: none;
}

.sticky-table.with-column.far-milk-pur-summary tbody tr th {
    box-shadow: none !important;
    background: rgba(235, 235, 235, 0) !important;
}

.sticky-table tbody td,
.listing-table tbody td {
    border-top: 1px solid rgba(187, 203, 236, 0.3) !important;
    border-bottom: 1px solid rgba(187, 203, 236, 0.3) !important;
    border-left: none;
    border-right: none;
}

hr {
    background: #EBEBEB50 !important;
}

.sticky-table tbody tr:nth-child(even),
.listing-table tbody tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.0) !important;
}

.sticky-table tbody tr:nth-child(odd),
.listing-table tbody tr:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.sticky-table .vehicle_report tbody tr:nth-child(even) {
    background-color: unset !important;
}

.sticky-table .vehicle_report tbody tr:nth-child(odd) {
    background-color: unset !important;
}

.sticky-table>.vehicle_report>tbody>tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.0) !important;
}

.sticky-table>.vehicle_report>tbody>tr:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

div.farmer_milk_coll_box {
    background: none !important;
}

.farmer_milk_collection {
    background-color: rgba(255, 255, 255, 0.7) !important;
}

.farmer_milk_collection span,
.milk_pur_tooltip span,
ul.nav li:hover span,
.posting_tooltip span {
    color: rgba(4, 20, 35, 0.5) !important;
}

.farmer_milk_collection span::before {
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.7);
}

.milk_pur_tooltip span::after {
    border-color: rgba(255, 255, 255, 0.7) transparent transparent transparent;
}

.ui-dialog {
    position: absolute !important;
    backdrop-filter: brightness(97%) blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.46) !important;
    background-clip: padding-box !important;
    box-shadow: none !important;
}

.ui-dialog .ui-widget-content {
    background: none !important;
    border: none !important;
}

.ui-dialog .ui-dialog-buttonpane {
    border-top: 1px solid rgba(4, 20, 35, 0.4) !important;
}

.ui-widget.ui-widget-content {
    padding: 2px !important;
}

.ui-widget.ui-widget-content {
    background: rgba(255, 255, 255, 0.30) !important;
    background: url(../../images/noise_white_60.png) !important;
    backdrop-filter: blur(10px) saturate(135%);
    -webkit-backdrop-filter: blur(10px) saturate(135%);
    border: 1px solid rgba(255, 255, 255, 0.46);
    background-clip: padding-box !important;
    filter: brightness(103%);
    overflow: hidden;
    border-radius: 1em;
    box-shadow:
        0 8px 32px 0 rgba(0, 0, 0, 0.15),
        inset 0 1px 1px 0 rgba(255, 255, 255, 0.3) !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid rgba(98, 114, 129, 0.6);
    background: rgba(255, 255, 255, 0.2);
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid rgba(255, 255, 255, 0.7) !important;
    background: rgba(255, 255, 255, 0.4);
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 0px solid #cccccc;
    background: none;
    cursor: pointer;
}

input[type=file]::file-selector-button {
    border: 1px solid rgba(255, 255, 255, 0.8);
    padding: .2em .4em;
    border-radius: .2em;
    background-color: rgba(255, 255, 255, 0.4);
    background: rgba(98, 114, 129, 0.8) !important;
    cursor: pointer;
    color: rgba(4, 20, 35, 0.7) !important;
}

input[type=file]::file-selector-button:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.graph_continer table tr td .tooltipgraph:first-child {
    line-height: 20px;
    height: 20px;
}

.graph_continer table tbody tr td .tooltipgraph:first-child,
.graph_continer table tfoot td {
    background-color: rgba(255, 255, 255, 0.3) !important;
    filter: brightness(105%);
    -moz-filter: brightness(105%);
    -o-filter: brightness(105%);
    -webkit-filter: brightness(105%);
    border: none !important;
}

.graph_continer table tbody tr td .tooltipgraph:first-child:after,
.graph_continer table tfoot td:after {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../../images/noise_white_50.png);
    z-index: -1;
    filter: brightness(180%) saturate(180%);
    -moz-filter: brightness(180%) saturate(180%);
    -o-filter: brightness(180%) saturate(180%);
    -webkit-filter: brightness(180%) saturate(180%);
    overflow: hidden;
}

.graph_continer table tbody tr td .tooltipgraph:first-child:before,
.graph_continer table tfoot td:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background:
        linear-gradient(120deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 40%),
        linear-gradient(135deg, #c3a8f3);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    z-index: -1;
}

.mylivechat_offline,
.mylivechat_prechat,
.mylivechat_prechat_head,
.mylivechat_offline_head {
    background: rgba(255, 255, 255, 0) !important;
}

.mylivechat_buttonround,
.mylivechat_closebtn {
    position: relative;
    overflow: hidden;
    display: inline-block;
    color: #fff;
}

.mylivechat_buttonround,
.mylivechat_closebtn::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: radial-gradient(circle at 18% 40%, rgba(255, 255, 255, .35) 0 2px, transparent 3px), radial-gradient(circle at 78% 40%, rgba(255, 255, 255, .35) 0 2px, transparent 3px), linear-gradient(120deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 40%), linear-gradient(135deg, #c195ff, #FF9ECF);
    background-size: 200% 200%;
    background-position: 0% 50%;
    transition: opacity 0.3s ease;
}

.mylivechat_buttonround,
.mylivechat_closebtn:hover::before {
    animation: flipTogether 1s ease forwards;
}

.mylivechat_closebtn svg {
    width: 50px !important;
    height: 47px !important;
}

.mylivechat_sprite {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
}

.mylivechat_buttonround_tooltip {
    color: rgba(4, 20, 35, 0.9) !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
    display: none !important;
}

.mylivechat_buttonround_tooltip_arrow {
    border-color: transparent rgba(255, 255, 255, 0.5) !important;
    display: none !important;
}

body .mylivechat_inline textarea:hover,
body .mylivechat_inline input:hover,
.mylivechat_prechat_box input:hover,
.mylivechat_offline_box input:hover,
.mylivechat_survey_box input:hover,
.mylivechat_prechat_box textarea:hover,
.mylivechat_offline_box textarea:hover,
.mylivechat_survey_box textarea:hover {
    border: 1px solid rgba(98, 114, 129, 1);
}

body .mylivechat_inline textarea:focus,
body .mylivechat_inline input:focus,
.mylivechat_prechat_box input:focus,
.mylivechat_offline_box input:focus,
.mylivechat_survey_box input:focus,
.mylivechat_prechat_box textarea:focus,
.mylivechat_offline_box textarea:focus,
.mylivechat_survey_box textarea:focus {
    border-color: #000;
}

.mylivechat_offline_head {
    background: rgba(98, 114, 129, 0.8) !important;
}

.mylivechat_inline .mylivechat_expanded {
    top: 59px !important;
}

img[src*="Cart.png"] {
    width: 25px;
    height: 25px;
}

.mylivechat_main,
.mylivechat_expanded {
    box-shadow: none !important;
}

.mylivechat_sprite svg {
    margin-bottom: 5px;
}

body .mylivechat_inline textarea,
body .mylivechat_inline input,
body .mylivechat_inline input[type="text"],
body .mylivechat_inline input[type="email"],
.mylivechat_prechat_box,
.mylivechat_offline_box,
.mylivechat_survey_box {
    color: rgba(98, 114, 129, 0.9) !important;
    border-radius: 0.85em !important;
    font-weight: 400 !important;
    border: 1px solid rgba(98, 114, 129, 0.6);
}

.mylivechat_inputgroup_horizental mlc-label {
    color: rgba(98, 114, 129, 0.9) !important;
    font-weight: 400 !important;
}

.mylivechat_prechat_text,
.mylivechat_offline_text,
.mylivechat_survey_title,
.mylivechat_survey_message {
    color: rgba(98, 114, 129, 0.9) !important;
    font-weight: 400 !important;
}

.mylivechat_offline_submit_button:hover,
.mylivechat_offline_submit_button:focus,
.mylivechat_offline_submit_button:active {
    position: relative !important;
    z-index: 9999 !important;
}

.mylivechat_prechat_submit_button,
.mylivechat_offline_submit_button,
.mylivechat_prechat_survey_button {
    background: none !important;
}

.mylivechat_offline_submit .mylivechat_offline_submit_button {
    position: relative;
    overflow: hidden;
    width: auto !important;
    display: inline-block;
    padding: 8px 14px;
    border: 0;
    border-radius: 1.1rem !important;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.mylivechat_offline_submit .mylivechat_offline_submit_button::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: radial-gradient(circle at 18% 40%, rgba(255, 255, 255, .35) 0 2px, transparent 3px), radial-gradient(circle at 78% 40%, rgba(255, 255, 255, .35) 0 2px, transparent 3px), linear-gradient(120deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 40%), linear-gradient(135deg, #c195ff, #FF9ECF);
    background-size: 200% 200%;
    background-position: 0% 50%;
    transition: opacity 0.3s ease;
}

.mylivechat_offline_submit .mylivechat_offline_submit_button:hover::before {
    animation: flipTogether 1s ease forwards;
}

.mylivechat_errorpanel {
    border: 1px solid #7b2ff7 !important;
    height: 35px !important;
    margin: 19px 15px 5px 20px;
    padding: 9px 10px 5px 40px;
    font-weight: 400 !important;
}

.mylivechat_offline {
    flex: 0 0 auto !important;
    height: auto !important;
    max-height: 600px !important;
}

.mylivechat_offline_content {
    flex: 0 0 auto !important;
    height: auto !important;
    max-height: 500px !important;
    overflow-y: auto !important;
}

.mylivechat_offline_content {
    margin-top: 10px !important;
}

.mylivechat_expanded,
.mylivechat_offline,
.mylivechat_offline_wrapper,
.mylivechat_offline_content {
    contain: layout paint style;
}

.mylivechat_inline.mylivechat_template15 {
    position: fixed !important;
    margin-top: 80px !important;
}

.report-table table,
.report-table thead tr th,
.report-table table tbody tr td,
hr,
.vowels>li {
    border: 1px solid rgba(98, 114, 129, 0.6) !important;
}

.progress_spinner {
    border-bottom: 40px solid rgb(226, 217, 241);
    border-top: 40px solid rgb(212, 189, 250);
    border-left: 40px solid #a076e4;
    border-right: 40px solid #7b2ff7;
}

input[type="checkbox"]:not(:checked)+label:before,
input[type="checkbox"]:checked+label:before,
input[type="checkbox"]:disabled:not(:checked)+label::before,
input[type="checkbox"]:disabled:checked+label::before {
    border: 1px solid rgba(98, 114, 129, 0.6);
    background: rgba(255, 255, 255, 0.3);
}

input[type="checkbox"]:not(:checked)+label:after,
input[type="checkbox"]:checked+label:after {
    color: rgba(4, 20, 35, 0.5);
}

.pos-sticky.bg-white {
    background: rgba(255, 255, 255, 0) !important;
}

.roated_chart_line {
    border-top: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.tooltipgraph {
    border-top: 1px solid rgba(187, 203, 236, 0.3);
    border-right: 1px solid rgba(187, 203, 236, 0.3);
}

.arrow_left span:before {
    border-left: 8px solid rgb(221 231 244);
}

.arrow_right span:before {
    border-right: 8px solid rgb(221 231 244);
}

.tooltipgraph .tooltiptext {
    background-color: rgb(221 231 244);
    color: rgb(35, 58, 80);
}

.farmer_milk_collection {
    height: 30px !important;
    line-height: 30px !important;
}

.glass_head .pd-2 {
    padding: 2px 2px !important;
}

.accordion-list .panel {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 0.5em;
    background: rgba(252, 250, 251, 0.6) !important;
}

.accordion.bg-secondary {
    color: rgba(98, 114, 129, 0.9) !important;
    font-weight: 400 !important;
    border-radius: 0.5em !important;
    background: rgba(252, 250, 251, 0.6) !important;
}

.absent {
    background-color: rgba(255, 255, 255, 0.2);
}

.present {
    background-color: #e7ecf385;
}

.drop-box .drop-box-child,
.drop-box-second .drop-box-second-child .second-child-content {
    padding: 2px !important;
}

.mi-loginbox form .tr.glass-input-box .td {
    width: 96% !important;
}

.mi-loginbox form .tr.glass-input-box .td input[type=text],
.mi-loginbox form .tr.glass-input-box .td input[type=password] {
    width: 104%;
    padding: 13px;
}

.display_placeholder_info {
    background: rgb(231 243 255) !important;
}

.readonly_color,
.bg-gray {
    background: rgba(255, 255, 255, 0.3) !important;
}

.readonly_color {
    background: rgba(255, 255, 255, 0.3) !important;
}

#container .readonly_color {
    background-image: linear-gradient(360deg, rgba(255, 255, 255, 0), transparent) !important;
}

.mi-popup .mrg-10 {
    margin: 10px 10px 0px 10px !important;
}

.mi-popup .tr {
    margin-bottom: 0px !important;
}

.sticky-table.with-column.far-milk-pur-summary thead th:first-child:after {
    background: rgba(255, 255, 255, 0.2) !important;
}

.listing-table thead tr th {
    position: relative !important;
}

.listing-table .sticky-table thead tr th {
    position: sticky !important;
}

.mi-modal .loading_test.mrg-tp20 {
    margin-top: 0px !important;
}

.allBasicWord {
    padding: 5px !important;
    background: rgba(255, 255, 255, 0.3) !important;
    background-image: url(../../images/noise_white_60.png) !important;
    -webkit-backdrop-filter: brightness(99%) blur(25px);
    backdrop-filter: brightness(99%) blur(25px) !important;
    border: 1px rgba(255, 255, 255, 0.9);
    border-style: solid !important;
    background-clip: padding-box !important;
    filter: brightness(100%) !important;
    overflow: hidden;
    box-shadow:
        0 0 2px rgba(76, 39, 154, 0.2),
        0 0 1px rgba(255, 255, 255, 0.2),
        1px 1px 0 rgba(255, 255, 255, 0.4) inset,
        -1px -1px 0 rgba(255, 255, 255, 0.4) inset,
        0px 0px 4px 2px rgba(0, 0, 0, 0.10) !important;
}

li.editsidebar {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.5) !important;
    border-top: 1px dashed rgba(255, 255, 255, 0.5) !important;
}

.key_shortcut:hover,
.key_shortcut:hover i {
    color: rgba(0, 0, 0, 0.5) !important;
}

.ms-options>span:before {
    background-color: rgba(255, 255, 255, 0.3) !important;
    width: 106.5%;
    height: 233px;
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    bottom: 0;
    right: 0;
    border-radius: 5px !important;
}

.ui-menu-item {
    background-color: rgba(255, 255, 255, 0.3) !important;
}

.ui-menu .ui-menu-item-wrapper {
    border-radius: 1em;
}

.sucess_msg,
.error_msg {
    background: rgba(255, 255, 255, 0.30) !important;
    background-image: url(../../images/noise_white_60.png) !important;
    backdrop-filter: blur(10px) saturate(135%);
    -webkit-backdrop-filter: blur(10px) saturate(135%);
    border: 1px solid rgba(255, 255, 255, 0.46) !important;
    background-clip: padding-box !important;
    overflow: hidden;
    box-shadow:
        0 8px 32px 0 rgba(0, 0, 0, 0.15),
        inset 0 1px 1px 0 rgba(255, 255, 255, 0.3);
    border-radius: 0.85em;
}

.checklist .box1 {
    height: 34px;
}

.pur_border_clr {
    border-top: 1px solid rgba(255, 255, 255, 0.7);
}

.test_report.sticky-table.with-column thead tr:first-child th:first-child {
    border-bottom: none;
    background: none !important;
    border-right: none !important;
}

.sticky-table.with-column thead tr:first-child th:first-child {
    backdrop-filter: blur(10px);
}

ul.nav li .submenu {
    position: absolute;
    background: rgba(255, 255, 255, 0.2) !important;
    border: 3px rgba(255, 255, 255, 0.4);
    border-style: ridge groove groove ridge;
    border-radius: 12px !important;
    filter: brightness(107%);
    -moz-filter: brightness(107%);
    -o-filter: brightness(107%);
    -webkit-filter: brightness(107%);
}

ul.nav li .submenu:before {
    position: absolute;
    content: '';
    width: calc(100% - 2px);
    height: calc(100% - 4px);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 10px !important;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    background-repeat: no-repeat;
    background-attachment: fixed;
    filter: blur(6px);
    -moz-filter: blur(6px);
    -o-filter: blur(6px);
    -webkit-filter: blur(6px);
    z-index: -1;
    opacity: 0.9;
    background-size: cover;
}

ul.nav li .submenu ul {
    background-color: rgba(255, 255, 255, 0.3) !important;
}

ul.nav li .submenu:after {
    width: calc(100% - 2px);
    height: calc(100% - 4px);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 10px !important;
    display: block;
    background: url(../../images/noise_white_50.png);
    border-top: 2px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    z-index: -1;
    overflow: hidden;
}

ul.nav li .submenu ul::after {
    border-color: transparent rgb(188 204 209 / 84%) transparent transparent
}


ul.nav li .submenu ul li img:hover {
    border-color: #ffffff;
    background: rgba(202, 213, 227, 0.70);
    color: #222260;
}

ul.nav li .submenu ul li:hover .quick-icon {
    border-color: #ffffff;
    background: rgba(202, 213, 227, 0.70);
    color: #222260;
}

.submenu li p {
    background-color: rgba(221, 231, 244);
    color: rgba(4, 20, 35, 0.5) !important
}

.submenu li p::after {
    border-color: transparent transparent rgba(221, 231, 244) transparent
}

.submenu_icon {
    border-bottom: 5px solid black !important;
}

.mi_milk_purchase_summary {
    top: 114px;
    background: rgba(255, 255, 255, 0.3) !important;
    border: 1px rgba(255, 255, 255, 0.9);
    border-style: solid;
    background-clip: padding-box !important;
    border-radius: 12px !important;
    filter: brightness(101%);
    -moz-filter: brightness(101%);
    -o-filter: brightness(101%);
    -webkit-filter: brightness(101%);
    overflow: hidden;
    display: none;
}

.drop-box-third ul.menu-list li:hover span.shortcut_icon {
    color: unset !important;
}

.height_cls {
    min-height: 110px;
}

/*code by mi94*/
.sidenav ul li {
    margin: 2px 2px;
    background: url(../../images/noise_white_70.png), rgba(255, 255, 255, 0.5);
    border-radius: 0.3rem;
    min-width: 31px !important;
}

.sidenav ul li:hover {
    background:
        linear-gradient(135deg, rgba(191, 174, 255, 0.98), rgba(132, 119, 238, 0.96) 48%, rgba(83, 137, 220, 0.94)) padding-box,
        conic-gradient(from var(--glass-border-angle, 0deg), rgba(255, 255, 255, 0.92), rgba(164, 220, 255, 0.52), rgba(199, 173, 255, 0.94), rgba(255, 255, 255, 0.92)) border-box !important;
}

.sidenav ul li:hover a img {
    filter: brightness(0) invert(1);
}

.sidenav ul li:hover a {
    color: white !important;
}

.quick-icon {
    border: none !important;
    padding: 0 !important;
    margin: 10px 2px !important;
}

.sidenav ul li:hover .quick-icon {
    color: #fff !important;
}

.template_wrap {
    background: rgba(187, 203, 236, 0.25) !important;
    filter: brightness(100%);
    padding: 7px 7px 9px 7px !important;
    width: calc(33% - 10px) !important;
}

.drop-box-child {
    min-height: 125px;
    height: auto;
    box-sizing: border-box;
}

.drop-box-second>a,
.dropbox>ul>li>a {
    box-sizing: border-box !important;
    padding: 6px;
}

.drop-box-second>a {
    display: block;
    width: 90%;
    color: rgb(86 102 116);
    border-radius: 0.3rem;
}

.dropbox>ul>li>a {
    width: 98%;
    background: rgba(255, 255, 255, 0.4) !important;
    border-radius: 0.3rem !important;
    transition: transform 0.4s ease-in-out,
        background-color 0.4s ease-in-out;
    transform-origin: left;
}

.dropbox>ul>li>a {
    transform: none;
}

.dropbox>ul>li.drop-box-second:hover>a {
    transform: scaleX(1.055);
    color: rgb(86 102 116);
}

.dropbox>ul>li>a {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.dropbox>ul>li.drop-box-second>a::before {
    content: "";
    position: absolute;
    left: -4px;
    right: -4px;
    top: 50%;
    transform: translateY(-50%);
    height: 1.4em;
    background: transparent;
    border-radius: 0.3rem;
    z-index: -1;
    transition: background 0.3s ease;
}

.dropbox>ul>li.drop-box-second:hover>a::before {
    background: rgba(187, 203, 236, 0.4);
}

.dropbox>ul.support-menu>li>a {
    transition: color 0.3s ease;
    padding-left: 15px;
}

.dropbox>ul.support-menu>li>a::before {
    content: "";
    position: absolute;
    left: -4px;
    right: -4px;
    top: 50%;
    transform: translateY(-50%);
    height: 1.5em;
    background: transparent;
    border-radius: 4px;
    z-index: -1;
    transition: background 0.3s ease;
}

.dropbox>ul>li>a>span {
    padding-left: 10px;
}

.dropbox>ul>li>a::before {
    content: "";
    position: absolute;
    left: -4px;
    right: -4px;
    top: 50%;
    transform: translateY(-50%);
    height: 1.4em;
    background: transparent;
    border-radius: 0.3rem;
    z-index: -1;
    transition: background .3s ease;
}

.dropbox>ul>li:hover>a::before {
    background: rgba(187, 203, 236, .4);
}

.dropbox ul.support-menu li a::before {
    content: '\25B8';
    margin-right: 6px;
    display: inline-block;
}

.dropbox>ul.support-menu>li:hover>a::before {
    background: rgba(187, 203, 236, 0.4);
}

.menu-list.support-menu li a {
    background-color: transparent !important;
}

.dropbox ul li a[data-qr*="module_name=setting"]::before {
    content: '\25B8';
    margin-right: 6px;
    display: inline-block;
}

#addon_menus nav {
    width: max-content;
    max-height: calc(100vh - 165px);
    overflow: hidden;
    transition: all 0.3s ease;
}

#addon_menus nav:hover {
    overflow-y: auto;
}

.white20p {
    width: 468px;
    height: 217px;
    background: rgba(255, 255, 255, 0.4);
    padding: 5px;
    border-radius: 0.5em;
    margin: 23px auto;
}

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

.shadow {
    box-shadow:
        0 8px 32px 0 rgba(0, 0, 0, 0.15),
        inset 0 1px 1px 0 rgba(255, 255, 255, 0.3) !important;
}

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

.drop-box-second:hover>.drop-box-second-child,
.drop-box-second.active>.drop-box-second-child {
    filter: brightness(98%);
    border-radius: 0.4rem;
}

.drop-box-second-child {
    filter: brightness(98%) !important;
    border-radius: 0.4rem !important;
}

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

.drop-box-second-child.rad-4 {
    border-radius: 0.8rem;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.rad-4 {
    border-radius: 0.5em !important;
}

.menu-list.rad-6.mi-submenu {
    padding: 2px 1px 1px 0;
    border-radius: 0.6rem;
    width: calc(100% - 8px);
    box-sizing: border-box;
}

.drop-box-second-child.rad-4 {
    vertical-align: top;
    border-radius: 0.8rem;
}

.settings_submenu ul.mi-submenu {
    height: 450px !important;
    max-height: calc(100vh - 150px) !important;
    overflow-y: auto;
}

.settings_submenu .drop-box-second-child {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
}

.mega-dropdown {
    display: none;
    position: absolute;
    top: 95%;
    margin-left: 14px;
    background: rgba(255, 255, 255, 0.4) !important;
    -webkit-backdrop-filter: brightness(100%) blur(12px);
    backdrop-filter: brightness(100%) blur(12px);
    border: 1px solid rgba(255, 255, 255, .45) !important;
    border-radius: 18px;
    background-clip: padding-box;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .12), 1px 1px 0 rgba(255, 255, 255, .45) inset, -1px -1px 0 rgba(255, 255, 255, .35) inset !important;

    padding: 5px 5px 0px 5px;
}


.mega-dropdown:after {
    width: cal(inherit-3);
    height: cal(inherit-3);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: inherit;
    background-clip: padding-box;
    background: rgba(255, 255, 255, 0.2);
    z-index: -10;
}

li.tab.drop-box[data-index="0"]:hover>.mega-dropdown {
    display: block;
}

.drop-box:nth-child(2) .drop-box-child {
    left: 0 !important;
}

.drop-box:nth-child(3) .drop-box-child {
    left: 0px !important;
}

.drop-box:nth-child(4) .drop-box-child {
    left: 0 !important;
}

.drop-box:nth-child(5) .drop-box-child {
    left: 0 !important;
}

.drop-box:nth-child(6) .drop-box-child {
    left: 0 !important;
}

.drop-box:nth-child(7) .drop-box-child {
    left: 0 !important;
}

.drop-box:nth-child(8) .drop-box-child {
    left: 0 !important;
}

.drop-box:nth-child(9) .drop-box-child {
    left: 0 !important;
}

.drop-box:hover .drop-box-child {
    border-radius: 0.85em !important;
    background: none !important;
    background-color: transparent !important;
}

.drop-box:nth-child(2) .mega-dropdown {
    left: 52px !important;
}

.drop-box:nth-child(3) .mega-dropdown {
    left: 142px !important;
}

.drop-box:nth-child(4) .mega-dropdown {
    left: 300px !important;
}

.drop-box:nth-child(5) .mega-dropdown {
    left: 350px !important;
}

.drop-box:nth-child(6) .mega-dropdown {
    left: 400px !important;
}

.drop-box:nth-child(7) .mega-dropdown {
    left: 500px !important;
}

.drop-box:nth-child(8) .mega-dropdown {
    left: 600px !important;
}

.drop-box:nth-child(9) .mega-dropdown {
    left: 700px !important;
}

.mega-dropdown .drop-box-child {
    position: relative;
    overflow: visible;
    bottom: 8px;
}

.tbl_trans_ch,
.tbl_trans_ch_td {
    border: none !important;
}

.drop-box-second-child {
    border-radius: 0.4rem;
    max-height: 520px;
}

.drop-box-second-child ul.menu-list {
    width: 100%;
}

.drop-box-second>.drop-box-second-child {
    display: none;
}

.drop-box-second:hover>.drop-box-second-child {
    display: block;
}

.drop-box-third ul.menu-list li {
    padding: 0 !important;
}

.right_sidbar {
    background: rgba(255, 255, 255, 0.4);
    -webkit-backdrop-filter: brightness(104%) blur(12px);
    backdrop-filter: brightness(104%) blur(12px);
    border: 1px rgba(255, 255, 255, 0.9);
    border-style: solid !important;
    background-clip: padding-box !important;
    filter: brightness(104%) !important;
    overflow: hidden;
}

ul.menu-list.support-menu.w250.rad-6 {
    border-radius: 0.7em;
    margin-top: 0px;
}

.password-wrapper.ticked .fa-eye-slash {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(-50%, 80%);
    cursor: pointer;
}

.password-wrapper:not(.ticked) .fa-eye-slash {
    position: static;
    transform: none;
}

.drop-box-second:hover ul.mi-submenu {
    line-height: 22px;
}

ul.menu-list li .shortcut_icon {
    float: right;
    clear: right;
    text-align: right;
}

ul.menu-list {
    background-color: transparent !important;
}

#container .pd-5 {
    margin-left: 0px !important;
    color: rgba(98, 114, 129, 0.9) !important;
    font-weight: 400 !important;
}

.drop-box-second:hover ul.mi-submenu {
    width: 99% !important;
    background: rgba(255, 255, 255, 0.4) !important;
    border-radius: 0.5em !important;
    border-top-left-radius: 0 !important;
}

.bg-primaryy>.bg-primary.h60.pd-10,
.bg-primaryy>ul.w200.menu-list {
    background: rgba(255, 255, 255, 0.4);
}

.rad-8 {
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.4) !important;
    -webkit-backdrop-filter: brightness(105%) blur(9px);
    backdrop-filter: brightness(105%) blur(9px);
    border: 1px solid rgba(255, 255, 255, .45) !important;
    background-clip: padding-box;
    overflow: hidden;
    padding: 5px 5px 2px 5px;
    margin-right: -33px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .12), 1px 1px 0 rgba(255, 255, 255, .45) inset, -1px -1px 0 rgba(255, 255, 255, .35) inset !important;
}


.rad-8:after {
    width: cal(inherit-3);
    height: cal(inherit-3);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: inherit;
    background-clip: padding-box;
    background: rgba(255, 255, 255, 0.2);
    z-index: -10;
}

#faq_ans {
    border: none !important;
    background: rgba(187, 203, 236, 0.2) !important;
    margin-right: 0 !important;
    padding: 15px;
}

#faq_ans::after {
    background: none !important;
}

.drop-box-child.rad-4.bg-primary {
    border-radius: 1.2em !important;
}

.mi_milk_purchase_summary {
    background: url(../../images/noise_white_70.png), rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: brightness(98%) blur(5px);
    box-shadow:
        0 0 2px rgba(76, 39, 154, 0.2),
        0 0 1px rgba(255, 255, 255, 0.2),
        1px 1px 0 rgba(255, 255, 255, 0.4) inset,
        -1px -1px 0 rgba(255, 255, 255, 0.4) inset,
        0px 0px 4px 2px rgba(0, 0, 0, 0.10) !important;
}

.mi_milk_purchase_summary ul li:hover {
    background: rgba(187, 203, 236, 0.4) !important;
}

.mrg-l0 {
    width: calc(100% + 0.5rem);
    margin: 0px !important;
}

.cell-pd-8.tbl_trans_ch_td.brder-collapse-non.w500h.h350.rad-4 {
    width: 100% !important;
}

.h350 {
    height: 389px;
}

.sidenav .scroll_arrow {
    width: 25px !important;
    height: 14px !important;
    font-size: 15px;
    margin-left: 2px;
}

.sidenav .scroll_arrow {
    background: rgba(255, 255, 255, 0.7) !important;
}

.stick_bot {
    margin-bottom: -3px;
}

.ui-widget-content {
    border-style: solid !important;
    background-clip: padding-box !important;

}

.expand_block {
    padding: 0px !important;
    margin-right: 9px;
}

.w150.mi-actions.glass_theme {
    background: transparent !important;
    background-clip: padding-box !important;
    border: 1px rgba(255, 255, 255, 0.9) !important;
    box-shadow:
        0 0 2px rgba(76, 39, 154, 0.2),
        0 0 1px rgba(255, 255, 255, 0.2),
        1px 1px 0 rgba(255, 255, 255, 0.4) inset,
        -1px -1px 0 rgba(255, 255, 255, 0.4) inset,
        0px 0px 4px 2px rgba(0, 0, 0, 0.10) !important;
}

input[type="checkbox"]+label::before {
    border: 1px solid rgba(98, 114, 129, 0.6) !important;
}

input[type="checkbox"]:checked+label::before {
    border: 1px solid rgba(98, 114, 129, 0.9) !important;
}

.w140,
.w125 {
    height: 40px !important;
}

.bg-primaryy .pd-10 {
    border-radius: 0.6em !important;
    margin-top: 1px;
    margin-left: 1px;
    margin-right: 1px;
    padding-top: 9px !important;
}

.pd-10 {
    padding: 0px !important;
}

.bg-primaryy {
    margin-left: -9px;
}

.support-menu li a.txt-deco-none {
    background: rgba(255, 255, 255, 0.4) !important;
    border-radius: 0.3rem;
    width: 100%;
}

.bg-primaryy>ul.menu-list li a {
    display: block;
    background: rgba(255, 255, 255, 0.4) !important;
    border-radius: 0.3em;
}

.bg-primaryy .menu-list li a.mitooltip {
    position: relative;
    z-index: 0;
}

.bg-primaryy .menu-list li a.mitooltip::before {
    content: '\25B8';
    margin-right: 5px;
}

.bg-primaryy .menu-list li a.mitooltip::after {
    content: "";
    position: absolute;
    inset: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 1.7em;
    border-radius: 4px;
    background: transparent;
    z-index: -1;
    transition: background 0.3s ease;
}

.bg-primaryy .menu-list li a.mitooltip:hover::after {
    background: rgba(187, 203, 236, 0.4);
}

.menu-list li a[href*="config/index"]::before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    height: 1.4em;
    background: transparent;
    border-radius: 4px;
    z-index: -1;
    transition: background 0.3s ease;
}

.menu-list li a[href*="config/index"]:hover::before {
    background: rgba(187, 203, 236, 0.4);
}

input[type="radio"]:checked+label.mi_label:after {
    top: 2px;
}

.menu-list.support-menu.w250.rad-6 {
    top: 0;
}

ul.menu-list.support-menu.w250.rad-6>li:nth-child(3) {
    background: rgba(255, 255, 255, 0.4);
    border-radius: 0.6em !important;
}

.faq-icon img {
    filter: invert(27%) sepia(8%) saturate(600%) hue-rotate(165deg) brightness(85%) contrast(90%);
}

.fl-left.faq-icon.img_shadow.drop-box:hover img {
    filter: invert(27%) sepia(8%) saturate(600%) hue-rotate(165deg) brightness(45%) contrast(90%);
}

.img_shadow {
    filter: none !important;
}

#cart_list img {
    border-radius: 50%;
    object-fit: cover;
    height: 23px;
    width: 23px;
    background: rgba(98, 114, 129, 0.8) !important;
    margin-top: 3px;
}

#cart_list img:hover {
    color: rgba(255, 255, 255);
    background: rgba(54, 69, 79, 1) !important;
}

.fs-14 {
    font-weight: 400 !important;
    color: rgba(98, 114, 129, 0.9);
}

.ui-dialog-buttonset .ui-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.ui-dialog-buttonset .ui-button::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-size: 200% 200%;
    background-position: 0% 50%;
    transition: opacity 0.3s ease;
}

.ui-dialog-buttonset .ui-button.ui-state-hover::before,
.ui-dialog-buttonset .ui-button:hover::before {
    animation: flipTogether 1s ease forwards;
}

@keyframes flipTogether {
    from {
        background-position: 0% 50%, 0% 50%, 0% 50%, 0% 50%;
    }

    to {
        background-position: 100% 50%, 100% 50%, 100% 50%, 100% 50%;
    }
}

.td.txt-info:hover {
    text-shadow: 0 2px 10px #ffffff;
}

.wmax-content.sidebar_open.txt-info:hover {
    color: rgba(0, 0, 0, 0.4) !important;
    text-shadow: 0 2px 10px #ffffff;
}

.tab .base-xhttp-request.txt-deco-none.sidebar_open {
    background: none !important;
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .sidenav {
        width: 45px !important;
        min-width: 41px;
        max-width: 47px;
        flex-shrink: 0;
    }

}

@media (min-width: 1500px) and (max-width: 1920px) {
    .sidenav {
        width: 45px !important;
        min-width: 41px;
        max-width: 47px;
        flex-shrink: 0;
    }

    td.pd-l15 {
        width: 50%;
    }

    .level-3-label {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
    }

    .level-3-label fieldset {
        width: 100% !important;
        box-sizing: border-box;
    }

    .level-3-label,
    .level-3-label fieldset,
    .level-3-label fieldset.w600,
    .level-3-label table {
        box-sizing: border-box !important;
        table-layout: auto !important;
    }
}

#content .level-3-label,
#content .level-3-label fieldset,
#content .level-3-label fieldset.w600,
#content .level-3-label table {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.msg-box .close_msg {
    border: 3px solid rgba(255, 255, 255, 0.3) !important;
    line-height: 15px;
    background: rgba(98, 114, 129, 0.8) !important;
}

.msg-box {
    background-clip: padding-box !important;

}

.txt-succ,
.sucess,
.sucess_icon {
    color: #0bc502 !important;
    font-weight: 400;
    line-height: 25px !important;
}

.pd-lr5 {
    padding: 5px 5px 0px 5px !important;
}

.mrg-l5 {
    margin-left: 0 !important;
}

.level-3-label {
    background: rgba(187, 203, 236, 0.25) !important;
    border-radius: 0.5em;
    padding: var(--page-padding);

}

.tp-mrg15 {
    margin-top: 15px !important;
}

.tp-mrg30 {
    margin-top: 19px !important;
}

.mrg-tp30 {
    margin-top: 19px !important;
}

.mrg-lt20 {
    margin-left: 20px;
}

.mrg-l10 {
    margin-left: 0px !important;
}

.tp-mrg18 {
    margin-top: 18px !important;
}

.mrg-tp10 {
    margin-top: 0px;
}

.mrg-tp20 {
    margin-top: 0px;
}

.search-icon::after {
    text-align: center;
}

.mrg-rt5 {
    margin-right: 5px;
}

.mi_info_box {
    padding-left: 12px;
}

.mrg-tb15 {
    margin: 0px;
}

#material_sale_item_type_id {
    overflow-x: auto;
}

.report-height {
    padding: 5px;
}

.mr-n9 {
    margin-right: -9px;
}

#pur_list,
#sms_table,
#farmer_transaction_list,
#user_list {
    margin-top: 20px !important;
}

.ui-draggable {
    padding: 5px !important;
}

.pd3 {
    width: 32px !important;
    height: 32px !important;
}

.msg-box {
    position: fixed;
    z-index: 9999;
    animation: toastMove 3s ease forwards;
}

@keyframes toastMove {

    0% {
        transform: translateY(100px);
        opacity: 0;
    }

    15% {
        transform: translateY(0);
        opacity: 1;
    }

    70% {
        transform: translateY(0);
        opacity: 1;
    }

    85% {
        transform: translateY(100px);
        opacity: 0;
    }

    100% {
        transform: translateY(100px);
        opacity: 0;
    }
}

.mi-modal {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
}

.tab-box {
    flex-direction: column;
    min-height: 0;
    height: 100%;
    padding-left: 8px !important;
}

.tab-box-body {
    overflow-y: auto;
    min-height: 0;
    flex: 1 1 auto;
    padding-top: 0px !important;
}

.remove_sidemenu {
    margin-left: -6px !important;
}

.farmer_tooltip {
    width: 555px !important;
    line-height: 25px;
    background: rgba(255, 255, 255) !important;
}

.left-box {
    position: relative;
    z-index: 100;
}

.right-box {
    position: relative;
    z-index: 1;
}

.error-field {
    border: 1px solid red !important;
}

.y-overflow-scroll {
    overflow-y: unset !important;
}

.h330 {
    height: unset !important;
}

.error-message {
    display: block;
    color: #dc3545;
    font-size: 13px;
    margin-top: 4px;
}

.startup {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 20px;
}

.startup>.pd-bt15 {
    flex: 0 0 100%;
    order: 1;
}

.startup>form {
    flex: 0 0 calc(75% - 10px);
    max-width: calc(75% - 10px);
    min-width: 0;
    order: 2;
    align-self: stretch;
    display: flex;
}

.startup>form>.tab-box {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding-bottom: 8px;
}

.startup>form>.tab-box>.tab-box-body {
    flex: 1 1 auto;
}

.startup>#statusCard {
    position: static;
    flex: 0 0 calc(25% - 10px);
    max-width: calc(25% - 10px);
    width: auto;
    border: 1px solid rgba(90, 51, 232, 0.4);
    border-radius: 0.5em;
    padding: 15px;
    margin-bottom: 8px;
    align-self: stretch;
    height: auto;
    order: 3;
    margin-top: 32px;
}

#statusCard h4 {
    margin-bottom: 15px;
    color: #7c4dff;
    text-align: center;
    margin-left: -11px;
    white-space: nowrap;
}

.status-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.status-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.status-circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.done {
    background: #28a745;
}

.current {
    background: #7c4dff;
}

.pending {
    background: #d9d9d9;
    color: #555;
}

.status-text {
    font-size: 13px;
}

.status-label {
    font-size: 12px;
    font-weight: bold;
}

.status-done {
    color: #28a745;
    font-weight: 600;
    background: none;
}

.status-pending {
    color: #ff6969;
    font-weight: 600;
    background: none;
}

.startup .tab-box {
    width: 100%;
    min-width: 0;
}

@media (max-width: 992px) {
    .startup {
        flex-direction: column;
    }

    .startup>form,
    .startup>#statusCard {
        width: 100%;
        max-width: 100%;
        flex-basis: auto;
    }
}

.error-msg {
    display: block;
    color: #dc3545;
    font-size: 13px;
    margin-top: 4px;
}

.billing-days-fieldset {
    position: relative;
    padding-bottom: 24px;
}

.billing-days-fieldset>.error-msg {
    position: absolute;
    left: 205px;
    bottom: 8px;
    margin-top: 0;
    white-space: nowrap;
}

input[type="radio"]:checked+label.mi_label:after {
    line-height: 13px !important;
}

input[type=button],
input[type=submit],
.ex-login-btn,
#content input[type=button],
#content input[type=submit],
button[name="faq-search-btn"],
.ui-dialog-buttonset .ui-button,
.mylivechat_offline_submit .mylivechat_offline_submit_button::before,
.mylivechat_buttonround,
.mylivechat_closebtn::before {

    color: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    background:
        linear-gradient(135deg, rgba(178, 154, 255, 0.95), rgba(126, 111, 236, 0.94) 48%, rgba(76, 124, 214, 0.9)) padding-box,
        linear-gradient(135deg, transparent, transparent) border-box !important;
    box-shadow:
        0 8px 20px rgba(70, 76, 150, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.34),
        inset 0 -1px 0 rgba(70, 54, 150, 0.16) !important;
    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        filter 0.22s ease !important;
}

input[type=button]:hover,
input[type=submit]:hover,
.ex-login-btn:hover,
#content input[type=button]:hover,
#content input[type=submit]:hover,
.ui-dialog-buttonset:hover .ui-button:hover,
input[type=button]:focus,
input[type=submit]:focus,
.ex-login-btn:focus,
#content input[type=button]:focus,
#content input[type=submit]:focus,
button[name="faq-search-btn"]:hover,
button[name="faq-search-btn"]:focus,
.ui-dialog-buttonset:focus .ui-button:focus {
    animation: glassMovingBorder 1.4s linear infinite !important;
    background:
        linear-gradient(135deg, rgba(191, 174, 255, 0.98), rgba(132, 119, 238, 0.96) 48%, rgba(83, 137, 220, 0.94)) padding-box,
        conic-gradient(from var(--glass-border-angle, 0deg), rgba(255, 255, 255, 0.92), rgba(164, 220, 255, 0.52), rgba(199, 173, 255, 0.94), rgba(255, 255, 255, 0.92)) border-box !important;
    box-shadow:
        0 12px 26px rgba(79, 82, 154, 0.26),
        0 0 16px rgba(171, 200, 255, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.48) !important;
    filter: saturate(108%) brightness(103%) !important;
    transform: translateY(-1px);
}

@property --glass-border-angle {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}

@keyframes glassMovingBorder {
    to {
        --glass-border-angle: 360deg;
    }
}

#logo_icon_id .wmax-content {
    max-width: 220px;
    position: relative;
    display: inline-block;
}

#logo_icon_id .nav_logo_img {
    display: block;
    margin-bottom: 0;
}

#logo_icon_id .logo_cancel {
    position: absolute;
    top: -5px;
    right: -5px;
}

.w50p {
    width: 50% !important;
}

.home-wrapper {
    padding: 20px;

}

.home-card {
    background: #fff;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
}

.home-title {
    margin-bottom: 12px;
    font-size: 23px;
    text-shadow: 0 2px 4px rgba(255, 255, 255, 0.4);
}

.home-description {
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 1.6;
    text-shadow: 0 2px 4px rgba(255, 255, 255, 0.4);
}

.home-btn {
    display: inline-block;
    margin-bottom: 25px;
}

.home-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 20px;
}

#container {
    position: relative;
    isolation: isolate;
}

.home-box {
    background: rgba(255, 255, 255, .15);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.home-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px;
    min-height: 140px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.4) !important;
    -webkit-backdrop-filter: brightness(104%) blur(12px);
    backdrop-filter: brightness(104%) blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-style: solid;
    background-clip: padding-box;
    filter: brightness(103%);
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.35);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.home-box:hover {
    background-color: rgb(233, 228, 228) !important;
    transform: translateY(-10px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .25),
        inset 0 1px 1px rgba(255, 255, 255, .3);
}

.home-box-link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 7px;
    text-decoration: none;
    color: inherit;
    width: 100%;
    height: 100%;
}

.icon-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 15px rgba(0, 0, 0, .12);
}

.home-box-title {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}

.home-box-text {
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-page #titlebar {
    display: none;
}

.home-page .sidebar_main {
    display: none;
}

body.home-dashboard .contentdesk,
body.home-dashboard .contentdesk .box,
body.home-dashboard #content {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 8px !important;
}

body.home-dashboard #content {
    min-height: auto !important;
    box-shadow: none !important;
    background: transparent !important;
}

body.home-dashboard .contentdesk .box {
    background-color: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: hidden;
    filter: none !important;
}

body.home-dashboard #titlebar {
    display: none !important;
    box-shadow: none !important;
}

body.home-dashboard .box:after {
    background: transparent !important;
    display: none !important;
}

.home-box-link {
    cursor: pointer;
}

.stick_bot {
    background: rgba(255, 255, 255, 0.30);
    background-image: url(../../images/noise_white_60.png);
    backdrop-filter: blur(10px) saturate(135%);
    -webkit-backdrop-filter: blur(10px) saturate(135%);
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.46);
    border-left: 1px solid rgba(255, 255, 255, 0.46);
    border-right: 1px solid rgba(255, 255, 255, 0.46);
    background-clip: padding-box;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.icon-circle i {
    font-size: 24px;
    color: rgba(34, 85, 112, 0.9);
}

select {
    line-height: 1.4em !important;
}

#cart_list_search,
.cal_h,
.txt-v-mid,
#item_list,
#pay_slip_table,
#farmer_payment_record_id,
#farmer_transaction_list,
#voucher_entry_list,
#trans_list_id,
#creditor_list,
#invnetory_list,
#item_category_list,
#template_table,
#purchase_list,
#milk_loss_table,
#pur_list,
#farmer_table,
#send_sms_table,
#add_voucher_entry_form,
#permission_view,
#user_list,
#vehicle_table_id,
#transporter_table,
#route_list,
#route-content,
#rate_chart_list,
#commission_table,
#deduction_list {
    padding-left: 8px;
}

.no-padding,
#pay_slip_search,
#tab-pan-milktest {
    padding-left: 0px !important;
    padding: 0px !important;
    padding-right: 0px !important;
}

#tab-pan-admin,
#tab-pan-general-trans,
#tab-pan-bank-trans,
#tab-pan-vehicles-trans {
    padding: 0px !important;
    padding-top: 0px !important;
    margin-top: -8px !important;
}

.tp-pd8 {
    padding: 8px !important;
}

#farmer_transaction_list {
    margin-top: 0px !important;
}

#item_sale_type_id,
.main {
    margin-left: 10px !important;
    margin-bottom: 0px !important;
}

.padding_content {
    padding: 8px !important;
    padding-top: 0px !important;
}

.top-content {
    padding-top: 8px !important;
}

.right-content {
    padding-right: 0px !important;
}

.left-content {
    padding-left: 16px !important;
    padding-top: 4px;
}

#list-rate-chart {
    padding-left: 10px !important;
}

.pd-bt8 {
    padding-left: 8px;
    padding-bottom: 0px !important;
}

table.cell-pd-8 .pd-tb8 {
    padding: 3px 0px !important;
}

.top-padding {
    padding-top: 0px !important;
    padding-left: 8px;
}

table.cell-pd-8 td {
    padding-right: 0px;
}

.noPrint,
#add_farmer_data {
    margin-right: -9px !important;
}

#tab-pan-general,
#tab-pan-report {
    margin: -9px !important;
}

#invnetory_list {
    padding: 8px !important;
}

.sticky-table table {
    width: 100%;
}

.tab-box .tab-box-body .tab-box-child.active {
    padding-top: 8px;
}

.w1050 {
    width: 100% !important;
}

.module_padding {
    padding: 0px 0px 4px 9px !important;
}

#vehicle_table_id {
    margin-top: 20px;
    margin-left: 5px;
}

#tab-pan-general-cc {
    padding-top: 0px !important;
}

.note_chekclist.checked {
    margin-top: -2px !important;
}