/*REGISTRATION*/
.register-form-img {
    left: -30px;
    width: 33.96vw;
}

.register-form input{
    background-repeat: no-repeat;
    text-indent: 30px;
    background-position: 10px center;
}

.register-form input[name='email']{
    background-image: url("../images/e-mail.svg");
}

.register-form input[name='password'], input[name='repeat-password']{
    background-image: url("../images/password.svg");
}

.register-form .register-alert {
    display: none;
}

/*set preference*/
.counter-list .circle-preference {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.counter-list .circle-preference {
    background: #DDE0E9;
    line-height: calc( var(--font-size) + 15px + var(--font-coeficient) );
}

.counter-list .active .circle-preference {
    background: #2A3768;
}

.counter-list .prev .circle-preference {
    background: #6C779D;
}

.counter-list .title {
    color: #DDE0E9;
}

.counter-list .active .title {
    color: #2A3768;
}

.counter-list .prev .title {
    color: #6C779D;
}

.counter-list .hr {
    width: 50px;
    height: 1px;
    background: #DDE0E9;
}

.counter-list .hr.a {
    background: #6C779D;
}

.box-user-preference.active {
    display: block;
}

.box-user-preference {
    display: none;
}

.box-user-preference .option-box {
    width: 20%;
}

.box-user-preference .element {
    border: 1px solid #6C779D;
}

.box-user-preference .element.active {
    border: 3px solid rgba(61, 96, 230, 0.5);
}

.box-user-preference img {
    display: block;
}

.box-user-preference img.active {
    display: none;
}

.box-user-preference p {
    margin: 0;
}

#box-4.box-user-preference .input-option {
    height: fit-content !important;
}

.buy_domy, .buy_mieszkania, .buy_grunty, .buy_lokale, .rent-search_domy, .rent-search_mieszkania, .rent-search_grunty, .rent-search_lokale {
    display: none;
}

/*user panel menu*/
.user-panel-menu:not(.active) {
    border: 1px solid #6C779D;
}

.user-panel-menu-container {
    margin-top: -1rem!important;
}

.user-panel-menu-container img.active, .user-panel-menu-container .active img {
    display: none;
}

.user-panel-menu-container .active img.active {
    display: block;
}