.overly_body {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #f6f6f6;
    opacity: .6;
    top: 0;
    -webkit-filter: blur(1px);
    filter: blur(1px);
}

.content_login_register {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}

.login_register_page .title_login_register_page {
    background: transparent;
    padding: 1rem;
    color: #960aca;
    text-align: center;
    font-weight: bold;
    font-size: 1.15rem;
}

.login_register_page .card-body {
    padding: 0;
}

.login_register_page .card {
    /*border: 0;*/
    /*border-radius: 1rem;*/
    /*box-shadow: 0px 0px 6px #c1c1c1;*/
    /*max-width: 26rem;*/
    margin: 1rem auto;
    max-width: 34rem;
    /*overflow: hidden;*/
    text-align: center;
    /*min-height: 30rem;*/

}

.form_login_register {
    padding: 1rem 1rem;
    /* display: flex; */
    height: 100%;
    margin: 0 1rem;
}

.login_register_page .form-control {
    padding: .6rem 2.3rem;
    /*border-radius: 2rem;*/
    color: #33582d;
    height: auto;
}

.login_register_page i {
    position: absolute;
    right: .8rem;
    top: .73rem;
    color: #33582d;
}

.login_register_page .form-group {
    margin-bottom: 1rem !important;
}

.login_register_page .btn_login_register {
    width: 100%;
    text-align: center;
    background-color: #960aca;
    color: #fff;
    margin: 1rem 0;
    /*border-radius: 2rem;*/
}

.custom-control {
    margin: .75rem 1.5rem .3rem 1.5rem;
    font-size: .9rem;
    cursor: pointer;
}

.custom-control-label {
    line-height: 1.7rem;
    padding-right: .5rem;
}

.custom-control-label::before {
    right: -1.5rem;
    left: unset;
    width: 1.25rem;
    height: 1.25rem;
}

.custom-control-label::after {
    right: -1.5rem;
    left: unset;
    width: 1.25rem;
    height: 1.25rem;
}

.custom-control:hover label {
    color: #960aca;
    cursor: pointer;
}

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

.register_link_page_login {
    color: #960aca;
}

/* start login_page css*/
.login_register_page .logo_login_register {
    width: 9rem;
    margin-top: 2rem;
}

/* end login_register_page css*/
.style_alert {
    margin: 0;
    padding-right: 0;
}

.style_alert .list_unstyled_mesage {
    margin: 0;
    padding: 0 1rem 0 0;
}

.style_alert .close {
    left: 0;
    right: unset;
}

#verify_form {
    display: none;
}

.p_verify_page {
    margin-bottom: 1.5rem;
    text-align: center;
    font-size: .86rem;
    line-height: 1.6rem;
    color: #000;
}

.form_login_register .form-row {
    margin-bottom: .7rem;
}

.timer_send_code {
    margin: 1.5rem 0 1rem;
    color: #999;
}

.btn_send_code {
    color: #fff;
    background-color: #960aca;
    border-color: #960aca;
    width: 6rem;
}

.request_taeed {
    padding: 1rem;
}

.request_taeed > * {
    display: inline-block;
    font-size: .9rem;
    font-weight: bold;
}

.p_no_recived_code {
    color: #960aca;
    display: inline-block;
    margin-bottom: 0;
}

.p_no_recived_code > span {
    color: #888;
}

#message-error {
    color: #f80000;
    margin-bottom: 1rem;
    display: block;
}

#time {
    width: 5rem;
}

.text_error, .text_error > strong {
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    line-height: 1.5rem;
    padding: .8rem;
    display: block;
    font-size: .9rem;
    font-weight: bold;
}

.form_login_register.verify {
    padding: 0;
}

.text_error {
    color: #ff0000;
    display: block;
    font-size: .9rem;
    padding: .9rem .9rem 0 .9rem;
    text-align: center;
    width: 100%;
    /*margin: .9rem;*/
    /*font-size: 1.1rem;*/
}

.form_login_register.verify .form-control {
    text-align: center;
}

.btn_send_code:hover,
.btn_send_code:focus {
    color: #fff;
    background-color: #ff0000;
    border-color: #ff0000;
}

.login_register_page.verify .form-control {
    padding: .5rem;
    /*border-radius: 2rem;*/
    color: #6f6d6d;
    text-align: center;
}

.login_register_page.verify .form-control {
    padding: .5rem;
    /*border-radius: 2rem;*/
    color: #33582d;
    height: auto;
    text-align: center;
}

.request_taeed i {
    position: static;
    color: #5d5d5d;
    font-size: .8rem;
}

.btn_request_taeed {
    background-color: transparent;
    color: #960aca;
    padding: .5rem .3rem;
    vertical-align: baseline;
    font-size: .85rem;
    font-weight: bold;
}

/*.login_register_page.register .card {*/
/*max-width: 30rem;*/
/*}*/

#verify_form {
    position: relative;
}

#verify_form .fa-reply {
    left: .6rem;
    bottom: .9rem;
    font-size: 1.4rem;
    right: unset;
    top: unset;
    background-color: #bed5f5;
    cursor: pointer;
    padding: .6rem;
    color: #960aca;
    border-radius: 50%;
    text-align: center;
}

#register_form_full {
    display: none;
}

.my-error-class {
    color: #FF0000;
    border-color: #ff1c00 !important;
}

.my-valid-class {
    color: #00CC00;
    border-color: #00CC00 !important;
}

label.my-error-class {
    margin: .7rem 0 0 0;
    text-align: center;
    width: 100%;
    display: block;
    font-size: .9rem;
    font-weight: bold;
}