/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */

.rowselected {
    background-color: #e9f15a;
    color: #000000;
}

.rowPromo {
    background-color: #73f63c;
    color: #000000;
}
.rowArancione {
    background-color: #f79914;
    color: #000000;
}
.rowRosso {
    background-color: #ff0303;
    color: #000000;
}

.cellContingentata {
    background-color: #FF0000;
    color: #fff;
}

.select-in-modal + .select2-container {
    width: 100% !important;
    padding: 0;
    z-index: 10000;
}

.select2-container--open {
    z-index: 10000;
}

.select2-container--bootstrap4 .select2-selection--single {
    padding: 0.50rem 1.125rem .50rem .375rem !important;
}

    .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
        line-height: 1.5em;
        margin-top: 0em;
        margin-bottom: 0em;
    }

.select2-container--bootstrap4 .select2-selection--multiple {
    padding: 0.50rem 1.125rem .50rem .375rem !important;
}

    .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
        margin-top: 0em;
    }

.leftButton {
    position: absolute;
    left: 20px;
}

.ui-button.cancelButton {
    border: 1px solid #aaaaaa
    /*{borderColorContent}*/
    ;
    color: #FF0000
    /*{fcContent}*/
    ;
}

.ui-button.okButton {
    border: 1px solid #aaaaaa
    /*{borderColorContent}*/
    ;
    color: #188627
    /*{fcContent}*/
    ;
}

.row-filter {
    display: flex;
    flex-direction: row;
    align-items: center;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

    /* Tooltip text */
    .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: #555;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        /* Position the tooltip text */
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
        /* Fade in tooltip */
        opacity: 0;
        transition: opacity 0.3s;
    }

        /* Tooltip arrow */
        .tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }



.widget-chart .widget-numbers + .widget-chart-flex, .widget-chart .widget-numbers + .widget-description, .widget-chart .widget-numbers + .widget-subheading {
    margin-top: 0 !important;
}

.widget-chart .widget-subheading {
    margin-top: 0 !important;
}

.widget-chart {
    cursor: pointer;
}

.btn-outline-primary-nohref {
    color: #da624a !important;
    border-color: #da624a !important;
}

.centerImg {
    display: block;
    margin-left: auto;
    margin-right: auto;
    /*width: 50%;*/
}

.btn-success-my:hover {
    color: #fff;
    background-color: #31a66a;
    border-color: #2e9d64;
}

.btn-success-my {
    color: #000000;
    background-color: #31a66a;
    border-color: #2e9d64;
}

.vertical-timeline-item {
    cursor: pointer;
}

.invalid-feedback {
    font-style: italic;
}

.form-control.is-invalid + span.select2 .select2-selection {
    border-color: #dc3545 !important;
}

.datatable-primarigafissa {
    background-color: yellow !important;
}

.tab-content > .tab-pane {
    overflow-x: hidden;
}

/*.validation-summary-valid {
    display: none;
}*/

/*-- OVERRIDE DELLA CLASSE jQueryUI perchè se l'altezza superava la dialog e compariva la scrollbar verticale, compariva anche quella orizzontale --*/
.ui-dialog .ui-dialog-content {
    /*padding-left: 1.05em !important;
    padding-right: 1.05em !important;*/
    overflow-x: hidden;
}

/* contenitore tabella */
.dataTables_wrapper > .row > .col-sm-12 {
    position: relative;
}

    /* overlay DataTables */
    .dataTables_wrapper > .row > .col-sm-12 > .dataTables_processing {
        position: absolute;
        inset: 0;
        z-index: 10;
        background: rgba(255, 255, 255, 0.7);
        align-items: center;
        font-size: 0;
        margin: 0;
        width: 100%;
    }

/* spinner */
.dt-spinner {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 4px solid rgba(13, 110, 253, 0.15);
    border-top-color: #da624a;
    animation: dt-spin 0.9s ease-in-out infinite;
    top: 100px;
    position: absolute;
    left: calc(50% - 28px);
}

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

.nowrap {
    text-wrap: nowrap;
}

/*.app-container {
    flex-direction: initial !important;
}
*/