::-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);
}

* {
    color: rgba(7, 56, 82, 0.95) !important;
}

.txt-label {
    color: rgba(7, 56, 82, 0.95) !important;
}

.txt-white {
    color: rgba(32, 67, 85, 0.8) !important;
}


.txt-primary {
    color: rgba(2, 25, 49, 0.92) !important;
}


.drop-box-child .txt-white {
    color: rgba(4, 20, 35, 0.9) !important;
}

.drop-box.tab:after {
    font-size: 16px !important;
}

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

.bg-white {
    background: rgba(255, 255, 255, 0.2) !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 rgba(98 87 211);
    border-top: 40px solid rgba(98 87 211);
    border-left: 40px solid #FFFFFF;
    border-right: 40px solid #FFFFFF;
    
}

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

.tbl-foot-tr {
    background: rgba(255, 255, 255, 0) !important;
    border-bottom: none;
}

.text-stroke {
    -webkit-text-stroke-width: unset !important;
    -webkit-text-stroke-color: none !important;
    text-shadow: none;

}

.mioffline a {
    color: #3399ff;
}

#loader {
    background: #5aa6d81a;
}


#offline {
    background: #5aa6d81a;
}

.report-table table,
.report-table thead tr th,
.report-table table tbody tr td,
hr,
.vowels>li {
    border: 1px solid rgba(7, 56, 82, 0.21) !important;
}

/*border*/
.border-btm {
    border-bottom: 1px solid #d7d6d6;
}

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

.border-top {
    border-top: 1px solid rgba(86, 75, 206, 0.3);
}

.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;
}

.text-stroke {
    -webkit-text-stroke-width: unset !important;
    -webkit-text-stroke-color: none !important;
}

.container_blur {
    position: absolute;
    width: 100%;
    padding-left: 1.7vh;
    height: 100vh;
}

.pagination ul li {
    color:rgb(86, 75, 206, 0.3) !important;
    border: 1px solid rgb(86, 75, 206, 0.3) !important
}

.pagination ul li:hover {
    border: 1px solid rgb(86, 75, 206, 0.3) !important;
    box-shadow: 0px 0px 3px 1px rgba(86, 75, 206, 0.3) !important;
}

.dot3:after {
    color: rgba(7, 56, 82, 0.95) !important;
}

.txt-succ,
.sucess,
.error,
.notify {
    color: #000 !important;
}

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

.txt-info {
    color: rgba(32, 67, 85, 0.8) !important;
    ;
}

#footer #app_cmp,
#footer .txt-info,
#footer .txt-info i {
    color: rgba(7, 56, 82, 0.95) !important;
}

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

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

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

.box.login-box {
    /* padding: 5px 4px !important; */
    height: 360px !important;
}

.box.login-box:before {
    filter: blur(40px) brightness(105%);
    -moz-filter: blur(40px) brightness(105%);
    -o-filter: blur(40px) brightness(105%);
    -webkit-filter: blur(40px) brightness(105%);
}

.box.login-box:after {
    filter: brightness(108%) saturate(108%);
    -moz-filter: brightness(108%) saturate(108%);
    -o-filter: brightness(108%) saturate(108%);
    -webkit-filter: brightness(108%) saturate(108%);
}

.ui-dialog,
.mi-modal,
.box.login-box,
.register-box {
    filter: brightness(105%);
    -moz-filter: brightness(105%);
    -o-filter: brightness(105%);
    -webkit-filter: brightness(105%);
    z-index: 99;
}


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

.mi-popup,
.mi-loginbox,
.ui-datepicker-header,
.ui-datepicker-calendar {
    border-radius: 5px;
    height: 100%;
}

.tr{
    margin-bottom: 0;
}

.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: 100%;
}


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

body {
    width: 100vw;
    height: 100vh;
    background-image: url(../../images/artworkn.png), linear-gradient(160deg, #447DF8 0%, #F0E8FD 100%);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: left bottom;
}


.milkbg {
    background: url(../../images/milk_bg_50.png) repeat-x;
    height: 170px !important;
}

.milkbg img {
    filter: drop-shadow(3px 3px 1px #00000050);
}

.white20p {
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.4);
}

#content.shadow-inner-pure {
    position: relative;
    height: calc(100vh - 150px);
    overflow: auto;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
}

.shadow-inner-pure {
    box-shadow: none !important;
    background: url(../../images/noise_white_50.png), rgba(255, 255, 255, 0.3) !important;
}

.contentdesk {
    width: calc(100% - 55px) !important;
}
.ui-dialog,
.mi-modal,
.box {
    position: relative;;
    left: 10px;
    margin-right: 10px;
    border-bottom: 1px solid #ffffff;
    background: url(../../images/noise_white_50.png), rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: contrast(100%) brightness(102%) blur(16px );
    -webkit-backdrop-filter: blur(16px );
    border-radius: 16px !important;
    border: 3px rgba(255,255,255,0.3) !important;
    border-style: solid !important;
    background-clip: padding-box !important;
    box-shadow: 0 0 2px rgba(76, 39, 154,.5), 0 0 2px rgba(255,255,255,.6), 1px 1px 0 rgba(255,255,255,.6) inset, -1px -1px 0 rgba(255,255,255,.6) inset;
    overflow: hidden;

}


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

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

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

.mi-popup .mi-close {
    margin-top: 0px;
}

@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {

    .ui-dialog,
    .mi-modal,
    .box {
        backdrop-filter: blur(20px);
        filter: brightness(100%);
        -moz-filter: brightness(100%);
        -o-filter: brightness(100%);
        -webkit-filter: brightness(100%);

    }
}


.ui-dialog:after,
.mi-modal:after,
.box: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(192,219,247,0.2);
    z-index: -1;
}

fieldset {
    border: 1px solid rgba(86, 75, 206, 0.3);
}

/*input*/
input[type=file],
input[type=text],
input[type=password],
input[type=date],
textarea,
select {
    background-color: rgb(243 244 247 / 43%) !important;
    color: rgba(1, 1, 83, 0.50);
    border-top: 1px solid rgba(86, 75, 206, 0.3);
    ;
    border-left: 1px solid rgba(86, 75, 206, 0.3);
    ;
    border-right: 1px solid rgba(86, 75, 206, 0.3);
    ;
    border-bottom: 1px solid rgba(86, 75, 206, 0.3);
    ;
    border-radius: 6px;
}


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 rgb(86, 75, 206, 0.3) !important;
    box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.2) !important;
}


button,
input[type=button],
input[type=submit] {
    display: inline-block;
    height: 34px !important;
    line-height: 15px;
    padding: 0 15px !important;
    font-size: 14px;
    color: #fff !important;
    text-shadow: 0 0 rgba(0, 0, 0, 0.30) !important;
    text-decoration: none;
    border: none !important;
    border-radius: 20px !important;
    -webkit-box-shadow: 0 1px 1px rgb(178 196 207 / 19%);
    box-shadow: 00 1px 1px rgb(178 196 207 / 19%);
    cursor: pointer;
    outline: none !important;
    background: linear-gradient(to bottom, rgba(66, 50, 198, 0.7) 0%, rgba(66, 50, 198, 0.9) 50%, rgba(66, 50, 198, 0.7) 100%) !important;
}


/* button:focus,
button:hover, */
input[type=button]:focus,
input[type=button]:hover,
input[type=submit]:focus,
input[type=submit]:hover {
    border: none !important;
    background: linear-gradient(to bottom, rgba(79, 0, 214, 0.5) 0%, rgba(79, 0, 214, 0.8) 50%, rgba(79, 0, 214, 0.5) 100%) !important;
}

.accordion:hover, .accordion:focus {
    color: #fff !important;
}

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 rgb(86, 75, 206, 0.3) !important;
    box-shadow: 0px 0px 3px 1px rgba(86, 75, 206, 0.3) !important;
}

select,
.ms-options-wrap>button {
    border: 1px solid rgb(86, 75, 206, 0.3) !important;
    background-image: linear-gradient(45deg, transparent 50%, rgb(80 67 204) 50%), linear-gradient(135deg, rgb(81 69 205) 50%, transparent 50%), linear-gradient(to right, rgb(91 79 208), rgb(87 74 207)) !important;

}


.ui-menu-item {
    background-color: rgba(180, 212, 238, 020) !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;
}


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;
    -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0.2) inset !important;
}


select:focus,
select:hover,
.ms-options-wrap>button:hover,
.ms-options-wrap>button:focus {
    border: 1px solid rgb(86, 75, 206, 0.3) !important;
    box-shadow: 0px 0px 3px 1px rgba(86, 75, 206, 0.3) !important;
    background-image: linear-gradient(45deg, transparent 50%, rgb(80 67 204) 50%), linear-gradient(135deg, rgb(81 69 205) 50%, transparent 50%), linear-gradient(to right, rgb(91 79 208), rgb(87 74 207)) !important;

}

.ms-options-wrap>button:focus,
.ms-options-wrap>button {
    background-color: rgb(243 244 247 / 43%) !important;
    color: rgba(1, 1, 83, 0.50);
    height: 35px !important;
}


select option:checked,
select option:hover {
    box-shadow: 0 0 10px 100px rgba(255, 255, 255, 0.5) inset;

}

select option {
    background: #efeff5;
    border: none !important;
}

.mi-close span,
.close_sidebar,
.sidebar_close,
.ui-dialog-titlebar-close
{
    color: rgb(255 255 255) !important;
    text-shadow: none !important;
    box-shadow: none !important;
    line-height: 24px;
    border: none;
    font-size: 18px;
    background: linear-gradient(to bottom, rgba(66, 50, 198, 0.7) 0%, rgba(66, 50, 198, 0.9) 50%, rgba(66, 50, 198, 0.7) 100%) !important;
}

.sticky-table button {
    color: rgb(255 255 255) !important;
    text-shadow: none !important;
    box-shadow: none !important;
    line-height: 4px;
    font-size: 14px;
    padding-bottom: 3px !important;
    background: linear-gradient(to bottom, rgba(66, 50, 198, 0.7) 0%, rgba(66, 50, 198, 0.9) 50%, rgba(66, 50, 198, 0.7) 100%) !important;
}

.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: none !important;
    background: linear-gradient(to bottom, rgba(79, 0, 214, 0.5) 0%, rgba(79, 0, 214, 0.8) 50%, rgba(79, 0, 214, 0.5) 100%) !important;
}



.mi_autocomplete_input,
.mi_dateSuggestions_input {
    background-image: linear-gradient(to right, rgba(66, 50, 198, 0.7), rgba(66, 50, 198, 0.7)), linear-gradient(to right, rgba(66, 50, 198, 0.7), rgba(66, 50, 198, 0.7)), linear-gradient(to right, rgba(66, 50, 198, 0.7), rgba(66, 50, 198, 0.7)), linear-gradient(to right, rgba(66, 50, 198, 0.7), rgba(66, 50, 198, 0.7));
    background-position: calc(100% - 0.2em) 6px, calc(100% - 0.2em) 12px, calc(100% - 0.2em) 18px, calc(100% - 0.2em) 24px;
    background-size: 15px 2px, 15px 2px, 15px 2px, 15px 2px;
    background-repeat: no-repeat;
}

.mi_autocomplete_input:hover,
.mi_dateSuggestions_input:hover {
    background-image: linear-gradient(to right, rgba(66, 50, 198, 0.7), rgba(66, 50, 198, 0.7)), linear-gradient(to right, rgba(66, 50, 198, 0.7), rgba(66, 50, 198, 0.7)), linear-gradient(to right, rgba(66, 50, 198, 0.7), rgba(66, 50, 198, 0.7)), linear-gradient(to right, rgba(66, 50, 198, 0.7), rgba(66, 50, 198, 0.7));
}


input[type="checkbox"]:not(:checked)+label:after,
input[type="checkbox"]:checked+label:after {
    color: rgb(98 87 211);
    
}

input[type="radio"]:not(:checked)+label:after,
input[type="radio"]:checked+label:after {
    color: rgb(99 88 211);
}

input[type="checkbox"]:focus+label:before {
    border: 1px solid rgb(86, 75, 206, 0.3) !important;
    box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.2);
}

input[type="checkbox"]:checked:focus+label:before,
input[type="checkbox"]:not(:checked):focus+label:before {
    border: 1px solid rgb(86, 75, 206, 0.3) !important;
    box-shadow: 3px 1px 5px 1px #9bb4d563;
}


input[type="radio"]:focus+label:before {
    border: 1px solid rgb(86, 75, 206, 0.3) !important;
    box-shadow: 0 0 1px 1px #9bb4d563;
}

input[type="radio"]:checked:focus+label:before,
input[type="radio"]:not(:checked):focus+label:before {
    border: 1px solid rgb(86, 75, 206, 0.3) !important;
    box-shadow: 3px 1px 5px 1px #9bb4d563;
}

input[type="radio"]:not(:checked)+label:before,
input[type="radio"]:checked+label:before {
    border: 1px solid rgb(86, 75, 206, 0.3) !important;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.2);
}


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 rgb(86, 75, 206, 0.3) !important;
    background-color: rgb(243 244 247 / 43%) !important;
    box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.20);
}


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);
    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);
}



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

.disable_color {
    background: none;
}

.tbl-foot-tr {
    background: none !important;
}

/*menu*/

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

.bar100p.bg-primary {
    position: relative;
    width: 100%;
    background: url(../../images/noise_white_50.png), rgba(255, 255, 255, 0.5) !important;
    border-bottom: 3px rgba(255, 255, 255, 0.3);
    border-style: solid !important;;
    border-radius: 0px 0px 10px 10px !important;
    background-clip: padding-box !important;
    filter: brightness(101%);
    -moz-filter: brightness(101%);
    -o-filter: brightness(101%);
    -webkit-filter: brightness(105%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 0 0 2px rgba(76, 39, 154, .5), 0 0 2px rgba(255, 255, 255, .6), 1px 1px 0 rgba(255, 255, 255, .6) inset, -1px -1px 0 rgba(255, 255, 255, .6) inset !important;

}

ul.menu-list {
    background: unset !important;
    /* border-bottom: none !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 {
    border-color: #ffffff;
    background: #574bd7;
    color: #222260;
    box-shadow: 0px 0px 20px 0px #8b8bb725;
}

ul.menu-list li:hover>a,
ul.menu-list li:hover>a span,
ul.menu-list li:hover>span.line_hei_30,
ul.menu-list li.active>a,
ul.menu-list li.active>a span {
    color: #FFFFFF !important;
}

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

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

.drop-box-child {
    margin-top: 7px;
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
}

.support-drop-box {
    right: -20px !important;
}

.img_shadow {
    filter: none !important;
}

.drop-box-third-child {
    background: #f6fcff78 !important;
}

.toolicons {
    background: #574bd7 !important;
    /* color: rgba(4, 20, 35, 0.9) !important;
    border-top: 3px rgba(255, 255, 255, 0.4);
    border-right: 3px rgba(255, 255, 255, 0.4);
    border-bottom: 3px rgba(255, 255, 255, 0.4);
    border-style: ridge groove groove ridge;
    right: -33px;
    top: -2px; */
}

.toolicons .icon.fas.fa-thumbtack {
    color: #fff !important;
}

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


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

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

.nav-tabs a {
    color: rgba(4, 20, 35, 0.9);
}

.nav-tabs a span {
    color: #fff !important;
}

.img-icon {
    border: 2px solid rgb(92 80 207);
    background: white;
    width: 19px !important;
    height: 19px !important;
}

.tooltipgraph .tooltiptext {
    color: rgba(35, 58, 80, 1) !important;
}

.glass_head.bg-white {
    padding-top: 1px;
    height: 34px;
    color: #FFFFFF;
    background: linear-gradient(to bottom, rgba(66, 50, 198, 0.7) 0%, rgba(66, 50, 198, 0.9) 50%, rgba(66, 50, 198, 0.7) 100%) !important;
    border: none;
    border-radius: 20px;
    filter: brightness(100%);
    cursor: pointer;
    background-clip: padding-box;
}

.nav-tabs .tab {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 2px !important;
    height: 34px !important;
    color: #FFFFFF !important;
    background: linear-gradient(to bottom, rgba(66, 50, 198, 0.7) 0%, rgba(66, 50, 198, 0.9) 50%, rgba(66, 50, 198, 0.7) 100%) !important;
    border: none !important;
    border-radius: 20px !important;
    cursor: pointer !important;
}

.nav-tabs .tab.active
{
    border-color: #ffffff;
    background: #fff;
    color: #222260;
    box-shadow: 0px 0px 20px 0px #8b8bb725;

}

.glass_head.bg-white:hover {
    background: linear-gradient(to bottom, rgba(79, 0, 214, 0.5) 0%, rgba(79, 0, 214, 0.8) 50%, rgba(79, 0, 214, 0.5) 100%) !important;
}

.tab-box-tabs .box-tabs .tab {
    border-bottom: 1px solid rgba(98 88 211);
    background: rgba(255, 255, 255, 0.4);
    border-left: 5px solid rgba(98 88 211);
    border-top: 2px solid rgba(98 88 211);
    border-right: 1px solid rgba(98 88 211);
    color: rgba(4, 20, 35, 0.4);
    border-bottom: none !important;
}

.tab-box-tabs .box-tabs .tab.active

/* .tab-box-tabs .box-tabs .tab:hover  */
    {
    color: rgba(4, 20, 35, 0.8);
    background: url(../../images/noise_white_50.png), rgba(255, 255, 255, 0) !important;
    border-left: 5px solid rgba(98 88 211);
    border-top: 2px solid rgba(98 88 211);
    border-right: 1px solid rgba(98 88 211);
    border-bottom: 1px solid #ebedf5 !important;
}

.tab-box .tab-box-body {
    border: 1px solid rgba(86, 75, 206, 0.3);
    background: rgba(255, 255, 255, 0.2);
}


#cart_list .fl-right {
   padding: 5px !important;
}

.drop-box-second-child ul.mi-submenu {
    background: rgba(255, 255, 255, 0.3) !important;
    border: 3px rgba(255, 255, 255, 0.3) !important;
    border-style: solid !important;
    background-clip: padding-box !important;
    border-radius: 12px;
    overflow: hidden;
    height: auto;
    backdrop-filter: blur(16px);
    border-top-left-radius: unset !important;
    border-bottom-left-radius: unset !important;
    box-shadow: 0 0 1px rgba(76, 39, 154, .5), 0 0 2px rgb(255 255 255), 0px 1px 0 rgb(255 255 255 / 0%) inset, -1px -1px 0 rgb(255 255 255 / 13%) inset !important;
    border-left: unset !important;
}

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

.drop-box-child:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(16px);
    filter: brightness(100%);
}

.drop-box .drop-box-child,
.drop-box-second-child>.second-child-content{
    position: absolute;
    border-bottom: 1px solid #ffffff;
    background: url(../../images/noise_white_50.png), rgba(255, 255, 255, 0.3) !important;
    border: 3px rgba(255, 255, 255, 0.3) !important;
    border-style: solid !important;
    background-clip: padding-box !important;
    border-radius: 12px;
    box-shadow: 0 0 2px rgba(76, 39, 154, .5), 0 0 2px rgba(255, 255, 255, .6), 1px 1px 0 rgba(255, 255, 255, .6) inset, -1px -1px 0 rgba(255, 255, 255, .6) inset !important;
    overflow: hidden;
}

.drop-box-second-child{
    left: 255px !important;
    top: 45px !important;
}

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

.drop-box .drop-box-child .dropbox,
.drop-box-child .bg-primaryy
{
    /* backdrop-filter: blur(16px ); */
    /* filter: brightness(100%); */
    /* box-shadow: 0 0 2px rgba(76, 39, 154,.5), 0 0 2px rgba(255,255,255,.6), 1px 1px 0 rgba(255,255,255,.6) inset, -1px -1px 0 rgba(255,255,255,.6) inset; */
    overflow: hidden;   

}


.mi-actions
{
    position: absolute;
    border-bottom: 1px solid #ffffff;
    background: url(../../images/noise_white_50.png), rgba(255, 255, 255, 0.3) !important;
    border: 3px rgba(255, 255, 255, 0.3) !important;
    border-style: solid !important;
    background-clip: padding-box !important;
    border-radius: 12px !important;
    box-shadow: 0 0 2px rgba(76, 39, 154, .5), 0 0 2px rgba(255, 255, 255, .6), 1px 1px 0 rgba(255, 255, 255, .6) inset, -1px -1px 0 rgba(255, 255, 255, .6) inset !important;
    overflow: hidden;
    top: 0;
    right: 0;
    display: none;
    backdrop-filter: blur(16px );
    filter: brightness(100%);
    width: max-content !important;
    min-width: 150px !important;
} 

.drop-box:hover .height_cls{
    background: rgba(255, 255, 255, 0.2) !important;
}

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

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

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

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

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


.sidenav {
    width: 50px;
    background: url(../../images/noise_white_50.png), rgba(255, 255, 255, 0.5) !important;
    border-top-right-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
    border-top: 3px rgba(255, 255, 255, 0.3);
    border-right: 3px rgba(255, 255, 255, 0.3) ;
    border-bottom: 3px rgba(255, 255, 255, 0.3) ;
    border-style: solid ;
    background-clip: padding-box !important;
    box-shadow:
        0 0 2px rgba(76, 39, 154, .5),
        0 0 2px rgba(255, 255, 255, .6),
        1px 1px 0 rgba(255, 255, 255, .6) inset,
        -1px -1px 0 rgba(255, 255, 255, .6) inset;
    z-index: 5;
    backdrop-filter: blur(20px);
}



.leftside_edit {
    position: absolute;
    left: 0px;
    width: 100%;
    padding: 5px;
    border-bottom-right-radius: 5px;
    font-size: 14px;
}

.leftside_edit li {
    list-style-type: none;
    color: #fff;
    cursor: pointer;
}

.sidenav: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(192, 219, 247, 0.2);

    z-index: -1;
}

.nav li {
    background-color: rgba(220, 244, 250, 0);
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

ul.nav li span,
.farmer_milk_collection span,
.milk_pur_tooltip span {
    background: #f2f3fd !important;
    backdrop-filter: contrast(100%) brightness(102%) blur(16px);
    border: 3px rgba(255, 255, 255, 0.3);
    border-style: solid !important;
    background-clip: padding-box !important;
    border-radius: 12px !important;
    filter: brightness(100%);
    box-shadow: 0 0 2px rgba(76, 39, 154, .5), 0 0 2px rgba(255, 255, 255, .6), 1px 1px 0 rgba(255, 255, 255, .6) inset, -1px -1px 0 rgba(255, 255, 255, .6) inset !important;
    left: 60px;
}

.posting_tooltip span {
    background-color: rgb(229 239 247);
}

.posting_tooltip span::after {
    border-color: rgb(226 237 245) transparent transparent transparent;

}

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

}

ul.nav li span::after {
    border-color: transparent rgb(222 239 253) transparent transparent;
    right: 101% !important;
}

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

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

.msg_info:hover .sms_info {
    border: 1px solid rgba(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 {
    background-color: rgba(255, 255, 255, 0.4);
}

ul.nav li:hover .quick-icon {
    background-color: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.7);
}

.quick-icon {
    color: rgba(4, 20, 35, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.2);
}

/* table */

.sticky-table,
.listing-table,
.display_placeholder_info {
    background: rgba(255, 255, 255, 0.3) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
    box-shadow: rgba(150, 176, 205, 0.12) 0px 20px 30px -10px;
}

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

.sticky-table thead {
    position: sticky;
    top: 0;
    left: 0;
    display: table-header-group;
    overflow: hidden;
    z-index: 12;
    background-color: #f2f3fd;
}

.sticky-table.with-column tbody tr th {
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.0) !important;
    background-color: #f2f3fd !important;
    color: rgba(4, 20, 35, 0.7) !important;
}

.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: none !important;
}

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.3) !important;
}


.sticky-table.with-column thead tr:first-child th.box_shadow {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0) !important;
}

.sticky-table thead tr:nth-child(2) th.box_shadow {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0) !important;
}

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

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

.sticky-table.with-column.far-milk-pur-summary thead th:first-child:before {
    box-shadow: inset 0 0 0 800px rgba(255, 255, 255, 0.5);
}


.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 {
    color: rgb(17 63 90) !important;
}

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

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

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


.ui-dialog {
    position: absolute !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: 5px !important;
}

.ui-autocomplete,
.ui-datepicker.ui-widget-content,
.ms-options,
.allBasicWord,
.sms_info,
.mylivechat_expanded {
    border-style: solid !important;
    background: url(../../images/noise_white_50.png) !important;
    border-radius: 12px !important;
    border: 3px rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(15px);
    background-clip: padding-box !important;
    box-shadow: 0 0 2px rgba(76, 39, 154, .5), 0 0 2px rgba(255, 255, 255, .6), 1px 1px 0 rgba(255, 255, 255, .6) inset, -1px -1px 0 rgba(255, 255, 255, .6) inset !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(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.2);
}

.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: rgb(94 83 208) !important;;
    color: #ffffff !important;
}

.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;
}


.search-icon:after {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    padding: 0px !important;
}


.bg-secondary {
    background:  rgba(255, 255, 255, 0.2) !important;
}

.right_sidbar,
.puptooltip_icon_info,
.display_placeholder_info.sms-placeholder {
    position: absolute !important;
    background: url(../../images/noise_white_50.png), rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(16px);
    border: 3px rgba(255, 255, 255, 0.3);
    border-style: solid !important;
    background-clip: padding-box !important;
    border-radius: 12px !important;
    filter: brightness(100%);
    box-shadow: 0 0 2px rgba(76, 39, 154, .5), 0 0 2px rgba(255, 255, 255, .6), 1px 1px 0 rgba(255, 255, 255, .6) inset, -1px -1px 0 rgba(255, 255, 255, .6) inset 
}

.right_sidbar {
    position: absolute;
    border-bottom: 1px solid #ffffff;
    background: url(../../images/noise_white_50.png), rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: contrast(100%) brightness(102%) blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 3px rgba(255, 255, 255, 0.3) !important;
    border-style: solid !important;
    background-clip: padding-box !important;
    border-radius: 12px !important;
    filter: brightness(100%);
    box-shadow: 0 0 2px rgba(76, 39, 154, .5), 0 0 2px rgba(255, 255, 255, .6), 1px 1px 0 rgba(255, 255, 255, .6) inset, -1px -1px 0 rgba(255, 255, 255, .6) inset !important;
    overflow: hidden;
}

 /* .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;
    box-shadow: inset 0 0 0 800px rgba(0, 0, 0, 0.1);
    background: rgba(192, 219, 247, 0.2);
    border-top: 2px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    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;
}

.puptooltip_icon_info:before,
.display_placeholder_info.sms-placeholder: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_50.png), rgba(255, 255, 255, 0.5) !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;
}  */

.right_sidbar: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(192, 219, 247, 0.2);
    z-index: -1;
}



.tbl_trans_ch,
.tbl_trans_ch_td {
    border: 1px solid rgba(86, 75, 206, 0.3) !important;
}

.back_containt_table {
    width: 100%;
    height: 100vh;
}


.back_containt_table tr td .back_containt_div {
    content: '';
    height: 23.3vh;
    margin: 1.3vh 1.7vh 1.3vh 0;

}

.tooltip_icon::before {
    color: white !important;
}

/* graph */
.absent {
    background-color: rgba(128 128 128 / 0%) !important;
}

.present {
    background: #4232c6b3;
}

.graph_continer table tbody tr td .tooltipgraph:first-child,
.graph_continer table tfoot td {
    filter: brightness(100%);
    -moz-filter: brightness(100%);
    -o-filter: brightness(100%);
    -webkit-filter: brightness(100%);
    box-shadow: rgba(38, 57, 77, 0.80) 0px 20px 30px -10px;
    border: none !important;
    backdrop-filter: blur(16px);
    background: url(../../images/noise_white_50.png), rgba(255, 255, 255, 0.3) !important;
}

.graph_continer table tbody tr td .tooltipgraph:first-child,
.graph_continer table tfoot {
    border: none !important;
    backdrop-filter: blur(16px);
    background: url(../../images/noise_white_50.png), rgba(255, 255, 255, 0.3) !important;
}

i.fa.fa-question-circle.txt-white.fs-22 {
    color: black !important;
}

.tooltipgraph .tooltiptext {
    background-color: rgba(255, 255, 255, 0.9);
    color: rgba(35, 58, 80, 1);
}


.arrow_left span:before {
    border-left: 8px solid rgba(255, 255, 255, 0.9);
}

.arrow_right span:before {
    border-right: 8px solid rgba(255, 255, 255, 0.9);
}

.ui-widget-content {
    background: none;
    border: 1px solid rgba(7, 56, 82, 0.21);
}


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

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


.mylivechat_prechat_submit_button:hover, .mylivechat_offline_submit_button:hover, .mylivechat_prechat_survey_button:hover {
    border: none !important;
    background: linear-gradient(to bottom, rgba(79, 0, 214, 0.5) 0%, rgba(79, 0, 214, 0.8) 50%, rgba(79, 0, 214, 0.5) 100%) !important;
}

.mylivechat_buttonround,
.mylivechat_closebtn {
    background: #5a50d1 !important;
    box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.2) !important;
    margin: 0;
    color: #ffffff;
}

.mylivechat_closebtn svg {
    fill: white !important;
}

.mylivechat_sprite svg{
    background: linear-gradient(to bottom, rgba(66, 50, 198, 0.7) 0%, rgba(66, 50, 198, 0.9) 50%, rgba(66, 50, 198, 0.7) 100%) !important;
    border-radius: 50%;
    fill: white;
    border: none;
    padding-bottom: 5px;
    padding-right: 2px;
}

/* .mylivechat_buttonround:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    width: calc(100% - 2px);
    height: 96%;
    border-radius: 50%;
    background: linear-gradient(rgba(255, 255, 255, 0.73), rgba(6, 105, 167, 0.40));
} */

.mylivechat_prechat_submit_button,
.mylivechat_offline_submit_button,
.mylivechat_prechat_survey_button {
    background: linear-gradient(to bottom, rgba(66, 50, 198, 0.7) 0%, rgba(66, 50, 198, 0.9) 50%, rgba(66, 50, 198, 0.7) 100%) !important;
}

.mylivechat_errorpanel {
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #243e53 !important;
}

.mylivechat_sprite {
    border: 1px solid rgba(255, 255, 255, 0.73);
    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;
}

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

.glass_head .pd-2 {
    padding: 0px 2px !important;
    color: #fff !important;
}

.glass_head table {
    height: 27px;
}

.accordion-list {
    padding-top: 5px;
}

.accordion-list .panel {
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0);
}

.accordion.bg-secondary {
    background-color:#5a50d1 !important;
    color: white !important;
}

.accordion:focus {
    box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.1) !important;
}

.accordion:after {
    position: relative !important;
    background: none !important;
    color: #ffffff !important;
}

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

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

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


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

.sticky-table.with-column.far-milk-pur-summary thead th:first-child:before {
    box-shadow: inset 0 0 0 800px rgba(255, 255, 255, 0.5);
}

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

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


.sticky-table.with-column thead tr:first-child th.box_shadow {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0) !important;
}

.sticky-table thead tr:nth-child(2) th.box_shadow {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0) !important;
}

.allBasicWord {
    padding: 5px !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(255, 255, 255, 0.5) !important;
}

.ms-options>span:before {
    background-color: rgba(255, 255, 255, 0.2) !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.2) !important;
}

.sucess_msg,
.error_msg {
    background-color: rgba(255, 255, 255, 0.9) !important;
    border: none !important;
}

.checklist .box1 {
    height: 34px;
}

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

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

.sticky-table.with-column thead tr:first-child th:first-child{
    background: #f2f3fd !important;
}

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

div.popup_tooltip_box div.popup_tooltip_icon {
    background-color: #ffffff !important;
    box-shadow: 0px 0px 5px 3px rgba(75, 77, 169, 0.20) !important;
}

div.tooltip_box {
    background: linear-gradient(90deg, rgb(255 255 255 / 0%) 44%, rgb(255 255 255) 44%);
}

div.tooltip_box div.tooltip_icon,
div.farmer_milk_coll_box div.farmer_milk_collection {
    background-color: #ffffff !important;
}

.tooltip_icon::before {
    color: rgba(7, 56, 82, 0.95) !important
}

div.tooltip_box {
    opacity: 0.8;
}

ul.nav {
    display: inline-block;
}

ul.nav li .submenu {
    position: absolute;
    border-style: ridge groove groove ridge;
    border-radius: 12px !important;
    filter: brightness(101%);
    -moz-filter: brightness(101%);
    -o-filter: brightness(101%);
    -webkit-filter: brightness(101%);
    box-shadow: rgba(38, 57, 77, 0.80) 0px 20px 30px -10px;
    transition: all 0.25s linear;    
    z-index: 99;
}


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;
    background-image: linear-gradient(117.76deg, rgba(209, 230, 244, 0.75) -7.21%, rgba(209, 230, 244, 0.81) 118.08%), url(../../images/replanup_blur_bg.png);
    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::after {
    border-color: transparent rgba(243, 252, 255, 0.84) transparent transparent;
}

ul.nav li .submenu ul li img:hover {
    border-color: #ffffff;
    background: #ebf8ff;
    color: #222260;
    box-shadow: 0px 0px 20px 0px #8b8bb725;

}

.submenu li p {
    background-color: rgba(255, 255, 255, 1);
}

.submenu li p::after {
    border-color: transparent transparent rgb(222 239 253) transparent
}

.sidenav .scroll_arrow {
    background-color: rgb(255, 255, 255, 0.5);
    width: 16px;
    font-size: 12px;
    height: 10px;
    align-items: center;
    margin-left: 9px;
    border-radius: 3px;
    cursor: pointer;
}


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

.height_cls, .height_cls:before, .height_cls:after{
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-top-right-radius: unset !important;
    border-bottom-right-radius: unset !important;
    z-index: 0 ;
}



.glass_submenu:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1 !important;
}

.mi_milk_purchase_summary{
    position: absolute;
    border-bottom: 1px solid #ffffff;
    background: url(../../images/noise_white_50.png), rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: contrast(100%) brightness(102%) blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 3px rgba(255, 255, 255, 0.3) !important;
    border-style: solid !important;
    background-clip: padding-box !important;
    border-radius: 12px !important;
    filter: brightness(100%);
    box-shadow: 0 0 2px rgba(76, 39, 154, .5), 0 0 2px rgba(255, 255, 255, .6), 1px 1px 0 rgba(255, 255, 255, .6) inset, -1px -1px 0 rgba(255, 255, 255, .6) inset !important;
    overflow: hidden;
    top: 114px;
    display: none;
}

.nav-tabs .tab:hover {
    background: linear-gradient(to bottom, rgba(79, 0, 214, 0.5) 0%, rgba(79, 0, 214, 0.8) 50%, rgba(79, 0, 214, 0.5) 100%) !important;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(66, 50, 198, 0.7);
}

::-moz-scrollbar {
    width: 12px;
}

::-moz-scrollbar-thumb {
    background-color: rgba(66, 50, 198, 0.7);
}

.sidebar_main #sidenav i,
.sidebar_main #sidenav img
{
    flex-shrink: 0 !important;
    background: rgba(255, 255, 255, 0.5) !important;
    width: 36px !important;
    height: 36px !important;
    margin-right: 5px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    padding: 4px !important;
}

.img_shadow i,
.img_shadow img {
    flex-shrink: 0 !important;
    background: rgba(255, 255, 255, 0.7) !important;
    width: 32px !important;
    height: 31px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 4px !important;
    font-size: 23px;
    text-shadow: none;
    padding: 4px;
}

.faq-icon {
    position: relative;
    right: 71px;
    top: 0px;
    width: 0px;
    cursor: pointer;
}

nav li {
    border-bottom: none !important;
    margin: 5px 0px !important;
}

.ui-widget-overlay {
    background: unset;
   
}

.error_msg {
    background-color: #FFF !important;
    border-left: 4px solid #ff253a !important;
    z-index: 1;
    color: red;
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.8);
    background: url(../../images/noise_white_50.png), rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: contrast(100%) brightness(102%) blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 3px rgba(255, 255, 255, 0.3) !important;
    border-style: solid !important;
    background-clip: padding-box !important;
    border-radius: 12px !important;
    filter: brightness(100%);
    box-shadow: 0 0 2px rgba(76, 39, 154, .5), 0 0 2px rgba(255, 255, 255, .6), 1px 1px 0 rgba(255, 255, 255, .6) inset, -1px -1px 0 rgba(255, 255, 255, .6) inset !important;
    overflow: hidden;
}
.sucess_msg {
    background-color: #FFF !important;
    border-left: 4px solid #0bc502 !important;
    z-index: 1;
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.8);
    background: url(../../images/noise_white_50.png), rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: contrast(100%) brightness(102%) blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 3px rgba(255, 255, 255, 0.3) !important;
    border-style: solid !important;
    background-clip: padding-box !important;
    border-radius: 12px !important;
    filter: brightness(100%);
    box-shadow: 0 0 2px rgba(76, 39, 154, .5), 0 0 2px rgba(255, 255, 255, .6), 1px 1px 0 rgba(255, 255, 255, .6) inset, -1px -1px 0 rgba(255, 255, 255, .6) inset !important;
    overflow: hidden;
}

.error_list, .txt-err, .error, .error_icon, .error .msg_type, .error .msg_icon{
    color: #ff253a !important;
    line-height: 22px;
}

.error_list span, .error_list li, .milk_sale_msg {
    color: #ff253a !important;
}

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

.ui-dialog .ui-dialog-buttonpane {
    padding: 0.3em 1em 0 0.4em !important;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: 0.5em 0.4em 0 0;
}

.sticky-table button span{
    color: white !important;
}

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

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

.drop-box:nth-child(5) .drop-box-second-child{
    left: 540px !important;
}
.drop-box:nth-child(6) .drop-box-second-child{
    left: 628px !important;
}
.drop-box:nth-child(7) .drop-box-second-child{
    left: 738px !important;
}
.drop-box:nth-child(8) .drop-box-second-child{
    left: 860px !important;
}
.drop-box:nth-child(9) .drop-box-second-child{
    left: 885px !important;
}

.height_cls{
    height: auto;
}

.drop-box:nth-child(4) .drop-box-child {
    left: 265px !important;
}
.drop-box:nth-child(5) .drop-box-child {
    left: 337px !important;
}
.drop-box:nth-child(6) .drop-box-child {
    left: 425px !important;
}
.drop-box:nth-child(7) .drop-box-child {
    left: 535px !important;
}
.drop-box:nth-child(8) .drop-box-child {
    left: 657px !important;
}
.drop-box:nth-child(9) .drop-box-child{
    left: 683px !important;
}