:root {
    --bianco: #FFF;
    --defaultFont: 'Source Sans Pro', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
    --secondFont: 'Fjalla One', sans-serif;
    --osvaldoFont: 'Oswald', sans-serif;
    --newFont: 'Europa', sans-serif;
    --size14: 14px;
    --size16: 16px;
    --size13: 13px;
    --upperCase: uppercase;
    --colorePulsanti: rgba(212, 46, 18, 1);
    --colorePulsanti-tras: rgba(212, 46, 18, 0.85);
    --bordoPulsanti: #03a9f4;
    --raggio: 5px;
    --raggio-50: 50%;
    
    --grigio: #e6eaed;
    --grigio-chiaro: #828f96;
}

/* COLORE PULSANTI E COLORI VARI */
.sidebar-default nav.widget-body > ul.acc-menu > li.active > a ,
.sidebar-default nav.widget-body > ul.acc-menu > li:hover > a 
{
    background-color:  #f5f5f5; !important;
}

.header-print i ,.orange, .or_bold, em, .required .required ,
.sidebar-default nav.widget-body > ul.acc-menu > li.active > a ,
.sidebar-default nav.widget-body > ul.acc-menu > li > a:hover > i ,
.sidebar-default nav.widget-body > ul.acc-menu > li:hover > a ,
.sidebar-default nav.widget-body > ul.acc-menu > li.active > a > i ,
.sidebar-default nav.widget-body > ul.acc-menu ul li a:hover ,
.sidebar-default nav.widget-body > ul.acc-menu li a:hover

{
    color: var(--colorePulsanti) !important;
}

.data-rubrica:hover, .corelati:hover,.close-token:hover {
    color: var(--colorePulsanti-tras) !important;
}

.button-addon , .badge , .btn-colored, .btn-primary , .circle-blue:hover , .btn-orange , .logo-round , .btn-orange:hover , .button-icon-orange, .button-icon-green ,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active:hover.focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.disabled:hover.focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td.active,
.open > .dropdown-toggle.datepicker table tr td.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active.disabled,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:hover ,
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused ,
.sidebar-default nav.widget-body > ul.acc-menu ul li a:hover,
.sidebar-default nav.widget-body > ul.acc-menu ul li a:active ,

{
    background: var(--colorePulsanti);
    background-color: var(--colorePulsanti);
}

.btn-colored, .btn-primary  , .btn-orange , .logo-round , .btn-orange:hover , .button-icon-orange, .button-icon-green ,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active:hover.focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.disabled:hover.focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td.active,
.open > .dropdown-toggle.datepicker table tr td.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active.disabled,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:hover
{
    border-color: var(--colorePulsanti) !important;
}   

.btn-colored:hover, .btn-primary:hover, .button-addon:hover , .data-rubrica, .data-rubrica:active, .corelati,.corelati:active, .token ,  
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover
{
    background: var(--colorePulsanti-tras);
}
    
.btn-colored:hover, .btn-primary:hover,  .token  , .datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover
{
    border: 1px solid var(--colorePulsanti-tras);
    border-color: var(--colorePulsanti-tras)
}

.text-link:hover {
    color: var(--grigio) !important;
}

.breadcrumb 
{
    border-bottom: var(--grigio) 1px solid;
}

.tile {
    border: var(--grigio) 1px solid;
}

.tile-footer {
    border-top: var(--grigio) 1px solid;
    background-color: var(--grigio-chiaro);
}

/* COLORE BIANCO */
.page-heading, #heading-login h1 , .page-heading a, #delDato_box .modal-header,#export_box .modal-header, .icona-badge , .pulsante-trak-open:hover , .wizard-steps li.complete .step , .dopdown-header ,
#notification-box .modal-header, #delDato_box .modal-header h4, #export_box .modal-header h4, .infobar-options, .pulsante-trak-close:hover ,
.infobar-options h2, .verifica, .verifica:hover,  #notification-box .modal-header h4, .label-link a, #heading-login h1 , .label-link a:hover  , .btn-table-success .icona-custom , .btn-table-colored .icona-custom, .btn-table-colored .icona-custom:hover , .button-addon , .data-rubrica, .data-rubrica:active, .corelati, .corelati:active, .token , .close-token , .panel.panel-default .panel-heading .panel-ctrls .button-icon:hover, .button-icon-green:hover , .tokenfield .token , .marker , .marker-calendar ,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active:hover.focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.disabled:hover.focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td.active,
.open > .dropdown-toggle.datepicker table tr td.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active.disabled,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:hover ,
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover
{
    color: var(--bianco);
}

/* BORDO BIANCO */
.fc-event {
    border: var(--bianco) 1px solid !important;
}

/* SFONDO BIANCO */
.signin-box,.accountchooser-box,.overlay-message,.static-content-wrapper  , .search-form , #topnav.navbar-orange,
#topnav.navbar-orange #toolbar-search.active
{
    background: var(--bianco);
    background-color: var(--bianco);

}

/* FONT FAMILY DEFAULT  */
.page-heading,.page-heading a ,.summary,.panel-no-back .even,.panel-no-back .odd,.fc-day-header,
.small-tile,.fc-center,.fc-day-header,.calendar-day-head,.month-title,.summary,.login-btn 
{
    font-family: var(--secondFont);
}

.fc-content,.month-title,.calendar-day-head,.day-number,.btn-colored,.btn-primary,#login-form,.fc-day-number,h1,h2,h3,h4,h5,h6,.h1,.h2,
.h3,.h4,.h5,.h6,.acc-menu,th,.summary,.info,button  , .dopdown-header , .panel-checklist ul li 
{
    font-family: var(--osvaldoFont) !important
}

#heading-login h1 {
    font-family: var(---defaultFont);
}

/*  -----------------------------------------------------------------FONT SIZE --------------------------------------------- */
 .panel-checklist ul li 
{
    font-size: var(--size13)
}

.page-heading,.page-heading a,#scheda-detail,.graf-legend h3,legend,.custom_title,text,tspan 
{
    font-size: var(--size14)
}

/* FONT SIZE 16px */
.summary,.fc-content,.panel-no-back .even,.panel-no-back .odd,.page-heading h4,.page-heading a 
{
    font-size: var(--size16)
}

/* BOLD */

.altro-label,.mybold,.det,.text-gestione,.nob-right,.nc,.titolo-sezione,.intestazione-sezione,.tile-right,.update-link,.verifica,.non-fatto, .bold 
{
    font-weight: bold
}

.icona-badge , .logo-round , .dropdown-colorpicker > .dropdown-menu > li , .color-preview, .dropdown-colorpicker a , .dropdown-colorpicker > .dropdown-menu > li > .colorpick-btn , .btn-colorpicker , #box-logo , .color-circle , .badge  , .marker , .marker-calendar , .btn-table .icona-custom, .btn-header .icona-custom , .row-add .button-icon
{
    border-radius: var(--raggio-50);
}



#login-form .panel-default 
{
    border-radius: var(--raggio);
}

#login-form .panel-default .panel-heading {
    border-top-left-radius: var(--raggio);
    border-top-right-radius: var(--raggio);
}
#login-form .panel-default .panel-footer {
    border-bottom-left-radius: var(--raggio);
    border-bottom-right-radius: var(--raggio);
}

a:hover, a:focus, a:active {
    color: var(--grigio-chiaro);
    
}
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused ,.btn-table .icona-custom, .btn-header .icona-custom ,.datepicker-days .active ,
.button-addon , #login-form .panel-default , .btn-circle  ,  .color-circle , .button-icon , .color-preview, .dropdown-colorpicker a , .color-preview,
.dropdown-colorpicker a , .verifica   , .timeline-icon ,  .color-preview , .dropdown-colorpicker a
{
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.10);
}

#box-logo , .weather-chiaro:hover, .weather-scuro:hover , .btn:hover, .button-icon:hover , .label-link:hover
{
    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.24) !important;
}

.btn-colored, .btn-primary , .token , .activityicon , .info-tiles , .panel .fc-event , .marker , .marker-calendar ,
header.navbar , #topnav.navbar-inverse, .logo-round , .infobar-options, .avatar 
 {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12) !important;
}

.page-heading  , footer , .page-heading{
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
}

#user-detail, #detail  ,#new-user-detail 
{
    -webkit-box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.01) !important;
    box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.01) !important;
}

.errorSummary 
{
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.05);
}

.colored .control-label {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.02);
}

.panel-checklist ul li:not(.checklist-btn) {
	text-transform: uppercase;
}

.top-7{
	padding-top: 8px !important
}