.login-card .login-main {
    /* width: 450px; */
    max-width: 450px;
    padding: 15px 40px;
    border-bottom-right-radius: 4rem;
    border-top-left-radius: 4rem;
    box-shadow: 0 0 37px rgb(4 24 94 / 46%) !important;
    margin: 0 auto;
    background-color: #fff;
    border-style: solid;
    border-color: #ff6600;
    max-width: 25rem;
}

.btn-primary {
    background-color: #fecf4a !important;
    color: black !important;
}

form {
    margin: 0px;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

.bg {
    background-image: url('assets/loginassets/white.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh !important;
}

.swal2-popup {
    background-color: white !important;
}

.col-form-label {
    color: blue;
    font-weight: 500;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.input-group > input {
    border-left: none !important;
}

.input-group-text {
    border-color: black !important;
    color: firebrick !important;
}

.SideImage {
    width: 60%;
    height: 60%;
    margin-top: 10vh;
    position: center;
    image-orientation: inherit;
}

.TopImage {
    vertical-align: top;
    text-align: center;
    padding-top: 4vh;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 25%;
}

.login-card1 {
    padding-top: 0px !important;
    margin-top: -80px !important;
}

.SideImage {
    width: 85% !important;
}

.classKey {
    font-weight: bold;
    font-size: 1rem;
}