.has-error .help-block{
    color: #FF474C;
}

.error-absolute .help-block{
    position: absolute;
    top: 55px;
    left: 0px;
}

table.dataTable tbody tr td:not(.dataTables_empty):last-child{
    text-align: right !important;
}

a.page-link {
    color: #4E5A6E;
}

.table > tbody > tr.highlight > td {
    background: #FFF7ED;
    color: #FF8B27;
    border-bottom: 0;
}

.card-ranking{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.card-ranking:not(.ranking-all){
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}

.ranking-all{
    position: fixed;
    top: 7vh !important;
    width: 80% !important;
    z-index: 999;
    height: 86vh !important;
    left: 10% !important;
}

@media screen and (max-width: 772px) {
    .ranking-all{
        width: 94% !important;
        left: 3% !important;
    }
}

.ranking-all .card-body{
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

.ranking-all .pjax-ranking{
    flex-grow: 1 !important;
    display: flex;
    flex-direction: column;
    position: relative;
}

.ranking-all .pjax-ranking .table-responsive{
    flex-grow: 1 !important;
    height: 0;
}

.btn-open-ranking{
    min-width: 120px;
    display: inline-flex;
    margin-top: 5px
}

.btn-close-ranking{
    min-width: fit-content;
    display: none;
    margin-top: 5px
}

.ranking-all .btn-open-ranking{
    display: none !important;
}

.ranking-all .btn-close-ranking{
    display: inline-flex !important;
}

.ranking-all .filters-ranking, .ranking-all .pagination-ranking{
    display: flex !important;
}

.ranking-all .ranking-line{
    display: block;
}

.pagination-ranking{
    height: 20px;
}

.ranking-line{
    display: none;
}

body.opacity{
    overflow: hidden;
    padding-right: 20px;
}

body.opacity::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.3); /* Colore scuro con opacità */
    pointer-events: none; /* Permetti agli elementi sotto l'overlay di ricevere eventi */
}

.ps__thumb-y {
    background-color: #FF8B27;
}

.ps__rail-y.ps--clicking .ps__thumb-y, .ps__rail-y:focus>.ps__thumb-y, .ps__rail-y:hover>.ps__thumb-y {
    background-color: #FF8B27;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.loader-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8); /* Sfondo semi-trasparente */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
}

.loader {
    width: 50px;
    height: 50px;
    border: 5px solid #f39200; /* colore del loader */
    border-top: 5px solid transparent;
    border-radius: 50%;
    animation: spin 2s linear infinite;
}

.position.pos-0 {
    color: transparent;
}

.position.pos-0:before {
    color: red;
    content: "N/A"
}

.invisible-link:hover{
    cursor: pointer;
    text-decoration: none !important;
}