* {
    font-family: Verdana, Geneva, Tahoma, sans-serif
}

html {
  scroll-behavior: smooth;
}

th, td {
    font-size: 0.7em;
}
body, html {
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
}

.cell {
    font-size: 0.7em !important;
}
.mini {
    font-size: 0.8em;
}
.avatar {
    vertical-align: middle;
    width: 27px;
    height: 27px;
    border-radius: 50%;
} 

.btn-group-xs > .btn, .btn-xs {
    padding: .25rem .4rem;
    font-size: .875rem;
    line-height: .5;
    border-radius: .2em;
}

.bl {
    border-left: 1px solid #000000
}

th.dpass, td.dpass {
    display: none;
}

th.select, td.select {
    background-color: #fdfdd4;
}

.custom-select {
    padding: .125rem .25rem !important;  
}

.form-control-xs {
  height: calc(1em + .375rem + 2px) !important;
  padding: .125rem .25rem !important;
  font-size: .70rem !important;
  line-height: 1.5;
  border-radius: .1rem;
  background-color: #fdfdd4;
}

.bottom-status {
    font-size: 0.8em; 
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield !important;
}

video {
    max-width: 100%;
    height: auto;
  }

textarea {
    resize: none
}

.text-neutral {
    color: #BBBBBB;
}

.tooltip-inner {
    font-size: 11px;
    margin: 2px;
}

.form-control:focus {
    background-color: #fdfdd4;
}

.tc {
    vertical-align: middle;
    display: table-cell;
}

.coro-playerbox {
    background: #FFF;
    background-size: cover;
    background-position: center center;
    height: 100%;
    width: 100%;
    position: relative;
    display: inline-block;
}
  
.coro-imagebox {
    position: absolute;
    display: inline-block;
    top: 12%;
    left: -2%;
}

.coro-textbox {
    position: absolute;
    display: inline-block;
    top: 83%;
    left: 20%;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
}

.google-map {
    height: 25rem;
    position: relative;
}
  
.google-map iframe {
    height: 100%;
    width: 100%;
}

.poiret {
    font-family: 'Poiret One',serif;
}

.gowun {
    font-family: 'Gowun Dodum',serif;
}

.inclusive {
    font-family: 'Inclusive',serif;
}

.jost {
    font-family: 'Jost',serif;
}

.list-group-item:hover {
    background-color: #8496a9;
}

.modal-open .modal.modal-center {
    display: flex!important;
    align-items: center!important;
    .modal-dialog {
        flex-grow: 1;
    }
}

.container-media {
    height: 38rem !important;
    overflow: auto;
    background-color: #fff;
}

.container-files {
    height: 38rem !important;
    overflow: auto;
    background-color: #fff;
}

.list-folder-name:hover {
    background-color: #ddd;
}

.list-file-name:hover {
    background-color: #ddd;
}

.audio-border {
    border:3px solid #343a40; border-radius:50px;
    width: 100%
}

#scrollTopBtn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 99;
    display: none;             
    background-color: #007bff; 
    color: white;
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 22px;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}
#scrollTopBtn:hover {
    background-color: #0056b3;
    transform: scale(1.1);
}






















/* Effetti su immagini  */

.img-hover-zoom {
    max-height: 25%; 
    overflow: hidden; 
}

.img-hover-zoom--quick-zoom img {
    transform-origin: 0 0;
    transition: transform .25s, visibility .25s ease-in;
}

.img-hover-zoom--quick-zoom:hover img {
    transform: scale(1.2);
}

.img-hover-zoom--point-zoom img {
    transform-origin: 65% 75%;
    transition: transform 1s, filter .5s ease-out;
}
  
.img-hover-zoom--point-zoom:hover img {
    transform: scale(1.6);
}

.img-hover-zoom--zoom-n-rotate img {
    transition: transform .5s ease-in-out;
}
  
.img-hover-zoom--zoom-n-rotate:hover img {
    transform: scale(1.3) rotate(25deg);
}

.img-hover-zoom--slowmo img {
    transform-origin: 50% 65%;
    transition: transform 5s, filter 3s ease-in-out;
    filter: brightness(150%);
}
  
.img-hover-zoom--slowmo:hover img {
    filter: brightness(100%);
    transform: scale(3);
}

.img-hover-zoom--brightness img {
    transition: transform 2s, filter 1.5s ease-in-out;
    transform-origin: center center;
    filter: brightness(50%);
}
  
.img-hover-zoom--brightness:hover img {
    filter: brightness(100%);
    transform: scale(1.3);
}

.img-hover-zoom--zoom-n-pan-h img {
    transition: transform .5s ease-in-out;
    transform: scale(1.4);
    transform-origin: 100% 0;
}
  
.img-hover-zoom--zoom-n-pan-h:hover img {
    transform: scale(1.5) translateX(30%);
}

.img-hover-zoom--zoom-n-pan-v img {
    transition: transform .5s ease-in-out;
    transform: scale(1.4);
    transform-origin: 0 0;
}
  
.img-hover-zoom--zoom-n-pan-v:hover img {
    transform: scale(1.25) translateY(-30%);
}

.img-hover-zoom--blur img {
    transition: transform 1s, filter 2s ease-in-out;
    filter: blur(2px);
    transform: scale(1.2);
  }
   
.img-hover-zoom--blur:hover img {
    filter: blur(0);
    transform: scale(1);
}

.img-hover-zoom--colorize img {
    transition: transform .5s, filter 1.5s ease-in-out;
    filter: grayscale(100%);
  }
  
.img-hover-zoom--colorize:hover img {
    filter: grayscale(0);
    transform: scale(1.2);
}

table#tblUtenti.dataTable tbody tr:hover td{
    background-color: #E6EFF9;
    cursor: pointer
}
 
table#tblUtenti.dataTable tbody tr:hover td> .sorting_1 {
    background-color: #E6EFF9;
}

table#tblNews.dataTable tbody tr:hover td{
    background-color: #E6EFF9;
    cursor: pointer
}
 
table#tblNews.dataTable tbody tr:hover td> .sorting_1 {
    background-color: #E6EFF9;
}

table#tblAutorizzazioni.dataTable tbody tr:hover td{
    background-color: #E6EFF9;
    cursor: pointer
}
 
table#tblAutorizzazioni.dataTable tbody tr:hover td> .sorting_1 {
    background-color: #E6EFF9;
}

table#tblImpostazioni.dataTable tbody tr:hover td{
    background-color: #E6EFF9;
    cursor: pointer
}
 
table#tblImpostazioni.dataTable tbody tr:hover td> .sorting_1 {
    background-color: #E6EFF9;
}

table#tblCoristi.dataTable tbody tr:hover td{
    background-color: #E6EFF9;
    cursor: pointer
}
 
table#tblCoristi.dataTable tbody tr:hover td> .sorting_1 {
    background-color: #E6EFF9;
}

table#tblPartner.dataTable tbody tr:hover td{
    background-color: #E6EFF9;
    cursor: pointer
}
 
table#tblPartner.dataTable tbody tr:hover td> .sorting_1 {
    background-color: #E6EFF9;
}

table#tblVersamenti.dataTable tbody tr:hover td{
    background-color: #E6EFF9;
    cursor: pointer
}
 
table#tblVersamenti.dataTable tbody tr:hover td> .sorting_1 {
    background-color: #E6EFF9;
}