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

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(4, 20, 35, 0.5);
}

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

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

#container {
    /*
background:linear-gradient(to bottom left,rgba(35, 172, 196, 1), rgba(46,57,145, 1));
*/
    background-size: auto;
    background-repeat: repeat;
}

#container:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-image: radial-gradient(closest-side at 45% 50%, rgba(27, 233, 246, 0.31) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(closest-side at 20% 40%, rgba(27, 233, 246, 0.38) 0%, rgba(255, 255, 255, 0) 100%), url(../../images/mi_bubbless.png), radial-gradient(closest-side at 70% 30%, rgba(27, 233, 246, 0.31) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom left, #1CB5E0, #000851);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    filter: drop-shadow(3px 30px 20px #2E399195) brightness(115%);
    -moz-filter: drop-shadow(3px 30px 20px #2E399195) brightness(115%);
    -o-filter: drop-shadow(3px 30px 20px #2E399195) brightness(115%);
    -webkit-filter: drop-shadow(3px 30px 20px #2E399195) brightness(115%);
    z-index: -1;
}

* {
    color: rgba(4, 20, 35, 0.7);
}

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

.ui-dialog,
.mi-modal,
.box {
    position: relative;
    background: rgba(255, 255, 255, 0.1);
    border: 3px rgba(255, 255, 255, 0.4) !important;
    border-style: ridge groove groove ridge !important;
    margin-left: 15px;
    margin-right: 10px;
    border-radius: 12px !important;
    box-shadow: rgba(38, 57, 77, 0.80) 0px 20px 30px -10px;
}

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

.ui-dialog:after,
.mi-modal:after,
.box: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: linear-gradient(70deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 60%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0.2) 100%), 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;
    filter: brightness(180%) saturate(180%);
    -moz-filter: brightness(180%) saturate(180%);
    -o-filter: brightness(180%) saturate(180%);
    -webkit-filter: brightness(180%) saturate(180%);
}

.ui-dialog:before,
.mi-modal:before,
.box: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: url(../../images/mi_blur_bubbless.png), linear-gradient(to bottom left, #1CB5E0, #000851);
    background-repeat: no-repeat;
    background-attachment: fixed;
    filter: blur(8px) brightness(100%);
    -moz-filter: blur(8px) brightness(100%);
    -o-filter: blur(8px) brightness(100%);
    -webkit-filter: blur(8px) brightness(100%);
    z-index: -1;
    background-size: cover;
}

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

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

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

.mi-popup,
.mi-loginbox,
.ui-datepicker-header,
.ui-datepicker-calendar {
    background: rgba(255, 255, 255, 0.2) !important;
    border-radius: 5px;
    height: 100%;
    padding: 5px !important;
}

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

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

.shadow-inner-pure {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: rgba(255, 255, 255, 0.3);
}

.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.2);
    border-bottom: 2px rgba(255, 255, 255, 0.4);
    border-style: ridge groove groove ridge;
    border-radius: 0px 0px 10px 10px !important;
    filter: brightness(105%);
    -moz-filter: brightness(105%);
    -o-filter: brightness(105%);
    -webkit-filter: brightness(105%);
}

.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;
    box-shadow: inset 0 0 0 800px rgba(0, 0, 0, 0.1);
    background: url(../../images/noise_white_50.png);
    border-top: none;
    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;
}

.bar100p.bg-primary: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-image: url(../../images/mi_blur_bubbless.png), linear-gradient(to bottom left, #1CB5E0, #000851);
    background-repeat: no-repeat;
    background-attachment: fixed;
    filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -webkit-filter: blur(4px);
    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(4, 20, 35, 0.8);
}

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

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

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

#footer #app_cmp,
#footer .txt-info,
#footer .txt-info i {
    color: rgba(255, 255, 255, 0.9);
}

.txt-white {
    color: rgba(255, 255, 255, 0.9) !important;
}

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

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

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


/* .glass_head.bg-white {
     background: radial-gradient(closest-side at 35% 40%, rgba(139, 229, 238, 0.3) 0%, rgba(255, 255, 255, 0.5) 100%)!important; 
    background: rgba(255, 255, 255, 0.7)!important;
    background-color: rgba(255, 255, 255, 0.7)!important;
    background: radial-gradient(closest-side at 35% 40%, rgba(139, 229, 238, 0.3) 0%, rgba(255, 255, 255, 0.5) 100%)!important;
    border-top: 2px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 4px 3px -3px rgb(0 0 0 / 30%);
    border-radius: 6px 6px 8px 8px!important;
} */

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


/* .pos-sticky.bg-white:after {
    border-bottom: 0px !important;
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.pos-sticky.bg-white:after {
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
*/

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

.progress_spinner {
    border-bottom: 40px solid rgba(35, 172, 196, 1);
    border-top: 40px solid rgba(35, 172, 196, 1);
    border-left: 40px solid #FFFFFF;
    border-right: 40px solid #FFFFFF;
}

#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*/

.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 #EBEBEB50 !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-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 6px;
    box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.15);
}

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(255, 255, 255, 1) !important;
    box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.2) !important;
}

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) 12px, calc(100% - 5px) 12px, calc(100% - 20px) 4px !important;
    background-size: 5px 12px, 5px 12px, 1px 24px !important;
    cursor: pointer !important;
}

select:focus,
select:hover,
.ms-options-wrap>button:hover,
.ms-options-wrap>button:focus {
    border: 1px solid rgba(255, 255, 255, 1) !important;
    box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.2) !important;
    background-image: linear-gradient(45deg, transparent 50%, rgba(255, 255, 255, 0.7) 50%), linear-gradient(135deg, rgba(255, 255, 255, 0.7) 50%, transparent 50%), linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)) !important;
    /* background-position: calc(100% - 10px) 12px, calc(100% - 5px) 12px, calc(100% - 20px) 4px !important; */

    /* background-position: calc(100% - 11px) calc(1em - 4px), calc(100% - 0.4em) calc(1em - 4px), calc(100% - 1.3em) 0.3em !important; */
}

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

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

textarea:focus,
textarea:focus,
textarea:hover,
textarea:hover {
    border: 1px solid rgba(255, 255, 255, 0.5);
}

button,
input[type=button],
input[type=submit] {
    color: rgba(4, 20, 35, 0.7) !important;
    text-shadow: none !important;
    box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.1) !important;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(139, 229, 238, 0.1) 100%) !important;
    border: 3px solid rgba(255, 255, 255, 0.3) !important;
}

button:focus,
button:hover,
input[type=button]:focus,
input[type=button]:hover,
input[type=submit]:focus,
input[type=submit]:hover {
    border-color: rgba(255, 255, 255, 0.6) !important;
    box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2) !important;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.1) 100%);
    /* color: rgba(4, 20, 35, 0.5)!important; */
    color: rgba(255, 255, 255) !important;
}

button:active,
input[type=button]:active,
input[type=submit]:active {
    color: rgba(4, 20, 35, 0.9) !important;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%) !important;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%) !important;
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%) !important;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%) !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;
    box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.1) !important;
    background: radial-gradient(circle, rgba(139, 229, 238, 0.1) 0%, rgba(255, 255, 255, 0.9) 100%) !important;
    border: 3px solid rgba(255, 255, 255, 0.3) !important;
    line-height: 20px;
}

.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;
    box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.4) !important;
    background: radial-gradient(circle, rgba(139, 229, 238, 0.1) 0%, rgba(255, 255, 255, 0.9) 100%) !important;
    color: rgba(4, 20, 35, 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);
    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 rgba(255, 255, 255, 0.7);
    box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.2);
}

input[type="radio"]:focus+label:before {
    border: 1px solid rgba(255, 255, 255, 0.7);
    box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.2);
}

input[type="radio"]:checked:focus+label:before,
input[type="radio"]:not(:checked):focus+label:before {
    border: 1px solid rgba(255, 255, 255, 0.7);
    box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.2);
}

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

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

ul.menu-list {
    background-color: unset !important;
    background: none !important;
    border-bottom: none !important;
}

ul.menu-list li {}

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 {
    background: rgba(255, 255, 255, 0.3) !important;
    color: rgba(4, 20, 35, 0.9);
}

ul.menu-list li:hover>a,
ul.menu-list li:hover>a span,
ul.menu-list li:hover>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-second-child>ul.menu-list:before {}

.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(4, 20, 35, 0.9);
}

.nav-tabs .tab,
.glass_head.bg-white {
    position: relative;
    color: rgba(4, 20, 35, 0.9);
    border-top: 2px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7);
    background: radial-gradient(closest-side at 35% 40%, rgba(139, 229, 238, 0.3) 0%, rgba(255, 255, 255, 0.5) 100%) !important;
    margin-right: 3px;
    box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.3);
    border-radius: 6px 6px 8px 8px !important;
}

.nav-tabs .tab.active,
.nav-tabs .tab:hover,
.glass_head.bg-white:hover {
    color: rgba(4, 20, 35, 0.9);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.8) 100%) !important;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.8) 100%) !important;
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.8) 100%) !important;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.8) 100%) !important;
    /* text-shadow:0px 1px 1px rgba(4, 20, 35,0.7);*/
}

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

.nav-tabs .tab:hover .drop-box.tab:after {
    color: rgba(4, 20, 35, 0.9);
}

.tab-box-tabs .box-tabs .tab {
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    background: none;
    border-left: 5px solid rgba(255, 255, 255, 0.4);
    border-top: 2px solid rgba(255, 255, 255, 0.4);
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    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: rgba(255, 255, 255, 0.3);
    border-left: 5px solid rgba(255, 255, 255, 0.7);
    border-top: 2px solid rgba(255, 255, 255, 0.7);
    border-right: 1px solid rgba(255, 255, 255, 0.7);
    border-bottom: none !important;
    margin-bottom: 0px !important;
}

.tab-box .tab-box-body {
    border-left: 1px solid rgba(255, 255, 255, 0.7);
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    border-right: 1px solid rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.3);
}

fieldset {
    border: 1px solid rgba(255, 255, 255, 0.7);
}

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


/* .drop-box {
    position: relative;
    box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.3);
    border-radius: 6px 6px 8px 8px!important;
    border-top: 2px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}

.drop-box:hover {
    color: rgba(4, 20, 35, 0.9);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.8) 100%)!important;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.8) 100%)!important;
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.8) 100%)!important;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.8) 100%)!important;
} */

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

.drop-box .drop-box-child,
.drop-box-second-child>.second-child-content {
    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(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;
    padding: 10px 0px 10px 0px !important;
}

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

.drop-box .drop-box-child:after,
.drop-box-second-child>.second-child-content: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;
    box-shadow: inset 0 0 0 800px rgba(255, 255, 255, 0.1);
    background: linear-gradient(70deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.2) 60%, rgba(255, 255, 255, 0.3) 70%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.3) 100%), 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;
}

.drop-box .drop-box-child:before,
.drop-box-second-child>.second-child-content: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: url(../../images/mi_blur_bubbless.png), linear-gradient(to bottom left, #1CB5E0, #000851);
    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 {
    color: #FFFFFF;
}

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

.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;
    box-shadow: 0 0 3px #ff3b6b;
}

.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);
    box-shadow: 0 0 1px 1px 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 {
    background: none !important;
    background-position: none !important;
    height: none !important;
    border-radius: none !important;
    opacity: 0.8;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.milkbg img {
    filter: drop-shadow(0px 4px 3px rgba(4, 20, 35, 0.9)) !important;
    -moz-filter: drop-shadow(0px 4px 3px rgba(4, 20, 35, 0.9)) !important;
    -o-filter: drop-shadow(0px 4px 3px rgba(4, 20, 35, 0.9)) !important;
    -webkit-filter: drop-shadow(0px 4px 3px rgba(4, 20, 35, 0.9)) !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) 6px, calc(100% - 0.3em) 12px, calc(100% - 0.3em) 18px, calc(100% - 0.3em) 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(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
}

.toolicons {
    background: #d7f4f4 !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: rgba(4, 20, 35, 0.9) !important;
}

.sidenav {
    position: relative;
    background: rgba(255, 255, 255, 0.1);
    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;
    border-top-right-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
    filter: brightness(105%);
    -moz-filter: brightness(105%);
    -o-filter: brightness(105%);
    -webkit-filter: brightness(105%);
    box-shadow: rgba(38, 57, 77, 0.80) 0px 20px 30px -10px;
    z-index: 5;
    /* overflow: hidden; */
}

.sidenav:after {
    width: calc(100% - 2px);
    height: calc(100% - 4px);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    box-shadow: inset 0 0 0 800px rgba(0, 0, 0, 0.1);
    background: linear-gradient(70deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 60%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0.2) 100%), 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;
    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;
}

.sidenav: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: url(../../images/mi_blur_bubbless.png), linear-gradient(to bottom left, #1CB5E0, #000851);
    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;
}

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

ul.nav li span,
.farmer_milk_collection span,
.milk_pur_tooltip span {
    background-color: rgb(221 231 244);
}

ul.nav li span::after {
    border-color: transparent rgb(221 231 244) 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 {
    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.3);
    background-color: rgba(255, 255, 255, 0.3);
}

.tbl_trans_ch,
.tbl_trans_ch_td {
    border: 1px solid rgba(4, 20, 35, 0.6) !important;
    color: rgba(4, 20, 35, 0.9) !important;
}

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

.text-shadow {
    text-shadow: 0px 2px 2px rgba(4, 20, 35, 0.9);
}

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


/* div.tooltip_box {
    background: none!important;
} */

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

.right_sidbar,
.puptooltip_icon_info,
.display_placeholder_info.sms-placeholder {
    position: absolute !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 3px rgba(255, 255, 255, 0.4) !important;
    border-style: ridge groove groove ridge !important;
    border-radius: 12px !important;
    filter: brightness(105%) !important;
    -moz-filter: brightness(105%) !important;
    -o-filter: brightness(105%) !important;
    -webkit-filter: brightness(105%) !important;
    box-shadow: rgba(38, 57, 77, 0.80) 0px 20px 30px -10px !important;
}

.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;
    box-shadow: inset 0 0 0 800px rgba(0, 0, 0, 0.1);
    background: linear-gradient(70deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 60%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0.2) 100%), 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;
    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;
}

.right_sidbar:before,
.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-image: url(../../images/mi_blur_bubbless.png), linear-gradient(to bottom left, #1CB5E0, #000851);
    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;
}

.sticky-table,
.listing-table,
.display_placeholder_info {
    background: rgba(255, 255, 255, 0.2) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
}

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

.sticky-table thead {
    position: sticky;
    top: 0;
    left: 0;
    display: table-header-group;
    /* filter: brightness(105%);
    -moz-filter: brightness(105%);
    -o-filter: brightness(105%);
    -webkit-filter: brightness(105%); */
    overflow: hidden;
    z-index: 2;
}

.sticky-table thead th:after,
.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;
    box-shadow: inset 0 0 0 800px rgba(255, 255, 255, 0.5);
    background: linear-gradient(70deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 60%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.2) 100%), 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;
}

.sticky-table.with-column thead tr:first-child th:first-child:after,
.sticky-table.with-column tbody th:after {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    box-shadow: inset 0 0 0 800px rgba(255, 255, 255, 0.2);
    background: linear-gradient(70deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 20%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0.5) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0.5) 100%), 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;
}

.sticky-table thead th:before,
.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-image: url(../../images/mi_bubbless_blur.png), linear-gradient(to bottom left, #1CB5E0, #000851);
    background-repeat: no-repeat;
    background-attachment: fixed;
    z-index: -1;
    background-size: cover;
}

.sticky-table.with-column thead tr:first-child th:first-child:before,
.sticky-table.with-column tbody th:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: url(../../images/mi_bubbless_blur.png), linear-gradient(to bottom left, #1CB5E0, #000851);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    z-index: -1;
}

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

.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: 1px solid #EBEBEB50;
}

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

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 {
    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;
    background: rgba(255, 255, 255, 0.3) !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 {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 3px rgba(255, 255, 255, 0.4) !important;
    border-style: ridge groove groove ridge !important;
    border-radius: 12px !important;
    filter: brightness(105%);
    -moz-filter: brightness(105%);
    -o-filter: brightness(105%);
    -webkit-filter: brightness(105%);
    box-shadow: rgba(38, 57, 77, 0.80) 0px 20px 30px -10px;
}

.ui-autocomplete:after,
.ui-datepicker.ui-widget-content:after,
.ms-options:after,
.allBasicWord:after,
.sms_info:after,
.mylivechat_expanded: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: linear-gradient(70deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 60%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0.2) 100%), 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;
    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;
    display: inline-block;
}

.ui-autocomplete:before,
.ui-datepicker.ui-widget-content:before,
.ms-options:before,
.allBasicWord:before,
.sms_info:before,
.mylivechat_expanded: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: url(../../images/mi_blur_bubbless.png), linear-gradient(to bottom left, #1CB5E0, #000851);
    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;
}

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

.ms-options-wrap>.ms-options {}

.ms-options-wrap>button:focus,
.ms-options-wrap>button {
    background-color: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.7) !important;
}


/* CSS by MI61 */

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

.graph_continer table tbody tr td .tooltipgraph:first-child {
    /* border: 1px solid rgba(255, 255, 255, 0.3); */
}

.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%);
    box-shadow: rgba(38, 57, 77, 0.80) 0px 20px 30px -10px;
    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;
    box-shadow: inset 0 0 0 800px rgba(255, 255, 255, 0.3);
    background: linear-gradient(70deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 60%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.2) 100%), 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-image: url(../../images/mi_bubbless_blur.png), linear-gradient(to bottom left, #1CB5E0, #000851);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    /* filter: blur(6px);
    -moz-filter: blur(6px);
    -o-filter: blur(6px);
    -webkit-filter: blur(6px); */
    z-index: -1;
}

.graph_continer table tfoot:before {
    /* height: calc(100% - 5px);
    top: 3px; */
}

.report-table table,
.report-table thead tr th,
.report-table table tbody tr td,
hr,
.vowels>li {
    border: 1px solid #EBEBEB50 !important;
}

.progress_spinner {
    border-bottom: 40px solid rgba(145 205 232);
    border-top: 40px solid rgb(154 211 237);
    border-left: 40px solid #5191be;
    border-right: 40px solid #4587b8;
}

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


/* Checkbox css */

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(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 3px -3px rgb(0 0 0 / 20%);
}

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

.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>.ms-options>ul {
    max-height: calc(100% - 15%);
    column-count: unset !important;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 105%;
} */

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

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

.mylivechat_buttonround,
.mylivechat_closebtn {
    background-color: rgba(255, 255, 255, 0.5) !important;
    box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.3) !important;
}

.mylivechat_prechat_submit_button,
.mylivechat_offline_submit_button,
.mylivechat_prechat_survey_button {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(139, 229, 238, 0.1) 100%) !important;
}

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

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

.tooltipgraph {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-right: 1px solid rgba(255, 255, 255, 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: 0px 2px !important;
}

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

.accordion.bg-secondary {
    background-color: rgba(255, 255, 255, 0.3) !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: 4px !important;
}

.drop-box .drop-box-child ul,
.drop-box-second .drop-box-second-child .second-child-content ul.menu-list,
.info-box-content {
    background-color: rgba(255, 255, 255, 0.3) !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: 100%;
}

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

div.popup_tooltip_box div.puptooltip_icon_info,
.mi-loginbox {
    padding: 5px;
}

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

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

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

.search-icon {
    padding-right: 10px !important;
}

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

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

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

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

.mi-modal .loading_test.mrg-tp20 {
    margin-top: 0px !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.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;
}

.sucess_msg,
.error_msg {
    background-color: rgb(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);
}

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