.password-container{
    position: relative;
}
.password-container input[type="password"],
.password-container input[type="text"]{
    width: 100%;
    /*padding: 12px 36px 12px 12px;*/
    box-sizing: border-box;
}
.fa-eye{
    position: absolute;
    top: 28%;
    right: 90%;
    cursor: pointer;
    color: lightgray;
}
.fa-eye-slash{
    position: absolute;
    top: 28%;
    right: 90%;
    cursor: pointer;
    color: lightgray;
}
@media (max-width: 450px) {
    .fa-eye{
        position: absolute;
        top: 28%;
        right: 85%;
        cursor: pointer;
        color: lightgray;
    }
    .fa-eye-slash{
        position: absolute;
        top: 28%;
        right: 85%;
        cursor: pointer;
        color: lightgray;
    }
    .register-div{
        padding: 1rem !important;
    }
    .login-section{

    }  }
@media (min-width: 450px) {
    .register-div{
        padding: 3rem !important;
    }
}
@media (min-width: 1025px) {
    .h-custom {
        height: 100vh !important;
    }
}
.card-registration .select-input.form-control[readonly]:not([disabled]) {
    font-size: 1rem;
    line-height: 2.15;
    padding-left: .75em;
    padding-right: .75em;
}
.card-registration .select-arrow {
    top: 13px;
    border: none !important;
}
.register-container .card{
    border: none !important;
}

.bg-indigo {
    box-shadow:  0 0 10px  #cccecc;
    -moz-box-shadow: 0 0 10px  #cccecc;
    -webkit-box-shadow: 0 0 10px  #cccecc;
    -o-box-shadow: 0 0 10px  #cccecc;
}
.country-register{
    margin-top: 0.7rem !important;
}
@media (min-width: 992px) {
    .card-registration-2 .bg-indigo {
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
    }
}
@media (max-width: 991px) {
    .card-registration-2 .bg-indigo {
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }
}

#phone{
    direction: rtl !important;
}
.register-btn{
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}
@media (max-height: 450px) {
    .custom-height{
        height: 170vh !important;
    }
}
@media (min-height: 450px) {
    .custom-height{
        height: 120vh !important;
    }
}
@media only screen and (max-width: 450px) and (min-width: 390px) and (max-height: 916px) and (min-height: 820px) {
    .custom-height{
        height: 80vh !important;
    }
}
@media only screen and (max-width: 380px) and (min-width: 0px) and (max-height: 750px) and (min-height: 666px) {
    .custom-height{
        height: 95vh !important;
    }
}
@media only screen and (max-width: 820px) and (min-width: 766px) and (max-height: 1181px) and (min-height: 1023px) {
    .custom-height{
        height: 75vh !important;
    }
}
@media only screen and (max-height: 820px) and (min-height: 766px) and (max-width: 1181px) and (min-width: 1023px) {
    .custom-height{
        height: 95vh !important;
    }
}