/* form elements */

.btn-primary {
    color: #fff;
    background-color: #FF9900 !important;
    border-color: #FF9900 !important;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 153, 0, 0.4);
}

.btn-primary:hover {
    color: #fff;
    background-color: #FF9900 !important;
    border-color: #FF9900 !important;
    transform: translateY(-3px);
}

.btn-check:focus+.btn-primary,
.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #FF9900 !important;
    border-color: #FF9900 !important;
    transform: translateY(0);
    box-shadow: none;
}

.btn-check:checked+.btn-primary,
.btn-check:active+.btn-primary,
.btn-primary:active,
.btn-primary.active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #FF9900 !important;
    border-color: #FF9900 !important;
}

.form-control:focus,
.form-select:focus {
    border: 2px solid #FF9900 !important;
}

.input-group:focus-within .form-control,
.input-group:focus-within .input-group-text {
    border: 2px solid #FF9900 !important;
}

.form-check-input:focus {
    border-color: #FF9900 !important;
    box-shadow: 0 2px 4px 0 rgba(255, 153, 0, 0.4);
}

.form-check-input:checked,
.form-check-input[type=checkbox]:indeterminate {
    background-color: #FF9900 !important;
    border-color: #FF9900 !important;
    box-shadow: 0 2px 4px 0 rgba(255, 153, 0, 0.4);
}

a,
a:hover {
    color: #FF9900 !important;
}

.bg-primary-head {
    background: #FF9900;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #FFAB00 0%, #FF9900 100%);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #FFAB00 0%, #FF9900 100%);
}

.bg-primary.bg-soft {
    background-color: rgba(255, 153, 0) !important;
}

.text-primary {
    color: #FF9900 !important;
}

.avatar-title {
    border: 3px solid #fff !important;
}


/* form elements */