#overlay {background: #ffffff;color: #666666;position: fixed;height: 100%;width: 100%;z-index: 5000;top: 0;left: 0;float: left;text-align: center;padding-top: 25%;opacity: .92;}
.spinner {margin: 0 auto;height: 64px;width: 64px;animation: rotate 0.8s infinite linear;border: 5px solid #222222;border-right-color: transparent;border-radius: 50%;}
@keyframes rotate {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
i.fa {margin-right: 15px;font-size: 20px;color: #fff;}
.output{text-align: center;font-weight: 600;font-size: 16px;color: red;}
.border_middel{border-right: 2px solid #2d7fa4;}
/*.modal{background-color: rgb(45, 127, 164);}*/
.page-main-header .main-header-right .main-header-left {padding: 8px 34px;}
.main-navbar {padding-top: 20px;}
.filter_form{
    padding-top: 50px;
    border: 1px solid #000;
    padding-left: 50px;
    box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 30%);
}
@media only screen and (min-device-width : 320px) and (max-device-width : 768px) {
    .border_middel{display:none;}
    .filter_form {padding-left: 20px;padding-right: 20px;}
}