@media (min-width: 320px) and (max-width:576px) {
    .container {
        padding: 30px 18px !important;
    }
}
.btn-otg, a.btn-otg, .page-content-details a.btn-otg{
    border-radius: 23px;
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
    color: white;
    text-transform: uppercase;
    width: auto;
}
a.btn-otg:hover, .btn-otg:hover{
    background: white;
    color: var(--primary-color);
}
.change_pass_popup .modal-header{
    background-color: var(--primary-color);
    color: #fff;
}
.star{
    color: red !important;
}
.change_pass_popup .modal-header span{
    text-transform: uppercase;
}
.modal_lock_errors .modal-header{
    background-color: var(--primary-color);
    color: #fff;
}
.modal_lock_errors .btn-otg, a.btn-otg, .page-content-details a.btn-otg{
    border-radius: 23px;
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
    color: white;
    text-transform: uppercase;
    width: auto;
}
.modal_lock_errors a.btn-otg:hover, .btn-otg:hover{
    background: white;
    color: var(--primary-color);
}
.modal_lock .modal-body p{
    font-size: 18px;
}

.change_pass_popup .modal-body span{
    font-size: 14px;
    color: #686868;
}
.change_pass_popup .close {
    color: #fff;
    opacity: 1;
}

#register-wp-users .modal-header{
    background-color: var(--primary-color);
    color: #fff;
}

#register-wp-users .close{
    color: white;
    opacity: 1;
}

#register-wp-users .close span {
    font-size: 30px;
}
#register-wp-users .button-ok{
    border-radius: 23px;
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
    color: white;
    text-transform: uppercase;
    width: 70px;
}

#register-wp-users .button-ok:hover{
    background: white;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}
#register-wp-users .modal-header-change{
    background-color: #5A287F;
    color: #CBCCCE;
}

#register-wp-users .modal-title-change{
    color: #CBCCCE;
}

#register-wp-users .close-change{
    color: #CBCCCE;
}

#register-wp-users .button-change{
    border-radius: 23px;
    background: #5A287F;
    border: 1px solid #5A287F;
    color:  #CBCCCE;
    text-transform: uppercase;
    width: 70px;
}

#register-wp-users .button-change:hover{
    background: #CBCCCE;
    border: 1px solid #5A287F;
    color:#5A287F;
}