.login-page{
	width: 100vw;
    height: 94vh;
    position: absolute;
    padding: 0 !important;
}
.login-group{
	float: left;
    width: 50vw;
    background-color: #000;
    height: 100vh;
    text-align: center;
    font-size: 1vw !important;
    line-height: 2vw !important;
}
.sign-in-form{
	float: left;
    width: 50vw;
}
#content{
	width: 100vw !important;
    margin-left: 0vw !important;
    margin-right: 0vw !important;
    margin-top: 0vw !important;
    height: 100vh !important;
    overflow: hidden !important;
}
.portlet-content{
	padding: 0vw !important;
}
img.login-group-img {
    width: 55vw;
    height: 50vh;
}
.great-to-see-you{
    color: #FFFFFF;
    font-family: Montserrat;
    font-size: 3.85vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 4.9vw;
    display: block;
    padding-left: 11vw;
    padding-right: 6vw;
    padding-top: 2.5vw;
    text-align: left;
    padding-bottom: 2.5vw;
}

div#top-bar {
    display: none;
}
#wrapper {
    padding: 0vw 0 0 0 !important;
    position: relative;
}
.pg-logo-img{
    width: 10vw;
    float: right;
    padding-top: 3vw;
    padding-right: 2vw;
}
label[for=_58_login] {
    display: none;
}

label[for=_58_password] {
    display: none;
}
.clearable {
    border: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border-bottom: 0.1vw solid #979797 !important;
    box-shadow: none !important;
    outline: none !important;
    height: 3.5vw !important;
    padding: 0vw 0.462vw !important;
    margin-bottom: 0.77vw !important;
    line-height: 2vw !important;
    border-radius: 0.2vw !important;
    width: 30vw !important;
    margin-left: 9vw !important;
    margin-right: 0vw !important;
    padding-bottom: 0.3vw !important;
    padding-top: 1.16vw !important;
    padding-left: 4.597vw !important;
    color: #000 !important;
    font-family: Lato !important;
    font-size: 1.1vw !important;
    font-style: normal;
    letter-spacing: 0;
}
.portlet-login .form fieldset {
    margin-top: 4vw;
}
/* .required {
    display: none;
} */
::placeholder{
	color: #9B9B9B;
    font-family: Lato;
    font-size: 1.3vw;
    font-style: normal;
    letter-spacing: 0;
    line-height: 2vw;
}

img.user_svg {
    position: relative;
    margin-left: 9.995vw;
    top: 2.9vw;
    height: 1.39vw;
    width: 1.39vw;
}
.clearable-pswd {
    border: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border-bottom: 0.1vw solid #979797 !important;
    box-shadow: none !important;
    outline: none !important;
    width: 30vw !important;
    height: 3.5vw !important;
    padding: 0vw 0.462vw !important;
    margin-bottom: 0.77vw !important;
    line-height: 2vw !important;
    border-radius: 0.2vw !important;
    margin-left: 9vw !important;
    margin-right: 0vw !important;
    padding-bottom: 0.3vw !important;
    padding-top: 1.16vw !important;
    padding-left: 4.597vw !important;
    color: #000 !important;
    font-family: Lato !important;
    font-size: 1.1vw !important;
    font-style: normal;
    letter-spacing: 0;
}

label[for="_58_rememberMeCheckbox"] {
    margin-left: 10vw;
    color: #9B9B9B;
    font-family: Lato;
    font-size: 1vw;
    letter-spacing: 0;
    line-height: 1.5vw;
}
/* a#_58_rjus_null_null {
    display: none;
} */
#_58_ctvk_null_null {
    font-family: Lato;
    font-size: 1.2vw;
    font-style: normal;
    letter-spacing: 0;
    line-height: 2.9vw;
}
img#ctvk_null_null {
    background-image: none !important;
}
input.remember-me:checked:before{
    background-color: transparent !important;
    height: 1.386vw;
    width: 1vw !important;
    position: relative;
    padding-left: 0.077vw;
    top: 0.1vw;
    font-size: 1vw;
    font-weight: 700;
    left: 0.15vw;
    content: "\2713";
    color: #000 !important;
    display: block;
    border-radius: 0.2vw !important;
    border: 0px solid #c8c8c8;
}
input.remember-me {
    box-sizing: border-box;
    height: 1.386vw !important;
    width: 1.386vw !important;
    border: 0.1vw solid #c8c8c8;
    border-radius: 0.2vw;
    background-color: transparent!important;
    -webkit-appearance: none !important;
    position: relative;
    outline: none !important;
    left: 0vw;
    line-height: 1vw !important;
    margin-top: 0 !important;
    margin-right: 0.5vw !important;
}
.login-pg {
    height: 3.93vw !important;
    width: 16.4vw !important;
    background-color: #EABC56 !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    color: #000 !important;
    background-image: none !important;
    font-family: Montserrat !important;
    font-size: 1.82vw !important;
    font-weight: 500 !important;
    letter-spacing: 0;
    line-height: 3vw !important;
    text-align: center !important;
    margin-left: 17vw !important;
    margin-top: 4.47vw !important;
    text-shadow: none !important;
}
div#backbtn {
    display: none;
}

.login-pg:hover {
    background-color: #9DD283 !important;
}
img.company_logo {
    width: 100vw;
}
.google_mail {
    width: 14.38vw;
    display: block;
    padding-top: 1.54vw;
    text-align: center;
}

.or-use-social-media {
    color: #9B9B9B;
    font-family: Montserrat;
    font-size: 1.39vw;
    letter-spacing: 0;
    line-height: 1.9vw;
    text-align: center;
}
.google_mail a img {
    margin-left: 1vw;
}
ul>div:last-child {
    position: absolute;
    margin-left: 18vw !important;
    margin-top: 10vw !important;
}
/* ul.taglib-icon-list> div:not(:first-child):not(:last-child) {
    position: absolute;
    margin-left: 30vw;
    margin-top: -1.98vw;
} */

div.navigation div:not(:first-child):not(:last-child) {
    position: absolute;
    margin-left: 62.5%;
    margin-top: -5.2%;
}
ul.taglib-icon-list> div:not(:first-child):not(:last-child) {
    position: absolute;
    margin-left: 62.5%;
    margin-top: -3.7%;
}

div.navigation .forgot_pass:last-child {
    position: absolute;
    margin-left: 18vw;
    margin-top: 10vw;
}

div.navigation .forgot_pass:nth-of-type(2) {
    position: absolute;
    margin-left: 62.5%;
    margin-top: -5.2%;
}


.forgot_pass:nth-of-type(1) {
    display: none;
}
.forgot_pass:nth-of-type(2) img {
    display: none;
}
.forgot_pass:nth-of-type(2) span {
    font-family: Lato !important;
    font-size: 1vw !important;
    font-style: normal !important;
    letter-spacing: 0 !important;
    color: #3C7EBC !important;
    line-height: 3vw !important;
}
.portlet-login .alert.alert-success {
    position: absolute !important;
    width: 26vw !important;
    display: block;
    z-index: 1;
    margin-left: 10vw;
    left: 49.97vw;
    top: 3.1vw;
    padding: 0.67vw 2.7vw 0.67vw 1.1vw !important;
    border-radius: 0.2vw !important;
    margin-bottom: 1.54vw !important;
    text-shadow: 0 0.1vw 0 rgba(255,255,255,0.5) !important;
    border: 0.1vw solid #bce830 !important;
    line-height: 1vw !important;
    font-size: 1.1vw !important;
}
/* .login-group .alert.alert-error {
    position: absolute !important;
    margin-top: 3% !important;
    width: 50% !important;
} */

.alert.alert-error {
    position: absolute;
    /* margin-top: -7%; */
    width: 26vw;
    margin-left: 9vw;
}
.login-page .alert.alert-error {
    margin-top: 2.95vw;
    padding: 0.67vw 2.7vw 0.67vw 1.1vw !important;
    border-radius: 0.2vw !important;
    margin-bottom: 1.54vw !important;
    text-shadow: 0 0.1vw 0 rgba(255,255,255,0.5) !important;
    border: 0.1vw solid #fcaca5 !important;
    line-height: 1vw !important;
    font-size: 0.9vw !important;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s !important;
    -webkit-box-shadow: 0 0 0 1000px #000 inset !important;
    -webkit-text-fill-color: black !important;
    caret-color: black !important;
    box-shadow: inset 0 1px 1px transparent !important;
}
.login-page form {
    margin: 0 !important;
}
.control-group.success {
    margin-bottom: 0.77vw;
}
.login-page .control-group {
    margin-bottom: 0.77vw;
}
.login-page .control-label {
    margin-bottom: 0.39vw;
}
.login-page .navigation {
    padding: 0.77vw;
    margin-top: -3.6vw;
    margin-left: -1.16vw;
    height: 1.925vw;
    width: 26.95vw;
}
ul.taglib-icon-list.unstyled {
    margin-top: -0.77vw !important;
    height: 1.925vw !important;
    width: 26.95vw !important;
}
.login-page li {
    line-height: 2vw;
    margin-right: 1.09vw;
}
img#rjus_null_null {
    margin-top: -4.47vw !important;
}
input#_58_password {
    height: 1.54vw;
    padding: 0vw 0.462vw;
    margin-bottom: 0.77vw;
    line-height: 2vw;
    border-radius: 0.2vw;
    vertical-align: middle;
}.aui .radio, .aui .checkbox {
    min-height: 1vw;
    padding-left: 20px;
}
.login-page button.btn.login-pg.btn-primary {
    padding: 0.31vw 0.93vw;
    margin-bottom: 0;
}
.login-page fieldset.fieldset {
    font-size: 1.1vw;
    line-height: 1.2vw;
}
.login-page label.control-label {
    font-size: 1vw;
    font-weight: normal;
    line-height: 1.2vw;
}
.login-page .form-validator-stack.help-inline {
    padding-left: 0.39vw;
}
.login-page input#_58_rememberMe {
    margin-left: 0vw;
    width: 15.86vw;
    font-size: 1.1vw;
    font-weight: normal;
    line-height: 1.5vw;
}
.login-page input#_58_rememberMeCheckbox {
    margin-right: 0.231vw;
    font-size: 1.1vw;
}
.login-page .button-holder {
    margin-bottom: 0.701vw !important;
    margin: 1.54vw 0;
}
img#suxb_null_null {
    height: 2.47vw;
    width: 2.47vw;
}
.login-page input[type="hidden"] {
    font-size: 1vw !important;
    font-weight: normal;
    line-height: 2vw !important;
    width: 15.859vw;
}
.padlock {
    height: 1.8vw !important;
    width: 1.5vw !important;
}
img#suxb_column1_0 {
    height: 2.464vw;
    width: 2.464vw;
}
.google_mail img{
    height: 2.47vw !important;
    width: 2.47vw !important;
}

.form-login {
    padding: 0 !important;
}
@media (max-width: 979px) {
html {
    overflow-y: hidden !important;
}
}
@media (max-width: 767px) {
.signed-out {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
}

 @media only screen and (max-width: 767px) {
    div.navigation div:not(:first-child):not(:last-child) {
        position: absolute;
        margin-left: 64%;
        margin-top: -4.8%;
    }
    .great-to-see-you {
        color: #FFFFFF;
        font-family: Montserrat;
        font-size: 7vw;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 10vw;
        display: block;
        padding-left: 18vw;
        padding-right: 6vw;
        padding-top: 2.5vw;
        text-align: left;
        padding-bottom: 2.5vw;
    }
    .login-group{
        height: auto;
        width: auto;
    }
    img.login-group-img {
        width: 55vw;
        height: 25vh;
    }
    .pg-logo-img {
        width: 20vw;
        position: relative;
        left: 39vw;
        float: none;
    }
    img.user_svg {
        position: relative;
        margin-left: 9.995vw;
        top: 2.9vw;
        height: auto !important;
        width: auto !important;
    }
    .clearable {
        border: none !important;
        background-color: transparent !important;
        background-image: none !important;
        border-bottom: 0.1vw solid #979797 !important;
        box-shadow: none !important;
        outline: none !important;
        height: auto !important;
        padding: 0vw 0.462vw !important;
        margin-bottom: 0.77vw !important;
        line-height: 5vw !important;
        border-radius: 0.2vw !important;
        width: 82% !important;
        margin-left: 9vw !important;
        margin-right: 0vw !important;
        padding-bottom: 0.5vw !important;
        padding-top: 0vw !important;
        padding-left: 8.597vw !important;
        color: #000 !important;
        font-family: Lato !important;
        font-size: 5.1vw !important;
        font-style: normal;
        letter-spacing: 0;
        bottom: 2vw;
        position: relative;
    }
    
    .clearable-pswd {
        border: none !important;
        background-color: transparent !important;
        background-image: none !important;
        border-bottom: 0.1vw solid #979797 !important;
        box-shadow: none !important;
        outline: none !important;
        height: auto !important;
        padding: 0vw 0.462vw !important;
        margin-bottom: 0.77vw !important;
        line-height: 5vw !important;
        border-radius: 0.2vw !important;
        width: 82% !important;
        margin-left: 9vw !important;
        margin-right: 0vw !important;
        padding-bottom: 0.5vw !important;
        padding-top: 0vw !important;
        padding-left: 8.597vw !important;
        color: #000 !important;
        font-family: Lato !important;
        font-size: 5.1vw !important;
        font-style: normal;
        letter-spacing: 0;
        bottom: 2vw;
        position: relative;
    }
    ::placeholder{
        color: #9B9B9B;
        font-family: Lato;
        font-size: 4vw;
        font-style: normal;
        letter-spacing: 0;
        line-height: 5vw;
        bottom:1vw !important;
        position:relative !important;
    }
    label[for="_58_rememberMeCheckbox"] {
        margin-left: 10vw;
        color: #9B9B9B;
        font-family: Lato;
        font-size: 4vw;
        letter-spacing: 0;
        line-height: 1.5vw;
        padding-left: 4vw !important;
        bottom: 2vw;
    }
    input.remember-me {
        box-sizing: border-box;
        height: 3.386vw !important;
        width: 3.386vw !important;
        border: 0.1vw solid #c8c8c8;
        border-radius: 0.2vw;
        background-color: transparent!important;
        -webkit-appearance: none !important;
        position: relative;
        outline: none !important;
        left: 0vw;
        line-height: 1vw !important;
        margin-top: 0 !important;
        bottom: -1vw;
    }
    input.remember-me:checked:before {
        background-color: transparent !important;
        height: 3.386vw;
        width: 3vw !important;
        position: relative;
        padding-left: 0.077vw;
        top: 1.01vw;
        font-size: 3vw;
        font-weight: 700;
        left: 0.07vw;
        content: "\2713";
        color: #000 !important;
        display: block;
        border-radius: 0.2vw !important;
        border: 0px solid #c8c8c8;
    }
    .login-page fieldset.fieldset {
        font-size: 2.2vw;
        line-height: 1.2vw;
    }
    ul.taglib-icon-list> div:not(:first-child):not(:last-child) {
        position: absolute;
        margin-left: 66%;
        margin-top: -3.5%;
    }
    .forgot_pass:nth-of-type(2) span {
        font-family: Lato !important;
        font-size: 3.5vw !important;
        font-style: normal !important;
        letter-spacing: 0 !important;
        color: #3C7EBC !important;
        line-height: 4vw !important;
    }
    .login-pg {
        height: 10.93vw !important;
        width: 63vw !important;
        background-color: #EABC56 !important;
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
        color: #000 !important;
        background-image: none !important;
        font-family: Montserrat !important;
        font-size: 5vw !important;
        font-weight: 500 !important;
        letter-spacing: 0;
        line-height: 3vw !important;
        text-align: center !important;
        margin-left: 17vw !important;
        margin-top: 5.47vw !important;
        text-shadow: none !important;
    }
    .portlet-login .form fieldset {
        margin-top: 0vw;
    }
    .or-use-social-media {
        color: #9B9B9B;
        font-family: Montserrat;
        font-size: 4.39vw;
        letter-spacing: 0;
        line-height: 4.9vw;
    }
    ul>div:last-child {
        position: absolute;
        margin-left: 28vw !important;
        margin-top: 20vw !important;
    }
    .google_mail img {
        height: 5.47vw !important;
        width: 5.47vw !important;
    }
    .form-login {
        padding: 0 !important;
    }
    .sign-in-form {
        float: left;
        width: auto;
        padding: 0;
    }
    .login-page {
        width: 100vw;
        height: 100vh !important;
        position: absolute;
        padding: 0 !important;
    }
    .google_mail {
        width: 42.38vw;
        display: block;
        padding-top: 1.54vw;
        text-align: center;
    }
    .required {
        position: relative;
        left: 9vw;
        font-size: 2.7vw;
    }
    .padlock {
        height: 6vw !important;
        width: 5.7vw !important;
    }
    .portlet-login .alert.alert-success {
        position: absolute !important;
        width: 80vw !important;
        display: block;
        z-index: 1;
        margin-left: 10vw;
        left: 0vw;
        /* bottom: 85vw; */
        padding: 1.67vw 2.7vw 1.67vw 1.1vw !important;
        border-radius: 0.2vw !important;
        margin-bottom: 1.54vw !important;
        text-shadow: 0 0.1vw 0 rgba(255,255,255,0.5) !important;
        border: 0.1vw solid #bce830 !important;
        line-height: 3vw !important;
        font-size: 3vw !important;
        /* top: 0 !important; */
        margin-top: 82vw !important;
    }
    .login-page .alert.alert-error {
        margin-top: 4.5vw;
        padding: 1.67vw 2.7vw 1.67vw 1.1vw !important;
        border-radius: 0.2vw !important;
        margin-bottom: 1.54vw !important;
        text-shadow: 0 0.1vw 0 rgba(255,255,255,0.5) !important;
        border: 0.1vw solid #fcaca5 !important;
        line-height: 2vw !important;
        font-size: 3vw !important;
    }
    .alert.alert-error {
        position: absolute;
        /* margin-top: -7%; */
        width: 81vw;
        margin-left: 9vw;
    }
} 





.swal2-styled.swal2-confirm {
    /* border: 0;
    border-radius: 0; */
    background: initial;
    background-color: #7bb160;
    color: #fff;
    font-family: Open Sans;
    font-size: 1.0625em;
}
.swal2-cancel.swal2-styled {
    background-color: #E06967 !important;
    font-family: Open Sans !important;
}
.swal2-title {
    position: relative;
    max-width: 100%;
    margin: 0 0 .4em;
    padding: 0;
    color: #595959;
    font-size: 1.875em;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    word-wrap: break-word;
    font-family: Open Sans;
}
.swal2-modal h2#swal2-title {
    font-size: 1.5vw;
    font-weight: normal;
} 

.swal2-icon.swal2-warning {
    border-color: #F27474;
    color: #F27474;
}
div#swal2-content {
    line-height: 1.35vw;
}
button.swal2-confirm.swal2-styled {
    background: initial;
    background-color: #7bb160;
    color: #fff;
    font-family: Open Sans;
    font-size: 1.0625em;
    width: 6vw;
}
button.swal2-cancel.swal2-styled {
    background-color: #E06967;
    width: 6vw;
}
.swal2-cancel.btn.btn-danger {
    background-color: #E06967;
    width: 6vw;
    background-image: none;
    border: none;
    box-shadow: none;
    outline: none;
    margin-right: 1vw;
}
.swal2-confirm.btn.btn-success {
    background: initial;
    background-color: #7bb160;
    color: #fff;
    font-family: Open Sans;
    font-size: 1.0625em;
    margin-right: 1vw;
    width: 6vw;
    background-image: none;
    border: none;
    box-shadow: none;
    outline: none;
}
.swal2-icon.swal2-info {
    border-color: #F27474;
    color: #F27474;
}

.createLoader {
    border: 6px solid #F3F3F3;
    border-radius: 50%;
    border-top: 6px solid #3498DB;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    }
.createLoader1 {
    border: 6px solid #F3F3F3;
    border-radius: 50%;
    border-top: 6px solid #3498DB;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}


@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}


/* VERIFY ACCOUNT CSS */


#add-tracker-popup{
	background-color: transparent;
	box-shadow: none;
	border: none;
	outline: none;
	width: 100%;
	left: auto;
	margin: auto;
	border-radius: 0;
	height: 100%;
	top: 58vh;
}    

div#add-tracker-popup .modal-dialog {
    width: 31vw;
    border-radius: 0;
    height: 17vw;
}
div#add-tracker-popup .modal-content {
    width: 100%;
    height: 18vw;
    border-radius: 0;
    border: none;
    background-color: #fff !important;
}
div#add-tracker-popup .modal-header {
    background-color: #EABC56;
    padding: 0.5vw 0.8vw;
    min-height: 1vw;
    height: 2.4vw;
}
div#add-tracker-popup .modal-header h4#otpPopupTitle {
    margin: 0;
    font-size: 1.1vw;
    color: #fff;
    font-family: 'Open Sans';
    font-weight: 600;
    line-height: 1.2vw;
}
div#add-tracker-popup .modal-header button.close {
      color: #fff;
      opacity: 1;
      position: relative;
      bottom: 0.4vw;
      font-size: 1.15vw;
      font-weight: 400;
      outline: none;
      box-shadow: none;
      line-height: 2vw;
}
div#add-tracker-popup .modal-footer span {
    color: #2F2F2F;
    font-family: "Open Sans";
    font-size: 0.75vw;
    letter-spacing: 0;
    line-height: 1.5vw;
    position: relative;
    top: 0.2vw;
}
div#add-tracker-popup .modal-body {
   width: 100%;
   padding: 1vw;
   background-color: #fff;
   padding-top: 1vw;
   height: 12vw;
   padding-bottom: 0;
   max-height: 12vw;
   overflow-y: hidden;
}
div#add-tracker-popup .modal-footer {
       background-color: #fff;
       border: none;
       box-shadow: none;
       outline: none;
       padding: 1vw;
       padding-top: 0.6vw;
}
#add-tracker-popup .otpIp{
       margin: 10px 0 0 0;
       text-align: center;
       line-height: 7vw;
       font-size: 0.85vw;
       border: solid 1px #ccc;
       outline: none;
       width: 4.5vw;
       height: 3vw;
       border-radius: 2px;
       color: #000;
       font-weight: 600;
       font-family: 'Open Sans';
}
.otpMsg{
	    margin: 0 0 0.6vw !important;
	    padding: 0;
	    color: #2F2F2F;
	    font-family: "Open Sans";
	    font-size: 0.95vw;
	    letter-spacing: 0;
	    line-height: 1.4vw;
}
div#add-tracker-popup .modal-body .otpPara{
	    padding: 0;
	    color: #2F2F2F;
	    font-family: "Open Sans";
	    font-size: 0.95vw;
	    letter-spacing: 0;
	    line-height: 1.4vw;
	    margin-bottom: 0.5vw !important;
}
.otpWarning, .otpResend{
	color: #E60A0A;
	font-family: "Open Sans";
	font-size: 0.7vw;
	letter-spacing: 0;
	line-height: 1.5vw;
	padding-top: 0.4vw;
}
span.fa.fa-exclamation-triangle {
    font-size: 0.85vw;
    width: 1.1vw;
    display: block;
    height: 1.3vw;
    color: red;
    float: left;
    line-height: 1.5vw;
}

button#resendOtpBtn:hover {
    background-color: #EABC56 !important;
    color: #fff !important;
}

button#verifyOtpBtn:hover {
    border: 1px solid #9dd283 !important;
    background-color: #9dd283 !important;
    color: #fff !important;
}

button#verifyOtpBtn {
    background-color: #EABC56 !important;
    color: #fff !important;
    background-color: transparent;
    border: 1px solid #EABC56;
    width: 6.7vw;
    outline: none;
    color: #EABC56;
    font-family: Open Sans !important;
    font-size: 0.8vw !important;
    text-align: center;
    line-height: 1.3vw;
    padding: 0.2vw;
}

button#resendOtpBtn {
    background-color: transparent;
    border: 1px solid #EABC56;
    width: 5vw;
    outline: none;
    color: #EABC56;
    font-family: Open Sans !important;
    font-size: 0.75vw !important;
    text-align: center;
    line-height: 1.3vw;
    padding: 0.2vw;
    position: relative;
}
button#resendOtpBtn.running {
    width: 7vw !important;
}

button#verifyOtpBtn.running {
    width: 7.5vw !important;
}

button#login-verify[disabled] {
    cursor: not-allowed;
}