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

@font-face {
    font-family: "Nunito Sans";
    src: url('../fonts/Nunito_Sans/NunitoSans.ttf');
}
@font-face {
    font-family: "Nunito";
    src: url('../fonts/Nunito/Nunito-VariableFont_wght.ttf');
}

/** vars **/
:root {
    --white: #fff;
    --green: #51ca2e;
    --green_blend: #51ca2e20;
    --green_blend_8: #51ca2eCC;
    --grey: #777;
    --greylight: #e0e0e0;
    --greymedium: #ccc;
    --greymorelight: #fafafa;
    --dark: #232323;
    --red: #eb560c;
    --red_blend: #eb560c20;
    --orange: #fa0;
    --yellow: #FFC600;
    --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;
    --sidebar-gradient-1: #181539;
    --sidebar-gradient-2: #9747ff;
    --adv: #191539;/*#cab160;*//*#080808;*/ /* il colore base del marchio (scuro) */
    --advlight: #130E2E;
    --adv2: #FFB000;
    --advtext: rgba(255,255,255,0.6); /* #99A7AE; */
    --active: #f3f7ff;
    --whitealpha: rgba(255,255,255,.8);
    --blackalpha: rgba(0,0,0,.5);
    --tr-even: #FAFAFA;
    --tr-odd: #FAFAFA;
    --trhover: #F2F2F2;
    --tdborder: #FFFFFF;
    --bodybg: #F2F2F2;
    --bgholder: rgba(102,102,102,.5);
    --border: #EAEDF3;
    --bg-controls: #F9F9F9;/*#F6F6F6;*/
    --sidebarwidth: 240px;
    --sidebarwidthneg: -240px;
    /* Font Family */
    --font-family: "Nunito", sans-serif;
    --font-size: 14px;
    /* Grid Margin Padding*/
    --grid-gutter: 0.5rem;
    --grid-gutter-neg: -0.5rem;
    --grid-gutter-2: 1rem;
    --grid-gutter-2-neg: -1rem;
    /* Section Color */
    --section-color: #FFB000; --section-color-alpha: #FFB00059;
    --section-account: #FFB000; --section-account-alpha: #FFB00059;
    --section-dashboard: #D90061; --section-dashboard-alpha: #D9006159;
    --section-management: #5D99FD; --section-management-alpha: #5D99FD59;
    --section-sales: #F79000; --section-sales-alpha: #F7900059;
    --section-purchases: #005AE1; --section-purchases-alpha: #005AE159;
    --section-marketing: #14A8C2; --section-marketing-alpha: #14A8C259;
    --section-administration: #6E66AB; --section-administration-alpha: #6E66AB59;
    --section-products: #3467B1; --section-products-alpha: #3467B159;
    --section-activities: #FEB200; --section-activities-alpha: #FEB20059;
    --section-logistics: #23A395; --section-logistics-alpha: #23A39559;
    --section-production: #bb7733; --section-production-alpha: #bb773359;
    --section-registries: #5E428F; --section-registries-alpha: #5E428F59;
    --section-settings: #DB1110; --section-settings-alpha: #DB111059;
    --section-deadlines: #DB1110; --section-deadlines-alpha: #DB111059;
    --section-ticket: #86C1E6; --section-ticket-alpha: #86C1E659;
    --section-extensions: #FFB000; --section-extensions-alpha: #FFB00059;
    --section-projects: #86C1E6; --section-projects-alpha: #86C1E659;
    --section-courses: #DE6262; --section-courses-alpha: #DE626259;
    --section-building-sites: #86C1E6; --section-building-sites-alpha: #86C1E659;
    --section-topic: #529a11; --section-topic-alpha: #529a1159;
    --section-shifts: #f66d9b; --section-shifts-alpha: #f66d9b59;
    --section-maintenance: #6A8682; --section-maintenance-alpha: #6A868259;
    --section-esg: #2AC053; --section-esg-alpha: #2AC05359;
    --section-crisis:#ffc600; --section-crisis-alpha:#ffc60059;
    /* 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;
    --color-crd: #FFFFFF;
    --bg-crd: #fa6e06;
    /* 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;
    --bg-input: #FFFFFF;
    --border-input: #F2F2F2;
    --bg-border-radius: 1.5rem;
    /* Colori */
    --colore-primario-100: #0F253A;
    --colore-primario-60: #011629;
    --colore-primario-10: #E6E8EB;
    --colore-secondario-100: #FFC600;
    --grigio-chiaro: #F2F2F2;
    --grigio-chiaro-02: #F9F9F9;
    --grigio-chiaro-02-alpha: #F9F9F959;
    --bs-body-font-family: var(--font-family);
}

.row {--bs-gutter-x: var(--grid-gutter-2);}

/* Fix Bootstrap */
/* *, ::after, ::before {-webkit-box-sizing:border-box;box-sizing:border-box;} */
a {text-decoration: none;}

.form-control, .form-select {font-size: var(--font-size); line-height: 1.25rem; padding: 0.438rem 0.75rem;}
.form-control:focus, .form-select:focus {background-color: var(--bg-input); box-shadow: none;}

input[type="file"].form-control {border:1px solid var(--greylight)}
.form-control::file-selector-button {padding: 1rem .75rem;margin: -1rem -.75rem;-webkit-margin-end: .75rem;margin-inline-end: .75rem;}

.form-control, .input-group-text {transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}

.form-check {min-height: 1.5rem;padding-left: 2em;margin-bottom: .75rem;}
.form-check .form-check-input {margin-left: -2em;}
.form-check-input {width: 1.5em;height: 1.5em;margin-top: 0;}
.form-check, .form-check .form-check-input, .form-check-label {font-size: 1rem;}

.form-check-input:checked {background-color: var(--section-color); border-color: var(--section-color) !important;}
.form-check-input:focus {border-color: var(--section-color);outline: 0; box-shadow: 0 0 0 .25rem var(--section-color-alpha);}
.form-check-input.error {border-color: var(--alert) !important;}
.form-check-label {display: block;}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {color: var(--white); border-color: transparent;}
.table > :not(caption) > * > * {background-color: transparent;}

.input label {display: block;}
.note-btn.dropdown-toggle::after {content: none;}
/* End Fix Bootstrap */

/* Fix Font Awesome and Line Awesome size */
.fa, .fas, .fab, .la, .las, .lab {font-size: 20px;}
td .fa {font-size: 14px;}

.theme-app .main-menu a {display: flex;}
.theme-app .main-menu i {font-size: 22px;}
.theme-app .main-menu i.abs {font-size: 16px;}

.head i {font-size: 22px;}
.btn i {font-size: 16px;}

.go-back a {padding: 0 !important; cursor: pointer;}

table .ico {font-size: 20px;}

.input-group-text i {font-size: 1rem;}

/* End Fix Font Awesome and Line Awesome size */

/* Background body */
html {overflow-y: scroll;scrollbar-width: thin;scrollbar-color: var(--adv2) var(--grigio-chiaro);}
body {background: var(--white);}
body.out{background-color: #181539;background-image: radial-gradient(ellipse at bottom, #9747FF -10%, #181539 60%);} /* #9747FF, #181539 */
body.out.hair{background: var(--white) !important;}

.ul-glow {position:absolute;width: 95%;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;padding:0;display:flex;filter: blur(50px);z-index: -2;}
.ul-glow li{list-style:none;width:calc(100% / 6);aspect-ratio:16/9;/*height:150px;*/margin: 5px;background:#fff;border-radius:30%;animation:grow 3.5s ease-in-out infinite;}
@keyframes grow {
    0% , 40% , 100% {transform:scale(0.8);}
    20%{transform:scale(1);}
}
.ul-glow li:nth-child(1){animation-delay:-1.4s;background:var(--section-dashboard);box-shadow:0 0 50px var(--section-dashboard);}
.ul-glow li:nth-child(2){animation-delay:-1.2s;background:var(--section-sales);box-shadow:0 0 50px var(--section-sales);}
.ul-glow li:nth-child(3){animation-delay:-1s;background:var(--section-purchases);box-shadow:0 0 50px var(--section-purchases);margin-right: 150px;}
.ul-glow li:nth-child(4){animation-delay:-0.8s;background:var(--section-marketing);box-shadow:0 0 50px var(--section-marketing);margin-left: 150px;}
.ul-glow li:nth-child(5){animation-delay:-0.6s;background:var(--section-logistics);box-shadow:0 0 50px var(--section-logistics);}
.ul-glow li:nth-child(6){animation-delay:-0.4s;background:var(--section-products);box-shadow:0 0 50px var(--section-products);}

.adv-content {border-radius: var(--bg-border-radius); /*background-color: var(--advlight);*/}
.adv-content img {border-radius: var(--bg-border-radius);}

.logo-retina {max-width: 150px; width: 100%; transform: translateX(-10px);}
.advertising a {height: 60px;}
.advertising .logo-retina {height: 54px; display: block; margin: auto; transform: translateX(-15px);}
.advertising .logo-minimize {height: 30px;}

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

body #sidebar .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;}

/* Modifiche */
.login {max-width: 350px;border-radius: 20px;background: #ffffff;}
.login .logo-retina {max-width: 194px;}
.head {font-size: 1em !important; border: none !important;} /* Modificare su new.css */
.head a.active, .head a:hover {color: var(--adv2)}

.head-menu-action {position: absolute; top: 1px; right: 1px; }
.head-menu-action a {transition: visibility 0s, opacity 0.5s linear;}
body.minimize #sidebar .head-menu-action a {visibility: hidden;}
body.minimize #sidebar:hover .head-menu-action a {visibility: visible;}
.head-menu-action a i {font-size: 24px; color: rgba(255,255,255,.5);}
.head-menu-action:hover a i {color: rgba(255,255,255,.8);}

.head-user-box a {/*position: relative*/}
.head-user-box .tot {position: absolute;top: 8px;margin-left:-8px;}
.head-user-box .tot .messages {font-size: 10px;padding:0 5px;min-width:18px; height: 18px; line-height: 18px;border-radius: 9px;background: var(--adv2); color: #fff;}

/* input label */
.input .placeholder-label,
.select .placeholder-label {display: block;position: absolute;top: 22px;transform: translateY(-50%);left: 7px;;color: rgba(0, 0, 0, 0.5);transform-origin: left top;user-select: none;transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1), top 500ms;pointer-events: none;padding: 0 7px;border-radius: 5px !important;z-index: 1;}

.input .required + .placeholder-label,
.select .required + .placeholder-label {left: 9px;}

input:focus {outline: none;/*border-bottom-width: 2px;*/border-bottom-color: var(--accent-color);}
input:focus + .placeholder-label {color: var(--accent-color);}

input:not(:placeholder-shown) + .placeholder-label,
input:focus + .placeholder-label,
input.is-valid + .placeholder-label,
textarea:not(:placeholder-shown) + .placeholder-label,
textarea:focus + .placeholder-label,
textarea.is-valid + .placeholder-label,
.select select + .placeholder-label,
.chosen + .placeholder-label,
textarea.editor + .placeholder-label {transform: translateY(-120%) scale(0.75);border: 1px solid var(--bg-input); background-color: var(--bg-input);}

input:focus + .placeholder-label,
select:focus + .placeholder-label,
textarea:focus + .placeholder-label {border-color: var(--greylight); z-index: 6; /*background-color: var(--adv);color: #fff;*/ }
.placeholder-label:has(+ .chosen-container-active) {border-color: var(--greylight); /*background-color: var(--adv);color: #fff;*/ }

input.error + .placeholder-label,
select.error + .placeholder-label,
textarea.error + .placeholder-label,
.chosen.error + .placeholder-label {border-color: var(--alert); background-color: var(--alert);color: #fff;}

textarea#editor-message + .placeholder-label {display: none !important;}

#app-content .tab-qualification a.selectab {padding: 0 !important; line-height: 1 !important; border: 1px solid var(--border-input);cursor: pointer;background: #ffffff;}
#app-content .tab-qualification a.selectab span {display: block; width: 20px;height: 20px;border-radius: 50px}
#app-content .tab-qualification a.selectab:hover, #app-content .tab-qualification a.selectab.active {background: none !important; border-color: var(--section-color);}
#app-content .tab-qualification a.selectab.text-theme-primary:hover, #app-content .tab-qualification a.selectab.text-theme-primary.active {border-color: var(--colore-primario-100);background: var(--colore-primario-100) !important;}
#app-content .tab-qualification a.selectab.text-green:hover, #app-content .tab-qualification a.selectab.text-green.active {border-color: var(--green);background: var(--green) !important;}
#app-content .tab-qualification a.selectab.text-yellow:hover, #app-content .tab-qualification a.selectab.text-yellow.active {border-color: var(--yellow);background: var(--yellow) !important;}
#app-content .tab-qualification a.selectab.text-red:hover, #app-content .tab-qualification a.selectab.text-red.active {border-color: var(--red);background: var(--red) !important;}

/* Modifiche layout */
#sidebar {padding: var(--grid-gutter);}
#sidebar ul {list-style: none;}
#sidebar ul, #sidebar p {margin: 0; padding: 0}

.main-menu .parent {margin-top: var(--grid-gutter); margin-bottom: var(--grid-gutter);}
.theme-app .main-menu ul li a:hover,.theme-app .main-menu ul li a.active {border-left: 3px solid transparent !important;}

#loading .content:first-child {position:relative;background: var(--grigio-chiaro);border-radius: var(--bg-border-radius);padding: 54px var(--grid-gutter-2) var(--grid-gutter-2);}
#page .content{margin:0; padding: 0 !important; background: none !important;}

.content-title {left: 0;}
body #app-content .content-title {left: var(--sidebarwidth);}
.content-title {background: var(--grigio-chiaro);border-radius: var(--bg-border-radius);position: fixed;display: block;transform-style: preserve-3d;z-index: 11;margin: 0 var(--grid-gutter-2) 0 var(--grid-gutter-2);right: 0;padding: var(--grid-gutter-2) var(--grid-gutter-2) 0;}
.content-title::before {content: '';background-color: var(--white);position: absolute;top: 0;left: 0;width: 100%;height: var(--bg-border-radius);transform: translateZ(-1px);}

.title {background: var(--white);border-radius: var(--bg-border-radius);padding: var(--grid-gutter-2);}
.title .breadcrumb {margin-bottom: 0;padding: 0.188rem 0;font-size: 1rem;font-weight: bold;}
.content .container-fluid {background: var(--white);border-radius: var(--bg-border-radius);padding: var(--grid-gutter) var(--grid-gutter-2) var(--grid-gutter); margin-top: calc(62px + var(--grid-gutter-2)*2);}

.title, .content .container-fluid, .tabs-content {transition: all 0.2s ease-in-out;}

.title-actions {border-radius: var(--bg-border-radius);border: 3px solid var(--grigio-chiaro);background: var(--grigio-chiaro-02);margin: var(--grid-gutter-neg);padding-right: 1.5rem;padding-left: 1.5rem;}
.title-actions a,
.title-actions .btn {color: var(--colore-primario-100); line-height: 1rem; padding: var(--grid-gutter) !important; margin: 0 !important; background-color: transparent !important;}
.title-actions a:hover, .title-actions .btn.bg-green:hover {color: var(--green)}

.dialog {background: var(--grigio-chiaro-02)}
.dialog a.close {z-index: 12; cursor: pointer;}
.dialog .content-title {position: relative; left: 0 !important;background: none; padding: 0; margin: 0;border-radius: 4px 4px 0 0;overflow: hidden;}
.dialog .content-title::before {display: none;}
.dialog .title {background: none;border-radius: 0; padding: var(--grid-gutter-2);}
.dialog .title-actions {border: none;background: none;margin: 0;padding: 0;}
.dialog .title-actions .btn {font-size: 0 !important; line-height: 1;}
.dialog .title-actions .btn i {font-size: 16px; line-height: 1;margin: 0;}
.dialog .title .breadcrumb a {pointer-events: none;}
.dialog .title .go-back, .dialog .title .breadcrumb .item-home, .dialog .title .breadcrumb .breadcrumb-item.item-home + .breadcrumb-item::before {display: none;}
.dialog .content .container-fluid {background: none; margin-top: 0;padding: 0 var(--grid-gutter);}

.card {background-color: var(--grigio-chiaro-02); padding-right: var(--grid-gutter-2);padding-left: var(--grid-gutter-2);border-radius: var(--bg-border-radius);}
.card {--bg-input: var(--white);}

.datatable .controls {margin-top: var(--grid-gutter);margin-bottom: var(--grid-gutter);background-color: var(--bg-controls) !important; border-radius: 5px;}

.datatable .controls .limit select,
.datatable .controls .pages {background-color: var(--bg-controls) !important;border-radius: 5px;}
.datatable .controls .limit select {background-color: var(--white) !important;}

.datatable .controls .limit,
.datatable .controls .pages,
.datatable .controls .btn {margin: var(--grid-gutter);}

.datatable .controls .btn {margin-left: var(--grid-gutter);margin-bottom: 0 !important;}
.table-section, .table-section:hover {background: var(--grigio-chiaro) !important;}

.input-table {width: 130px;}
.input-table {--bg-input: #fff;}
.input-table .btn {background: #fff; color: var(--colore-primario-100);}

/** Btn Theme **/
.btn-theme-outline-primary {border: 1px solid var(--grigio-chiaro); color: var(--colore-primario-100) !important; background: #ffffff;}
.btn-theme-outline-primary:hover {border: 1px solid var(--colore-primario-100); color: #ffffff !important; background: var(--colore-primario-100);}

/** Accordion Theme **/
.accordion-theme-table {border-radius: 10px;overflow: hidden;--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230F253A'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230F253A'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.accordion-theme-table .accordion-button {text-align: center; background-color: var(--grigio-chiaro) !important; color: var(--colore-primario-100);border-bottom: 2px solid var(--tdborder);box-shadow: none !important;}
/*.accordion-theme-table .accordion-item:last-of-type .accordion-button.collapsed {border-bottom: none;}*/
.accordion-theme-table .accordion-button span {display: block; width: 100%; font-size: .875rem; font-weight: bold; text-transform: uppercase; text-align: center;}
.accordion-theme-table .accordion-item {border: none;}
.accordion-theme-table .accordion-body {padding: 0;}
.accordion-theme-table table.table {margin-top: 0 !important;}
.accordion-theme-table table.table tbody tr:hover {background: var(--grigio-chiaro);}
.accordion-theme-table .accordion-item:last-of-type table.table tr:last-of-type td,
.accordion-theme-table .accordion-item:last-of-type table.table tr:last-of-type th {border-bottom: none !important;}

/** Tabs **/
.tabs-content {padding: var(--grid-gutter) 0 0;}
.nav-theme {display: flex;flex-wrap: nowrap;white-space: nowrap;padding-left: 0;margin-bottom: 0;overflow-y: hidden;overflow-x: auto;-ms-overflow-style: none; /*// IE 10+*/overflow: -moz-scrollbars-none;/*// Firefox*/scrollbar-width: thin;scrollbar-color: var(--adv2) var(--grigio-chiaro);}
.nav-theme::-webkit-scrollbar {display: none; /*Safari and Chrome*/}
.tab-overflow {margin: var(--grid-gutter) !important;padding: var(--grid-gutter-2) !important;background-color: #ffffff !important;border-radius: var(--bs-border-radius); font-size: .875rem; font-weight: bold;text-align: center;}
.tab-overflow:hover, .tab-overflow.active {color: var(--colore-secondario-100) !important;}
.tab-overflow.active {margin-bottom: var(--grid-gutter-neg) !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
#page .tabs-content {margin: 0; padding: 0; border-radius: 0;}
#page .detail-tabs {background: #ffffff;border-bottom-left-radius: var(--bg-border-radius);border-bottom-right-radius: var(--bg-border-radius);}
#page .tabs-content .tab-overflow:first-child {margin-left: 0 !important;}
#page .tabs-content .tab-overflow:last-child {margin-right: 0 !important;}

.menu-container, .tabs-container {background-color: var(--bg-controls);margin: var(--grid-gutter-neg) var(--grid-gutter-2-neg) var(--grid-gutter) !important;}
.menu-container {border-top-left-radius: var(--bg-border-radius);border-top-right-radius: var(--bg-border-radius);}
.content-actions {padding: var(--grid-gutter) 0;}
.menu-container .tabs-content {padding: var(--grid-gutter) var(--grid-gutter) 0;}

/** esg raing **/
.sub-section .sub-section { position: relative; padding-left: calc(var(--grid-gutter-2) * 2 + var(--grid-gutter)); }
.sub-section .sub-section:after {content: '';width: 1px;background-color: var(--grigio-chiaro);height: 100%;position: absolute;top: 0;left: var(--grid-gutter-2);}

.box-title-section {margin-bottom: var(--grid-gutter) !important;padding: var(--grid-gutter) !important;}
.box-title-section h6 {font-size: 1.2rem;}
.box-title {margin-bottom: var(--grid-gutter-2) !important;}
.box-title h6 {font-size: 1.125rem;}
.sub-section .box-title-section {margin-top: var(--grid-gutter-2) !important; margin-bottom: var(--grid-gutter) !important;}
.sub-section .box-title-section h6 {--text-divider-gap: 1rem;display: flex;align-items: center;font-size: 1rem;width: 100%;/*font-style: italic;text-transform: uppercase;letter-spacing: 0.1em;*/}
.sub-section .box-title-section h6::after {content: '';height: 1px;background-color: var(--grigio-chiaro);flex-grow: 1;}
.sub-section .box-title-section h6::after {margin-left: var(--text-divider-gap);}

.content-answer, .content-item {padding: var(--grid-gutter) var(--grid-gutter-2) !important;}
.content-answer .card, .content-item .card {padding: calc(var(--grid-gutter-2) * 2) !important;}
/*.card .content-answer .label, .card .content-item .label {padding: 0 !important;}*/
.content-answer .form-check:last-child, .content-item .form-check:last-child {margin: 0;}

.btn-padding-lg {padding: 14px 20px;}

/* .card .box-title h6 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.card:hover .box-title h6 {display: block;-webkit-line-clamp: inherit;} */

/** badge **/
#app-content .esg .badge{width:auto;margin-left:-50px;top:-50px;line-height:30px;border-radius:10px;background-color: var(--red)}
#app-content .esg .badge::after{content: '';width: 10px;height: 10px;background-color: var(--red);transform: rotate(45deg);position: absolute;left: 50%;bottom: -5px;margin-left: -5px;}
#app-content .esg.green .badge, #app-content .esg.green .badge::after{background-color: var(--green);}
#app-content .esg.yellow .badge, #app-content .esg.yellow .badge::after{background-color: var(--yellow);}

/** gradient **/
.rating{height:40px;border-radius:20px;border:5px solid #eee;overflow:hidden;}
.rating .gradient, .rating .gradient .step{height:100%}
.rating .gradient{
    box-shadow:inset 0px 3px 8px rgba(0,0,0,0.2);
    background: rgb(255,0,0);
    background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(255,226,0,1) 69%, rgba(18,255,0,1) 100%);
}
.rating .gradient .step{
    background: repeating-linear-gradient(90deg, rgba(0,0,0,.05) 0px, rgba(255,255,255,0) 5px, rgba(255,255,255,0) 10px);
}

/** business crisis rating **/
.business.rel{height:34px}
.business .abs{height:34px;overflow:hidden;width:100%}
.business .abs table{border-spacing:2px;border-collapse:collapse;}
.business .abs table td{cursor:move;border:1px solid #fff;color: var(--colore-primario-100);}
.business .abs table td:not(.active){opacity:.3}
.business .abs table td:hover{color: var(--colore-primario-100);opacity:1;}
.business .abs table td div{background:rgba(255,255,255,.1);margin:2px;line-height:26px}

@media screen and (max-width: 767px) {
    #loading .content:first-child {padding-top: 0;margin-top: 54px;}
    .content-title {position: initial;margin: 0 var(--grid-gutter-2-neg) !important;}
    .content .container-fluid {margin-top: var(--grid-gutter-2);}
}

@media screen and (min-width: 768px) {
    .title-glass-shadow .title {box-shadow: 0 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.2) !important;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
    .title-glass-shadow .container-fluid,
    .title-glass-shadow .tabs-content {border-top-right-radius: 0;border-top-left-radius: 0;}
}