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

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

.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(154, 181, 221, 0.75);
    border-top: 40px solid rgba(154, 181, 221,0.75);
    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: 1.5px solid #fdfdfdb8;
}

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

.mioffline a {
    color: #3399ff;
}

#loader {
    background: #5aa6d81a;
}

hr {
    background: #EBEBEB50 !important;
}

#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(7, 56, 82 ,0.21);
}

.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;
    /*background:url(../../images/noise_white_50.png);*/
}


.pagination ul li {
    color: rgba(4, 20, 35, 0.9) !important;
    background:rgba(163 ,206, 234 ,0.30)  !important;
    border:1px solid  rgba(7, 56, 82, 0.21);
    
}

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



.milkbg img {
    filter: drop-shadow(5px 5px 5px #666666);
}
 
.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 {
    background:rgba(255, 255, 255, 0.4);
        
        
/*        linear-gradient(70deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 20%, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0.4) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 60%, rgba(255, 255, 255, 0.4) 70%, rgba(255, 255, 255, 0.4) 80%, rgba(255, 255, 255, 0.4) 100%),url(../../images/noise_white_50.png);*/
    border-radius: 5px;
    height: 100%;
    padding: 5px !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%;
}

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

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




#container {
 
    background-size: auto;
    background-repeat: repeat;
    background: linear-gradient(to  left, #daf0fe, rgba(238, 247, 253, 0.70),#b9e0ff 98%);
        
        /*linear-gradient(to  left, #daf0fe, rgab(222, 241,253,0.7),#b9e0ff 98%);;*/
        
/*        linear-gradient(to top left, #008790, rgba(124,190,238, 0),#6da3df 98%),linear-gradient(to top right,#78efd7, #4f85bc 90%) rgba(41,133,174,0); ;*/
    background-size: cover;
    background-repeat: no-repeat;
}  
    

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




y
.milkbg img {
    filter: drop-shadow(0px 4px 3px rgba(4, 20, 35, 0.7)) !important;
    -moz-filter: drop-shadow(0px 4px 3px rgba(4, 20, 35, 0.7)) !important;
    -o-filter: drop-shadow(0px 4px 3px rgba(4, 20, 35, 0.7)) !important;
    /* -webkit-filter: drop-shadow(0px 4px 3px rgba(4, 20, 35, 0.9)) !important; */
}

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



.ui-dialog {
    position: absolute !important;
    background: rgba(255, 255, 255, 0.2) !important;
}

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

.shadow-inner-pure {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background:linear-gradient(to left ,rgba(220, 231, 242 ,0.3),rgba(255, 255, 255, 0.3)),url(../../images/noise_white_50.png);
        
        
/*        linear-gradient(70deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 20%, rgba(255, 255, 255, 0.4) 30%, rgba(255, 255, 255, 0.4) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.1) 60%, rgba(255, 255, 255, 0.4) 70%, rgba(255, 255, 255, 0.4) 80%, rgba(255, 255, 255, 0.3) 100%),url(../../images/noise_white_50.png);*/
}

.ui-dialog,
.mi-modal,
.box {
   
    background:rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    margin-left: 15px;
    margin-right: 10px;
    border-bottom: 1px solid #ffffff;
    position: relative;
    box-shadow: rgba(38, 57, 77, 0.8) -2px 12px 30px -10px;
    border:3px rgba(255, 255, 255, 0.37) !important;
    border-style: ridge groove groove ridge !important;
    border-radius: 12px !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;
}

.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: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:url(../../images/replanup_blur_bg.png);
    /*linear-gradient(117.76deg, rgb(255 255 255 / 17%) -7.21%, rgb(255 255 255 / 25%) 118.08%),*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    filter:blur(18px) brightness(105%);
    -moz-filter:blur(18px) brightness(105%);
    -o-filter:blur(18px) brightness(105%);
    -webkit-filter:blur(18px) brightness(105%);
    z-index: -1;
    background-size: cover;
}



.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 rgb(0 0 0 / 10%);
    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.1) 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);
    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(125%) saturate(125%);
    -moz-filter: brightness(125%) saturate(125%);
    -o-filter: brightness(125%) saturate(125%);
    -webkit-filter: brightness(125%) saturate(125%);
}


fieldset {
    border:1px solid  rgba(7, 56, 82, 0.21);
    /*box-shadow:0px 5px 13px 0px rgb(72 98 118 / 21%);*/
}


/*input*/
input[type=file],
input[type=text],
input[type=password],
input[type=date],
textarea,
select {
    background-color:rgba(163 ,206, 234 ,0.30) !important;
    color: rgba(1, 1, 83, 0.50);
    border-top: 1px solid  rgba(7, 56, 82, 0.21);;
    border-left: 1px solid  rgba(7, 56, 82, 0.21);;
    border-right: 1px solid  rgba(7, 56, 82, 0.21);;
    border-bottom: 1px solid  rgba(7, 56, 82, 0.21);;
    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 rgba(255, 255, 255, 1) !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: 32px !important;
    line-height: 15px;
    padding: 0 15px !important;
    font-size: 14px;
    color: rgba(32, 67, 85,  0.84) !important;
    text-shadow: 0 0 rgba(0, 0, 0,  0.30) !important;
    text-decoration: none;
    border:2px solid rgb(132 163 180 / 35%) !important;
    border-radius: 25px !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(1deg,#ffffffc9,#bdebff29,#ffffffc9 78%)  !important;
        
        /*linear-gradient(360deg,#87c4ff99,#bdebff,#ffffffc9 69%)  !important*/
/*        linear-gradient(360deg,#bdebff,#ffffffd6,#87c4ff99)  !important;*/
/*        linear-gradient(357deg, rgba(194, 231, 249) -7.21%,rgba(234, 249, 252,1), rgb(200 221 250) 78.08%),url(../../images/noise_white_50.png) !important;*/
}




button:focus,
button:hover,
input[type=button]:focus,
input[type=button]:hover,
input[type=submit]:focus,
input[type=submit]:hover {
    border-color: rgba(230, 233, 249, 0.78) !important;
    box-shadow: 0px 0px 5px 3px rgb(75 130 169 / 20%) !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(132, 137, 179, 0.80) !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 rgba(156 ,189 ,237,1)    !important;
    box-shadow: 0px 0px 3px 1px rgba(16, 92, 132, 0.21) !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;
    
}


.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 rgba(156 ,189, 237,1)  !important;
    box-shadow: 0px 0px 3px 1px rgba(16 ,92, 132, 0.21) !important;
    background-image:linear-gradient(45deg, transparent 50%, rgba(156 ,189, 237,1) 50%), linear-gradient(135deg, rgba(156 ,189, 237,1) 50%, transparent 50%), linear-gradient(to right, rgba(156 ,189, 237,1), rgba(156 ,189, 237,1)) !important;
        
        
        
/*        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.2em !important; */
}




.ms-options-wrap > button:focus,.ms-options-wrap>button
 {
    background-color: rgba(163 ,206, 234 ,0.30) !important;
    border:1px solid  rgba(7, 56, 82, 0.21) !important;
    height: 35px !important;
}

.ms-options-wrap.ms-has-selections > button {
    color: #333;
    background-color: rgba(163 ,206, 234 ,0.30) !important;
    border-radius: 10px;
    border-top:1px solid  rgba(7, 56, 82, 0.21) !important;
    border-left: 1px solid  rgba(7, 56, 82, 0.21) !important;
    border-right: 1px solid  rgba(7, 56, 82, 0.21) !important;
    border-bottom: 1px solid  rgba(7, 56, 82, 0.21) !important;
    height: 35px !important;
} 

.ms-options-wrap.ms-has-selections > button:hover,
.ms-options-wrap.ms-has-selections > button:focus {
     border: 1px solid rgba(156, 189 ,237,1)  !important;
}

.ms-options-wrap.ms-has-selections > button:after{
     background: none !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;
}


.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:1px 2px 4px 1px rgba(0, 0 ,0 ,0.20) !important;
  /*  background:linear-gradient(360deg,#bdebff,#cce5ff87,#87c4ff99)  !important;
        radial-gradient(circle, rgb(20 59 174 / 10%) 0%, rgba(255, 255, 255, 0.9) 100%) !important;
    border: 3px solid rgba(255, 255, 255, 0.2) !important;*/
    line-height: 20px;
    background: linear-gradient(1deg,#ffffffc9,#bdebff29,#ffffffc9 78%) !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-color: rgba(230, 233, 249, 0.78) !important;
    box-shadow: 0px 0px 5px 3px rgba(75, 77, 169, 0.20) !important;
    background:linear-gradient(1deg,#ffffffc9,#bdebff29,#ffffffc9 78%)  !important;
    color: rgba(4, 20, 35, 0.5) !important;
}

.mi_autocomplete_input,
.mi_dateSuggestions_input {
    background-image: linear-gradient(to right, rgba(4 ,20, 35, 0.25), rgba(4 ,20, 35, 0.25)), linear-gradient(to right, rgba(4 ,20, 35, 0.25), rgba(4 ,20, 35, 0.25)), linear-gradient(to right, rgba(4 ,20, 35, 0.25), rgba(4 ,20, 35, 0.25)), linear-gradient(to right, rgba(4 ,20, 35, 0.25), rgba(4 ,20, 35, 0.25));
    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(142 ,154, 218, 0.7), rgba(142 ,154, 218, 0.7)), linear-gradient(to right, rgba(142 ,154, 218, 0.7), rgba(142 ,154, 218, 0.7)), linear-gradient(to right, rgba(142 ,154, 218, 0.7), rgba(142 ,154, 218, 0.7)), linear-gradient(to right, rgba(142 ,154, 218, 0.7), rgba(142 ,154, 218, 0.7));
}



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(191, 227, 255,1)  !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 rgba(191, 227, 255,1)  !important;
    box-shadow:3px 1px 5px 1px #9bb4d563;
}


input[type="radio"]:focus+label:before {
    border:1px solid rgba(191, 227, 255,1)  !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 rgba(191 ,227, 255,1)  !important;
    box-shadow: 3px 1px 5px 1px #9bb4d563;
}

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.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 rgba(255, 255, 255,1);
    background: rgba(163 ,206, 234 ,0.30) !important;
    box-shadow: 0 4px 3px -3px rgba(0 ,0 ,0 ,0.20);
}

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


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: 0px;
}

.disable_color{
     background: none;
}

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

/*menu*/ 

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

.bar100p.bg-primary {
    position: relative;
    width: 100%;
    background:rgba(255, 255, 255, 0.4) !important;
    border-bottom: 2px rgba(255, 255, 255, 0.4);
    border-style: ridge groove groove ridge;
    border-radius: 0px 0px 10px 10px !important;
/*    filter: brightness(101%);
    -moz-filter: brightness(101%);
    -o-filter: brightness(101%);
    -webkit-filter: brightness(101%);*/
    backdrop-filter: blur(20px);
   -webkit-backdrop-filter: blur(20px);
}

.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: linear-gradient(70deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 20%),url(../../images/noise_white_50.png);
    border-top: none;
    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(160%) saturate(160%);
    -moz-filter: brightness(160%) saturate(160%);
    -o-filter: brightness(160%) saturate(160%);
    -webkit-filter: brightness(160%) saturate(160%);
    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:linear-gradient(70deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.1) 60%, rgba(255, 255, 255, 0.3) 70%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0.3) 100%),url(../../images/replanup_blur_bg.png);
/*    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(10px);*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    filter:blur(15px) brightness(105%);
    -moz-filter: blur(15px) brightness(105%);
    -o-filter:blur(15px) brightness(105%);
    -webkit-filter: blur(15px) brightness(105%);
    z-index: -1;
    background-size: cover;
}


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,
li.drop-box-second.active {
   border-color: #ffffff;
    background: #ebf8ff;
    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,
ul.menu-list li.active>a,
ul.menu-list li.active>a span {
    color: rgba(4, 20, 35, 0.9);
}

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

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

.drop-box-second-child>ul.menu-list:before {}

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

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

.toolicons a {
    height: 28px;
}

.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(1, 1 ,83 , 0.97)  !important;
}

.nav-tabs a span {
    color: rgba(1, 1, 83 , 0.88)  !important;
}

.img-icon {
    border: 2px solid rgba(255, 255, 255, 0.7);    
    background: white;
    width: 19px !important;
    height: 19px !important;
}

.fa-question-circle:before {
    color: white;
}

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

.nav-tabs .tab,
.glass_head.bg-white {
    /* position: relative; */
    color: rgba(4, 20, 35, 0.4) !important;
    box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7);
    background:linear-gradient(#bdebff,#cce5ff87,#87c4ff99)  !important;;
        
        /*linear-gradient(#22558887,#aaeeff85);*/
        /*radial-gradient(closest-side at 35% 40%, rgba(139, 229, 238, 0.3) 0%, rgba(255, 255, 255, 0.5) 100%), url(../../images/noiseeeeeeeeeee.png) !important;*/
        
        /*linear-gradient(to left, rgb(244 244 244) -7.21%, rgb(181 206 224 / 52%) 87.08%),;*/
    margin-right: 3px;
  border-left: 1px solid rgba(255, 255, 255, 0.35);
    border-right: 1px solid rgba(255 ,255, 255, 0.35);
    border-bottom: 2px solid rgba(255, 255, 255,0.35);
    border-top: 1px solid rgba(255, 255, 255,0.35);
    
    box-shadow: -1px 5px 3px -3px rgba(0, 0, 0 ,0.20);
    border-radius: 6px 6px 8px 8px !important;
}

/* .nav-tabs .tab:before, */
.glass_head.bg-white:before{
    
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    right:0px;
    bottom: 0px;
    width: 100%;
    height: 50%;
    border-radius: 6px 6px 8px 8px !important;
    background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.2));
}

.nav-tabs .tab.active,
.nav-tabs .tab:hover,
.glass_head.bg-white:hover {
    
    border-color: #ffffff;
    background: #fff;
    color: #222260;
    box-shadow: 0px 0px 20px 0px #8b8bb725;
   
}

.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(7, 56, 82 ,0.21);
    background: none;
    border-left: 5px solid rgba(7, 56, 82 ,0.21);
    border-top: 2px solid rgba(7, 56, 82 ,0.21);
    border-right: 1px solid rgba(7, 56, 82 ,0.21);
    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.4);
    border-left: 5px solid rgba(7, 56, 82 ,0.21);
    border-top: 2px solid rgba(7, 56, 82 ,0.21);
    border-right: 1px solid rgba(7, 56, 82 ,0.21);
    border-bottom: none !important;
    margin-bottom: 0px !important;
}

.tab-box .tab-box-body {
    border-left: 1px solid rgba(7, 56, 82 ,0.21);
    border-top: 1px solid rgba(7, 56, 82 ,0.21);
    border-right: 1px solid rgba(7, 56, 82 ,0.21);
    border-bottom: 1px solid rgba(7, 56, 82 ,0.21);
    background: rgba(255, 255, 255, 0.2);
}



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


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



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

/* .mi-submenu {
    border-top: 3px rgba(255, 255, 255, 0.4);
    border-bottom: 3px rgba(255, 255, 255, 0.4);
    border-style: ridge groove groove ridge;
    left: 6px;
    top: 4px;
    border-left: none !important;
} */

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

.drop-box .drop-box-child,
.drop-box-second-child>.second-child-content {
    position: absolute;
    background: #ffffff57  !important;
    border: 3px rgba(255, 255, 255, 0.4);
    border-style: ridge groove groove ridge;
    border-radius: 12px;
    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;
}

.mi-actions,
.mi_milk_purchase_summary {
    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;
    backdrop-filter: blur(16px);
    overflow: hidden;
    display: none;
}


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

.drop-box .drop-box-child:after, .mi-submenu:after,
.drop-box-second-child>.second-child-content:after,
.box-tabs:after {
    width: calc(100% - 2px);
    height: calc(100% - 4px);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 10px;
    display: block;
    box-shadow: inset 0 0 0 800px rgba(255, 255, 255, 0.1);
    background: url(../../images/noise_white_50.png);
    border-top: 2px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    z-index: -1;
    overflow: hidden;
}

.drop-box .drop-box-child:before, .mi-submenu:before,
.drop-box-second-child>.second-child-content:before,
.box-tabs:before {
    position: absolute;
    content: '';
    width: calc(100% - 2px);
    height: calc(100% - 4px);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 10px;
    background-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;
}


.mi-actions:before,
.mi_milk_purchase_summary:before {
    content: '';
    width: calc(100% - 2px);
    height: calc(100% - 4px);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 10px !important;
    background-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;
}

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

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

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

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


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

.drop-box-second .drop-box-second-child .second-child-content ul.menu-list,
.info-box-content,
.mi-actions ul,
.mi_milk_purchase_summary ul {
    background:rgba(193 ,213, 233 ,0.16) !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}


.drop-box-second .drop-box-second-child .second-child-content ul.menu-list {
    background: rgba(208, 230, 230, 0.93);
   
}

.drop-box:hover .height_cls{
    background: rgba(208, 230, 230, 0.16) !important;
}

.info-box-content {
    background: linear-gradient(70deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.1) 60%, rgba(255, 255, 255, 0.3) 70%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0.3) 100%),url(../../images/noise_white_50.png)  !important;
}



/*sidebar */

.sidenav {
    position: relative;
    background:rgba(221, 232, 255, 0.4) !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;
    border-top-right-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
    box-shadow: rgba(38, 57, 77, 0.80) 8px 1px 7px -10px;
    z-index: 5;
}


.leftside_edit {
    background-color: rgb(255, 255 ,255, 0.6);
    backdrop-filter: blur(9px);
}

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

.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:linear-gradient(70deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.1) 60%, rgba(255, 255, 255, 0.3) 70%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0.3) 100%),url(../../images/replanup_blur_bg.png);
    -webkit-backdrop-filter: blur(7px);
    background-repeat: no-repeat;
    background-attachment: fixed;
    filter:blur(10px) brightness(100%);
    -moz-filter:blur(10px) brightness(100%);
    -o-filter:blur(10px) brightness(100%);
    -webkit-filter: blur(10px) brightness(100%);
    z-index: -1;
    opacity: 0.9;
    backdrop-filter: blur(51px);
    background-size: cover;
}



.nav li {
    background-color: rgba(220, 244, 250, 0.2);
    border-bottom:1px solid rgb(249 247 247 / 88%);
    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:rgba(255, 255, 255 ,1)
}

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

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: 1px solid #EBEBEB50; */
    border-top: none;
}

.sticky-table thead {
    position: sticky;
    top: 0;
    left: 0;
    display: table-header-group;
    /* filter: brightness(100%);
    -moz-filter: brightness(100%);
    -o-filter: brightness(100%);
    -webkit-filter: brightness(100%); */
    overflow: hidden;
    z-index: 2;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(8px);
    /* background:linear-gradient(to top left, #00879096, rgba(124, 190, 238, 0.10),#6da3df70 98%),linear-gradient(to top right,#78efd791, #4f85bcde 90%) rgba(41,133,174,0); */
}

/* .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:linear-gradient(to top left, #0057b06b,#9cb7cfab 88%),linear-gradient(to top right,#88c0ee, #4eb0f1 50%) rgba(183, 206 ,223,1);
    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:linear-gradient(to top left, #0057b06b,#9cb7cfab 88%),linear-gradient(to top right,#88c0ee, #4eb0f1 50%) rgba(183, 206 ,223,1); 
    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;
    background: none;
    backdrop-filter: blur(16px);
}

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

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

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

.sticky-table tbody td,
.listing-table tbody td {
    border: 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 .vehicle_report tbody tr:nth-child(even) {
    background-color: unset !important;
}

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

.sticky-table > .vehicle_report > tbody > tr:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0.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: rgba(4, 20, 35, 0.5) !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,
.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);
}


.ui-dialog {
    position: absolute !important;
    background: rgba(255, 255, 255, 0.2) !important;
}

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

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

.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(189 ,220, 239, 0.86)  !important;
    border: 3px rgba(255, 255, 255, 0.4) !important;
    border-style: ridge groove groove ridge !important;
    border-radius: 12px !important;
    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;
    backdrop-filter: blur(15px);
}

.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:  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.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;
    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: linear-gradient(70deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.1) 60%, rgba(255, 255, 255, 0.3) 70%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0.3) 100%),url(../../images/replanup_blur_bg.png);
    -webkit-backdrop-filter: blur(20px);
    background-repeat: no-repeat;
    background-attachment: fixed;
    filter: blur(20px);
    -moz-filter: blur(20px);
    -o-filter: blur(20px);
    -webkit-filter: blur(20px);
    z-index: -1;
    opacity: 0.9;
    background-size: cover;
}

.ms-options>span:before {
    background-color:rgba(180, 212, 238 ,0.20) !important;
    width: 106.5%;
    height: 233px;
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    bottom: 0;
    right: 0;
    border-radius: 5px !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: #0a64c24d;
    color: #ffffff;
}

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


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


/* right sidebar */



.bg-secondary {
    background: rgba(174 ,196, 217, 0.20) !important;
}

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

.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%) ,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.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;
}

.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:linear-gradient(117.76deg, rgb(171 203 231) -7.21%, rgba(243, 245, 251, 0.50) 118.08%),url(../../images/replanup_blur_bg.png);
    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;
}





.tbl_trans_ch, .tbl_trans_ch_td {
    border: 1px solid white !important;
}

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


.back_containt_table tr td .back_containt_div{
    
    /*background:rgb(97 164 228 / 23%);;*/
    content: '';
    height:23.3vh;
    margin: 1.3vh 1.7vh 1.3vh 0;
    /*box-shadow: 1px 1px 2px rgb(0 0 0 / 23%);*/


}

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

/* graph */


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

.absent{
    background-color:rgba(178, 209, 231, 0.58);
}

.present {
        background:#0a64c24d;
}

.graph_continer table tbody tr td .tooltipgraph:first-child,
.graph_continer table tfoot td {
    background-color:#c4e4f0 !important;
    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;
}

.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.2);
    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:linear-gradient(to right top, rgb(129 192 247) 0%, rgb(148 199 219) 100%);
    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;
}


.tooltipgraph {
   border-top: 1px solid rgba(255, 255, 255, 0.41);
    border-right: 1px solid rgba(255, 255, 255, 0.41);
}

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

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

.tbl_trans_ch, .tbl_trans_ch_td{
    border: 1px solid rgba(7, 56, 82 ,0.21) !important;
}

.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_buttonround,
.mylivechat_closebtn {
    background: linear-gradient(#bdebff,#cce5ff87,#87c4ff99)  !important;
    box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.2) !important;
}

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

.glass_head  table{
    height: 27px;
}


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

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

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

.accordion:after{
    position: relative !important;
    background:none  !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);
}

.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 li .submenu{
    position: absolute;
    /*background: #ffffffb0 !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;
}


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

/* .drop-box:hover .height_cls{
    min-height: 100px;
}

.drop-box-child .mi-submenu, .drop-box-second:hover .mi-submenu{
    min-height: 100px !important;
} */

.drop-box-second-child ul.mi-submenu {
    border-radius: 12px;
    overflow: hidden;
    border-top-left-radius: unset !important;
    border-bottom-left-radius: unset !important;
    backdrop-filter: blur(16px);
    min-height: 110px !important;
    border: 3px rgba(255, 255, 255, 0.4);
    border-style: ridge groove groove ridge;
    border-left: unset !important;
}

.drop-box-second-child{
    left: 204px !important;
    top: -3px !important;
}

.drop-box .drop-box-child ul{
    background-color: unset !important;
}

.height_cls{
    min-height: 110px;
}