sup {
    left: 1px;
}
/*CHANGE PILLS CLOR  TEXT COLOR*/

.form-floating input:focus + label,
.form-floating input:not(:placeholder-shown) + label,
.form-floating select:focus + label,
.form-floating select:not(:placeholder-shown) + label,
.input-group:focus + label,
.input-group:not(:placeholder-shown) + label
{
    color: #1E2748; /* Cambia il colore della label quando il campo &amp;amp;#232; selezionato o ha testo */
}
.nav-pills .nav-link.active:hover, .nav-pills .nav-link.active {
    color: #ffffff;
    background-color: #e45439 !important;
}

a.nav-link, a.nav-link:hover {
    color: #e45439;
}

.text-justify {
    text-align: justify;
}

.fa-calendar {
    display: flex !important;
}

body {
    color: white;
    font-family: Arial;
    font-size: 1rem;
    background-color: #1E2748 !important;
}


.jumbotron {
    padding: 1rem 1rem !important;
    margin-bottom: 0.5rem;
}


input.currency {
    text-align: right;
    padding-right: 15px;
    border-left: none;
}

div.progress {
    height: 2rem;
}

.mainColor {
    COLOR: #e45439 !important;
}

#tableSession tr:nth-child(odd) {
    background: #E6E6E6;
}

#tableReg {
    color: #555555 !important;
}

.table {
    --bs-table-color: #e45439 !important;
}
    .mainBackColor {
    BACKGROUND-COLOR: #e45439;
    color: white !important;
}

.mainBackColorLight {
    BACKGROUND-COLOR: #8EA9DB;
    color: white;
}

.secondColor {
    COLOR: #e45439;
}

.secondBackColor {
    BACKGROUND-COLOR: #1E6EB5 !important;
    color: white !important;
}

.secondBackColorLight {
    BACKGROUND-COLOR: #92D050 !important;
    color: white !important;
}

.ui-datepicker-title {
    color: black;
}

.ui-widget-header {
    border: 1px solid #00B050;
    color: #357CB4;
    font-weight: bold;
    background: #eac85d;
}

.reportHeader {
    BACKGROUND-COLOR: transparent;
    COLOR: #e45439;
    font-weight: bold;
}

.reportLabel {
    COLOR: white;
    BACKGROUND-COLOR: transparent;
}

.rowTot {
    color: #eac85d;
    font-weight: bold;
}

/* card */
/*PERS LISCIOTTO*/
.card {
    /*background: rgba(255,255,255,0.95) !important;*/
    /*margin-bottom: 5px !important;*/

    background-color: #1E2748 !important;
    border: none !important;
}


.card-header {
    background-image: -webkit-linear-gradient(left,#eac85d 0, #e45439 100%) !important;
    background-image: -o-linear-gradient(left,#eac85d 0, #e45439 100%) !important;
    /*background-image: -webkit-gradient(linear,left top,left bottom,from(#eac85d),to(#1f70b9)) !important;*/
    background-image: -webkit-linear-gradient(left, #eac85d, #e45439) !important;
    background-image: linear-gradient(to right,#eac85d 0, #e45439 100%) !important;
    COLOR: black !important;
}


/*  field */
.divField {
    min-height: 40px !important;
}

/* help field*/

.helpLink {
    Z-INDEX: 0;
}

.helpBox {
    BACKGROUND-COLOR: #F2F3F9;
    BORDER: 1px solid #CCCCCC;
    COLOR: #3E3E3E;
    DISPLAY: none;
    PADDING: 1rem;
    POSITION: absolute;
    /*  WIDTH: 320px;
    Z-INDEX: 0;*/
}

/*  ERROR */

.fontawesome-eye-open {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}
/*
.errorLabel {
    color: red;
    display: block;
    float: left;
}*/
/*.error {
    border: 1px solid #dc3545 !important;
}*/

.error + label {
    color: #dc3545 !important;

}

.progress-bar {
    background-color: #e45439;
    background-image: linear-gradient(to bottom,#e45439 0,#e45439 100%);
}

.progress {
    background-image: -webkit-linear-gradient(top,#ffffff 0,#ffffff 100%);
    background-image: -o-linear-gradient(top,#ebebeb 0,#ffffff 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ffffff));
    background-image: linear-gradient(to bottom,#eac85d 0,#eac85d 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient();*/
    background-repeat: repeat-x;
    border: 1px solid #ccc;
}

.btn-success, .btn-success:focus, .btn-success:hover {
    background-image: none !important;
    border-color: #eac85d !important;
    background-color: #eac85d !important;
}

.btn {
    text-shadow: none !important;
}

.btn-danger, .btn-danger:hover, .btn-danger:focus {
    background-image: none !important;
    background-repeat: repeat-x !important;
    border-color: #767b83 !important;
    background-color: #767b83 !important;
}

.panel {
    border: none !important;
}

/*btn color TEST*/
.btn-outline-primary {
    color: #e45439;
    background-color: transparent;
    background-image: none;
    border-color: #e45439;
}


    .btn-outline-primary:hover {
        color: white;
        background-color: #eac85d !important;
        background-image: none !important;
        border-color: #e45439 !important;
    }

.form-control[readonly] {
    background-color: #e9ecef2b;
}

.form-control {
    color: #eac85d !important;
    background-color: #e9ecef2b;
    background-image: none !important;
}

a {
    color: #eac85d;
    text-decoration: underline;
}

.form-check-input:checked {
    background-color: #e4563a;
    border-color: #e4563a;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: black;
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0;
}