/*!
    Foglio di stile master.css
*/
* {
    user-select: none;
}

a:focus,
a:active,
button:focus,
button:active,
input:focus,
input:active {
    outline: none !important;
    box-shadow: none !important;
}


/**
  *
  * @colordef Danger 
  * Background, Link, Button
*/

.bg-danger {
    background-color: #a71c39 !important;
}

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #7b142a !important;
}

.btn-danger {
    color: #fff;
    background-color: #a71c39 !important;
    border-color: #a71c39 !important;
}

.btn-danger:hover {
    color: #fff;
    background-color: #86162d !important;
    border-color: #86162d !important;
}

.btn-danger:focus,
.btn-danger.focus {
    color: #fff;
    background-color: #86162d !important;
    border-color: #86162d !important;
    box-shadow: 0 0 0 0.2rem rgba(167, 28, 57, 0.5) !important;
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #a71c39 !important;
    border-color: #a71c39 !important;
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #7b142a !important;
    border-color: #701226 !important;
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(167, 28, 57, 0.5) !important;
}


/**
  *
  * @colordef Secondary 
  * Background, Link, Button
*/

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

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #b3b3b3 !important;
}

.btn-secondary {
    color: #343a40 !important;
    background-color: #ccc !important;
    border-color: #ccc !important;
}

.btn-secondary:hover {
    color: #343a40 !important;
    background-color: #b3b3b3 !important;
    border-color: #b3b3b3 !important;
}

.btn-secondary:focus,
.btn-secondary.focus {
    color: #343a40 !important;
    background-color: #b3b3b3 !important;
    border-color: #b3b3b3 !important;
    box-shadow: 0 0 0 0.2rem rgba(204, 204, 204, 0.5) !important;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
    color: #343a40 !important;
    background-color: #ababab !important;
    border-color: #a3a3a3 !important;
}


/**
  *
  * @bootstrapdef accordion
*/

.accordion-button {
    box-shadow: none !important;
    border: none !important;
}

.accordion-button:not(.collapsed) {
    color: #fff !important;
    background-color: rgba(0, 0, 0, 0.4) !important;
    box-shadow: none !important;
    border: none !important;
}

.accordion-button-white::after,
.accordion-button-white:not(.collapsed)::after {
    filter: invert(1) brightness(2);
}

.accordion-button-noarrow::after {
    background-image: none !important;
}

/**
  *
  * @bootstrapdef form-control
*/

.form-control.bg-dark {
    color: white;
}

.form-select.bg-dark {
    color: white;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M7.247 11.14 2.451 5.658C2.071 5.22 2.485 4.5 3.204 4.5h9.592c.72 0 1.133.72.753 1.158l-4.796 5.482a1 1 0 0 1-1.506 0z'/%3e%3c/svg%3e");
}

.form-control-onfocus:focus {
    background-color: #ccc !important;
    color: black !important
}

.visuallyhidden {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;

}

.range-locked {
    pointer-events: none;
    opacity: 0.5;
}

.color-box,
.selected-color-box {
    width: 16px;
    height: 16px;
    border: 1px solid #222;
    display: inline-block;
    border-radius: 3px;
}

.no-arrow::after {
    display: none !important;
}

/**
  *
  * @media
*/

@media (max-width: 768px) {
    .logo-staseera {
        width: 45% !important
    }

    .logo-sei {
        width: 35% !important
    }
}