/****** FONT SIZE *******/


/*
body {
    font-size: 15px;
}

.treeview-menu>li>a {
    font-size: 15px;
}

.sidebar-menu li.header {
    font-size: 14px;
}

.user-panel>.info>a {
    font-size: 12px;
}

.form-control {
    font-size: 15px;
}

.btn {
    font-size: 15px;
}
*/

.ui-widget {
    font-family: inherit;
    font-size: 14px;
}


/****** ******** *******/

.login-page,
.register-page {
    /*background: #367fa9;*/
    background: #fd7217;
}

.skin-red-light .main-header .navbar {
    background-color: #fd7217;
}

.skin-red-light .main-header .logo {
    background-color: #fd7217;
}


/****** DATATABLES *******/

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #C4DBE8;
}

.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #F4FAFD;
}

.table-striped>thead>tr {
    background-color: #3C8DBC;
    /*#21C178;*/
    color: white;
}

tfoot.dt-foot {
    display: table-header-group !important;
}

div.dt-buttons {
    float: right;
    margin-left: 10px;
}

div.dataTables_length {
    float: left;
}

@media screen and (max-width: 767px) {
    div.dataTables_length {
        float: none;
    }
}

.select_filter {
    width: 100% !important;
}

.dt-col-blue {
    background: #17a2b8;
    border-color: white;
    color: white;
}

.dt-col-blue:hover {
    background: #3C8DBC;
    border-color: white;
    color: white;
}

.dt-col-red {
    background: #dc3545;
    border-color: white;
    color: white;
}

.dt-col-red:hover {
    background: #c90215;
    border-color: white;
    color: white;
}

.dt-col-green {
    background: #28a745;
    border-color: white;
    color: white;
}

.dt-col-green:hover {
    background: green;
    border-color: white;
    color: white;
}


/****** ******** *******/


/****** SELECT 2 *******/

.select2-container--default .select2-selection--single {
    border: 1px solid #d2d6de !important;
    border-radius: 0px !important;
    height: 34px !important;
}

.select2-container--default .select2-selection--single:focus {
    border-color: #3c8dbc !important;
    box-shadow: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #444 !important;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #d2d6de !important;
    border-radius: 0px !important;
    min-height: 34px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #3c8dbc !important;
    border-color: #367fa9 !important;
    padding: 1px 10px !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
    padding-left: 12px !important;
}


/****** ******* *******/


/****** VALIIDATOR *******/

.form-control.error {
    border-color: #f39c12;
}

label.error {
    color: #f39c12;
}

.checkbox label.error {
    padding-left: 104px;
}


/****** ******* *******/

.radio_horizzontal label {
    font-weight: 400;
    padding-left: 6px;
    padding-right: 12px;
}

.form-separator {
    margin-top: 15px;
    margin-bottom: 10px;
    border-bottom: 1px #3C8DBC dashed;
    color: #3C8DBC;
}

.border-green {
    border-color: #398439;
}

.border-green:focus {
    border-color: #88be14;
}

.nav-tabs-custom>.nav-tabs>li.active>a,
.nav-tabs-custom>.nav-tabs>li.active:hover>a {
    background-color: #f9fafc;
    color: #333;
    font-size: 17px;
    font-weight: bold;
}

.nav-tabs-custom>.nav-tabs>li>a {
    color: #444;
    border-radius: 0;
    font-size: 17px;
}

.nav-tabs-custom>.tab-content {
    background: #F9FAFC;
    border-top: 3px solid #3c8dbc;
}

.nav-tabs-custom>.nav-tabs>li {
    margin-bottom: -4px;
}

.bg-arancio {
    background: cornsilk;
}

.bg-azzurro {
    background: aliceblue;
}

.bg-verde {
    background: honeydew;
}

div.febo_check_div {
    display: block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

label.febo_check_label {
    margin-right: 5px;
    font-weight: normal;
    margin-bottom: 0px;
}

div.febo-icon {
    float: left;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 1.9;
}


/*
.dhx_cal_ltext textarea {
    background-color: white !important;
}


div.dt-button-collection.four-column {
    padding-bottom: 8px !important;
}

span.mytooltip:hover {
    position: relative;
}

span.mytooltip[aria-label]:hover:after {
    position: fixed;
    top: 45%;
    left: 35%;
    content: attr(aria-label);
    padding: 8px 8px;
    z-index: 20;
    background:white;
    border: 1px solid black;
    width: 550px;
}

.datepicker {
    z-index:10002 !important;
}

div.dt-button-collection button.dt-button.active:not(.disabled) {
    background-color: #C4DBE8 !important;
    background-image: linear-gradient(to bottom, #C4DBE8 0%, #C4DBE8 100%) !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, 
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    background-color: #3c8dbc !important;
}
*/

p.sub {
    text-align: center;
    margin: 20px 0;
    font-size: 1.5rem;
    font-weight: 500;
}

i.green_icon {
    color: #45b545;
    font-size: 1.5rem;
    margin: 0 5px;
}

button.delete_file_btn {
    font-size: 1.5rem;
    background: transparent;
    border: none;
    position: absolute;
    right: 12px;
    color: #db6651;
    cursor: pointer;
}

a.add_gara {
    position: absolute;
    right: 15px;
    top: 25px;
    background: #61a1cf;
    color: white;
    padding: 7px 12px;
}

div.dialog {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1050;
    justify-content: center;
    align-items: center;
    /*backdrop-filter: blur(4px);*/
    backdrop-filter: brightness(0.5);
    display: none;
    overflow: auto;
}

div.dialog.show {
    display: flex;
}

div.dialog div.dialog_container {
    min-width: 1200px;
    width: 100%;
    height: 80%;
    max-width: 800px;
}

div.aziende_status {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    box-shadow: 0px 0px 2px 2px #c4dbe8;
    cursor: pointer;
}

div.aziende_status.abilitato {
    background-color: #64bf64;
    margin-left: auto;
    margin-right: auto;
}

div.aziende_status.irregolare {
    background-color: #fcff2b;
    margin-left: auto;
    margin-right: auto;
}

div.aziende_status.disabilitato {
    background-color: #d97967;
    margin-left: auto;
    margin-right: auto;
}

td.text-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

div.soa_row {
    padding: 16px;
    border: 1px solid #8ba9bb;
    margin-bottom: 22px;
    border-radius: 12px;
    margin: 22px;
}

div#info,
div.dialog div.dialog_container form {
    background-color: white;
    padding: 10px;
    border: 4px solid #61bb95;
    border-radius: 12px;
}

div#info p#header {
    font-size: 2rem;
    font-weight: 700;
    font-style: italic;
    border-bottom: 1px solid #d9dbdd;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

div#info p#header i {
    font-size: 1.3rem;
}

p#header_gara {
    font-size: 2rem;
    font-weight: 700;
    font-style: italic;
    border-bottom: 1px solid #d9dbdd;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

p#header_gara i {
    font-size: 1.3rem;
}

div#info p#stato {
    display: flex;
    gap: 10px;
    align-items: center;
}

div#info div#descrizione {
    word-break: break-all;
}

div.col_left_separator {
    border-left: 1px solid #d9dbdd;
}

div.col_right_separator {
    border-right: 2px solid #3c8dbc;
}

div.sezione {
    margin-top: 48px;
    padding: 24px;
    border-top: 1px solid #d9dbdd;
    border-radius: 8px;
    word-break: break-all;
}

div.sezione div {
    word-break: break-word;
}

div#info p.header {
    position: absolute;
    top: -12px;
    font-weight: 700;
    background-color: white;
    padding: 0 16px;
}

div#info button#close_dialog {
    position: absolute;
    right: 20px;
    top: 4px;
    background-color: transparent;
    font-size: 2.5rem;
    color: tomato;
    border: none;
    z-index: 1000;
}

div.sal {
    font-size: 1rem;
    line-height: 1rem !important;
    border-bottom: 1px solid #ababab;
    padding: 4px;
    margin: 8px 0;
}

div.sal i {
    color: #53a753;
    margin: 0 4px;
}

div#info,
.dialog_container form {
    max-height: 800px;
    overflow-y: auto;
}

div#richieste_info p {
    margin: 0 0 4px;
}


/* ---------------- */

p.storico_title {
    font-size: 1.5rem;
    font-weight: 400;
    color: #909193;
    margin: 10px 30px;
}

.storico_timeline {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 50px 30px;
    border-radius: 10px;
    background-color: #fff;
    border: 2px solid #ededed;
    padding: 20px;
    overflow-y: auto;
}

.storico_timeline .li {
    transition: all 200ms ease-in;
    margin-bottom: 0;
}

.storico_timeline:before {
    content: none;
}

.timestamp {
    margin-bottom: 20px;
    padding: 0px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 100;
    white-space: nowrap;
}

.status {
    padding: 0;
    display: flex;
    justify-content: center;
    border-top: 2px solid #D6DCE0;
    position: relative;
    transition: all 200ms ease-in;
}

.status h4 {
    color: #a1a1a1;
    font-size: 1.5rem;
    font-weight: 400;
}

.storico_timeline .author {
    font-weight: 800;
    color: #878787;
}

.storico_timeline li.aggiudicata .author,
.storico_timeline li.aggiudicata .date,
.storico_timeline li.aggiudicata .status h4 {
    color: #279f36;
}

.storico_timeline .date {
    font-weight: bold;
    color: #878787;
    font-size: 1.2rem;
}

.status:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: white;
    border-radius: 25px;
    border: 1px solid #ddd;
    position: absolute;
    top: -6px;
    left: 48%;
    transition: all 200ms ease-in;
}

.li.aggiudicata .status {
    border-top: 2px solid #279f36;
}

.li.aggiudicata .status:before {
    background-color: #279f36;
    border: none;
    transition: all 200ms ease-in;
}

@media (max-device-width: 1230px) {
    div.dialog div.dialog_container {
        min-width: fit-content;
    }
}

@media (max-device-width: 700px) {
    .storico_timeline {
        list-style-type: none;
        flex-direction: column;
        align-items: flex-start;
        margin: 0;
    }
    .storico_timeline li {
        position: relative;
        transition: all 200ms ease-in;
        display: flex;
        justify-content: flex-start;
        width: inherit;
        border-left: 1px solid #D6DCE0;
        margin: 20px 0;
    }
    .storico_timeline li.aggiudicata {
        border-left: 1px solid #279f36;
    }
    .storico_timeline li::before {
        content: "";
        width: 10px;
        height: 10px;
        background-color: white;
        border-radius: 25px;
        border: 1px solid #ddd;
        position: absolute;
        top: 34%;
        left: -2%;
        transition: all 200ms ease-in;
    }
    .storico_timeline .li.aggiudicata::before {
        background-color: #279f36;
    }
    .storico_timeline li.aggiudicata .status h4 {
        text-align: right;
    }
    .timestamp {
        align-items: flex-start;
        justify-content: center;
        flex: 1;
        margin-bottom: 0;
    }
    .li.aggiudicata .status {
        border: none;
    }
    .status {
        border: none;
        padding: 0 32px;
    }
    .status:before {
        content: none;
    }
}

.richieste_stato {
    width: 100%;
    height: 100%;
    background-color: #4a6977;
    text-align: center;
    border-radius: 4px;
    padding: 6px;
}

span.aziende_alert {
    background-color: #e7db03;
    color: #5c8373;
    padding: 10px;
    border-radius: 8px;
    font-weight: 600;
}

.azienda_divider {
    border-left: 1px solid #d9dbdd;
}

.azienda_richiesta {
    padding: 8px;
    border: 1px solid #d9dbdd;
    border-radius: 8px;
    margin-bottom: 8px;
}

p.hero_header {
    position: relative;
    margin: 6px;
    font-size: 1.8rem;
    font-weight: 700;
    font-style: italic;
}

div.info_row {
    display: flex;
}


/* FIX PER AUTOCOMPLETE SU DIALOG CUSTOM */

.ui-widget.ui-widget-content {
    z-index: 20000;
}

table.dataTable tr.dtrg-group.dtrg-start td {
    background: #ffdc79;
}

.input-group {
    margin-bottom: 15px;
}

.form-separator-doc {
    margin-top: 15px;
    margin-bottom: 10px;
    border-bottom: 1px #FD7217 dashed;
    color: #FD7217;
}


/* TIMELINE */

.timeline_container {
    height: 550px;
    overflow-y: scroll;
}

.timeline_container ul,
li {
    list-style: none;
    padding: 0;
}

.timeline_container .box_wrapper li {
    padding-bottom: 1.5rem;
    border-left: 1px solid #abaaed;
    position: relative;
    padding-left: 20px;
    margin-left: 10px;
}

.timeline_container .box_wrapper li:last-child {
    border: 0px;
    padding-bottom: 0;
}

.timeline_container .box_wrapper li:before {
    content: "";
    width: 15px;
    height: 15px;
    background: white;
    border: 1px solid #32ad96;
    box-shadow: 3px 3px 0px #32ad96;
    border-radius: 50%;
    position: absolute;
    left: -10px;
    top: 0px;
}

.timeline_container .box_wrapper .time {
    color: #6b809b;
    margin-bottom: 0.4rem;
}

.timeline_container .box_wrapper .oggetto {
    padding: 0;
    margin: 0;
}

.box_wrapper p {
    color: #7e7e7e;
    font-family: sans-serif;
}



/* Promemoria 1 */
.dhx_cal_event.event_promemoria1 div
{
    background-color:green; 
    color:white;
}
    
.dhx_cal_event_line.event_promemoria1
{
    background-color:green; 
    color:white;
}

.dhx_cal_event_clear.event_promemoria1
{
    color:green;
}

.dhx_agenda_line.event_promemoria1
{
    background-color: lightgreen;
}


/* Promemoria 2 */
.dhx_cal_event.event_promemoria2 div
{
    background-color:orangered; 
    color:white;
}
    
.dhx_cal_event_line.event_promemoria2
{
    background-color:orangered; 
    color:white;
}

.dhx_cal_event_clear.event_promemoria2
{
    color:orangered;
}

.dhx_agenda_line.event_promemoria2
{
    background-color: lightsalmon;
}


/* Appuntamento */
.dhx_cal_event.event_appuntamento div
{
    background-color:#1796B0; 
    color:white;
}
    
.dhx_cal_event_line.event_appuntamento
{
    background-color:#1796B0; 
    color:white;
}

.dhx_cal_event_clear.event_appuntamento
{
    color:#1796B0;
}

.dhx_agenda_line.event_appuntamento
{
    background-color: lightskyblue;
}


/* Polizza */
.dhx_cal_event.event_polizza div
{
    background-color:#fbae02; 
    color:white;
}
    
.dhx_cal_event_line.event_polizza
{
    background-color:#fbae02; 
    color:white;
}

.dhx_cal_event_clear.event_polizza
{
    color:#fbae02;
}

.dhx_agenda_line.event_polizza
{
    background-color: lightyellow;
}


.dhx_cal_light select {
    font-family: inherit;
    font-size: 13px;
    padding: 2px;
    margin: 0;
}

.dhx_cal_ltext textarea {
    font-family: inherit;
    font-size: 13px;
}

.badge {
    font-size: 15px;
    text-align: right;
    white-space: inherit;
    line-height: 1.5;
}

.commesse {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid linen;
    line-height: 1.8;
}

.font-15 {
    font-size: 15px;
}

.vAlignCenter {
    vertical-align: inherit !important;
}

td.redBg {
    background-color: #ff810059;
}

td.redBgBold {
    background-color: #ff810059;
    font-weight: bold;
}

td.greenBg {
    background-color: #7ad52763;
}

td.greenBgBold {
    background-color: #7ad52763;
    font-weight: bold;
}

td.purpleBg {
    background-color: #d5273563;
}

td.purpleBgBold {
    background-color: #d5273563;
    font-weight: bold;
}

td.blueBg {
    background-color: #27a5d563;
}

td.blueBgBold {
    background-color: #27a5d563;
    font-weight: bold;
}

/*
th.blueBg {
    background-color: #27a5d563;
}
*/

/*
th.greenBg {
    background-color: #7ad52763;
}
*/

/*
th.purpleBg {
    background-color: #d5273563;
}
*/


.centra-testo {
    text-align: center;
}