@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,100;1,300;1,400;1,500;1,600;1,700&display=swap');

:root {
    --txt-color: #566a7f;
    --txt-color-active-link: #696cff;
    --txt-color-dark: #697a8d;
    --back-color-light: rgba(67, 89, 113, 0.03);
    --back-color-dark: rgba(67, 89, 113, 0.3);
    --back-color-overlay: #435971;
    --back-color-active-link: rgba(105, 108, 255, 0.16);
    --back-color-hover-link: rgba(105, 122, 141,0.05);
    --back-color-badge-success: #e8fadf;
    --back-color-badge-open: #d7f5fc;
    --back-color-badge-take: #e7e7ff;
    --back-color-badge-pending: #fff2d6;
    --back-color-badge-not-resolved: #ffe0db;
    --btn-primary-color: #696cff;
    --btn-warning-color: #ffab00;
    --btn-danger-color: #ff3e1d;
    --btn-success-color: #71dd37;
    --btn-secondary-color: #8592a3;
    --btn-info-color: #03c3ec;
    --btn-dark-color: #233446;
    --btn-primary-color-hover: #5f61e6;
    --btn-warning-color-hover: #e69a00;
    --btn-danger-color-hover: #e6381a;
    --btn-success-color-hover: #66c732;
    --btn-secondary-color-hover: #788393;
    --btn-info-color-hover: #03b0d4;
    --btn-dark-color-hover: #202f3f;
    --font-text: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

body {
    text-rendering: optimizeLegibility;
}

html {
    background-color: var(--back-color-light);
}

.main {
    background-color: var(--back-color-light);
}

.h-fit {
    height: fit-content;
}
    */
.mud-table-toolbar {
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 0;
    height: auto;
}


.mud-table-toolbar-custom {
    display: flex;
    width: 95%;
    flex-wrap: wrap;
}


.signature-pad {
    width: 100%;
    height: 200px;
}



.mud-dialog-fix > .outline-none {
    min-height: 0;
    display: flex;
    flex-direction: column;
}

    .mud-dialog-fix > .outline-none > div:nth-of-type(4) {
        min-height: 0;
        display: flex;
        flex-direction: column;
    }

.mud-dialog-fix .mud-dialog-content {
    overflow-y: auto;
}


/*Nuovo Spinner ITNET*/

.loading-page {
    position: absolute;
    top: 0;
    left: 0;
    background: ghostwhite;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: center;
    justify-content: center;
    color: #191654;
}

#svg {
    width: 300px;
    height: 300px;
    stroke: black;
    fill-opacity: 0;
    stroke-width: 1px;
    stroke-dasharray: 4500;
    animation: draw 10s infinite ease;
}

#svgFillGreen {
    fill-opacity: 0;
    fill: #FAC015;
    animation: draw2 10s infinite ease;
}

.svgBackground {
    fill: ghostwhite;
    fill-opacity: 1;
}

.svgStrokeBackground {
    stroke: ghostwhite;
}

@keyframes draw2 {
    0% {
        fill-opacity: 0;
    }

    100% {
        fill-opacity: 1;
    }
}

#svgBlack {
    fill-opacity: 0;
    fill: #13100D;
    animation: draw2 10s infinite ease;
}

#svgGray {
    fill-opacity: 0;
    fill: #66605C;
    animation: draw2 10s infinite ease;
}

@keyframes draw {
    0% {
        stroke-dashoffset: 4500;
    }

    100% {
        stroke-dashoffset: 0;
    }
}





/*Animazioni Carosello*/

.bounceIn {
    opacity: 0;
    animation-delay: 0.5s;
    animation-duration: 0.5s;
    animation-name: bounceIn;
    animation-fill-mode: forwards;
}

.bounceOut {
    animation-duration: 0.5s;
    animation-name: bounceOut;
    animation-fill-mode: forwards;
}

.backInDown {
    opacity: 0;
    animation-delay: 0.5s;
    animation-duration: 0.5s;
    animation-name: backInDown;
    animation-fill-mode: forwards;
}

.backOutDown {
    animation-duration: 0.5s;
    animation-name: backOutDown;
    animation-fill-mode: forwards;
}

.rotateIn {
    opacity: 0;
    animation-delay: 0.5s;
    animation-duration: 0.5s;
    animation-name: rotateIn;
    animation-fill-mode: forwards;
}

.rotateOut {
    animation-duration: 0.5s;
    animation-name: rotateOut;
    animation-fill-mode: forwards;
}


/*Icon*/
/*.icon-color-danger {
    color: var(--btn-danger-color);
}

.icon-color-success {
    color: var(--btn-success-color);
}

.icon-account {
    width: 45px;
    height: 45px;
}

.menu-icon-account {
    min-width: 12rem !important;
}

.menu-icon-account-item {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--back-color-dark);
    color: var(--txt-color-dark);
    padding: 0.5rem 1rem;
}*/

/* Scrollbar */
/*::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background-color: var(--back-color-dark);
    border-radius: 10px;
}



.txt {
    font-family: var(--font-text);
    color: var(--txt-color);
}

.paraghaph-min {
    font-size: calc(1.0625rem + 0.15vw);
    font-weight: 500;
    line-height: 1.1;
}*/

/*Canvas Firma*/

/*.signature-pad {
    width: 100%;
    height: 200px;
}*/
/*Progress Step Form*/
.progressbar {
    position: relative;
    display: flex;
    justify-content: space-between;
    counter-reset: step;
    margin: 0 0 4rem;
}

    .progressbar::before, .progress {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 4px;
        width: 100%;
        background-color: #dcdcdc;
    }

.progress {
    background-color: var(--mud-palette-primary);
    width: 0%;
    transition: 0.3s;
}

.progress-step {
    width: 2.5rem;
    height: 2.5rem;
    background-color: #dcdcdc;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .progress-step::before {
        counter-increment: step;
        content: counter(step);
        z-index: 0;
    }

    .progress-step::after {
        content: attr(data-title);
        position: absolute;
        top: calc(100% + 0.5rem);
        font-size: 0.85rem;
        color: #666;
        text-align: center;
        width: min-content;
    }

.progress-step-active {
    background-color: var(--mud-palette-primary);
    color: #f3f3f3;
    z-index: 1;
    transition: 0.3s;
}


/*Creati da antonio per il MokUp di Marialuisa*/
.Bricolage_H4 {
    font-family: "Bricolage Grotesque";
    font-size: 28px;
    font-weight: 700;
    line-height: 33.6px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.Bricolage_H5 {
    font-family: "Bricolage Grotesque";
    font-size: 26px;
    font-weight: 700;
    line-height: 31.2px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.Inter_Text {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.Inter {
    font-family: "Inter";
    font-size: 12px;
    font-weight: 400;
    line-height: 14.52px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.Bricolage_16 {
    font-family: "Bricolage Grotesque";
    font-size: 14px;
    font-weight: 700;
    line-height: 16.8px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

/*.form-anime {
    transform-origin: top;
    animation: anime-form 0.5s;
}

@keyframes anime-form {
    from {
        transform: scale(1,0);
        opacity: 0;
    }

    to {
        transform: scale(1,1);
        opacity: 1;
    }
}*/
/*Buttons*/
/*.btn-primary {
    font-family: var(--font-text);
    color: #fff;
    background-color: var(--btn-primary-color);
    border-color: var(--btn-primary-color);
    box-shadow: 0 0.125rem 0.25rem 0 rgb(105 108 255 / 40%);
    transition: all 0.2s ease-in-out;
}

    .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
        color: #fff;
        background-color: var(--btn-primary-color-hover);
        border-color: var(--btn-primary-color-hover);
        transform: translateY(-1px);
    }

.btn-outline-primary {
    font-family: var(--font-text);
    border-color: var(--btn-primary-color);
    color: var(--btn-primary-color);
    box-shadow: 0 0.125rem 0.25rem 0 rgb(105 108 255 / 40%);
    transition: all 0.2s ease-in-out;
}

    .btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus {
        color: #fff;
        background-color: var(--btn-primary-color-hover);
        border-color: var(--btn-primary-color-hover);
        transform: translateY(-1px);
    }

.btn-secondary {
    font-family: var(--font-text);
    color: #fff;
    background-color: var(--btn-secondary-color);
    border-color: var(--btn-secondary-color);
    box-shadow: 0 0.125rem 0.25rem 0 rgb(133 146 163 / 40%);
    transition: all 0.2s ease-in-out;
}

    .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
        color: #fff;
        background-color: var(--btn-secondary-color-hover);
        border-color: var(--btn-secondary-color-hover);
        transform: translateY(-1px);
    }

.btn-warning {
    font-family: var(--font-text);
    color: #fff;
    background-color: var(--btn-warning-color);
    border-color: var(--btn-warning-color);
    box-shadow: 0 0.125rem 0.25rem 0 rgb(255 171 0 / 40%);
    transition: all 0.2s ease-in-out;
}

    .btn-warning:hover, .btn-warning:active, .btn-warning:focus {
        color: #fff;
        background-color: var(--btn-warning-color-hover);
        border-color: var(--btn-warning-color-hover);
        transform: translateY(-1px);
    }

.btn-outline-warning {
    font-family: var(--font-text);
    border-color: var(--btn-warning-color);
    color: var(--btn-warning-color);
    box-shadow: 0 0.125rem 0.25rem 0 rgb(255 171 0 / 40%);
    transition: all 0.2s ease-in-out;
}

    .btn-outline-warning:hover, .btn-outline-warning:active, .btn-outline-warning:focus {
        color: #fff;
        background-color: var(--btn-warning-color-hover);
        border-color: var(--btn-warning-color-hover);
        transform: translateY(-1px);
    }

.btn-danger {
    font-family: var(--font-text);
    color: #fff;
    background-color: var(--btn-danger-color);
    border-color: var(--btn-danger-color);
    box-shadow: 0 0.125rem 0.25rem 0 rgb(255 62 29 / 40%);
    transition: all 0.2s ease-in-out;
}

    .btn-danger:hover, .btn-danger:active, .btn-danger:focus {
        color: #fff;
        background-color: var(--btn-danger-color-hover);
        border-color: var(--btn-danger-color-hover);
        transform: translateY(-1px);
    }

.btn-outline-danger {
    font-family: var(--font-text);
    border-color: var(--btn-danger-color);
    color: var(--btn-danger-color);
    box-shadow: 0 0.125rem 0.25rem 0 rgb(255 62 29 / 40%);
    transition: all 0.2s ease-in-out;
}

    .btn-outline-danger:hover, .btn-outline-danger:active, .btn-outline-danger:focus {
        color: #fff;
        background-color: var(--btn-danger-color-hover);
        border-color: var(--btn-danger-color-hover);
        transform: translateY(-1px);
    }

.btn-success {
    font-family: var(--font-text);
    color: #fff;
    border-color: var(--btn-success-color);
    background-color: var(--btn-success-color);
    box-shadow: 0 0.125rem 0.25rem 0 rgb(113 221 55 / 40%);
    transition: all 0.2s ease-in-out;
}

    .btn-success:hover, .btn-success:active, .btn-success:focus {
        color: #fff;
        background-color: var(--btn-success-color-hover);
        border-color: var(--btn-success-color-hover);
        transform: translateY(-1px);
    }

.btn-outline-success {
    font-family: var(--font-text);
    border-color: var(--btn-success-color);
    color: var(--btn-success-color);
    box-shadow: 0 0.125rem 0.25rem 0 rgb(113 221 55 / 40%);
    transition: all 0.2s ease-in-out;
}

    .btn-outline-success:hover, .btn-outline-success:active, .btn-outline-success:focus {
        color: #fff;
        background-color: var(--btn-success-color-hover);
        border-color: var(--btn-success-color-hover);
        transform: translateY(-1px);
    }

.btn-info {
    font-family: var(--font-text);
    color: #fff;
    border-color: var(--btn-info-color);
    background-color: var(--btn-info-color);
    box-shadow: 0 0.125rem 0.25rem 0 rgb(3 195 236 / 40%);
    transition: all 0.2s ease-in-out;
}

    .btn-info:hover, .btn-info:active, .btn-info:focus {
        color: #fff;
        background-color: var(--btn-info-color-hover);
        border-color: var(--btn-info-color-hover);
        transform: translateY(-1px);
    }

.btn-outline-info {
    font-family: var(--font-text);
    border-color: var(--btn-info-color);
    color: var(--btn-info-color);
    box-shadow: 0 0.125rem 0.25rem 0 rgb(3 195 236 / 40%);
    transition: all 0.2s ease-in-out;
}

    .btn-outline-info:hover, .btn-outline-info:active, .btn-outline-info:focus {
        color: #fff;
        background-color: var(--btn-info-color-hover);
        border-color: var(--btn-info-color-hover);
        transform: translateY(-1px);
    }*/

/*End Buttons*/

/*Radio and Check Buttons*/
/*.form-check-custom-input {
    width: 1.2em;
    height: 1.2em;
    margin-top: 0.165em;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid #d9dee3;
}

    .form-check-custom-input[type=checkbox] {
        border-radius: 0.25em;
    }

    .form-check-custom-input:checked {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='1.5' fill='%23fff'/%3e%3c/svg%3e") !important;
        background-color: var(--btn-primary-color);
        border-color: var(--btn-primary-color);
        box-shadow: 0 2px 4px 0 rgb(105 108 255 / 40%);
    }

.form-check-custom-input-swith {
    height: 1.2em;
    width: 4.8em !important;
    box-shadow: 0 2px 4px 0 rgb(105 108 255 / 40%);
    border-color: var(--btn-primary-color);
}

    .form-check-custom-input-swith:checked {
        background-color: var(--btn-primary-color);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
    }

.form-check-custom-input[type=checkbox]:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
}

.form-check-custom-input[type=checkbox]:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10h8'/%3e%3c/svg%3e") !important;
}


.rotate {
    animation: rotate 1.5s linear infinite;
}

@keyframes rotate {
    to {
        transform: rotate(-360deg);
    }
}*/


/* SPINNER Page */
/*.spinner {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: inset -2px 0 0 2px #0bf;
}*/


/*start spinner index*/
/*.ring {
    width: 200px;
    height: 200px;
    border: 0px solid var(--back-color-light);
    border-radius: 50%;
    position: absolute;
}

    .ring:nth-child(1) {
        border-bottom-width: 8px;
        border-color: mediumpurple;
        animation: rotate1 2s linear infinite;
    }

    .ring:nth-child(2) {
        border-right-width: 8px;
        border-color: mediumspringgreen;
        animation: rotate2 2s linear infinite;
    }

    .ring:nth-child(3) {
        border-top-width: 8px;
        border-color: darkcyan;
        animation: rotate3 2s linear infinite;
    }

@keyframes rotate1 {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@keyframes rotate2 {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@keyframes rotate3 {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}*/
/*End spinner*/


/*Start login*/
/*.custom-card {
    border-radius: 1rem;
    width: 300px;
}

#login-container .col::before {
    top: -40px;
    left: -30px;
    width: 148px;
    height: 148px;
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='148px' height='148px' viewBox='0 0 148 148' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M355,144 C356.104569,144 357,144.895431 357,146 C357,147.104569 356.104569,148 355,148 C353.895431,148 353,147.104569 353,146 C353,144.895431 353.895431,144 355,144 Z M382,144 C383.104569,144 384,144.895431 384,146 C384,147.104569 383.104569,148 382,148 C380.895431,148 380,147.104569 380,146 C380,144.895431 380.895431,144 382,144 Z M412,144 C413.104569,144 414,144.895431 414,146 C414,147.104569 413.104569,148 412,148 C410.895431,148 410,147.104569 410,146 C410,144.895431 410.895431,144 412,144 Z M442,144 C443.104569,144 444,144.895431 444,146 C444,147.104569 443.104569,148 442,148 C440.895431,148 440,147.104569 440,146 C440,144.895431 440.895431,144 442,144 Z M472,144 C473.104569,144 474,144.895431 474,146 C474,147.104569 473.104569,148 472,148 C470.895431,148 470,147.104569 470,146 C470,144.895431 470.895431,144 472,144 Z M499,144 C500.104569,144 501,144.895431 501,146 C501,147.104569 500.104569,148 499,148 C497.895431,148 497,147.104569 497,146 C497,144.895431 497.895431,144 499,144 Z M355,117 C356.104569,117 357,117.895431 357,119 C357,120.104569 356.104569,121 355,121 C353.895431,121 353,120.104569 353,119 C353,117.895431 353.895431,117 355,117 Z M382,117 C383.104569,117 384,117.895431 384,119 C384,120.104569 383.104569,121 382,121 C380.895431,121 380,120.104569 380,119 C380,117.895431 380.895431,117 382,117 Z M412,117 C413.104569,117 414,117.895431 414,119 C414,120.104569 413.104569,121 412,121 C410.895431,121 410,120.104569 410,119 C410,117.895431 410.895431,117 412,117 Z M442,117 C443.104569,117 444,117.895431 444,119 C444,120.104569 443.104569,121 442,121 C440.895431,121 440,120.104569 440,119 C440,117.895431 440.895431,117 442,117 Z M472,117 C473.104569,117 474,117.895431 474,119 C474,120.104569 473.104569,121 472,121 C470.895431,121 470,120.104569 470,119 C470,117.895431 470.895431,117 472,117 Z M499,117 C500.104569,117 501,117.895431 501,119 C501,120.104569 500.104569,121 499,121 C497.895431,121 497,120.104569 497,119 C497,117.895431 497.895431,117 499,117 Z M355,87 C356.104569,87 357,87.8954305 357,89 C357,90.1045695 356.104569,91 355,91 C353.895431,91 353,90.1045695 353,89 C353,87.8954305 353.895431,87 355,87 Z M382,87 C383.104569,87 384,87.8954305 384,89 C384,90.1045695 383.104569,91 382,91 C380.895431,91 380,90.1045695 380,89 C380,87.8954305 380.895431,87 382,87 Z M412,87 C413.104569,87 414,87.8954305 414,89 C414,90.1045695 413.104569,91 412,91 C410.895431,91 410,90.1045695 410,89 C410,87.8954305 410.895431,87 412,87 Z M442,87 C443.104569,87 444,87.8954305 444,89 C444,90.1045695 443.104569,91 442,91 C440.895431,91 440,90.1045695 440,89 C440,87.8954305 440.895431,87 442,87 Z M472,87 C473.104569,87 474,87.8954305 474,89 C474,90.1045695 473.104569,91 472,91 C470.895431,91 470,90.1045695 470,89 C470,87.8954305 470.895431,87 472,87 Z M499,87 C500.104569,87 501,87.8954305 501,89 C501,90.1045695 500.104569,91 499,91 C497.895431,91 497,90.1045695 497,89 C497,87.8954305 497.895431,87 499,87 Z M355,57 C356.104569,57 357,57.8954305 357,59 C357,60.1045695 356.104569,61 355,61 C353.895431,61 353,60.1045695 353,59 C353,57.8954305 353.895431,57 355,57 Z M472,57 C473.104569,57 474,57.8954305 474,59 C474,60.1045695 473.104569,61 472,61 C470.895431,61 470,60.1045695 470,59 C470,57.8954305 470.895431,57 472,57 Z M412,57 C413.104569,57 414,57.8954305 414,59 C414,60.1045695 413.104569,61 412,61 C410.895431,61 410,60.1045695 410,59 C410,57.8954305 410.895431,57 412,57 Z M499,57 C500.104569,57 501,57.8954305 501,59 C501,60.1045695 500.104569,61 499,61 C497.895431,61 497,60.1045695 497,59 C497,57.8954305 497.895431,57 499,57 Z M382,57 C383.104569,57 384,57.8954305 384,59 C384,60.1045695 383.104569,61 382,61 C380.895431,61 380,60.1045695 380,59 C380,57.8954305 380.895431,57 382,57 Z M442,57 C443.104569,57 444,57.8954305 444,59 C444,60.1045695 443.104569,61 442,61 C440.895431,61 440,60.1045695 440,59 C440,57.8954305 440.895431,57 442,57 Z M355,27 C356.104569,27 357,27.8954305 357,29 C357,30.1045695 356.104569,31 355,31 C353.895431,31 353,30.1045695 353,29 C353,27.8954305 353.895431,27 355,27 Z M382,27 C383.104569,27 384,27.8954305 384,29 C384,30.1045695 383.104569,31 382,31 C380.895431,31 380,30.1045695 380,29 C380,27.8954305 380.895431,27 382,27 Z M412,27 C413.104569,27 414,27.8954305 414,29 C414,30.1045695 413.104569,31 412,31 C410.895431,31 410,30.1045695 410,29 C410,27.8954305 410.895431,27 412,27 Z M442,27 C443.104569,27 444,27.8954305 444,29 C444,30.1045695 443.104569,31 442,31 C440.895431,31 440,30.1045695 440,29 C440,27.8954305 440.895431,27 442,27 Z M472,27 C473.104569,27 474,27.8954305 474,29 C474,30.1045695 473.104569,31 472,31 C470.895431,31 470,30.1045695 470,29 C470,27.8954305 470.895431,27 472,27 Z M499,27 C500.104569,27 501,27.8954305 501,29 C501,30.1045695 500.104569,31 499,31 C497.895431,31 497,30.1045695 497,29 C497,27.8954305 497.895431,27 499,27 Z M355,0 C356.104569,0 357,0.8954305 357,2 C357,3.1045695 356.104569,4 355,4 C353.895431,4 353,3.1045695 353,2 C353,0.8954305 353.895431,0 355,0 Z M382,0 C383.104569,0 384,0.8954305 384,2 C384,3.1045695 383.104569,4 382,4 C380.895431,4 380,3.1045695 380,2 C380,0.8954305 380.895431,0 382,0 Z M412,0 C413.104569,0 414,0.8954305 414,2 C414,3.1045695 413.104569,4 412,4 C410.895431,4 410,3.1045695 410,2 C410,0.8954305 410.895431,0 412,0 Z M442,0 C443.104569,0 444,0.8954305 444,2 C444,3.1045695 443.104569,4 442,4 C440.895431,4 440,3.1045695 440,2 C440,0.8954305 440.895431,0 442,0 Z M472,0 C473.104569,0 474,0.8954305 474,2 C474,3.1045695 473.104569,4 472,4 C470.895431,4 470,3.1045695 470,2 C470,0.8954305 470.895431,0 472,0 Z M499,0 C500.104569,0 501,0.8954305 501,2 C501,3.1045695 500.104569,4 499,4 C497.895431,4 497,3.1045695 497,2 C497,0.8954305 497.895431,0 499,0 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='📝-Pages' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Login---V2' transform='translate(-822.000000, -197.000000)'%3E%3Cg id='top-illustration' transform='translate(469.000000, 197.000000)'%3E%3Cuse fill='%23696cff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.6' fill='%23FFFFFF' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.img-logo {
    width: 10rem;
    height: auto;
}

.title {
    font-size: 1.75rem;
    font-weight: 700;
}

.paraghaph {
    font-size: calc(1.2625rem + 0.15vw);
    font-weight: 500;
    line-height: 1.1;
}

.custom-input {
    position: relative;
    padding-left: 65px !important;
    border: 1px solid var(--txt-color);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

    .custom-input + label {
        padding-left: 65px;
        color: var(--txt-color);
        transition: opacity .1s ease-in-out,transform .1s ease-in-out;
    }

.cont-icon {
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px solid var(--txt-color);
    height: 58px;
    width: 58px;
}

    .cont-icon i {
        display: flex;
        justify-content: center;
        margin-top: 18px;
        color: var(--txt-color);
    }

.cont-eye {
    position: absolute;
    right: 8px;
    top: 16px;
}

    .cont-eye button {
        background: none;
    }

        .cont-eye button > i {
            width: 20px;
            color: var(--txt-color);
        }

::-webkit-calendar-picker-indicator {
    filter: invert(0.5);
}

.custom-input-modello {
    border: 1px solid var(--txt-color);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: fit-content;
    align-self: center;
}*/
/*End login*/

/*Start modal*/

/*.custom-modal {
    display: block;
    background-color: var(--back-color-dark);
}

    .custom-modal .modal-content {
        border: 0px solid rgba(67, 89, 113, 0.2);
        border-radius: 0.5rem;
        box-shadow: 0 2px 16px 0 rgb(67 89 113 / 45%);
    }

    .custom-modal .modal-header {
        border-bottom: 0px solid #d9dee3;
        border-top-left-radius: calc(0.5rem - 0px);
        border-top-right-radius: calc(0.5rem - 0px);
    }

    .custom-modal .modal-footer {
        padding: 0.25rem 1.5rem 1.5rem;
        border-top: 0px solid #d9dee3;
        border-bottom-right-radius: calc(0.5rem - 0px);
        border-bottom-left-radius: calc(0.5rem - 0px);
    }

    .custom-modal .modal-body > p {
        font-size: calc(1.125rem + .1vw);
    }

.btn-close {
    background: transparent url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate%28-225.000000, -250.000000%29'%3E%3Cg id='Icon-Color' transform='translate%28225.000000, 250.500000%29'%3E%3Cuse fill='%23a1acb8' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23a1acb8' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/0.8em no-repeat;
}

.custom-modal .btn-close:hover {
    transform: translate(18px, -20px);
    transition: all 0.23s ease 0.1s;
}

.custom-modal .btn-close {
    background-color: #fff;
    border-radius: 0.5rem;
    opacity: 1;
    padding: 0.635rem;
    box-shadow: 0 0.125rem 0.25rem rgb(161 172 184 / 40%);
    transition: all 0.23s ease 0.1s;
    transform: translate(23px, -25px);
    margin: 0;
}

.btn-close-full {
    transform: translate(-5px, 0px) !important;
}

    .btn-close-full:hover {
        transform: translate(-10px, 5px) !important;
    }


.btn-cont {
    width: 37px;
    height: 37px;
}

.btn-close-mod {
    position: absolute;
    transform: translate(0px, 0px) !important;
    top: 0px;
    left: 18px;
}

    .btn-close-mod:hover {
        transform: translate(-5px, 5px) !important;
    }

.btn-text-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}*/

/*End modal*/

/*Start select*/
/*.custom-select {
    padding-left: 45px;
    border: 1px solid var(--txt-color);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    color: var(--txt-color);
}

.cont-icon-select {
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px solid var(--txt-color);
    height: 38px;
    width: 38px;
}

    .cont-icon-select i {
        display: flex;
        justify-content: center;
        margin-top: 10px;
        color: var(--txt-color);
    }*/

/*Start SideMenu*/

/*.layout-menu {
    position: fixed;
    top: 0;
    left: 0;
    margin-right: 0;
    margin-left: 0;
}

    .layout-menu .nav-item a.active {
        border-radius: 0.375rem;
        color: var(--txt-color-active-link);
        background-color: var(--back-color-active-link);
    }

        .layout-menu .nav-item a.active:hover {
            text-decoration: none;
            color: var(--txt-color-active-link);
            background-color: var(--back-color-active-link);
            transition: background-color 0.23s ease 0.1s;
        }

        .layout-menu .nav-item a.active:before {
            content: "";
            position: absolute;
            right: 0;
            width: 0.25rem;
            height: 2.5rem;
            border-radius: 0.375rem;
            background: var(--txt-color-active-link);
            margin-top: -8px;
        }

#LgLink:before {
    height: 3.5rem !important;
    margin-top: 0px !important;
}

.layout-menu .nav-item a:hover {
    text-decoration: none;
    color: var(--txt-color);
    background-color: var(--back-color-hover-link);
    transition: background-color 0.23s ease 0.1s;
}

.layout-menu .nav-item a {
    background-color: none;
    transition: background-color 0.23s ease 0.1s;
}

.bg-menu-theme {
    background-color: #fff;
    color: #697a8d;
}

.menu-vertical {
    transform: translate3d(-100%, 0, 0);
    width: 17.5rem;
    height: 100vh;
    box-shadow: 0 0.125rem 0.375rem 0 rgb(161 172 184 / 12%);
    transition: all 0.23s ease 0.1s;
    z-index: 1;
}

.nav-button-collapse {
    position: absolute;
    height: 41px;
    width: 40px;
    right: -30px;
    bottom: 0;
    border: 25px solid #f5f5f9;
}

    .nav-button-collapse > i {
        color: var(--btn-primary-color);
    }

.menu-vertical-click {
    transform: translate3d(0, 0, 0);
    transition: all 0.23s ease 0.1s;
}

.rotate-icon-right {
    transform: rotateZ(0deg);
    transition: all 0.23s ease 0.1s;
}

.rotate-icon-left {
    transform: rotateZ(180deg);
    transition: all 0.23s ease 0.1s;
}

.rotate-icon-subMenu-down {
    transform: rotateZ(90deg);
    transition: all 0.23s ease 0.1s;
}

.open-sub-menu {
    display: block;
    transition: all 0.23s ease 0.1s;
}

.close-sub-menu {
    display: none;
    transition: all 0.23s ease 0.1s;
}

.overlay {
    position: fixed;
    background-color: var(--back-color-overlay);
    height: 100vh;
    width: 100%;
    left: 16.25rem;
    display: block;
    transition: all 0.23s ease 0.1s;
    opacity: 0.35;
    z-index: 1;
}*/
/*End SideMenu*/

/*Start Table*/

/*.card-table {
    background-clip: padding-box;
    box-shadow: 0 2px 6px 0 rgb(67 89 113 / 12%);
    border-radius: 0.5rem;
    border: 0 solid #d9dee3;
}

    .card-table .table-responsive {
        min-height: 220px;
    }

    .card-table .card-header {
        padding: 1.5rem 1.5rem;
        background-color: transparent;
        border-bottom: 0 solid #d9dee3;
    }

    .card-table .card-footer {
        padding: 0.25rem 1.5rem;
        border-top: 0px solid #d9dee3;
        background-color: transparent;
    }

    .card-table .table {
        --bs-table-bg: transparent;
        --bs-table-accent-bg: transparent;
        --bs-table-striped-color: var(--txt-color-dark);
        --bs-table-striped-bg: #f9fafb;
        --bs-table-active-color: var(--txt-color-dark);
        --bs-table-active-bg: var(--back-color-dark);
        --bs-table-hover-color: var(--txt-color-dark);
        --bs-table-hover-bg: var(--back-color-light);
        width: 100%;
        color: var(--txt-color-dark);
        vertical-align: middle;
        border-color: #d9dee3;
    }

    .card-table th {
        color: #566a7f;
        text-transform: uppercase;
        font-size: 0.75rem;
        letter-spacing: 1px;
        padding: 10px;
    }

    .card-table .table > :not(:first-child) {
        border-top: 2px solid #d9dee3;
    }

    .card-table tr > td {
        padding: 10px;
        text-transform: uppercase;
    }

    .card-table .badge {
        font-weight: 500;
        font-size: 0.8125em;
        padding: 0.52em 0.593em;
    }

.badge-color-success {
    background-color: var(--back-color-badge-success) !important;
    color: var(--btn-success-color) !important;
}

.badge-color-open {
    background-color: var(--back-color-badge-open) !important;
    color: var(--btn-info-color) !important;
}

.badge-color-take {
    background-color: var(--back-color-badge-take) !important;
    color: var(--btn-primary-color) !important;
}

.badge-color-not-resolved {
    background-color: var(--back-color-badge-not-resolved) !important;
    color: var(--btn-danger-color) !important;
}

.badge-color-pending {
    background-color: var(--back-color-badge-pending) !important;
    color: var(--btn-warning-color) !important;
}

.custom-dropdown-menu {
    transform: translate3d(0px, -41px, 0px);
    min-width: 8rem;
    padding: 0.3125rem 0;
    font-size: 0.9375rem;
    color: var(--txt-color-dark);
    border: 1px solid transparent;
    background-clip: padding-box;
    border-radius: 0.375rem;
    box-shadow: 0 0.25rem 1rem rgb(161 172 184 / 45%);
}

    .custom-dropdown-menu .dropdown-item {
        color: var(--txt-color-dark);
    }

        .custom-dropdown-menu .dropdown-item:hover {
            background-color: var(--back-color-light);
        }

        .custom-dropdown-menu .dropdown-item:active {
            background-color: var(--back-color-light);
            color: var(--txt-color-active-link);
        }*/

/*Start Pagination*/

/*.custom-button-page {
    min-width: calc( 2.1875rem + 0px );
    color: var(--txt-color-dark);
    background-color: #f0f2f4;
    border: 0px solid #d9dee3;
    margin: 0 10px;
    border-radius: 0.25rem;
}

    .custom-button-page:hover {
        background-color: var(--back-color-dark);
        color: var(--txt-color-dark);
    }

.custom-active-button {
    border-color: var(--txt-color-active-link);
    background-color: var(--txt-color-active-link);
    color: #fff;
    box-shadow: 0 0.125rem 0.25rem rgb(105 108 255 / 40%);
}

    .custom-active-button:hover {
        color: #fff;
        border-color: var(--txt-color-active-link);
        background-color: var(--txt-color-active-link);
    }*/

/*List Group*/

/*.custom-list-group-item {
    display: flex;
    width: fit-content;
    padding: 0.5rem 1.25rem;
    margin: 0 5px;
    background: none;
    border: 0;
    border-radius: 0.375rem;
    box-shadow: 0 0.125rem 0.25rem 0 rgb(105 108 255 / 40%);
}

    .custom-list-group-item:first-child {
        margin-left: 0;
    }


    .custom-list-group-item:hover {
        color: var(--txt-color);
        background-color: var(--txt-color-badge-open);
    }

    .custom-list-group-item.active {
        background-color: var(--btn-primary-color);
        z-index: 0;
    }

        .custom-list-group-item.active:hover {
            color: #ffff;
        }

    .custom-list-group-item > span {
        margin-left: 0.5rem;
        background-color: var(--back-color-badge-take);
    }*/

/*Card-Menu*/

/*.card-menu {
    background-clip: padding-box;
    box-shadow: 0 2px 6px 0 rgb(67 89 113 / 12%);
    border-radius: 0.5rem;
    border: 0 solid #d9dee3;
}

.min-card {
    min-width: 60%;
}

.card-menu .card-header {
    padding: 1.5rem 1.5rem;
    background-color: transparent;
    border-bottom: 0 solid #d9dee3;
}

.card-menu #header-pratica, #header-password {
    padding: 0.5rem 0.5rem;
    background-color: var(--back-color-light);
    border-bottom: 0 solid #d9dee3;
}

.card-menu .card-body {
    padding: 1.5rem 1.5rem;
}

.card-menu .card-footer {
    padding: 0.25rem 1.5rem;
    border-top: 0px solid #d9dee3;
    background-color: transparent;
}*/

/*Card-User*/
/*.card-user {
    width: 220px;
}

.btn-delete {
    background: transparent url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate%28-225.000000, -250.000000%29'%3E%3Cg id='Icon-Color' transform='translate%28225.000000, 250.500000%29'%3E%3Cuse fill='%23a1acb8' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='white' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/0.8em no-repeat;
}

.card-user .btn-delete:hover {
    right: -8px;
    top: -8px;
    transition: all 0.23s ease 0.1s;
}

.card-user .btn-delete {
    background-color: var(--btn-danger-color);
    border-radius: 0.5rem;
    opacity: 1;
    padding: 0.635rem;
    box-shadow: 0 0.125rem 0.25rem rgb(161 172 184 / 40%);
    transition: all 0.23s ease 0.1s;
    margin: 0;
    position: absolute;
    right: -13px;
    top: -13px;
}

#card-add .btn-delete {
    background-color: var(--btn-danger-color);
    transform: translate(8px, -24px);
    transition: all 0.23s ease 0.1s;
}

    #card-add .btn-delete:hover {
        transform: translate(4px, -18px);
        transition: all 0.23s ease 0.1s;
    }*/


/*media query*/
/*@media (min-width: 576px) {
    .custom-card {
        width: 400px;
    }
}

@media (min-width: 992px) {
    .body-page {
        padding-left: 18.375rem !important;
    }

    .menu-vertical {
        transform: translate3d(0, 0, 0);
    }

    .overlay {
        display: none;
    }
}

@media (min-width: 1400px) {
    .reduce-custom-input {
        width: 330px;
    }
}*/