body{font-family: 'Roboto' !important;}
.align-items-center {align-items: center;}
.justify-content-center {justify-content: center;}
.rounded-2 {border-radius: 5px !important;}
.bg-white {background-color: #fff !important;}
label{font-weight: 500 !important;padding-left: 10px;}
.UnregisteredTxt {float: right;position: absolute;top: 20px;right: 80px;background: #e89f19;padding: 10px 20px;border-radius: 5px;color: #ffffff;background: linear-gradient(-45deg, #e89f19, #ffd07b, #23a6d5, #23d5ab);background-size: 400% 400%;animation: animName 15s ease infinite;}
@keyframes animName {
    0% {
        background-position: 0% 50%;
    }

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

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

div#RandomMatch {display: flex;align-items: center;justify-content: flex-start;column-gap: 14px;font-size: 14px;}
div#RandomMatch #first, div#RandomMatch #Sec {display: inline-block;padding: 6px 12px;background: #f3f5f8;border: 1px solid #ddd;}
input#Sign {margin-bottom: 0;width: 55px;}
.errorMsg {color: #f00;text-align: center;margin-top: 15px;}
.textBoxes {display: block;width: 100%;padding: 8px 10px;font-size: 14px;font-weight: 400;line-height: 1.5;color: #212529;background-color: #fff;background-clip: padding-box;border: 1px solid #dee2e6;-webkit-appearance: none;-moz-appearance: none;border-radius: 0;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;margin-bottom: 25px;border-left: 2px solid #0F4F92;}
.textBoxes:focus{border: 1px solid #0F4F92;box-shadow: none;outline: none;border-left: 2px solid #0F4F92;}
.d-none{display: none !important;}
.loginbodynew{background: transparent;overflow: hidden;position: relative;z-index: 1;}
.logininnernew{overflow: hidden;position: relative;}
.loginbodynew:after{content: "";position: absolute;background: linear-gradient(99.45deg, #0F4F92 22.79%, #32669E 55.32%, #0E396C 86.61%);height: 184%;width: 110%;top: -129%;left: -15%;background-size: cover;background-position: center center;z-index: -1;transform: rotate(346deg)}
.loginbodynew{background: transparent;overflow: hidden}
.logininnernew:after{content: "";background-image: url('../images/home/background-pattern3.svg');position: absolute;top: 116px;height: 428px;width: 428px;background-size: contain;right: -112px;background-repeat: no-repeat;z-index: -1}
.loginrightbox:before{content: "";background-image: url('../images/home/bg-dots-bottom.svg');position: absolute;height: 100px;width: 100px;right: -60px;background-repeat: no-repeat;bottom: -54px}
.logininnernew:before{content: "";background-image: url(../images/home/background-pattern3.svg);position: absolute;height: 450px;width: 450px;left: -160px;background-repeat: no-repeat;bottom: 3px;z-index: 999;background-size: cover}
.logininnernew{overflow: hidden}
.form-div-new{max-width: 490px;width: 100%;border: 1.05975px solid rgba(9, 54, 121, 0.1);box-shadow: 1.05975px 4.23898px 7.97545px 4.43081px rgb(0 0 0 / 10%);padding: 60px 50px}
.formtital{color: #0F4F92;font-weight: 500;margin-bottom: 20px;}
.loginlogo-new {width: 100%;max-height: 55px;margin-bottom: 40px !important;}
.loginlogo-new img {width: 200px;max-height: 80px;object-fit: contain;}
.loginbtn{background: #0F4F92;width: 100%;max-width: 261px;text-align: center;display: block;margin: 0px auto;color: #fff !important;height: 47px;margin-top: 30px;border: none !important;box-shadow: none !important;position: relative;overflow: hidden;outline: none !important;}
.loginbtn:before {content: "";display: block;width: 0px;height: 86%;position: absolute;top: 7%;left: 0%;opacity: 0;background: white;box-shadow: 0 0 15px 3px white;-webkit-transform: skewX(-20deg);-moz-transform: skewX(-20deg);-ms-transform: skewX(-20deg);-o-transform: skewX(-20deg);transform: skewX(-20deg);}
.loginbtn:hover:before {-webkit-animation: shine 0.5s 0s linear;-moz-animation: shine 0.5s 0s linear;animation: shine 0.5s 0s linear;}
.loginbtn:active {box-shadow: 0 0 0 0 transparent;-webkit-transition: box-shadow 0.2s ease-in;-moz-transition: box-shadow 0.2s ease-in;transition: box-shadow 0.2s ease-in;}
.loginslider{max-width: 600px;text-align: left;margin-bottom:220px}
.loginslider h3{color: #fff;font-weight: 300;font-size: 32px;margin-bottom: 40px;line-height: 50px}
.loginslider p{color: #dddddd;font-weight: 300;font-size: 18px;text-decoration: none;line-height: 30px;margin-bottom: 30px}
.loginrownew .form-div-new .inputblock input::-webkit-input-placeholder{color: #727272}
.loginrownew .form-div-new .inputblock input::-moz-placeholder{color: #727272}
.loginrownew .form-div-new .inputblock input{border-left: 2px solid;border-radius: inherit;font-size: 14px;}
.loginbtn:hover{background: #0F4F92;color: #fff}
.forgtpassword, .remembertext{font-size: 14px}
.container-custom{max-width: 1280px;margin-left: auto;margin-right: auto}
.h100{height: 100vh}
.form-div{min-width: 500px;max-width: 500px}
.loginright{background: #fff}
.justify-content-center{justify-content:center}
.align-items-center{align-items:center}
.d-flex{display:flex}
.rowlogin::before{content: '';position: absolute;background: url(../images/home/background-pattern.png) no-repeat;width: 288px;height: 235px;top: 0;left: 0;background-size: 100% 100%}
.rowlogin::after{content: '';position: absolute;background: url(../images/home/background-login-center.png) no-repeat;width: 100px;height: 100px;top: 0;right: 0;background-size: 100% 100%}
.loginslider .owl-dots button.owl-dot{background: #5b70aa;height: 10px;width: 10px;border-radius: 50px;margin-left: 5px;margin-right: 5px;opacity: 1;}
.loginslider .owl-dots button.owl-dot.active{background: #09bef3;height: 10px;width: 10px;border-radius: 50px}
/*.loginslider{width: 460px;background: url(../images/bgslider.png) no-repeat;overflow: hidden}*/
.loginbody{overflow-x: hidden}
.btn.show, .btn:first-child:active{border-color: transparent}
.form-div input{min-height: 40px}
.form-div h2{color: #364a63;font-size: 22px}
.form-div input::-webkit-input-placeholder{color: #727272}
.form-div input::-moz-placeholder{color: #727272}
.form-div p{color: #364a63;font-size: 15px}.loginlogo img{max-width: 150px}
.rowlogin{background: #fff}
.loginleft{background: #f5f6fa;text-align: center}
.container-costome{max-width: 900px;margin-left: auto;margin-right: auto}
.loginleft img{padding: 50px 30px 50px 40px}
.userdropdown .btn img{width: 45px;height: 45px;object-fit: cover}
.PoweredBy{position: fixed;bottom: 15px;font-size: 12px;left: 0;right: 0;display:flex;justify-content:space-between;padding: 0 15px;}
.form-control:focus{border: 1px solid #0F4F92;box-shadow:none}
.position-relative{position:relative}
.footerWrapper .footer-inner{font-size: 12px;padding: 15px 0px;color: #526484}
.PoweredBy img{height: 12px;margin-left: 3px}
.forgtpassword{margin-top: 20px}
.footer-inner, .PoweredBy span{color: #9c9c9c}
.form-select:focus{box-shadow: none}
.selectlocationinner{max-width: 700px;margin-left: auto;margin-right: auto;background: #fff}
.selectlocationinner h2{color: #0F4F92;font-size: 18px}
.shadow-costome{box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05)}
.row {--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display: flex;flex-wrap: wrap;margin-top: calc(-1 * var(--bs-gutter-y));margin-right: calc(-0.5 * var(--bs-gutter-x));margin-left: calc(-0.5 * var(--bs-gutter-x));}
.fogot{margin-top: 15px;}
.cancel{cursor: pointer;}
span#lblSupportContract {background: #fff0f0;display: block;padding: 8px 15px;color: #b00;border-radius: 0 0 5px 5px;position: absolute;left: 0;width: 100%;font-size: 12px;bottom: 0;}
button#cmdForgotPwd {
    margin-top: 15px;
}
@-webkit-keyframes shine {
    from {
        opacity: 0;
        left: 0%;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
        left: 100%;
    }
}
@-moz-keyframes shine {
    from {
        opacity: 0;
        left: 0%;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
        left: 100%;
    }
}
@keyframes shine {
    from {
        opacity: 0;
        left: 0%;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
        left: 100%;
    }
}
@media screen and (min-width:1100px) and (max-width:1280px){
.loginbodynew:after{left: -18%;width: 112%;}
}
@media only screen and (min-width: 992px) {
.d-flex{display: flex;}
.UnregisteredTxt {position: absolute;top: 50%;right: -18px;padding: 9px 20px 6px;border-radius: 10px 10px 0 0;z-index: 111;transform: translateX(50%) rotate(90deg);}
}
@media only screen and (max-width: 991px) 
{
body.loginbodynew{overflow: auto;}
.loginrightbox{text-align: left;}
.loginbodynew:after{transform: inherit;width: 100%;height: 100%;left: 0;top: 0;}
.row,.d-flex{display: block;text-align:center;}
.row{padding-left: 9px;padding-right: 9px;}
.h-100{height: auto;}
.loginbox {display: none !important;}
.PoweredBy {background: #fff;position: absolute;bottom: 0;left: 0;right: inherit;display: block;width: 100%;padding: 15px;}
.logininnernew:after, .logininnernew:before {display: none;}
.form-div-new{margin: 15px auto;padding: 40px 20px;}
.text-center.footer-inner {padding-bottom: 6px;}
.UnregisteredTxt{position: relative;margin: 0 0 40px;float: inherit;right: inherit;top: inherit;display: inline-block;}
}