/* ======= LOGIN ============== */

.logo-box {}
.logo-box .logo-lg {}
.logo-box .logo-lg img {
    width: 100%;
    height: auto;
    max-width: 185px;
}
.logo-box .logo-sm img {
    width: 100%;
    height: auto;
    max-width: 40px;
}

body.authentication-bg {
    background: #ecf2f5;
    /*background-image: linear-gradient(86deg,#ffae00,transparent);*/
}
.account-pages {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.container-login-principal {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.container-login-general {
    position: absolute;
    top: 14%;
    left: 0px;
    right: 0px;
    width: 53%;
    max-width: 1000px;
    margin: auto;
    border-radius: 15px;
    -webkit-box-shadow: 15px 10px 38px 0px rgb(73 73 73 / 26%);
    box-shadow: 15px 10px 38px 0px rgb(73 73 73 / 26%);
}
.container-login-general .container-image-left-login {
    background: #f8f8f8;
    border-radius: 15px 0px 0px 15px;
    position: relative;
    border-right: 1px solid #efefef;
}
.container-login-general .container-image-left-login .img-login {
    width: 100%;
    height: auto;
    max-width: 390px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}
.container-login-general .container-login-right-login {
    background: #fff;
    padding: 55px 60px 75px 60px;
    border-radius: 0px 15px 15px 0px;
}
.container-login-general .container-login-right-login .text-title-login{
    font-size: 20px;
    color: #000000;
    font-weight: revert;
    display: block;
    margin-bottom: 30px;
}
.container-login-general .btn-primary {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}
.container-login-general .btn-primary:hover {
    opacity: 0.8;
}
.authentication-bg .footer {
    color: #000000;
    background-color: initial;
    border-top: 0px solid #e1e1e1;
}
/* ======= FINE LOGIN ============== */

body[data-sidebar-color=gradient] .left-side-menu, body[data-sidebar-color=gradient] .logo-box {
    background: #ffc64c;
    background-image: linear-gradient(270deg,#ffae00,transparent);
}
body[data-sidebar-color=brand] .left-side-menu #sidebar-menu>ul>li>a, body[data-sidebar-color=gradient] .left-side-menu #sidebar-menu>ul>li>a {
    color: #ffffff;
}
body[data-sidebar-color=brand] .left-side-menu #sidebar-menu .menu-title, body[data-sidebar-color=gradient] .left-side-menu #sidebar-menu .menu-title {
    color: #000000;
}
body[data-sidebar-color=gradient][data-sidebar-size=condensed] #wrapper .left-side-menu #sidebar-menu>ul>li:hover>a {
    background: #6c757d;
}
a {
    color: #838383;
    text-decoration: none;
}
.container-list-chart-schedulazione .container-chart-schedulazione {
    margin-right: 40px;
    margin-bottom: 65px;
}
table#datatable-breakdown-schedulazione tbody tr {

}
table#datatable-breakdown-schedulazione tbody tr td {
    border: 5px solid #ffffff;
    background: #f5f5f5;
}

table#datatable-breakdown-schedulazione thead tr {

}
table#datatable-breakdown-schedulazione thead th {

}

.competitivo {
    color: #8bc34a;
    font-weight: 900;
}
.non-competitivo {
    color: #ff9800;
    font-weight: 900;
}

.card.dettaglio-breakdown {
    margin-bottom: 40px;
}
.card-body.dettaglio-breakdown {
    padding: 17px 5px 5px 5px;
}

.container-table-dettaglio-breakdown table.table thead tr th {
    padding: 5px 10px 3px 10px;
    color: #000;
    border-bottom: 0px;
}
.container-table-dettaglio-breakdown table.table thead tr th:nth-child(1) {
    padding: 5px 10px 3px 16px;
}
.container-table-dettaglio-breakdown table.table thead tr th:nth-child(2) {
    padding: 5px 10px 3px 14px;
}
.container-table-dettaglio-breakdown table.table thead tr th:nth-child(3) {
    padding: 5px 10px 3px 12px;
}
.container-table-dettaglio-breakdown table.table thead tr th:nth-child(4) {
    padding: 5px 10px 3px 10px;
}
.container-table-dettaglio-breakdown table.table thead tr th:nth-child(5) {
    padding: 5px 10px 3px 10px;
}
.container-table-dettaglio-breakdown table#datatable-dettaglio-breakdown tbody tr td {
    border: 5px solid #ffffff;
    background: #f5f5f5;
    padding: 7px 10px 4px 10px;
}
.container-table-dettaglio-breakdown table#datatable-dettaglio-breakdown tbody tr.classe_out td {
    border: 5px solid #ffffff;
    background: #8bc34a;
    color: #fff;
    padding: 7px 10px 4px 10px;
}
.container-table-dettaglio-breakdown table#datatable-dettaglio-breakdown tbody tr.classe_supplier td {
    border: 5px solid #ffffff;
    background: #ff9800;
    color: #fff;
    padding: 7px 10px 4px 10px;
}

.dropdown-menu .link-non-competitivo {
    background: #ff9800;
    color: #fff;
}
table#datatable-dettaglio-breakdown {
    margin-bottom: 0px;
}
.container-link-dettaglio-breakdown a.active {
    background: #999999;
    color: #ffffff;
    border-radius: 3px;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ffc64b;
    color: #5f6464;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #e7e7e7;
    color: #6c757d;
}
.select2-container .select2-selection--multiple .select2-selection__choice {
    background-color: #ffaf00;
    color: #000;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #ffb922;
    border-color: #ffb922;
}

.container-row-custom-legend {
    position: relative;
    top: -14px;
    overflow: hidden;
}
.container-row-custom-legend .row_one {
    width: 50%;
    float: left;
    padding-right: 10px;
}
.container-row-custom-legend .row_two {
    width: 50%;
    float: left;
    padding-right: 10px;
}
.span-one-row {
    display: block;
    text-align: left;
    margin-bottom: 5px;
}
.nome-fornitore {
    .font-weight: 600;
}
table tr.row-legend-best-rate td {
    background: #78c350 !important;
    color: #fff;
}
table tr.row-legend-mid-rate td {
    background: #FFEB3B !important;
    color: #000;
}
table tr.row-legend-critical-rate td {
    background: #ff9800 !important;
    color: #fff;
}
table tr.row-legend-not-competitive td {
    background: #ff0000 !important;
    color: #fff;
}

.dettaglio-breakdown .accordion {
    margin-left: 4px;
    margin-right: 4px;
}
.dettaglio-breakdown .accordion .accordion-item {
    margin: 0px;
    border: 0px;
    border-radius: 0px;
    padding: 0px;
}
.dettaglio-breakdown .accordion .accordion-item h2.accordion-header {
    margin-top: 0px;
    margin-bottom: 4px;
}
.dettaglio-breakdown .accordion .accordion-item h2.accordion-header button.accordion-button {
    padding: 4px 10px 2px 10px;
    font-size: 12px;
    color: #000000;
    background: #f5f5f5;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 0px;
}
.dettaglio-breakdown .accordion .accordion-item h2.accordion-header button.accordion-button:not(.collapsed) {
    color: #2f7ebf;
    background-color: #ebf4fb;
    box-shadow: 0px 0px 0px;
}
.dettaglio-breakdown .accordion .accordion-item h2.accordion-header button.accordion-button:hover {
    color: #585858;
    background: #e4e4e4;
}
.dettaglio-breakdown .accordion .accordion-item h2.accordion-header button.accordion-button::after {
    background-size: 94%;
    width: 19px;
    height: 19px;
    margin-top: 3px;
    margin-bottom: 2px;
}
.dettaglio-breakdown .accordion .accordion-item h2.accordion-header button.accordion-button:not(.collapsed)::after {
    margin-top: 2px;
    margin-bottom: 3px;
}
.dettaglio-breakdown .accordion .accordion-item .accordion-collapse {
    margin-top: -7px;
}
.dettaglio-breakdown .accordion .accordion-item .accordion-collapse .accordion-body {
    padding: 0px 0px 2px 0px;
    margin-left: -5px;
    margin-right: -5px;
}
.dettaglio-breakdown .accordion .accordion-item .accordion-collapse .accordion-body .container-table-dettaglio-breakdown {

}

.container-icona-genera-link {
    position: relative;
    top: -5px;
    margin-left: 8px;
}
.container-icona-genera-link i {
    font-size: 18px;
    color: #348cd4;
}
.container-icona-genera-link i:hover {
    color: #f7531f;
    cursor: pointer;
}


#datatable-dettaglio-breakdown tr.oneuptravel td {
    font-weight: 800;
    color: #000000;
}
#datatable-dettaglio-breakdown tr.row-legend-best-rate.oneuptravel td {
    font-weight: 800;
    color: #ffffff;
}
#datatable-dettaglio-breakdown tr.row-legend-mid-rate.oneuptravel td {
    font-weight: 800;
    color: #000;
}
#datatable-dettaglio-breakdown tr.row-legend-critical-rate.oneuptravel td {
    font-weight: 800;
    color: #ffffff;
}

button#add_date {}
button#add_date i {margin-right: 0px !important;}


.swal2-container {

}
.swal2-container .swal2-html-container {
    font-size: 13px;
}
.swal2-container .swal2-actions .swal2-confirm {
    background: #5c636a !important;
}

#apex-chart-schedulazione .apexcharts-xaxis text {
    font-size: 9px;
}
#apex-chart-schedulazione .apexcharts-yaxis text {
    font-size: 9px;
}

.custom-bedge-error {}
.custom-bedge-error:hover {
    cursor: pointer;
    opacity: 0.8;
}
.custom-bedge-ok {}
.custom-bedge-ok:hover {
    cursor: pointer;
    opacity: 0.8;
}

@media (max-width: 1506px) {
    #datatable-dettaglio-schedulazione_wrapper thead th {
        font-size: 10px;
    }
}
@media (max-width: 1424px) {
    #datatable-dettaglio-schedulazione_wrapper thead th {
        font-size: 9px;
    }
    #datatable-dettaglio-schedulazione_wrapper tbody td {
        font-size: 10px;
    }
}
