body {
    height: 100vh;
    /*overflow: hidden;*/
    /*background-image: url('../employee/images/login-landing-bg.jpg');
    background-repeat: no-repeat;*/
    opacity: 0.9;
    background-size: 100%;
    font-family: 'Verdana';
}

.force_p_1 {
    padding: 10px !important;
}

.force-m-a-1 {
    margin: 10px;
}

@media all {

    .NarrowMarginTop40 {
        margin-top: 0 !important;
    }

    .fluidLogo2 {
        width: auto;
    }

    .fluidLogo {
        display: none;
    }

    .tenantLogo {
        margin-top: 45vh;
        /*width: 10%;
            height: 5%;*/
        /*padding-top:5%;*/
        padding: 1%;
        background-color: #fff;
    }

    .ButtonHelper {

    }

    .imgContent {
        height: 100vh;
        /*background-color: #ffa631;*/
        background-color: #C60521 !important;
        /*background-image: linear-gradient(to right, #f99e33, #fff9f2);*/
        text-align: center;
        /*transform:rotate(10deg);*/
    }

    .inputContainer {
        margin-top: 30vh;
    }

    .rowContainer {
        margin-top: 2%;
        margin-bottom: 2%;
    }

    .ddlBtn {
        width: 100%;
    }

    .btnSendOTP {
        float: right;
        background-color: #e6e6e6;
        border-color: #adadad;
        font-weight: bold;
    }

    .btnReSendOTP {
        float: right;
        background-color: #e6e6e6;
        border-color: #adadad;
        font-weight: bold;
    }

    .rightContainer {
        background-color: #f9ecdb;
        /*background-image: linear-gradient(to right, #f99e33, #fff9f2);*/
        height: 100vh;
    }

    .rightLabel {
        /*color: #494847;*/
        color: #2e2a2a;
        margin-left: 5rem;
        font-size: smaller;
    }

    .errorLbl {
        color: red;
        font-weight: 200;
        display: none;
    }

    .errorLblTimer {
        color: red;
        font-weight: 200;
    }

    .btnSubmit {
        /*background-color: #f99e33;
            border-color: #adadad;*/
        background-color: #e6e6e6;
        border-color: #adadad;
        font-weight: bold;
    }

    .submitContainer {
        margin-top: 5%;
        text-align: center;
    }

    .OTPCountdownText {
        margin-left: 5%;
        /*color: white;*/
        color: #2e2a2a;
    }

    .loginbutton {
        margin-top: 1vh;
    }

    #btnBackToLogin {
        /*background-color: #ffa631;*/
        background-color: #C60521 !important;
        text-align: center;
        font-weight: bold;
        color: white;
    }

    .btnSubmit:hover {
        /*background-color: #4CAF50;
            border-color: #adadad;*/
        /*background-color: #4CAF50;*/
        background-color: #ffa631;
        border-color: #adadad;
        font-weight: bold;
    }

    .btnSendOTP:hover {
        float: right;
        background-color: #ffa631;
        border-color: #adadad;
        font-weight: bold;
    }

    .CenterAlign {
        padding: 10px;
        margin-top: 30vh;
    }
    .btnReSendOTP:hover {
        float: right;
        /*background-color: #66a3ff;
            border-color: #adadad;*/
        background-color: #66a3ff;
        border-color: #adadad;
        font-weight: bold;
    }

    #btnBackToLogin:hover {
        color: white;
        text-align: center;
        font-weight: bold;
    }
}

@media only screen and (max-width: 800px) {
    .NarrowMarginTop40 {
        margin-top: 40px !important;
    }

    .fluidLogo2 {
        width: 90%;
        padding-top: 8px;
        display: block;
    }

    .fluidLogo {
        width: 90%;
        padding-top: 8px;
        display: block;
    }

    .userDetailsContainer {
    }


    .tenantLogo {
        margin-top: 45vh;
        /*width: 10%;
            height: 5%;*/
        /*padding-top:5%;*/
        padding: 1%;
        background-color: #fff;
    }

    .imgContent {
        height: 0;
        display: none;
        /*background-color: #ffa631;*/
        background-color: #C60521 !important;
        /*background-image: linear-gradient(to right, #f99e33, #fff9f2);*/
        text-align: center;
        /*transform:rotate(10deg);*/
        width: 0%;
    }

    .inputContainer {
        margin-top: 30%;
    }

    .rowContainer {
        margin-top: 2%;
        margin-bottom: 2%;
    }

    .ddlBtn {
        width: 100%;
    }

    .btnSendOTP {
        float: right;
        background-color: #e6e6e6;
        border-color: #adadad;
        font-weight: bold;
    }

    .btnReSendOTP {
        float: right;
        background-color: #e6e6e6;
        border-color: #adadad;
        font-weight: bold;
    }

    .rightContainer {
        background-color: #f9ecdb;
        /*background-image: linear-gradient(to right, #f99e33, #fff9f2);*/
        height: 100vh;
        width: 100% !important;
        float: none !important;
    }

    .CenterAlign {
        padding: 10px;
        margin-top: 0;
    }

    .ButtonHelper {
        width: 100%
    }

    .rightLabel {
        /*color: #494847;*/
        color: #2e2a2a;
        margin-left: 0;
        font-size: smaller;
    }

    .errorLbl {
        color: red;
        font-weight: 200;
        display: none;
    }

    .errorLblTimer {
        color: red;
        font-weight: 200;
    }

    .btnSubmit {
        /*background-color: #f99e33;*/
        background-color: #e6e6e6;
        border-color: #adadad;
        font-weight: bold;
    }

    .submitContainer {
        margin-top: 5%;
        text-align: center;
    }

    .OTPCountdownText {
        margin-left: 5%;
        /*color: white;*/
        color: #2e2a2a;
    }

    .loginbutton {
        margin-top: 1vh;
    }

    #btnBackToLogin {
        /*background-color: #ffa631;*/
        background-color: #C60521 !important;
        text-align: center;
        font-weight: bold;
        color: white;
    }

    .btnSubmit:hover {
        /*background-color: #4CAF50;
            border-color: #adadad;*/
        /*background-color: #4CAF50;*/
        background-color: #ffa631;
        border-color: #adadad;
        font-weight: bold;
    }

    .btnSendOTP:hover {
        float: right;
        background-color: #ffa631;
        border-color: #adadad;
        font-weight: bold;
    }

    .btnReSendOTP:hover {
        float: right;
        /*background-color: #66a3ff;
            border-color: #adadad;*/
        background-color: #66a3ff;
        border-color: #adadad;
        font-weight: bold;
    }

    #btnBackToLogin:hover {
        color: white;
        text-align: center;
        font-weight: bold;
    }
}