/*Rev1.0 : Adler Enhancement-newlayout changes
Date : 21-Jan-2026
Programmer : Sajith*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');/*Rev1.0*/

#newLogTheme input[type="text"],
#newLogTheme input[type="password"],
#newLogTheme input[type="number"],
#newLogTheme input[type="url"],
#newLogTheme input[type="email"] {
    height: 36px !important;
    padding: 3px 3px;
    font-size: 12px !important;
    line-height: 1.5;
    border-radius: 0px;
    outline: none;
    box-shadow: none;
}
 /*Rev1.0*/
.poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 45px;
    text-align: center;
    color: #fff;
}
 /*Rev1.0*/
.loginpagelayout {
    width: 100%;
    height: 100vh;
    /*Rev1.0*/
    background-image: url(../../Images/LoginBG2026.png);
   /* background-image: url(../../Images/LoginBG2023.png);*/
   /*Rev1.0*/
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #9687fc;/*Rev1.0*/
}
 /*Rev1.0*/
/*.loginPageInnerWrapper {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}*/

.loginPageInnerWrapper {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


    /*.loginPageInnerWrapper .screenLeftSide {
        width: 50%;
        display: flex;
        justify-content: end;
        align-items: center;
    }*/

    .loginPageInnerWrapper .screenLeftSide {
        width: 50%;
        display: flex;
        justify-content: start;
        align-items: center;
    }


.NewClientLogoPatchWrapper {
    width: 100%;
}

.NewClientLogoPatch {
    width: 95%;
    height: 179px;
    background-color: white;
    border-radius: 0px 10px 10px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .NewClientLogoPatch img {
        width: 55%;
    }



    .loginPageInnerWrapper .screenRightSide {
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

/*.LoginpageLogoIconImgWrapper {
    width: 75%;
    min-height: 300px;
}*/

.LoginpageLogoIconImgWrapper {
    width: 500px;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*.loginCtrlbase {
    width: 60%;
    padding: 15px;
    background-color: white;
    position:relative;
}*/


.loginCtrlbase {
    width: 380px;
    background: #fff;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 1;
}


.loginCtrlbase::after {
    content: '';
    width: 425px;
    height: 466px;
    background: linear-gradient(135deg, #fff, #cfd9ff);
    /* filter: blur(2px); */
    opacity: 0.1;
    position: absolute;
    border-radius: 40px;
    top: -24px;
    left: -24px;
    z-index: -1;
}

.loginCtrlbase::before {
    content: '';
    width: 470px;
    height: 511px;
    background: linear-gradient(135deg, #fff, #cfd9ff);
    /* filter: blur(2px); */
    opacity: 0.1;
    position: absolute;
    border-radius: 60px;
    top: -44px;
    left: -47px;
    z-index: -1;
}

 /*Rev1.0*/
.adlerTopLogoRight {
    padding-top: 0px;
    margin-bottom: 10px;
}
.LoginFieldBox {
    width: 100% !important;  
    background-color: transparent !important;
    min-height: 240px;
    position: relative;
    margin: auto;
}

input[type="text"], input[type="password"], input[type="number"], input[type="url"], input[type="email"] {
    height: 32px !important;
    padding: 3px 3px;
    font-size: 12px !important;
    line-height: 1.5;
    border-radius: 0px; 
   /* border-radius: 7px;*//*Rev1.0*/
}
 /*Rev1.0*/

/*.LoginButton {
    background: #28a7e2;
    background: rgb(156,212,190);
    background: linear-gradient(175deg, rgba(156,212,190,1) 0%, rgba(18,158,183,1) 35%, rgba(6,85,163,1) 100%);
    color: #FFF;
    border: none;
    font-size: 18px;
    font-weight: 400;
    padding: 4px 0px;
    width: 50%;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    margin: 0 auto;
    border-radius: 6px !important;
    margin-top: 10px;
}*/

.LoginButtonQIASS {
    background: #28a7e2 !important;
    background: rgb(156,212,190) !important;
    background: linear-gradient(175deg, rgba(156,212,190,1) 0%, rgba(18,158,183,1) 35%, rgba(6,85,163,1) 100%) !important;
    color: #FFF !important;
    border: none !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    padding: 4px 0px !important;
    width: 50% !important;
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    margin: 0 auto !important;
    border-radius: 6px !important;
    margin-top: 10px !important;
}


.LoginButton {
    background: #7c6df6;
    background-image: none;
    color: #FFF;
    border: none;
    font-size: 18px;
    font-weight: 400;
    padding: 4px 0px;
    width: 50%;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    margin: 0 auto;
    border-radius: 6px !important;
    margin-top: 10px;
    width: 100%;
}

.LoginButton:hover {
    background: #a250dc;
}
/*Rev1.0*/
.downsideLogo {
    width: 10%;
    padding: 5px;
    border-radius: 5px;
}
/*Rev1.0*/
/*.AnvinPoweredbyDiv {
    text-align: center;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    position: absolute;
    color: #fff;
    width: 100%;
    bottom: -46px;
    gap: 15px;
}*/

.AnvinPoweredbyDivQIASS {
    text-align: center !important;
    font-weight: 600 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 10px !important;
    position: absolute !important;
    color: #fff !important;
    width: 100% !important;
    bottom: -46px !important;
    gap: 15px !important;
}


.AnvinPoweredbyDiv {
    text-align: center;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    position: relative;
    color: #585252;
    width: 100%;
    bottom: 0px;
    gap: 15px;
}

.whitePatchLogoAnvin {
    background-color: white;
    padding: 5px;
    width: 100px;
    border-radius: 3px;
}
/*Rev1.0*/
.adlerTopLogoRight img {
    /*margin: initial;*/
 width: 125px;
}
input[required] {
    background-color: #ffffff;
}
.modal-header-company-selection {
    padding: 9px 15px;
    background-image:url(../../Images/PopupHeaderBG.png);
    background-repeat:no-repeat;
    background-size:cover;
}


.skin-1 .modal-header-company-selection {background-image:url(../../Images/PopupHeaderBGSk1.png);}
.skin-2 .modal-header-company-selection {background-image:url(../../Images/PopupHeaderBGSk2.png);}
.skin-3 .modal-header-company-selection {background-image:url(../../Images/PopupHeaderBGSk3.png);}
.skin-4 .modal-header-company-selection {background-image:url(../../Images/PopupHeaderBGSk4.png);}
.policyandTerms {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    font-weight: 11px;
}

.policyandTerms .links {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row;
    padding: 5px;
}

.policyandTerms .links div {
    padding: 0px 10px;
}

.policyandTerms .links div:last-child {
    border-left: 1px gray solid;
}

.policyandTerms .links div a {
    transition: all ease-in-out 0.5s linear;
    color: #001f47;
}

.policyandTerms .links div a:hover {
    color: #fff;
}

.policyandTerms .copyRightsTXT {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row;
}
@media only screen and (min-width:820px) And (max-width:1024px) {
.loginpagelayout {padding-right:0px;justify-content:center;}
.loginCtrlbase {width:50%;}
.loginCtrlbase {width:75%;}
}


@media only screen and (min-width:768px) And (max-width:820px) {
.loginpagelayout {padding-right:0px;justify-content:center;}
.loginCtrlbase {width:75%;}
}

@media only screen and (min-width:450px) And (max-width:768px) {
.loginpagelayout {padding-right:0px;justify-content:center;align-items: start;}
.loginCtrlbase {width:50%;}
.loginPageInnerWrapper{flex-flow:column-reverse}
.loginPageInnerWrapper .screenLeftSide {width: 75%;justify-content: center;align-items: center;}
.loginPageInnerWrapper .screenRightSide{width: 100%;}
.adlerTopLogoRight img {margin:0 auto;width: 165px;margin-top:25px}
}

@media only screen and (max-width:450px) {
    .loginpagelayout {
        padding-right: 0px;
        justify-content: center;
       /* background-image: url(../../Images/LoginBG2023Mob.png);*/
        align-items: start;
    }
.loginCtrlbase {
width: 90%;
        margin-top: 35px;
    }


    /* --------------------------- */
    .loginCtrlbase {
        width: 380px;
        background: #fff;
        border-radius: 20px;
        padding: 30px;
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        position: relative;
        z-index: 1; /* card stays on top */
    }

        .loginCtrlbase::after {
            content: '';
            width: 397px;
            height: 444px;
            background: linear-gradient(135deg, #fff, #cfd9ff);
            /* filter: blur(2px); */
            opacity: 0.1;
            position: absolute;
            border-radius: 12px;
            top: -15px;
            left: -9px;
            z-index: -1;
        }

        .loginCtrlbase::before {
            content: '';
            width: 399px;
            height: 451px;
            background: linear-gradient(135deg, #fff, #cfd9ff);
            filter: blur(2px);
            opacity: 0.1;
            position: absolute;
            border-radius: 20px;
            top: -18px;
            left: -10px;
            z-index: -1;
        }
    /* ---------------------------- */


    .loginPageInnerWrapper {
        width: 95%;
        flex-flow: column-reverse;
    }

    /*.loginPageInnerWrapper .screenLeftSide {
        display: none;
    }*/

    .loginPageInnerWrapper .screenLeftSide {
        display: flex;
        flex-flow: column-reverse;
        width: 100%;
    }

    .NewClientLogoPatchWrapper {
        width: 100%;
        margin-top: 40px;
    }

    .NewClientLogoPatch {
        width: 100%;
        height: 179px;
        background-color: white;
        border-radius: 10px 10px 10px 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }


    .loginPageInnerWrapper .screenLeftSide {
        display: flex;
        flex-flow: column-reverse;
        width: 100%;
    }

    .loginPageInnerWrapper .screenRightSide {
        width: 100%;
}
    .adlerTopLogoRight img {
        margin: 0 auto;
        width: 165px;
        margin-top: 25px
    }

    /*.DownlogoWrapperNormal {
        position: absolute;
        bottom: 55px;
        left: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 0px;
        color: #fff;
        gap: 5px;
    }*/
.DownlogoWrapperNormal {
        position: absolute;
        bottom: 0px !important;
        left: 0px;
        display: flex;
        justify-content: center !important;
        align-items: center !important;
        padding-left: 0px !important;
        background-color: white;
        height: 50px;
        color: #fff;
        gap: 5px;
    }

    .downsideLogo {
        width: 25%;
        padding: 5px;
        border-radius: 5px;
    }
/*Rev1.0*/

}