a {
    text-decoration: none;
}

.imageCover {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.file {
    visibility: hidden;
    position: absolute;
}

.fa-asterisk {
    font-size: 0.75rem !important;
}
/*SocMemberFee List - Column */
.colSMF {
    width: 23%;
}


/*LoginPage - Benefits list */
.liBENFS {
    line-height: 20px;
}

#overlay {
    position: fixed; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 3000; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

#overlayUpload #uploadMessage {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 30px;
    color: white;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

#overlayUpload {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8); /* Black background with opacity */
    z-index: 99999; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}


#overlaySummary {
    position: fixed; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 9998; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}



#modalSummary {
    z-index: 9999; /* Specify a stack order in case you're using a different order for other elements */
}

.readonly {
    background-color: #e9ecef;
}

.form-control:disabled, .form-control[readonly], .disabled {
    background-color: #e9ecef;
    opacity: 1;
}

@media (min-width: 992px) {

    .modal-lg {
        width: 1200px;
    }
}

.card-header {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.control-label {
    font-weight: 500;
    margin-top: 0.4rem;
    margin-bottom: 0.1rem;
}

.card {
    margin-bottom: 15px;
}

.form-group {
    margin-bottom: 0px;
}

body {
    margin-top: 0px !important;
}

.navbar {
    padding: 0px !important;
}



.navbar-brand {
    font-weight: bold !important;
    font-size: 1.5rem !important;
}


.side-nav {
    flex-wrap: nowrap !important;
    background-color: #222222;
}

    .side-nav.show {
        display: block !important;
    }

.nav li a {
    color: #9d9d9d;
    display: block;
    padding: 10px;
    padding-bottom: 7px;
    padding-top: 7px;
}

    .nav li a:hover {
        text-decoration: none;
        color: black;
    }

.navbar-nav li a:hover {
    color: white;
}

button.navbar-toggle {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
}

.navbar-toggler-icon {
    filter: invert(1);
}

#page-wrapper-child {
    min-height: 500px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 70px !important;
}

#renderBody {
    min-height: calc(100vh/2); /* per il footer*/
}

/*commentato, in qunto lo utilizzo nei filtri dei soci e non si vede una nulla*/
/*.dropdown-menu {
    background-color: #222;
}*/
.shortText {
    text-overflow: ellipsis;
    overflow: hidden;
    /*height: 1.2em;*/
    white-space: nowrap;
}

td .shortText {
    max-width: 150px;
}

@media (min-width: 1200px) {
    .modal-lg {
        max-width: 1050px;
    }
}


/*checkbox*/
/*.custom-control-label::before,
.custom-control-label::after {
    width: 1.75rem;
    height: 1.75rem;
}

.custom-control-label::before {
    border: 1px darkgray dashed;
}*/


.btn-admin {
    background: linear-gradient(90deg, #4facfe, #00f2fe);
    color: black;
    cursor: pointer;
}

    .btn-admin:hover {
        opacity: 0.9;
    }

.badge-outline-primary {
    color: var(--bs-primary);
    border: 1px solid var(--bs-primary);
    background-color: transparent;
}

.badge-outline-info {
    color: var(--bs-info);
    border: 1px solid var(--bs-info);
    background-color: transparent;
}

.badge-outline-warning {
    color: var(--bs-warning);
    border: 1px solid var(--bs-warning);
    background-color: transparent;
}

.badge-outline-success {
    color: var(--bs-success);
    border: 1px solid var(--bs-success);
    background-color: transparent;
}

.badge-outline-light {
    color: var(--bs-light);
    border: 1px solid var(--bs-light);
    background-color: transparent;
}

.badge-outline-dark {
    color: var(--bs-dark);
    border: 1px solid var(--bs-dark);
    background-color: transparent;
}

.checkbox-xl .form-check-input {
    scale: 1.8;
    margin-top: 3px;
    margin-left: -19px;
}



.checkbox-xl .form-check-label {
    padding-left: 9px;
}

.nav .dropdown-menu {
    background-color: white !important;
    color: black;
}


.form-dropdownchecklist {
    height: 20px;
    margin-bottom: -6px;
}

.input-group .form-dropdownchecklist {
    height: 35px
}

.ui-dropdownchecklist-text {
    font-size: unset !important;
}

.ui-autocomplete {
    z-index: 2000 !important;
}

.ui-dropdownchecklist {
    z-index: 2000 !important;
}
/*//colori status*/
.StatusPreiscritto td {
    background-color: #ffffb3;
}

.StatusDecaduto td {
    background-color: #ff8080;
}

.StatusRifiutato td {
    background-color: darkred;
}

.StatusDeceduto td {
    background-color: darkgray;
}

.StatusResigned td {
    background-color: darkgray;
}

.StatusExMember td {
    background-color: rosybrown;
}

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

.Exp {
    display: inline-block;
    padding: 2px;
    border: 1px solid gray;
    background-color: silver;
}

.FieldExp {
    display: inline-block;
}

.LambdaExp {
    border: 1px solid black;
}

    .LambdaExp .LambdaExp {
        margin-left: 15px;
    }

.Exp .form-control {
    display: inline-block;
    padding: 2px;
    border: 1px solid gray;
    background-color: white;
}

.tooltip.in {
    opacity: 1 !important;
}

.tooltip-inner {
    max-width: 250px;
}

input[type='radio'].size2x {
    width: 2em;
    height: 2em;
}



.dropdown-item a {
    background-color: transparent !important;
    color: black !important;
}

    .dropdown-item a:hover {
        background-color: transparent !important;
        color: blue !important;
    }

.top-nav > li > a {
    color: white !important;
}

.scoreIcon {
    color: gold;
}

.smallText {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 768px) {
    .chart {
        max-width: 100vw;
    }
}

thead.bg-highlight,
thead.bg-highlight th {
    background-color: #f8f9fa;
}

tfoot.bg-highlight,
tfoot.bg-highlight td {
    background-color: #f8f9fa;
}

.table-wrapper {
    max-height: calc(100vh - 365px);
    overflow-y: auto;
}

    .table-wrapper table {
        width: 100%;
        font-size: 0.85rem;
    }

        .table-wrapper table td {
            position: relative;
        }

        /* Blocca l'header in alto */
        .table-wrapper table thead th {
            position: sticky;
            top: 0;
            background-color: #f8f9fa; /* Puoi cambiare il colore dello sfondo se necessario */
            z-index: 1; /* Mantieni il thead sopra il tbody */
        }

        .table-wrapper tfoot,
        .table-wrapper table tfoot td {
            position: sticky;
            bottom: 0;
            background-color: #f8f9fa;
            z-index: 2;
        }
/*da usare per le tabelle grandi*/

.tableSmall {
    font-size: 12px;
}

    .tableSmall, .tableSmall th, .tableSmall td {
        padding: 2px;
        border: 1px solid black;
        border-collapse: collapse;
    }

        .tableSmall input, .tableSmall select {
            padding: 1px;
            font-size: 12px;
        }

        .tableSmall .sem-checkbox {
            margin-left: 0px;
            margin-top: 8px;
        }


        .tableSmall .hoursCombo, .tableSmall .minutesCombo {
            width: 45px !important;
        }

th.sortable {
    position: relative;
    cursor: pointer;
    padding-right: 20px;
}

    th.sortable::after {
        content: "\f0dc"; /* icona fa-sort (≡) */
        font-family: FontAwesome;
        font-weight: 900;
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
    }

    /* Ascending */
    th.sortable.asc::after {
        content: "\f0de"; /* fa-sort-up (↑) */
    }

    /* Descending */
    th.sortable.desc::after {
        content: "\f0dd"; /* fa-sort-down (↓) */
    }

.formSmall input, .formSmall select {
    padding: 1px;
    font-size: 12px;
}


.charCounter {
    margin-top: -22px;
    margin-right: 10px;
}


.border-left-radius-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.border-right-radius-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.note-editor.note-frame.fullscreen {
    background: white;
}

.note-toolbar.card-header {
    background-color: white !important;
    border-color: white !important;
}

.note-editor .note-hint-popover {
    position: absolute; /* se non è absolute, verrà positzionto in basso*/
}

.note-editor .mergeKey {
    border: 2px dotted blue
}




.bg-Working {
    background-color: lightskyblue;
    color: white;
}

.bg-ReadyToSend {
    background-color: lightgreen;
    color: white;
}

.bg-Sent {
    background-color: lightseagreen;
    color: white;
}

.bg-Accepted {
    background-color: forestgreen;
    color: white;
}

.bg-Rejected {
    background-color: darkred;
    color: white;
}

.bg-WithDrawn {
    background-color: red;
    color: white;
}

.bg-NewSubmissionRequested {
    background-color: cornflowerblue;
    color: white;
}