/*File di stile per le classi che creiamo per essere usate nelle pagine con webix al posto delle classi (brutte) di webix*/

/*LABEL ROSSA*/
.redlabel .webix_el_box {
    color: red !important;
}
/*ICONA VERDE/AZZURRA */
.verde .webix_icon {
    color: #239023 !important;
}
.azzurro .webix_icon {
    color: #1CA1C1 !important;
}

.custom_modal_window {
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.webix_fieldset_label {
    color: #1ca1c1;
    font-size: 10pt;
    text-transform: uppercase;
    font-weight: bold;
}

.dt_icon_header {
    font-size:18px;
}

/* PULSANTI SU LISTA */
.btn_arancione_wx {
    color: #F2A508;
    cursor: pointer;
    font-size: 18px;
}

.btn_rosso_wx {
    color: #D50000;
    cursor: pointer;
    font-size: 18px;
}

.btn_azzurro_wx {
    color: #1CA1C1;
    cursor: pointer;
    font-size: 18px;
}

.btn_grigio_wx {
    color: #DDD;
    cursor: pointer;
    font-size: 18px;
}

.btn_verde_wx {
    color: #239023;
    cursor: pointer;
    font-size: 18px;
}

.btn_giallo_wx {
    color: #FFC107;
    cursor: pointer;
    font-size: 18px;
}

.bg_arancione_wx {
    background-color: #FF9800 !important;
}

.bg_rosso_wx {
    background-color: #f44336 !important;
}

.bg_default_wx {
    background-color: #1CA1C1 !important;
}

.bg_grigio_wx {
    background-color: #9E9E9E !important;
}

.bg_verde_wx {
    background-color: #4CAF50 !important;
}

/*
 *    
 *   Personalizzazione pulsanti widget 
 *
 */
.evoButton { 
}
    .evoButton button { /* Flag disabled=false */
        background-color: #1CA1C1 !important;
        color: #FFFFFF !important;
    }
    .evoButton .webix_disabled_box button,
    .evoButton:hover .webix_disabled_box button { /* Flag disabled=true */
        background-color: #f4f5f9 !important;
    }
    .evoButton span {
        color: #FFFFFF !important;
    }
    .evoButton:hover button {
        background-color: #1992Af !important;
        color: #FFFFFF !important;
    }


.evoButton_Red {
}
    .evoButton_Red button { /* Flag disabled=false */
        background-color: #F44336 !important;
        color: #FFFFFF !important;
    }
    .evoButton_Red .webix_disabled_box button, 
    .evoButton_Red:hover .webix_disabled_box button { /* Flag disabled=true */
        background-color: #f4f5f9 !important;
    }
    .evoButton_Red span {
        color: #FFFFFF !important;
    }
    .evoButton_Red:hover button {
        background-color: #E53935 !important;
        color: #FFFFFF !important;
    }


.evoButton_Green {
}
    .evoButton_Green button { /* Flag disabled=false */
        background-color: #4CAF50 !important;
        color: #FFFFFF !important;
    }
    .evoButton_Green .webix_disabled_box button, 
    .evoButton_Green:hover .webix_disabled_box button { /* Flag disabled=true */
        background-color: #f4f5f9 !important;
    }
    .evoButton_Green span {
        color: #FFFFFF !important;
    }
    .evoButton_Green:hover button {
        background-color: #43A047 !important;
        color: #FFFFFF !important;
    }


.evoButton_Orange {
}
    .evoButton_Orange button { /* Flag disabled=false */
        background-color: #FF9800 !important;
        color: #FFFFFF !important;
    }
    .evoButton_Orange .webix_disabled_box button, 
    .evoButton_Orange:hover .webix_disabled_box button { /* Flag disabled=true */
        background-color: #f4f5f9 !important;
    }
    .evoButton_Orange span {
        color: #FFFFFF !important;
    }
    .evoButton_Orange:hover button {
        background-color: #FB8C00 !important;
        color: #FFFFFF !important;
    }

.badge_container {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-top: 3px;
    width: 24px;
}

    .badge_container .webix_badge {
        min-width: 14px;
        height: 14px;
        line-height: 14px;
        font-size: 9px;
    }

.sfondoText > div > input {
    background: #ebedf0;
}

.sfondoPicker .webix_inp_static {
    background: #ebedf0 !important;
}