/** CUSTOM CSS - rewrite colors **/
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

/** vars **/
:root {
    --white: #fff;
    --green: #34AA44;
    --green_blend: #34AA4420;
    --green_blend_8: #34AA44CC;
    --grey: #777;
    --greylight: #e0e0e0;
    --greymedium: #ccc;
    --greymorelight: #fafafa;
    --dark: #232323;
    --red: #eb560c;
    --red_blend: #eb560c20;
    --orange: #fa0;
    --yellow: #fac31e;
    --yellow_blend: #fac31e20;
    --pink: #FFC0CB;
    --blue: #4169E1;
    --azure: #00CED1;
    --yellowalpha: rgba(248,254,8,.3);
    --alert: #d00;
    --bginputalert: #fff2d6;
    --success: #0a0;
    --fullwidth: 100%;
    --text: #3E3F42;
    --adv: #b62a2a;/*#cab160;*//*#080808;*/ /* il colore base del marchio (scuro) */
    --advlight: #d53232;
    --adv2: #FFB000;
    --advtext: rgba(255,255,255,0.7); /* #99A7AE; */
    --active: #f3f7ff;
    --whitealpha: rgba(255,255,255,.8);
    --blackalpha: rgba(0,0,0,.5);
    --tr: rgba(0,0,0,.01);
    --trhover: rgba(0,0,0,.03);
    --tdborder: #F5F5F5;
    --bodybg: #ECEDEE;
    --bgholder: rgba(0,0,0,.5);
    --border: #EAEDF3;
    --sidebarwidth: 240px;
    --sidebarwidthneg: -240px;
    /* Font Family */
    --font-family: 'Nunito Sans', sans-serif;
    --font-family-roboto: 'Roboto', sans-serif;
    --font-size: 14px;
    /* Grid Margin Padding*/
    --grid-gutter: 7.5px;
    --grid-gutter-neg: -7.5px;
    --grid-gutter-2: 15px;
    /* Section Color */
    --section-account: #FFB000;
    --section-dashboard: #ad0034;
    --section-management: #5D99FD;
    --section-sales: #F79000;
    --section-marketing: #14A8C2;
    --section-administration: #6E66AB;
    --section-administration-alpha: #6E66AB59;
    --section-products: #3467B1;
    --section-activities: #FEB200;
    --section-logistics: #23A395;
    --section-registries: #5E428F;
    --section-settings: #DB1110; /* #BBBBBB; */
    --section-deadlines: #DB1110;
    --section-ticket: #86C1E6;
    --section-extensions: #FFB000;
    --section-projects: #86C1E6;
    --section-building-sites: #86C1E6;
    --section-topic: #529a11;
    --section-shifts: #f66d9b;
    --section-courses: #DE6262;
    /* Chat Color */
    --bg-chat: #EAEDF3; /* #eceff1; */
    --bg-chat-message: #ffffff;
    --bg-chat-message-me: #cfd8dc;
    /* Status Color */
    --color-completed: #008000; /* Green */
    --bg-completed: #00800020; /* Green */
    --color-partial: #FFD700; /* Yellow */
    --bg-partial: #FFD70020; /* Yellow */
    --color-not-completed: #B22222; /* Red */
    --bg-not-completed: #B2222220; /* Red */
    /* Price quotation status */
    --approved: #35AF46;
    --refused: #B03535;
    --suspended: #E5B229;
    /* Appointments - Calls Colors */
    --color-appointments: #1665D8;
    --bg-appointments: #1665D820;
    --color-calls: #34AA44;
    --bg-calls: #34AA4420;
    /* Building Sites Colors */
    --color-act: #2e358c;
    --bg-act: #2e358c20;
    --color-tsk: #20a9e0;
    --bg-tsk: #20a9e020;
    --color-exp: #FFFFFF;
    --bg-exp: #B22222;
    --color-lab: #FFFFFF;
    --bg-lab:  #5E428F;
    --color-prd: #FFFFFF;
    --bg-prd: #3467B1;
    --color-mns: #FFFFFF;
    --bg-mns: #23A395;
    --color-ept: #FFFFFF;
    --bg-ept: #23A395;
    /* Status Color */
    --bs-opened: #86C1E6; /* open */
    --bs-inspection: #E5B229; /* inspection */
    --bs-closed: #008000; /* closed */
    --bs-seized: #B22222; /* seized */
    /* Status Color */
    --prj-opened: #86C1E6; /* open */
    --prj-inspection: #E5B229; /* inspection */
    --prj-closed: #008000; /* closed */
    --prj-seized: #B22222; /* seized */
    /* Status Color */
    --crs-opened: #DE6262; /* open */
    --crs-inspection: #E5B229; /* inspection */
    --crs-closed: #008000; /* closed */
    --crs-seized: #B22222; /* seized */
    --color-prof: #FFFFFF;
    --bg-prof:  #DE6262;
    --color-stud: #FFFFFF;
    --bg-stud:  #5E428F;
}

/* Background body */
body {background: var(--bodybg);}
/*body.out{background:url(/img/bg_login.jpg) no-repeat center center fixed;background-size:cover;}
body.out.hair{background: var(--bodybg) !important;}*/

.logo-retina {max-width: 260px; width: 100%; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.advertising a {height: 60px;}
.advertising .logo-retina {display: block; margin: auto;}
.advertising .logo-minimize {height: 30px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.advertising .rel.block.mt25.mb25{margin:10px !important;}

.advertising .logo-retina,
.advertising .logo-minimize {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto !important; }

body #sinistra .advertising .logo-minimize {display: none !important;}

body .collapse-menu {display: inline-block;}
body .expand-menu {display: none;}

body.minimize .collapse-menu {display: none;}
body.minimize .expand-menu {display: inline-block;}

.alert{color:#333 !important;font-size:16px !important;border-color:var(--adv) !important;background:rgba(255,255,255,.7) !important;box-shadow: 2px 2px 10px rgba(0,0,0,.5)}
.alert a{color:var(--red) !important;}

/** menù color bianco **/
.theme-app .main-menu li.open > a, .theme-app .main-menu li.open > a p,
.theme-app .main-menu li a:hover, .theme-app .main-menu li a:hover p,
.theme-app .main-menu li a.active, .theme-app .main-menu li a.active p,
.theme-app .main-menu li.parent ul {border-color: #ffffff !important; color: #ffffff !important;}
.theme-app .main-menu li i {color: #ffffff !important;}

.adv-content .text-grey{color:rgba(255,255,255,.5) !important}