@media print {
    body {
        zoom: 55%;
        -webkit-print-color-adjust: exact;
    }
}

div.search-wrapper {
    text-align: right;
}

div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}

.dataTables_wrapper label {
    font-size: .8125rem;
}

div.dataTables_length select {
    width: auto;
    display: inline-block;
}

.dataTables_length select {
    min-width: 70px;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    width: -webkit-fill-available;
    border-radius: 4px;
}
.dataTables_length {
    padding: 0.4rem;
    outline-offset: -2px;
}

.dataTables_length label, .footer-table-text {
    font-size: .8125rem;
}

/* Content */

.content-img-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 1.5rem;
}

.content-img-wrapper #image {
    position: absolute;
    z-index:1;

}
.content-img-wrapper #draw {
    position:absolute;
    z-index:2;
    pointer-events:none;
}
.content-img-wrapper #draw #boxes {
    stroke:white;
    stroke-width:1;
    fill-opacity:0.5;
    stroke-opacity:0.9;
}
.content-img-wrapper #draw #marquee {
    fill:white;
    stroke:red;
    stroke-width:1;
    stroke-dasharray:5,5;
    stroke-opacity:0.9;
    fill-opacity:0.2;
}

.content-img-wrapper rect.highlighted {
    stroke:yellow;
    stroke-width:5;
}

.content-img-wrapper #draw #marquee.hide {
    display:none;
}

.trix-editor {
    margin-bottom: 1rem;
    height: 85vh;
    font-family: "Open Sans", sans-serif;
    overflow-y: scroll;
}

.trix-content {
    padding: 2rem;;
}

.trix-content h1 {
    font-size: 2rem;;
}

/*.trix-content h1 {
    font-size: 3.125rem;
}*/

.checked {
    color: orange;
}


.container-distributore {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.center{
    width:100%;
    background:#FFFFFF ;
    padding: 10px 50px 10px;
    border-radius:25px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}
.hidden{
    display:none;
}
.center .stars{
    height: 100%;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.stars input{
    display: none;
}
.stars label{
    float: right;
    font-size: 30px;
    color: lightgrey;
    margin: 0 5px;
    text-shadow: 1px 1px #bbb;
    transition: color 0.2s ease;
}
.stars label:before{
    content: '★';
}

.stars label.active{
    color: #ffc959
}

.testo{
margin-top: 5px;
}

.passcode{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:10px;
}

.inputBox{
    position: relative;
    width: 250px;
}

.inputBox input{
    width:100%;
    padding:10px;
    border: 1px solid rgb(67 67 67 / 25%);
    background:#F4F5F7;
    border-radius:5px;
    outline:none;
    color:#010101;
    font-size:1em;
    transition:0.5s;
}

.inputBox span{
    position:absolute;
    left:0;
    padding:10px;
    pointer-events:none;
    font-size:1em;
    color: rgb(117 114 114);
    text-transform:uppercase;
    transition:0.5s;
}

.inputBox input:valid ~ span,
.inputBox input:focus ~ span{
    color:#0003df;
    transform: translateX(10px) translateY(-7px);
    font-size:0.85em;
    padding:0 10px;
    background:#F4F5F7;
}

.inputBox input:valid,
.inputBox input:focus {
    border: 1px solid #0003df;
}

.rowUltime * {
    flex-shrink: 0;
    width: 50%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}

#map{
    height: 400px;
}