body {font-family: 'Poppins', sans-serif, arial, Verdana, Helvetica, sans-serif;background-size: cover;text-align: left;}p {text-align: left !important;}.mt-20 {margin-top: 10px;margin-bottom: 10px;display: inline-block;width: 100%;}.p-10 {padding: 0 10px !important;}.dashboard .loginfooter-lgn {height: 42px;float: left;margin-top: 20px;}.dashboard .backlayer .logo {text-align: left;float: left;width: auto;}.dateformatbg a {color: #000;font-weight: 600;}.dateformatbg a:hover {color: #3c54a5;}.widget-title {position: relative;font-size: 16px;border-bottom: 0px solid rgba(0,0,0,0.1);margin-bottom: 0px;background: radial-gradient(at 50% -20%, #3a829a, #58a6c1);padding: 5px 10px;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}.widget-title h4 {font-size: 14px;min-height: 15px;font-weight: 600;margin: 4px 0;color: #ffffff;}.widget-title:after {content: "";background: #2c2f34;width: 40px;height: 2px;position: absolute;bottom: -2px;left: 0;display: none;}.widget-title-icon {position: absolute;right: 0;top: 1px;color: #b9bec3;}.landing_pg_banner {position: relative;}.landing_pg_banner img {width: 100%;}.t_tle {background: transparent;padding: 0;margin-bottom: 30px;background-color: #fff;box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.17), 0 1px 0 0 rgba(0, 0, 0, 0);padding: 20px;}.t_tle h3 {font-weight: 600;font-size: 18px;margin-top: 10px;color: #206479;}.t_tle p {font-size: 13px;}.btn {height: auto !important;}.white_content-new-1 {background: url(../../img/overlay.png) repeat scroll 0 0;float: left;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 9999;}.popupboxouter {margin: 5% auto 0;width: 60%;}.popupbox {background: none repeat scroll 0 0 #FFFFFF;border: 15px solid #008d8d;border-radius: 10px;float: left;padding: 10px;position: relative;width: 100%;}.close-1 {background: url(../../img/closebutton.png) no-repeat scroll 0 0;cursor: pointer;float: right;font-size: 0;height: 22px;position: absolute;right: 11px;top: 12px;width: 22px;z-index: 99;}.tableheadingmain {background: #008b8b;color: #fff !important;font-size: 14px;height: 26px;line-height: 25px;padding: 3px 8px !important;}.button-common {background: #039595;border: 1px solid #007c7c;border-radius: 5px;color: #fff;cursor: pointer;font-size: 12px;padding: 5px;}.imp_link ul li a {font-weight: 500;color: blue;}.pl-100 {padding-left: 100px !important;}.pr-0 {padding-right: 0 !important;}.login-41 .logo .imglogo {margin-top: 100px;}.backlayer .logo img {max-width: 478px;margin-top: 4px;}img.imglogo {height: 120px;margin-bottom: 15px;}.login-41 h2.headh2 {color: #fff;font-weight: 200;font-size: 28px;}h2.headh2 {line-height: 30px;margin-top: 4px;text-align: center;}.login-41 h3 {color: #ffca00;border-bottom: dotted 1px #ffca00;padding-bottom: 8px;font-size: 23px;font-weight: 300;margin-bottom: 20px;}.login-41 .form-validation .form-group {margin-bottom: 20px;}.form-validation .form-group {position: relative;}.form-validation .form-group .fa {position: absolute;top: 13px;right: 20px;color: #9e9e9e;}.login-41 .form-section .form-control {padding: 11px 20px 9px;font-size: 16px;outline: none;height: 50px;color: #535353;border-radius: 50px;font-weight: 500;border: 1px solid transparent;background: #fff;width: 100%;}.custom-home-btn {position: absolute;top: 10px;right: 10px;z-index: 1;}.forgot-login .bg-img {background: url(../images/forgot.webp) top left repeat;background-size: cover;top: 0;bottom: 0;height: 60vh;text-align: right;z-index: 999;opacity: 1;position: relative;display: flex;justify-content: center;align-items: center;padding: 30px 50px 30px 40px;}.forgot-login .bg-img:before {position: absolute;content: '';top: 0;left: 0;right: 0;bottom: 0;}.forgot-login .form-section {min-height: 50vh;position: relative;display: flex;justify-content: center;align-items: center;padding: 30px;}.forgot-login .login-inner-form {max-width: 500px;width: 100%;}.forgot-login .login-inner-form h3 {margin: 0 0 35px;font-size: 22px;font-weight: 400;color: #040404;text-align: center;}.forgot-login .login-inner-form .form-group {margin-bottom: 25px;position: relative;}.forgot-login label {color: #535353;font-size: 16px;margin-bottom: 5px;}.forgot-login .login-inner-form .form-control {width: 100%;padding: 13px 15px 13px 52px;font-size: 16px;border: 1px solid #d6d6d6;background: #fff;outline: none;color: #535353;border-radius: 0;height: 55px;}.forgot-login .login-inner-form .form-box i {position: absolute;top: 38px;left: 20px;font-size: 16px;color: #979797;}.forgot-login .btn-theme {position: relative;display: inline-block;width: 100%;color: #ffffff;overflow: hidden;overflow: hidden;text-transform: capitalize;display: inline-block;transition: all 0.3s ease;cursor: pointer;font-size: 17px;font-weight: 400;font-family: 'Jost', sans-serif;border-radius: 0;border: none;}.modal-extra {width: 70% !important;margin-top: 9% !important;}.close-custom {background: #ff8300 !important;opacity: 1 !important;padding: 6px 10px !important;position: absolute;right: 0;text-shadow: none;color: #fff;z-index: 1;width: auto !important;height: auto !important;}.forgot-login .login-inner-form h3 {margin: 0 0 35px;font-size: 22px;font-weight: 400;color: #040404;text-align: center;border-bottom: 1px dotted #ccc;}.btn-warning {color: #fff;background-color: #f37c2d;border-color: #f37c2d;}@media (max-width: 769px) {.popupboxouter {width: 95%;}.refresh-btn .fa {position: static !important;}.admin-login-page {margin: 5% 0;width: 98%;}.livechat-close {width: 300px !important;background-size: contain !important;height: 160px !important;}.livechat-close-btn {right: 18px !important;top: 58px !important;}.form-section .pl-100 {padding-left: 0 !important;}}
.backlayer {
    height: 100%;
    width: 100%;
}

    .backlayer .layerLeft {
        width: 100%;
        display: inline-block;
        background: linear-gradient(-45deg, #287b92, #0c3040, #287b92, #15425d);
        background-size: 400% 400%;
        animation: gradient 15s ease infinite;
        padding: 13px;
        position: relative;
        box-shadow: 0px 5px 15px #1445578f;
    }

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

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

    100% {
        background-position: 0% 50%;
    }
}
.backlayer .dark-header {
    background: #0e365c !important;
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    box-shadow: 0px 5px 15px #0e365c80;
}