.dxpc-mainDiv {
    border-radius: 25px;
}

.dxpcLite_UGITGreenDevEx {
    width: 50% !important;
    left: 25% !important;
}

.right-image-bg {
    background-image: linear-gradient(#182D36 105%, #010102);
}

.imageClass {
    width: 50vw;
    height: 100vh;
    float: left;
    object-fit: cover;
}

.imageClass-1 {
    background-image: linear-gradient(#182D36 105%, #010102);
    height: 100vh;
}

.nopadding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.logo-img.header-logo {
    width: 30%;
    /*height: 30%;*/
    margin-top: 15%;
    margin-left: 36%;
}

@media only screen and (max-width: 280px) {
    .dxpcLite_UGITGreenDevEx {
        width: 80% !important;
        left: 6% !important;
    }
}

@media only screen and (min-width: 281px) and (max-width: 575px) {
    .dxpcLite_UGITGreenDevEx {
        width: 73% !important;
        left: 11% !important;
    }

    .logo-img.header-logo {
        margin-top: 18%;
        width: 50%;
        margin-left: 26%;
    }
}
@media only screen and (min-width: 576px) {
    .logo-img.header-logo {
        margin-top: 18%;
    }
}
@media only screen and (min-width: 576px) and (max-height: 800px) {
    .logo-img.header-logo {
        width: 30%;
        height: 30%;
        margin-top: 7%;
        margin-left: 36%;
    }

    .imageClass {
        height: 100vh;
    }

    .imageClass-1 {
        background-image: linear-gradient(#182D36 105%, #010102);
        height: 100vh;
    }
}

@media only screen and (max-width: 991px) {
    .imageClass {
        /*width: 51vw;
        height: 100vh;*/
        display: none;
    }
}

label {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
}

.forgetPwdLink a {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    color: gray !important;
    text-decoration: underline;
}

.dxpc-headerText {
    font-family: 'Roboto', sans-serif !important;
    font-size: 25px !important;
}

.dxpc-headerContent {
    text-align: center;
}

.primary-LoginBtn {
    float: right;
    background: #6BA538 !important;
    color: #FFF;
    border-radius: 10px !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500;
    padding: 5px 8px !important;
    width: auto !important;
    flex:1;
}

.loginHeader {
    display: none;
}

.dxTheme-UGITGreenDevEx {
    padding-top: 0px !important;
}

body {
    overflow: hidden; /* Hide scrollbars */
}