body {
    /*background-image: url('../images/anoma-backgroundlogin.png') !important;*/
    background-repeat: no-repeat;
    background-size: 93% 94%;
    background-color: #05163A;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: Montserrat;
    height: 100vh;
    background-position: center;
}

.container-box {
    font-family: Montserrat;
}

#labelpsw {
    padding-left: 1.2%;
}
/* For mobile devices */
@media (min-width: 768px) and (max-width: 1023px) {
    body {
        background-size: 96% 60%;
    }

    .container-box {
        width: 54%;
        height: auto;
        background: #ffffff;
        border-radius: 8px;
        padding: 5px;
    }

    .img-div {
        display: none;
    }

    .form-container .logo-img {
        height: 94px;
        width: 147px;
        padding: 20px;
    }

    .form-container {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 375px;
        position: relative;
    }
    .menuuser .messageAlert {
        right: 93px !important;
        position: absolute;
        top: 27px;
        font-size: 16px;
    }
    .menuuser .notificationAlert {
        right: 65px !important;
        position: absolute;
        top: 27px;
        font-size: 16px;
    }
    #Userprofilemenu{
        margin-top:-46px!important;
        padding:0px;
    }
    #menuuser .dot {
        height: 19px;
        width: 19px;
    }
    }

@media (min-width: 1368px) and (max-width: 1930px) {
    #menuuser .dot {
        height: 23px;
        width: 23px;
    }
        .menuuser .messageAlert {
        position: absolute;
        right: 115px;
        top: 27px;
        font-size: 16px;
    }

    .menuuser .notificationAlert {
        position: absolute;
        right: 75px;
        top: 27px;
        font-size: 16px;
    }
    body {
        background-size: 93% 94%;
    }

    .container-box {
        width: 54%;
        height: auto;
        background: #ffffff;
        border-radius: 8px;
        padding: 5px;
    }

    .img-div {
        background-image: url('../images/login-image.png') !important;
        /* background-position: center center; */
        background-repeat: no-repeat;
        /* background-attachment: fixed; */
        background-size: 100% 100%;
        height: 627px;
    }

    .form-container {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 627px;
        position: relative;
    }

        .form-container .logo-img {
            height: 100px;
            width: 200px;
            padding: 20px;
        }
}

@media (min-width: 1281px) and (max-width: 1367px) {
    #menuuser .dot {
        height: 23px;
        width: 23px;
    }
        .menuuser .messageAlert {
        position: absolute;
        right: 115px;
        top: 27px;
        font-size: 16px;
    }

    .menuuser .notificationAlert {
        position: absolute;
        right: 75px;
        top: 27px;
        font-size: 16px;
    }
    body {
        background-size: 80% 97%;
    }

    .container-box {
        width: 47%;
        height: auto;
        background: #ffffff;
        border-radius: 8px;
        padding: 5px;
    }

    .img-div {
        background-image: url('../images/login-image.png') !important;
        /* background-position: center center; */
        background-repeat: no-repeat;
        /* background-attachment: fixed; */
        background-size: 100% 100%;
        height: 375px;
    }

    .form-container {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 375px;
        position: relative;
        padding-left: 0%;
    }

        .form-container .logo-img {
            height: 62px;
            width: 137px;
        }
}

@media (min-width: 1024px) and (max-width: 1280px) {
    #menuuser .dot {
        height: 23px;
        width: 23px;
    }
    .menuuser .messageAlert {
        position: absolute;
        right: 115px;
        top: 27px;
        font-size: 16px;
    }

    .menuuser .notificationAlert {
        position: absolute;
        right: 75px;
        top: 27px;
        font-size: 16px;
    }
    body {
        background-size: 93% 56%;
    }

    .container-box {
        width: 54%;
        height: auto;
        background: #ffffff;
        border-radius: 8px;
        padding: 5px;
    }

    .img-div {
        background-image: url('../images/login-image.png') !important;
        /* background-position: center center; */
        background-repeat: no-repeat;
        /* background-attachment: fixed; */
        background-size: 100% 100%;
        height: 467px;
    }

    .form-container {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 467px;
        position: relative;
        padding-left: 0%;
    }

        .form-container .logo-img {
            height: 72px;
            width: 125px;
            padding: 10px;
        }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    #menuuser .dot {
        height: 23px;
        width: 23px;
    }
    .menuuser .messageAlert {
        position: absolute;
        right: 115px;
        top: 27px;
        font-size: 16px;
    }

    .menuuser .notificationAlert {
        position: absolute;
        right: 75px;
        top: 27px;
        font-size: 16px;
    }
    body {
        background-size: 93% 94%;
    }

    .container-box {
        width: 54%;
        height: auto;
        background: #ffffff;
        border-radius: 8px;
        padding: 5px;
    }

    .img-div {
        background-image: url('../images/login-image.png') !important;
        /* background-position: center center; */
        background-repeat: no-repeat;
        /* background-attachment: fixed; */
        background-size: 100% 100%;
        height: 437px;
    }

    .form-container .logo-img {
        height: 71px;
        width: 122px;
        padding: 10px;
    }

    .form-container {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 437px;
        position: relative;
        padding-left: 0%;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    #menuuser .dot {
        height: 23px;
        width: 23px;
    }
    .menuuser .messageAlert {
        position: absolute;
        right: 115px;
        top: 27px;
        font-size: 16px;
    }

    .menuuser .notificationAlert {
        position: absolute;
        right: 75px;
        top: 27px;
        font-size: 16px;
    }
    body {
        background-size: 96% 60%;
    }

    .container-box {
        width: 54%;
        height: auto;
        background: #ffffff;
        border-radius: 8px;
        padding: 5px;
    }

    .img-div {
        display: none;
    }

    .form-container .logo-img {
        height: 65px;
        width: 105px;
        padding: 10px;
    }

    .form-container {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 320px;
        position: relative;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    #menuuser .dot {
        height: 23px;
        width: 23px;
    }
    .menuuser .messageAlert {
        position: absolute;
        right: 115px;
        top: 27px;
        font-size: 16px;
    }

    .menuuser .notificationAlert {
        position: absolute;
        right: 75px;
        top: 27px;
        font-size: 16px;
    }
    body {
        background-size: 98% 66%;
    }

    .container-box {
        width: 54%;
        height: auto;
        background: #ffffff;
        border-radius: 8px;
        padding: 5px;
    }

    .img-div {
        display: none;
    }

    .form-container .logo-img {
        height: 49px;
        width: 77px;
        padding: 4px;
    }

    .form-container {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 320px;
        position: relative;
    }
}
/*.container-box {
    width: 54%;
    background: #ffffff;
    border-radius: 8px;
    padding: 5px;
}*/
.form-div {
    width: 80%;
}

    .form-div h3 {
        border-bottom: 1px solid #ccc;
        font-weight: 600;
        font-size: 20px;
    }

    .form-div [type="checkbox"]:not(:checked) + label:before {
        top: 0px;
        width: 19px;
        height: 19px;
        border: 1px solid #ccc;
        border-radius: 3px;
    }

    .form-div [type="checkbox"]:not(:checked) + label:after {
        top: 0px;
        width: 19px;
        height: 19px;
        border: 1px solid #ccc;
        border-radius: 3px;
    }

    .form-div [type="checkbox"]:checked + label:after {
        top: 0px;
        width: 19px;
        height: 19px;
        border: 1px solid #ccc;
        border-radius: 3px;
    }

    .form-div [type="checkbox"]:checked + label:before {
        top: 0px;
        width: 19px;
        height: 19px;
        border: 1px solid #ccc;
        border-radius: 3px;
    }

#loginid .k-button {
    width: 100% !important;
}

.form-div .form-group {
    position: relative;
}

.form-div input .textbox {
    width: 100%;
    padding: 5px;
    border-radius: 4px;
    box-shadow: unset;
    outline: none;
    margin-bottom: 10px;
}

.form-div .icon-Username {
    position: absolute;
    top: 10px;
    right: 5px;
}

.keepSigned {
    padding-top: 10px;
}

.form-div .icon-password {
    position: absolute;
    top: 10px;
    right: 5px;
}

.form-container .logo-img {
    position: absolute;
    top: 0;
    right: 20px;
}

.form-container .k-primary {
    background-color: #36A693;
    border-radius: 5px;
    color: #FFFFFF;
}

.form-container .feedback-icon {
    font-size: 14px;
    height: 50px;
    width: 100px;
    padding: 20px;
    color: darkgray;
    position: absolute;
    bottom: 0;
    right: 20px;
}

.footer {
    position: absolute;
    /* float: right; */
    bottom: 10px;
    right: 10px;
}
/*New Css Ends*/

.full-height {
    height: 100vh;
}

.carousel,
.carousel-inner,
.carousel-item {
    height: 100%;
}

.custom-height
{
    object-fit:cover;
}

.carousel-item img {
    margin-left: -14px;
}

#loginbtn {
    background-color: #198AB3; /* Blue background */
    color: white; /* White text */
    font-weight: bold; /* Bold text */
    font-size: 18px; /* Slightly larger */
    font-family: 'Segoe UI', sans-serif; /* Font style */

    min-height: 34px; /* Button height */
    padding: 0 2rem; /* Horizontal padding */

    border: 1px solid #ccc; /* Remove border */
    border-radius: 8px; /* Fully rounded sides */

    display: inline-flex; /* Center text vertically */
    align-items: center;
    justify-content: center;
    text-transform: none; /* Prevent uppercase */
    cursor: pointer; /* Pointer on hover */
    box-shadow: none;
}