/* COMMON STYLES */
html, body {
    height: 100%;
}

.container {
    height: 100%;
}
/* END COMMON STYLES */

/* LOGIN PAGE STYLES */
.cardHeaderShadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#loginButton{
	padding:0.375rem 1.3rem;
}
.customCardHeader {
    padding: 0.75rem 0rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.lockIcon{
    color: #fff;
    padding:10px 13px;
    border-radius:100%;
    background: #f9d409;   
}

.titleHeaderDetails {
    padding:0 0.6em;
    margin-top: 5px;
}

.titleHeaderDetails h6{
	font-weight: 400;
}

.align-super{
    vertical-align: bottom;
    font-size: 16px;
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: #f9d409;
    background-color: #f9d409;
}

.custom-checkbox .custom-control-label::before {
    border-radius:0rem;
}

.custom-control-label {
    font-size: 14px;
 }

.custom-control-label::before {
    top: .16rem;
}

.custom-control-label::after {
    top: .16rem;
}

.alert {
	font-size: 14px;
}

@media screen and (min-width:578px){
	.dvCenterAligned{
    	position: relative !important;
    	top: 20% !important;
	}
}

.card-body {
    padding-top: 0px;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    padding-bottom:1.8rem;
}

@media screen and (min-width: 768px){
    .cardHeaderShadow{
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
}

@media screen and (max-width: 793px){
    .cardHeaderShadow{
        width: 100%;
    }
    .dvsecure{
        font-size: 10px;
    }
    .align-super{
        font-size:16px;

    }
}


/* END LOGIN PAGE STYLES */

@media only screen 
and (min-width: 1024px) {
    .mr-40 {
        margin-right: 12.3px !important;
    }
}
@media only screen 
and (min-width: 1024px) 
and (max-height: 1366px) 
and (-webkit-min-device-pixel-ratio: 1.5) {

    .mr-40 {
        margin-right: 12.3px !important;
    }
    .dvsecure{
        /*padding-left:40px !important;*/
    }
}
@media only screen 
and (min-width: 768px) 
and (max-height: 1024px) 
and (-webkit-min-device-pixel-ratio: 1.5) {

    .customCardBody {
        padding: -0.75rem 3.25rem !important;
    }
    .mr-40{
        margin-right:22.3px !important;    
    }
}

.card-header{
    background:none;
    border-bottom:none;
}

.dvLabel{
    margin-bottom: .3rem;
    font-size: 15px;
}
.form-control:focus{
    box-shadow:none;

    border-color: #80bdff;
}

.dvLoginfooter{
    font-size: 12px;
}


.dvformcontrolMobile{
    outline: none;
    border: none;
    border-bottom: 1px solid #c8c8cf;
    border-radius: 0;
    font-size: 14px;
}

.btn-yellow{
    background-color: #f9d409 !important;
    color: #fff;
    float:right;
    border-radius: 4px;
    border-color:#f9d409;

}
.btn-yellow:hover{
    color: #fff;
    border-color:#f9d409;
}
.btn:active{
    color:#fff;
}

.dvyellow{
    color:#f9d409;
    background: none;
    border: none;
    padding:0.0rem 0.25rem;
}
.dvyellow:focus{
    outline:none;
}

.dvTermsTitle{
    color:#ffc107;
    font-size:14px;
}
.dvTermsText{
    font-size:12px;
}

.dvsecure {
    font-size: 11px;
    color: #c8c8cf;
    /*padding-left: 12.5%;*/
    /*padding-left: 14%;*/
    vertical-align: top;
    margin-top: -8px;
}

input#username:disabled{
    background:none;
    cursor: not-allowed;
}
.form-control:disabled, .form-control[readonly] {
    background: #fff;	
}
.btn-warning:disabled{
    color:#fff;
}

.mt-5{
    margin-top:7%;
}

.mt-10{
    margin-top:10rem;
}

.textsecondary{
    color:#b8b8b8;
}
.bg-yellow,.nav-pills .nav-link.active{
    background:#f9d409;
    color:#fff;
}
.height-20{
    height:9px;
}
.ft-size12{
    font-size:12px;
}

@media only screen and (max-width: 576px){

    .mt-10{
        margin-top:1rem!important;
    }
    .cardHeaderShadow {
        box-shadow:none;    
    }
    .card{
        border:none;
    }
 
}
.dvnavbox{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.0), 0 5px 6px 0 rgba(0, 0, 0, 0.19);
}
::placeholder{
    color:#b8b8b8 !important;
    opacity: 1; /* Firefox */

}
.form-control.is-valid, .was-validated .form-control:valid{
    background-image:none;
    border-color:1px solid #c8c8cf!important;
}
.was-validated .form-control:valid:focus{
    border-color:1px solid #c8c8cf!important;
    box-shadow: none;
}
.was-validated .form-control:valid{
    border-color:#c8c8cf!important;
}
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: none;
}

.dvgetotpstyle {
    /*width: 17%;*/
    border: none;
    font-size: 14px;
    border-bottom: 1px solid #c8c8cf;
}

.mr-40{
    /*margin-right: 23.3px;}*/
    margin-right: 9%;}
input.mr-40.dvgetotpstyle.input2:focus{
    outline:none;
    border-color: #80bdff;

}
input.dvgetotpstyle.text-center.input2.rounded-0:focus{
    outline:none;
    border-color: #80bdff;

}

.rc-anchor-normal{
    height: 74px;
    width: 289px !important;
}
#rc-imageselect {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
@media screen and (max-height: 575px){
    #rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
}

@media screen and (width:360px){
    .card-body {
        padding: 0.72rem;
    }
}
@media screen and (width:411px){
    .card-body {
        padding: 2.25rem !important;
    }
}

@media screen and (width:320px){
    .card-body {
        padding: 0.0rem;
    }
    .g-recaptcha{
        transform: scale(0.95) !important;
    }
    .mr-40 {
        margin-right: 22.3px !important;
    }
}
@media screen and (width:414px){
    .g-recaptcha{
        transform: scale(1.1)!important;
    }
    .dvformcontrolMobile{
        width:94%; 
    }

}
@media screen and(width:768px){
    .customCardBody {
        padding: 0.25rem 2.25rem !important;
    }
    .g-recaptcha{
        transform: scale(0.77) !important;
    }  
}


.g-recaptcha {
    transform-origin: left top;
    -webkit-transform-origin: left top;
    transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;
}

@media(max-width:576px){
    .mt-5{
        margin-top:0px !important;
    }
}


/*# END LOGIN PAGE CSS #*/


/*# SIGNUP PAGE CSS #*/

/* STYLE SELECT FIELD */
select {
    font-family: inherit !important;
    background-color: transparent !important;
    width: 100% !important;
    font-size:  12px !important;
    color:#495057 !important;
    padding-bottom:3px !important;
    padding-left:8px !important;
    border: none ;
    border-bottom: 1px solid #c8c8cf !important;
    border-radius: 0 !important;
    -webkit-appearance: none;
    background-image: url("../images/arrow-down-sign-to-navigate(2).png") !important;
}
/*REMOVE FOCUS */
select:focus {
    outline: none}
select:disabled{
    color: #c3c3c3  !important;

}
select:invalid{
    color: #c3c3c3  !important;

}
option:checked {
    -webkit-appearance: none;

    background-image: url("../images/arrow-down-sign-to-navigate.png") !important;

}
.selectbtn{
    color: #c3c3c3  !important;

}

:disabled{
    background: none;
    cursor:not-allowed;
}
.width-33{
    width:33%;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance:textfield;
}
.gst{
    display:none;
}
textarea {
    resize: none;
}
option{
    color:black;
}
input:-webkit-autofill{
    background:none !important;
}
.progress {
    border-radius:0px;
}

.nav-pills .nav-link {
    border-radius:0px;
}
.d-ruby-base{
    display:ruby-base;
}
.d-ruby{
    display:ruby;
}
/*# END SIGNUP PAGE CSS #*/