:root
{
    --ingrado-black: #000000;
    --ingrado-grey-darkest: #3C3C3C;
    --ingrado-grey-dark: #555555;
    --ingrado-grey: #707070;
    --ingrado-grey-light: #E5E5E5;
    --ingrado-grey-lightest: #EFEFEF;
    --ingrado-white: #FFFFFF;
    --ingrado-orange-light: #F7A815;
    --ingrado-orange-greyed: #DEA32A;
    --ingrado-orange-dark: #EA581E;
    --ingrado-peach: #FFD5C4;
    --ingrado-orange-dark-alpha: #EA581E1C;

    --ingrado-radial-gradient: radial-gradient(var(--ingrado-orange-light), var(--ingrado-orange-dark));

    --container-padding: 80px;
    --container-padding-half: 40px;
    --container-padding-quart: 20px;

    --text-primary: #707070;
    --text-secondary: #A4ABB0;

    --color-primary: #AB182D;
    --color-primary-hover: #650716;
    --color-secondary:#231F20;

    --link-primary: var(--text-primary);
    --link-secondary: var(--text-secondary);
    --link-primary-hover: var(--color-primary);
    --link-secondary-hover: var(--color-primary);

    --bg-primary: #AB182D;
    --bg-primary-alpha: #AB182D44;
    --bg-primary-alt: #545459;
    --bg-primary-alt-alpha: #54545944;
    --bg-secondary: #EFF0F1;
    --bg-secondary-alpha: #EFF0F144;
    --bg-secondary-alt: #909194;
    --bg-secondary-alt-alpha: #90919444;

    --test-1: #EA581E;
    --test-2: #F7A815;
    --ingrado-primary: #F7A815;
    --ingrado-secondary: #E7621D;
    --ingrado-primary-disabled: #a9740f;
    --ingrado-secondary-disabled: rgb(148, 66, 21);

    --btn-primary: #F7A815;
    --btn-primary-hover: #EA581E;
    --btn-primary-focus: #E7621D44;

    --btn-secondary: #A4ABB0;
    --btn-secondary-hover: #707070;
    --btn-secondary-focus: #70707044;

    --foreground: #2c3238;
    --foreground-alt: #2c3238;
    --foreground-high: #f8f9fa;

    --background: #f8f9fa;
    --background-alt: #f7f7f7;
    --background-high: #2c3238;
    --background-primary: var(--bg-primary);
    --background-secondary: var(--bg-secondary);
    --background-secondary-alt: var(--bg-secondary-alt);

    --button-primary-text: #f8f9fa;
    --button-secondary-text: #f8f9fa;

    --button-primary: var(--btn-primary);
    --button-primary-hover:var(--btn-primary-hover);
    --button-secondary: var(--btn-secondary);
    --button-secondary-hover: var(--btn-secondary-hover);

    --input-color: #535353;
    --input-background: #EFF0F1;
    --input-focus: #535353;

    --input-autofill-color: var(--text-primary);
    --input-autofill-background: var(--input-background);

    --swiper-theme-color: var(--btn-primary);

    --bs-primary: var(--ingrado-primary);
    --bs-secondary: var(--btn-secondary);
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #AB182DFF;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-font-sans-serif: var(--font-family-sans-serif);
    --bs-font-monospace: var(--font-family-monospace);
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-grayed: #70707033;
    --bs-red: #E30613;
    --bs-green: #2CCE10;

    --button-radius: 3rem;
    --border-radius: 20px;
    --half-radius: 10px;
    --card-radius: var(--border-radius);

    /** --gradiend-primary: linear-gradient(90deg, #DF3022 0%, #EF9B3A 50%, #DF3022 100%); */
    --gradiend-primary: linear-gradient(90deg, var(--btn-primary-hover) 0%, var(--btn-primary) 50%, var(--btn-primary-hover) 100%);
}

html {
    background-color: var(--ingrado-grey-dark);
}

body.radial {
    background-color: var(--ingrado-radial-gradient);
}

.text-grey { color: var(--ingrado-grey); }
.text-grey-dark { color: var(--ingrado-grey-dark); }
.text-orange { color: var(--ingrado-orange-dark); }
.text-orange.light { color: var(--ingrado-orange-light); }

.text-warning {
    color: var(--bs-danger) !important;
}
.text-alert {
    color: var(--ingrado-orange-dark) !important;
}


.font-size-xs { font-size: .75rem; }

.bg-grey-dark { background-color: var(--ingrado-grey-dark); }
.bg-grey { background-color: var(--ingrado-grey); }
.bg-grey-light { background-color: var(--ingrado-grey-light); }
.bg-grey-lightest { background-color: var(--ingrado-grey-lightest); }
.bg-orange { background-color: var(--ingrado-orange-dark);  }

.z-fixed { z-index: 1000; }

.title-lined
{
    display: flex;
    flex-direction: row;
    font-size: 1.25rem;
    text-transform: uppercase;
}
.title-lined:after
{
    content: "";
    flex: 1 1;
    border-bottom: 1px solid var(--ingrado-grey);
    margin: auto;
    margin-left: 4rem;
}

.task-title
{
    color: var(--ingrado-grey);
    font-size: 2rem;
    font-weight: bold;
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: center;
}

body.radial
{
    background-image: var(--ingrado-radial-gradient);
    height: 100vh;
}

#main
{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

#main-header
{
    position: relative;
    z-index: 1000;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 96px;
    background-color: var(--ingrado-secondary);
    color: var(--ingrado-white);
    padding: 20px var(--container-padding);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}
#main-header div
{
    min-width: 33.333%;
    font-weight: bold;
}
#main-header div.left-column
{

}
#main-header div.center-column
{
    text-align: center;
}
#main-header div.right-column
{
    text-align: right;
}
#main-header div a
{
    color: var(--ingrado-white);
    text-decoration: none;
}
.search-form {
    display: inline-block;
    position: relative;
    width: min-content;
}
.search-form input.search {
    width: 180px;
    height: 30px;
    padding: 0 calc(var(--border-radius) + var(--half-radius) + 5px) 0 var(--half-radius);
    border: none;
    border-radius: var(--border-radius);
}
.search-form input.search:focus-visible, .search-form input.search:focus-within {
    outline: none;
}
.search-form button.search {
    position: absolute;
    right: 5px;
    top: 0;
    height: 30px;
    width: 30px;
    border: none;
    border-radius: var(--border-radius);
    background-color: transparent;
}

#main-nav
{
    position: relative;
    z-index: 900;
    margin-top: calc(var(--border-radius) * -2);
    padding: calc(var(--border-radius) * 2) var(--container-padding) 0 var(--container-padding);
    background-color: var(--ingrado-grey-light);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}

#main-nav ul
{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 80px;
    padding: 10px;
    margin: 0;
    list-style-type: none;
}

#main-nav ul a
{
    text-decoration: none;
    font-weight: 500;
}
#main-nav ul a:active, #main-nav ul a.active
{
    color: var(--ingrado-black);
    font-weight: 700;
}

#header-title {
    position: relative;
    min-height: calc(var(--border-radius) * -2);
    z-index: 800;
    margin-top: calc(var(--border-radius) * -2);
    padding: calc(var(--border-radius) * 4) var(--container-padding);
    color: var(--ingrado-white);
    background-color: var(--ingrado-grey-dark);
    transition: all 0.25s ease-in-out;
}
#header-title h1, #header-title h2 {
    margin: 0;
}

#main_content {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 900;
    margin-top: calc(var(--border-radius) * -2);
    padding: var(--container-padding);
    color: var(--ingrado-black);
    background-color: var(--ingrado-white);
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.wrapper-fixed
{
    width: 100%;
    overflow-x: auto;
}
.wrapper-fixed > *
{
    min-width: 1200px;
}

.columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.columns > .column {
    flex-grow: 1;
    width: 50%;
    height: 100%;
}
.columns > .column:nth-child(1) {
    border-right: 1px solid var(--ingrado-grey);
    padding-right: calc(var(--container-padding) / 2);
}
.columns > .column:nth-child(2) {
    padding-left: calc(var(--container-padding) / 2);
}

.column > .column-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}
.column > .column-header > *:only-child {
    flex-grow: .9999;
}
.column > .column-header > .title {
    font-size: 1.25rem;
    font-weight: bold;
    color: var(--ingrado-grey-dark);
}
.column > .column-body > div {
    padding: 0.25rem;
    border-bottom: 1px solid var(--ingrado-grey-light);
}
.column > .column-body > div:first-child {
    border-top: 1px solid var(--ingrado-grey-light);
}
.column > .column-body > div > .row {
    padding: 0.25rem;
}
.column > .column-body > div > .row[data-priority="1"], .column > .column-body > div > .list-row[data-priority="1"] {
    border-radius: var(--half-radius);
    background-color: var(--ingrado-orange-dark-alpha);
    border: none;
}

.column > .column-body > .row > div {
    display: flex;
    justify-content: start;
    align-items: center;
    word-break: break-word;
}
.column > .column-body > .row > div:last-child {
    justify-content: end;
}

.list-table {
    display: flex;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    flex-direction: column;
}
.list-table > .list-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.list-table > .list-row > div {
    flex: 0 0 auto;
    display: flex;
    justify-content: start;
    align-items: center;
    word-break: break-word;
    padding: 0.5rem 0;
    color: var(--ingrado-grey-darkest);
}

.list-table > .list-row > div:nth-child(1) { /* Nome */
    width: 19%;
}
.list-table > .list-row > div:nth-child(2) { /* Pratica */
    width: 9%;
}
.list-table > .list-row > div:nth-child(3) { /* Listino */
    width: 9%;
}
.list-table > .list-row > div:nth-child(4) { /* Provincia */
    width: 11%;
}
.list-table > .list-row > div:nth-child(5) { /* Data */
    width: 9%;
}
.list-table > .list-row > div:nth-child(6) { /* Attività */
    width: 25%;
}
.list-table > .list-row > div:nth-child(7) { /* Azione */
    width: 18%;
}

/* --- TABLE HEADER --- */
.list-table.list-header > .list-row > div { /* Nome */
    font-weight: 600;
}
.list-table.list-header > .list-row > div:nth-child(1) { /* Nome */
}
.list-table.list-header > .list-row > div:nth-child(2) { /* Pratica */
}
.list-table.list-header > .list-row > div:nth-child(3) { /* Listino */
}
.list-table.list-header > .list-row > div:nth-child(4) { /* Provincia */
}
.list-table.list-header > .list-row > div:nth-child(5) { /* Data */
}
.list-table.list-header > .list-row > div:nth-child(6) { /* Attività */
}
.list-table.list-header > .list-row > div:nth-child(7) { /* Azione */
}

/* --- TABLE BODY --- */
.list-table.list-body > .list-row > div:nth-child(1) { /* Nome */
    font-weight: 500;
}
.list-table.list-body > .list-row > div:nth-child(2) { /* Pratica */
    font-size: .85rem;
}
.list-table.list-body > .list-row > div:nth-child(3) { /* Listino */
    font-size: .85rem;
}
.list-table.list-body > .list-row > div:nth-child(4) { /* Provincia */
    font-size: .85rem;
}
.list-table.list-body > .list-row > div:nth-child(5) { /* Data */
    font-size: .85rem;
}
.list-table.list-body > .list-row > div:nth-child(6) { /* Attività */
}
.list-table.list-body > .list-row > div:nth-child(7) { /* Azione */
}

.modal-header.rounded
{
    margin: var(--container-padding-quart);
    padding: var(--container-padding-quart);
    border-radius: var(--border-radius) !important;
    color: var(--ingrado-grey-dark);
    background-color: var(--ingrado-grey-lightest);
    border: none;
}

#feedback-form-container, #feedback-form
{
    width: 100%;
    max-width: 1000px;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
    margin-top: 3rem;
}

.feedback
{
    width: 100%;
    height: 60px;
    padding: 1rem;
    text-align: center;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: bold;
    color: var(--ingrado-orange-dark);
    background-color: var(--ingrado-white);
    border: 1px solid var(--ingrado-orange-dark);
    border-radius: 30px;
}
.feedback:checked, .feedback:hover, .feedback:focus, .feedback:active, .feedback.selected, .feedback-group.selected label.feedback
{
    color: var(--ingrado-white);
    background-color: var(--ingrado-orange-dark);
}
div.feedback:checked, div.feedback:hover, div.feedback:focus, div.feedback:active, div.feedback.selected
{
    color: var(--ingrado-orange-dark);
    background-color: var(--ingrado-white);
}
.feedback[data-negative="true"].selected, .feedback-group.selected label.feedback[data-negative="true"]
{
    color: var(--ingrado-white);
    background-color: var(--ingrado-grey-darkest);
    border: 1px solid var(--ingrado-grey-darkest);
}
.feedback.greyed
{
    color: var(--ingrado-white);
    background-color: var(--ingrado-grey-light);
    border: 1px solid var(--ingrado-grey-light);
}
#response-positive label.feedback
{
    height: unset;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: bold;
    color: var(--ingrado-grey-darkest);
    background-color: var(--ingrado-white);
    border: none;
}
.feedback-group .feedback-option
{
    display: none;
}

.feedback-group.selected .feedback-option
{
    display: block;
}

.feedback-upload
{
    position: relative;
    height: 120px;
}
.feedback-upload .feedback
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 200;
}

.feedback-upload .feedback-file
{
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 120px;
    padding: 70px 2rem 0 2rem;
    border-radius: 30px;
    background-color: var(--ingrado-grey-light);
}

.feedback-group .input-group
{
    display: inline-flex;
    max-width: 500px;
}

.feedback-group .form-control:not(input[type="file"]) {
    display: block;
    height: 50px;
    padding: .375rem .75rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid var(--ingrado-grey-darkest);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 10px;
}

.feedback-group .input-group-text
{
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1.5rem;
    font-weight: 700;
    background-color: var(--ingrado-white);
    border: 1px solid var(--ingrado-grey-darkest);
    border-radius: 10px 0 0 10px;
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback)
{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
}

.recent-activities
{
    padding: 2rem;
    background-color: var(--ingrado-grey-lightest);
}
.recent-activities:empty:after
{
    content: "Nessuna attività presente";
    display: block;
    text-align: center;
    /*padding: 1rem;*/
    color: var(--ingrado-grey-dark);
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
}
.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
}
.accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-button.accordion-start::before {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-right: .75rem;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
}
.accordion-button.accordion-start::after {
    display: none;
}
.accordion-button:not(.collapsed)::after, .accordion-button.accordion-start:not(.collapsed)::before {
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%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");*/
    transform: rotate(-180deg);
}
.accordion-button.accordion-orange {
    color: var(--ingrado-orange-dark);
    font-weight: bold;
    background-color: transparent;
    box-shadow: none;
}
.accordion-button.accordion-transparent {
    color: var(--bs-accordion-btn-color);
    font-weight: bold;
    background-color: transparent;
    box-shadow: none;
}
.accordion-item:first-of-type .accordion-button
{

}

button.console, a.console
{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 130px;
    padding: .25rem 1rem;
    font-size: 1rem;
    font-weight: bold;
    color: var(--ingrado-orange-dark);
    background-color: var(--ingrado-white);
    border: 1px solid var(--ingrado-orange-dark);
    border-radius: var(--button-radius);
    cursor: pointer;
}
button.console.alert-warning, a.console.alert-warning
{
    color: var(--ingrado-white);
    background-color: var(--ingrado-orange-light);
    border: 1px solid var(--ingrado-orange-light);
}
button.console:not(:active), a.console:not(:active)
{
    transition: all 0.25s ease-in-out;
}
button.console:hover, button.console:focus, a.console:hover, a.console:focus, button.console.alert-warning:hover, button.console.alert-warning:focus, a.console.alert-warning:hover, a.console.alert-warning:focus
{
    background-color: var(--ingrado-orange-dark);
    color: var(--ingrado-white);
}
button.console:active, a.console:active
{
    border: 1px solid var(--ingrado-orange-light);
    background-color: var(--ingrado-orange-light);
    color: var(--ingrado-white);
}
button.console:disabled, a.console:disabled
{
    border-color: var(--ingrado-grey-light);
    background-color: var(--ingrado-grey-light);
    color: var(--ingrado-white);
    cursor: not-allowed;
}
button.console.fixed, a.console.fixed
{
    min-width: 190px;
    min-height: 50px;
    padding: .25rem .5rem;
}
.fixed.fixed-large
{
    min-width: 300px !important;
}

.btn.icon, a.icon
{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 42px;
    height: 42px;
    padding: 0;
    margin: 0;
    font-size: 42px;
    letter-spacing: 0;
    color: var(--ingrado-orange-dark);
}
.btn.icon:hover, .btn.icon:focus, a.icon:hover, a.icon:focus
{
    color: var(--ingrado-orange-light);
}
.btn.icon.white, a.icon.white
{
    color: var(--ingrado-white);
}
.btn.icon.white:hover, .btn.icon.white:focus, a.icon.white:hover, a.icon.white:focus
{
    color: var(--ingrado-orange-light);
}
.btn.icon.icon-32, a.icon.icon-32
{
    width: 32px;
    height: 32px;
    font-size: 32px;
    border-radius: 50%;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    margin: unset;
}

#messages
{
    position: fixed;
    z-index: 10000;
    bottom: 25px;
    right: 25px;
}
#messages:not([data-lead])
{
    display: none;
}

.messages-button
{
    position: relative;
    z-index: 10100;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100px;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none;
    font-weight: 600;
    color: var(--ingrado-black);
    line-height: 1.25rem;
    font-size: .95rem;
}
.messages-button .icon-message
{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    width: 60px;
    height: 60px;
    color: var(--ingrado-white);
    background-color: var(--ingrado-orange-dark);
    border-radius: 50%;
}
.messages-button:hover .icon-message
{
    background-color: var(--ingrado-orange-light);
}
#message-list {
    position: absolute;
    bottom: 42px;
    right: 20px;
    width: calc(100vw - 25px);
    max-width: 550px;
    height: 600px;
    background-color: var(--ingrado-peach);
    border-radius: 30px;
    padding: 25px 0 0 0;
}

#message-list > .message-list
{
    display: flex;
    flex-flow: column-reverse;
    width: 100%;
    height: calc(100% - 185px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 25px 25px 25px;
}

#message-list > .message-form
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 2rem;
}
#message-list > .message-form > form
{
    display: flex;
    flex-direction: column;
    padding-right: 50px;
}
#message-list > .message-form textarea {
    position: relative;
    z-index: 20;
    width: 100%;
    height: 95px;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 20px;
    background-color: var(--ingrado-white);
    resize: none;
}
#message-list > .message-form button {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 55px;
    margin-top: -25px;
    padding-top: 25px;
    border: none;
    border-radius: 0 0 20px 20px;
    background-color: var(--ingrado-orange-dark);
    color: white;
    font-weight: bold;
    font-size: 1rem;
    text-transform: uppercase;
    cursor: pointer;
}
#message-list > .message-form button:hover {
    background-color: var(--ingrado-orange-light);
}

#message-list .message
{
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--ingrado-white);
    padding: 1rem 0;
}
#message-list .message:last-child
{
    border-top: none;
    padding: 0 0 1rem 0;
}
#message-list .message[data-direction="outgoing"]
{
    text-align: end;
}
#message-list .message > .message-header
{
    margin-bottom: 0.25rem;
    font-size: .85rem;
    font-weight: bold;
}

.icon       { font-family: 'leads-icons'; margin-right: .5rem; }
.icon-1x    { font-size: 1.5rem; }
.icon-2x    { font-size: 2rem; }
.icon-32    { font-size: 32px; }
.icon-orange { color: var(--ingrado-orange-dark) !important; }
.icon-orange-light { color: var(--ingrado-orange-light) !important; }

[class^="icon-"].circle, [class*=" icon-"].circle {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    color: var(--ingrado-white);
    background-color: var(--ingrado-orange-dark);
}
[class^="icon-"].circle.outline, [class*=" icon-"].circle.outline {
    color: var(--ingrado-orange-dark);
    background-color: transparent;
    border: 1px solid var(--ingrado-orange-dark);
}

a:not(.btn), a:not(.console), a:not(.btn), a:not(.console):visited, a:not(.btn):visited {
    color: var(--ingrado-orange-dark);
    text-decoration: none;
}
a:not(.btn):hover, a:not(.console):hover {
    color: var(--ingrado-orange-light);
}
a:not(.btn):active, a:not(.btn):focus, a:not(.console):active, a:not(.console):focus {
    color: var(--ingrado-grey-dark);
}

a.list-group-item, a.list-group-item:hover, a.list-group-item:focus, a.list-group-item:active, a.list-group-item:visited {
    color: var(--ingrado-grey-dark);
    text-decoration: none;
}

.btn-red {
    border-color: var(--ingrado-secondary);
    background-color: var(--ingrado-secondary);
}
.btn-red:hover, btn-red:focus {
    border-color: var(--ingrado-primary);
    background-color: var(--ingrado-primary);
}
.btn-red:disabled
{
    border-color: var(--ingrado-secondary-disabled);
    background-color: var(--ingrado-secondary-disabled);
    color: #999999;
}

.btn-primary:disabled, .btn-primary.disabled
{
    color: #111;
    font-weight: normal !important;
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}
.btn-primary:disabled i, .btn-primary.disabled i {}

.form-control:disabled, .dataTable-input:disabled, .form-control[readonly], [readonly].dataTable-input {
    background-color: var(--button-secondary-hover);
    opacity: 1;
}

.form-check-input:checked {
    background-color: var(--ingrado-orange-dark);
    border-color: var(--ingrado-orange-dark);
}

.text-red
{
    color: var(--ingrado-secondary);
}

#login_wrapper .logo
{
    padding: 0 2rem 4rem 2rem;
    width: 100%;
    max-width: 400px;
    height: auto;
}
#login_wrapper input
{
    width: calc(100% - 1rem);
    max-width: 500px;
    padding: 1rem 2rem;
    margin: .5rem 0;
    border: 1px solid var(--ingrado-grey-light);
    border-radius: 3rem;
    background-color: var(--ingrado-grey-lightest);
}
#login_wrapper button.console.fixed, #login_wrapper a.console.fixed
{
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    min-width: 240px;
    min-height: 60px;
    padding: .25rem 2.5rem;
    border: none;
    text-transform: uppercase;
}

a.radial-link
{
    color: var(--ingrado-white);
    text-decoration: underline;
    font-weight: bold;
}
a.radial-link:hover
{
    color: var(--ingrado-black);
}
a.radial-link:active
{
    color: var(--ingrado-grey-dark);
}

textarea::-webkit-input-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder, textarea:-ms-input-placeholder {
    text-align: center;
}
.step-note {
    width: 100%;
    height: 100px;
    padding: 1rem;
    border-radius: var(--border-radius);
    resize: none;
}
.step-note.is-invalid
{
    outline: none;
    box-shadow: 0 0 0 .25rem var(--ingrado-orange-dark);
}

.modal:nth-of-type(even) {
    z-index: 1062 !important;
}
.modal-backdrop.show:nth-of-type(even) {
    z-index: 1061 !important;
}

.confirmation-modal
{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100vw;
    height: 100vh;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 12000;
}
.confirmation-modal.show
{
    display: flex;
}
.confirmation-modal .confirmation-content
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    min-width: 500px;
    max-width: calc(100% - 2rem);
    min-height: 200px;
    background: white;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: var(--border-radius);
}

/* Barra di scorrimento */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    transition: background-color 0.2s;
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.7);
}
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.5) transparent;
}

@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .list-table.list-body > .list-row > div:nth-child(7) { /* Azione */
        justify-content: right;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}

@media (min-width: 1600px) {
    .col-xxxl-1 { width: 8.33333333% }
    .col-xxxl-2 { width: 16.66666667% }
    .col-xxxl-3 { width: 25% }
    .col-xxxl-4 { width: 33.33333333% }
    .col-xxxl-5 { width: 41.66666667% }
    .col-xxxl-6 { width: 50% }
    .col-xxxl-7 { width: 58.33333333% }
    .col-xxxl-8 { width: 66.66666667% }
    .col-xxxl-9 { width: 75% }
    .col-xxxl-10 { width: 83.33333333% }
    .col-xxxl-11 { width: 91.66666667% }
    .col-xxxl-12 { width: 100% }
    .col-xxxl-auto { width: auto }
}

/* XX-Large devices (large desktops, less than 1400px) */
@media (max-width: 1599.98px) {

}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
    .list-table > .list-row > div:nth-child(7) {
        width: 100%;
        justify-content: start;
    }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .wrapper-fixed > * {
        min-width: 100%;
    }
    .columns > .column, .columns > .column:nth-child(1), .columns > .column:nth-child(2) {
        width: 100%;
        border: none;
        padding: 0;
    }
    .columns > .column:nth-child(2) {
        margin-top: var(--container-padding);
    }
    .list-table > .list-row > div:nth-child(1) {
        width: 30%;
    }
    .list-table > .list-row > div:nth-child(2) {
        width: 15%;
    }
    .list-table > .list-row > div:nth-child(3) {
        width: 15%;
    }
    .list-table > .list-row > div:nth-child(4) {
        width: 20%;
    }
    .list-table > .list-row > div:nth-child(5) {
        width: 20%;
    }
    .list-table > .list-row > div:nth-child(6) {
        width: 50%;
    }
    .list-table > .list-row > div:nth-child(7) {
        width: 50%;
        justify-content: end;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    :root {
        --container-padding: 40px;
    }
    .list-table > .list-row > div { /* Nome */
        width: 100% !important;
    }
    .list-table > .list-row > div:nth-child(7) {
        width: 100%;
        justify-content: end;
    }
    #main-header {

    }
    #main-nav ul {
        display: block;
    }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    :root
    {
        --container-padding: 20px;
    }
}