/* Bootstrap override */



/* Font family */

*:not(.fa):not(.fas):not(.fab):not(.far) {
    font-family: ;
}


.bg-main {
    background-color: #f8f8f8 !important;
}

.bg-main[class*="border-"] {
    border-color: inherit !important;
}

.bg-main-z2 {
    background-color: #ffffff !important;
}

.bg-main-z2[class*="border-"] {
    border-color: inherit !important;
}

.bg-main-z3 {
    background-color: #ffffff !important;
}

.bg-main-z3[class*="border-"] {
    border-color: inherit !important;
}


/* Styling badge sulle icone */

.show-badge, [data-badge] {
    position: relative;
}

.show-badge:after, [data-badge]:after {
    display: block;
    position: absolute;
    top: -7px;
    right: -14px;
    content: attr(data-badge);
    border-radius: 500px;
    background: #9a731e;
    color: #ffffff;
    width: 18px;
    height: 18px;
    font-size: 12px;
    text-align: center;
    line-height: 19px;
    font-family: sans-serif;
}

[data-badge].fa-badge-left:after {
    right: initial;
    left: -14px;
}

[data-badge].fa-badge-red:after {
    background-color: #F44336 !important;
}

/*
========================
COMPONENTS: Buttons
========================
*/




.btn-primary {
    color: #ffffff !important;
    background-color: #ae8732;
    border-color: #ae8732;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #ffffff !important;
    background-color: #ae8732;
    border-color: #ae8732;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #c29b46;
    border-color: #c29b46;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #ffffff !important;
    background-color: #9a731e;
    border-color: #9a731e;
}

.btn-primary .badge {
    color: #ae8732;
    background-color: #FFFFFF;
}


.btn-outline-primary {
    color: #ae8732;
    border-color: #ae8732;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.open .dropdown-toggle.btn-outline-primary {
    color: #9a731e;
    background-color: #ae8732;
    border-color: #ae8732;
}

.btn-outline-primary:active,
.btn-outline-primary.active,
.open .dropdown-toggle.btn-outline-primary {
    background-image: none;
}

.btn-outline-primary.disabled,
.btn-outline-primary[disabled],
fieldset[disabled] .btn-outline-primary,
.btn-outline-primary.disabled:hover,
.btn-outline-primary[disabled]:hover,
fieldset[disabled] .btn-outline-primary:hover,
.btn-outline-primary.disabled:focus,
.btn-outline-primary[disabled]:focus,
fieldset[disabled] .btn-outline-primary:focus,
.btn-outline-primary.disabled:active,
.btn-outline-primary[disabled]:active,
fieldset[disabled] .btn-outline-primary:active,
.btn-outline-primary.disabled.active,
.btn-outline-primary[disabled].active,
fieldset[disabled] .btn-outline-primary.active {
    color: #c29b46;
    border-color: #c29b46;
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
    color: #9a731e;
    background-color: #9a731e;
    border-color: #9a731e;
}


/* Secondary button */

.btn-secondary {
    color: #FFFFFF;
    background-color: #ff7b00;
    border-color: #ff7b00;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
    color: #FFFFFF;
    background-color: #ff7b00;
    border-color: #ff7b00;
}

.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
    background-image: none;
}

.btn-secondary.disabled,
.btn-secondary[disabled],
fieldset[disabled] .btn-secondary,
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled:active,
.btn-secondary[disabled]:active,
fieldset[disabled] .btn-secondary:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary.active {
    background-color: #ff8f14;
    border-color: #ff8f14;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
    color: #FFFFFF;
    background-color: #eb6700;
    border-color: #eb6700;
}

.btn-secondary .badge {
    color: #ff7b00;
    background-color: #FFFFFF;
}


.btn-outline-secondary {
    color: #ff7b00;
    border-color: #ff7b00;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.open .dropdown-toggle.btn-outline-secondary {
    color: #FFFFFF;
    background-color: #ff7b00;
    border-color: #ff7b00;
}

.btn-outline-secondary:active,
.btn-outline-secondary.active,
.open .dropdown-toggle.btn-outline-secondary {
    background-image: none;
}

.btn-outline-secondary.disabled,
.btn-outline-secondary[disabled],
fieldset[disabled] .btn-outline-secondary,
.btn-outline-secondary.disabled:hover,
.btn-outline-secondary[disabled]:hover,
fieldset[disabled] .btn-outline-secondary:hover,
.btn-outline-secondary.disabled:focus,
.btn-outline-secondary[disabled]:focus,
fieldset[disabled] .btn-outline-secondary:focus,
.btn-outline-secondary.disabled:active,
.btn-outline-secondary[disabled]:active,
fieldset[disabled] .btn-outline-secondary:active,
.btn-outline-secondary.disabled.active,
.btn-outline-secondary[disabled].active,
fieldset[disabled] .btn-outline-secondary.active {
    color: #ff8f14;
    border-color: #ff8f14;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle {
    color: #FFFFFF;
    background-color: #eb6700;
    border-color: #eb6700;
}


.rounded-side {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
}

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

.text-secondary {
    color: #ff7b00 !important;
}

.bg-primary {
    background-color: #ae8732 !important;
}

.bg-soft-primary {
    background-color: rgba(174,135,50,0.2) !important;
}

.border-primary {
    border-color: #ae8732 !important;
}

.bg-secondary {
    background-color: #ff7b00 !important;
}

.bg-soft-secondary {
    background-color: rgba(255,123,0,0.2) !important;
}

.border-secondary {
    border-color: #ff7b00 !important;
}


.text-on-bg-primary {
    color: #ffffff !important;
}

.text-on-bg-secondary {
    color: #ffffff !important;
}

.text-on-bg-main {
    color: inherit !important;
}

.badge-primary {
    color: #fff;
    background-color: #ae8732 !important;
}

.text-facebook {
    color: #4166B2 !important;
}

.text-instagram {
    color: #DC2C7D !important;
}

.text-youtube {
    color: #FF0400 !important;
}

.text-linkedin {
    color: #0d66c2 !important;
}


.bg-facebook {
    background-color: #4166B2 !important;
}

.bg-instagram {
    background-color: #DC2C7D !important;
}

.bg-youtube {
    background-color: #FF0400 !important;
}
.bg-linkedin {
    background-color: #0d66c2 !important;
}


/*
========================
COMPONENTS: Alerts
========================
*/

.alert-primary {
    color: #ae8732 !important;
    background-color: #ffffd2 !important;
    border-color: #ae8732 !important;
}

.alert-secondary {
    color: #ff7b00 !important;
    background-color: #ffffc8 !important;
    border-color: #ff7b00 !important;
}

/*
========================
COMPONENTS: Pages
========================
*/
.page-navbar {
    background-color: #ae8732;
    color: #ffffff;
}

/*
========================
COMPONENTS: inputs and form controls
========================
*/

.form-control, .form-control:focus {
    color: inherit !important;
    background-color: #ffffff;
    border: 1px solid inherit !important;
    appearance: none;
}

/*
========================
COMPONENTS: Pagination
========================
*/

.page-item.active .page-link {
    color: #ffffff !important;
    background-color: #ae8732 !important;
    border-color: #ae8732 !important;
}

.page-link {
    color: inherit !important;
    background-color: #ffffff !important;
    border: 1px solid inherit !important;
}


/*
========================
COMPONENTS: fux-radiobox
========================
*/


.fux-radiobox {
    position: relative;
}

.fux-radiobox > input[type="radio"],
.fux-radiobox > input[type="checkbox"] {
    position: absolute;
    visibility: hidden;
}

.fux-radiobox > input[type="radio"] + .fux-radiobox-icon:before,
.fux-radiobox > input[type="checkbox"] + .fux-radiobox-icon:before {
    margin-right: 8px;
}

.fux-radiobox:not(.hidden-if-unchecked) > input[type="radio"] + .fux-radiobox-icon:before,
.fux-radiobox:not(.hidden-if-unchecked) > input[type="checkbox"] + .fux-radiobox-icon:before {
    font-family: "FontAwesome4";
    content: "\f111";
}

.fux-radiobox > input[type="radio"]:checked + .fux-radiobox-icon:before,
.fux-radiobox > input[type="checkbox"]:checked + .fux-radiobox-icon:before {
    font-family: "FontAwesome4";
    content: "\f058";
}

*:not(input):not(textarea) {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}


/* DATE PICKER MOBILE REACT */
.datepicker-modal .datepicker {
    background-color: #ffffff !important;
    color: #ae8732 !important;
}

.datepicker-modal .datepicker-header {
    color: #ae8732 !important;
}

.datepicker-modal .datepicker-navbar-btn {
    color: #ae8732 !important;
}

.datepicker-modal .datepicker-wheel {
    border-top: 1px solid #ae8732 !important;
    border-bottom: 1px solid #ae8732 !important;
}


/* PLACEHOLDERS */

input::placeholder {
    opacity: .8;
    color: #757575 !important;
}

textarea::placeholder {
    opacity: .8;
    color: #757575 !important;
}