/***
Registration page custom
***/
a, button, code, img, input, label, li, p, pre, select, span, svg, table, td, textarea, th, ul { /*customize radius for most of elements*/
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
}

.form-wizard .steps > li.done > a.step .number { /*change the default color of steps when success*/
    background-color: var(--primary);
    color: #fff;
}

/*start customize user button selection */
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover {
    color: #fdfdfd;
    background-color: var(--primary);
    border-color: #8c8c8c;
}

.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open > .btn-primary.dropdown-toggle {
    color: #fdfdfd;
    background-color: var(--primary);
    border-color: #adadad;
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: 10px;
    margin-bottom: 10px;
}

.btn-group-lg > .btn, .btn-lg {
    padding: 18px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px;
}

.btn .caret, .btn-group > .btn:first-child {
    margin-left: 0;
    margin-left: 10px;
    margin-bottom: 10px;
}

.btn-primary {
    color: var(--primary);
    background-color: #fff;
    border-color: var(--primary);
}
/*end customize user button selection */