@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1:focus {
    outline: none;
}

a, .btn-link {
    color: #0071c1;
}

.btn-primary {
    color: #fff;
    background-color: #b53f7a;
    border-color: #b53f7a;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-color: rgba(223, 233, 239, 0.8);
    color: #000;
    /*    padding-top: 20px;
*/ padding-right: 0px;
   overflow-y:hidden;
}
    /* width */
    body::-webkit-scrollbar {
        width: 10px;
    }
    /* Track */
    body::-webkit-scrollbar-track {
        background: #2a2d35;
    }
    /* Handle */
    body::-webkit-scrollbar-thumb {
        background: #888;
    }
        /* Handle on hover */
        body::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

.main-header {
    padding-top: 10px;
    z-index: 120 !important;
    /*background-color: #000;*/
    background-color: darkgrey;
    color: #FFF;
    font-family: euro, sans-serif !important;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 0px;
    letter-spacing: 3px;
    word-spacing: 4px;
    text-transform: uppercase;
    /* box-shadow: 0px 0px 21px #0c0c0c;*/
    border-left: 8px solid #000;
    height: 100px;
}

.rz-overlaypanel {

    height:auto !important;
    margin-bottom:50px !important;

}

.main-header-sub {
    height: 20px;
}

.main-header-spacer-center {
    height: 20px;
    
}

.main-header-sub-center {
    height: 30px;
}

.main-body-container {
    margin-top: 100px !important;
    background-color: rgba(223, 233, 239, 0.8);
    overflow-y:hidden;
}

.main-body-content {
    margin-top: 0px
}

.main-body-sub-layout {
    margin-top: 10px;
    margin-right: 10px;
    overflow-y:scroll;
}

.main-header-title {
    margin-top: 8px;
}

@media screen and (min-width: 1201px) {
    .main-header-title {
        /*font-size: 30px;*/
    }
}

@media screen and (max-width: 1200px) {
    .main-header-title {
        display: none;
    }

    .rz-card {
        width: 280px;
        top: 40px;
    }

    .rz-label {
        width: 260px;
        color: black;
    }

    .li {
        width: 270px;
    }

    #containerDiv {
        width: 300px;
    }
}

.container {
    margin-left: 0;
}

.main-side-bar {
    /*padding-top:60px;*/
    border-right-color: #000 !important;
    background-color: #000 !important;
    background-position-y: bottom;
    background-size: 100%;
    background-repeat: no-repeat;
    /*border-right: 2px solid #2a2d35;*/
    font-size: small;
    padding-right: 6px;
    /*overflow: scroll !important;*/ /*si forza la presenza della scrollbar per migliorare l'effetto visivo*/
}
    /* width */
    .main-side-bar::-webkit-scrollbar {
        width: 10px !important;
    }
    /* Track */
    .main-side-bar::-webkit-scrollbar-track {
        background-color: #000 !important;
        border-radius: 0px !important;
        width: 10px !important;
    }
    /* Handle */
    .main-side-bar::-webkit-scrollbar-thumb {
        background-color: #0c0c0c !important;
        border-radius: 0px !important;
        width: 10px !important;
        border: 0px solid rgba(0, 0, 0, 0) !important;
    }
        /* Handle on hover */
        .main-side-bar::-webkit-scrollbar-thumb:hover {
            background: #2a2d35 !important;
        }

.main-side-bar-toggler {
    margin-top: -20px;
}

    .main-side-bar-toggler .navbar-toggler-icon {
        width: 2em;
        height: 2em;
    }

        .main-side-bar-toggler .navbar-toggler-icon:hover {
            color: red;
        }

.main-sider-bar-container {
}

.main-side-bar-icon-container {
    float: left;
    width: 40px;
    height: 30px;
    opacity: 0.4;
    margin-left: -15px;
}

.main-side-bar-selected-item {
    background-color: #2a2d35 !important;
    border-left: 8px solid red !important;
}

.b-layout-sider-content {
    background-color: #000 !important;
    margin-top:0px;
    position:relative !important;
}

.b-bar-menu {
    background-color: darkgray;
    border-right: 1px solid black;
}

.b-bar-brand {
    background-color: darkgray !important;
    border-top: 1px solid black;
    border-right: 1px solid black;
    /*background-color: #000 !important;*/
    /*border-right: 2px solid #2a2d35;*/
}


.b-bar-dark {
    /*background-color: #000 !important;*/
    background-color: #f8fbf9 !important;
}

.b-bar-start {
    /*border-right: 2px solid #2a2d35;*/
}

.b-bar-end {
    /*border-right: 2px solid #000;*/
    /*background-color: #000 !important;*/
    background-color: darkgray !important;
}

.b-bar-start div.b-bar-item a.b-bar-link {
    /*border-left: 8px solid #000;*/
    padding-left: 18px !important;
    background-color: darkgray;
}

    .b-bar-start div.b-bar-item a.b-bar-link:hover {
        /*background-color: #0c0c0c !important;
        border-left: 8px solid #2a2d35 !important;*/
        background-color: #3a693a !important;
        /*border-left:8px solid #000;*/
    }

    .b-bar-start div.b-bar-item a.b-bar-link.active {
        /* background-color: #2a2d35 !important;
        border-left: 8px solid red !important;*/
        background-color: #3a693a;
        /*border-left: 8px solid black !important;*/
    }

.b-bar-end div.b-bar-item a.b-bar-link {
    /* border-left: 8px solid #000 !important;*/
}

    .b-bar-end div.b-bar-item a.b-bar-link:hover {
        background-color: #3a693a !important;
        /*border-left: 8px solid #000 !important;*/
    }

    .b-bar-end div.b-bar-item a.b-bar-link.active {
        background-color: #000 !important;
        /* border-left: 8px solid #000 !important;*/
    }

.b-bar-dropdown-menu {
    background-color: #000 !important;
}

.b-bar-dropdown-item {
    /*border-left: 8px solid #0c0c0c !important;*/
    background-color: #0c0c0c !important;
    padding-left: 18px !important;
}

.b-bar-dropdown-toggle {
    /*border-left: 8px solid #000 !important;*/
    padding-left: 18px !important;
}

.b-bar-dropdown-item:hover {
    background-color: #0c0c0c !important;
    /*border-left: 8px solid #2a2d35 !important;*/
}

.b-bar-dropdown-item.active {
    background-color: #2a2d35 !important;
    /*border-left: 8px solid red !important;*/
}

.b-bar-vertical-inline {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.b-bar-vertical-inline, .b-bar-vertical-popout, .b-bar-vertical-small {
    padding: 0 !important;
    width: 100%;
    display: flex;
    flex: 1;
    justify-content: space-between;
    flex-direction: column;
    align-self: stretch;
    color: var(--b-bar-dark-color, rgba(0, 0, 0, 1)) !important;
    background-color: darkgray !important;
    box-shadow: none !important;
    /*border-left: 8px solid #000 !important;*/
    /*border-right: 2px solid #000;*/
    border-left: 8px solid #000;
    /*border-top:2px solid #000;*/
}

/*sezione centrale accanto alla sidebar*/
.b-layout.b-layout-has-sider .b-layout {
    /*    padding-left: 40px;
*/ padding-right: 20px;
    margin-bottom: 20px;
}
    /* width */
    .b-layout.b-layout-has-sider .b-layout::-webkit-scrollbar {
        width: 10px;
    }
    /* Track */
    .b-layout.b-layout-has-sider .b-layout::-webkit-scrollbar-track {
        background: rgba(223, 233, 239, 0.8);
    }
    /* Handle */
    .b-layout.b-layout-has-sider .b-layout::-webkit-scrollbar-thumb {
        background: #3a693a;
    }
        /* Handle on hover */
        .b-layout.b-layout-has-sider .b-layout::-webkit-scrollbar-thumb:hover {
            filter: brightness(1.5);
        }

.bg-primary {
    background-color: #b53f7a !important;
}

.sidebar-toggle {
    background-color: #000 !important;
    border-right: 0px solid dimgray !important;
}

.mainHeaderLogo {
    float: left;
    min-width: 150px;
    height: 70px;
    text-align: center;
    background-color: darkgray;
}

    .mainHeaderLogo img {
        height: 50%;
        margin-top: 7%;
    }

.mainHeaderLogin {
    padding-right: 20px;
    min-width: 400px;
    text-align: right;
}

.main-header-logo-img {
    height: 100% !important;
}

.main-header-button-login {
    padding-right: 20px;
    color: lightgrey !important;
    text-transform: uppercase;
}

    .main-header-button-login:hover {
        color: white !important;
        text-decoration: none;
    }

.main-header-button-user {
    padding-right: 20px;
    color: dimgray;
    text-transform: uppercase;
}

    .main-header-button-user:hover {
        color: white;
    }

.mainFooter {
    display: none;
    background-color: #f2f2f2;
}


/*.mainSideBar {
    border-right-color: #000;
    background-color: #000;
    font-size: small;
    width: 200px !important;
    z-index: 1000;
    background-position-y: bottom;
    background-size: 100%;
    background-repeat: no-repeat;*/
/*nel caso si volesse ripristinare la scrollbar della sidebar 
    ed evitare che impatti sul body rimuovere quanto sotto*/
/*position: absolute;
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
    bottom: 0 !important;
}

.mainBottomSideBar {
    position: fixed !important;
    background-color: #000;
    bottom: 0 !important;
    width: 100%;
    height: 60px;
    text-align: center;
}

    .mainBottomSideBar img {
        width: 100%;
        display: none;
    }*/

.main-menu-app-icon {
}

    .main-menu-app-icon img {
        width: 32px;
        margin-left: 15px;
        margin-right: 15px;
    }
/*.main-menu-collapse-icon {
    color: red !important;
}

    .main-menu-collapse-icon:hover {
        color: darkred !important;
    }*/

.main-sidebar-container {
    margin-top: 40px;
    border-right: 2px solid #2a2d35;
    padding-bottom: 50px;
}

.main-sidebar-logo {
    width: 32px;
    height: 32px
}
/*.mainBodyContent {
    width: 100%;
}

.mainBodyBottomContentSub {
    position: absolute;
    bottom: 0px;
    background-color: red;
}

.mainBodyBottomContent {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: red;
    padding-left: 200px;
}*/

a, .btn-link {
    color: #17223E;
}


.rz-primary {
    background-color: #b53f7a !important;
    border-color: #b53f7a;
}

.rz-secondary {
    background-color: #17223E !important;
}

.rz-info {
    background-color: #42b0f5 !important;
}

.rz-light {
    border:solid 1px black;
}


.rz-dialog {
    background-color: rgba(223, 233, 239, 0.8);
}

.rz-dialog-titlebar {
    background-color: rgba(223, 233, 239, 0.8);
    color: #3a693a;
    font-weight: bolder;
    font-size: large;
}

.rz-dialog-content {
    background-color: rgba(223, 233, 239, 0.8);
}

    .rz-dialog-content::-webkit-scrollbar {
        width: 10px;
    }

    .rz-dialog-content::-webkit-scrollbar-track {
        background-color :rgba(223, 233, 239, 0.8) !important;
    }

    .rz-dialog-content::-webkit-scrollbar-thumb {
        background-color: #3a693a !important;
    }

.rz-button.rz-state-disabled, .rz-state-disabled.rz-paginator-element {
    opacity: 0.5;
    cursor: initial;
}

.btn-primary {
    color: #fff;
    background-color: #b53f7a !important;
    border-color: #b53f7a;
}

    .btn-primary:hover {
        color: white !important;
        background-color: darkred !important;
        border-color: darkred;
    }

    .btn-primary:active {
        color: white !important;
        background-color: darkred !important;
        border-color: darkred !important;
        /* This is okay to remove, ONLY because of the changes we made above. */
    }

    .btn-primary:focus {
        color: white !important;
        background-color: darkred !important;
        border-color: darkred !important;
        /* This is okay to remove, ONLY because of the changes we made above. */
    }



.content {
    padding-top: 1.1rem;
}

h2 {
    color: #000;
    font-weight: unset;
}

.valid.modified:not([type=checkbox]) {
    outline: none;
    border: 1px solid gray;
}

.invalid {
    outline: none;
    border: 1px solid red !important;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 2000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }


/*#region RADZEN:::::::::::::*/
/*
    ****NB
    è possibile definire la classe direttamente nell'oggetto radzen oppure sovrascrivere utilizzando lo stesso nome
    <RadzenFooter class="mainFooter"> oppure <RadzenFooter> senza classe a questo punto occorre utilizzare quella di default "footer" e sovrascrive nel
    foglio di stile gli attributi ".footer {background-color: #f2f2f2;}", in questo caso il colore viene mutato mantenendo la classe standard di Radzen
    importante è comunque inserire il link al foglio di stile DOPO quello di radzen (attualmente in 
*/
.rz-listbox {
    background-color: rgba(223, 233, 239, 0.8) !important;
}

.rz-listbox-item:hover {
    background-color: #3a693a !important;
    color: white !important;
}

.rz-clear-filter {
    background-color: #e9edf0 !important;
    border: solid 1px black;
    color :black !important;
}

.rz-apply-filter {
    background-color: #b53f7a !important;
    border: solid 1px #b53f7a;
}
.rz-state-highlight {
    background-color: #3a693a !important;
    color: white !important;
}

.rz-chkbox-box .rzi, .rz-chkbox-box .rz-column-drag, .rz-chkbox-box .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-chkbox-box .rzi-circle-o-notch, .rz-chkbox-box .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-chkbox-box .rzi-plus, .rz-chkbox-box .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-chkbox-box .rzi-grid-sort, .rz-chkbox-box .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-chkbox-box .rzi-chevron-circle-down, .rz-chkbox-box .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-chkbox-box .rzi-chevron-circle-right, .rz-chkbox-box .rz-fileupload-row .rz-button .rzi-close, .rz-chkbox-box .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-chkbox-box .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-chkbox-box .rzi-close, .rz-chkbox-box .rz-fileupload-row .rz-button .rzi-times, .rz-chkbox-box .rz-fileupload-row .rz-paginator-element .rzi-times, .rz-fileupload-row .rz-button .rz-chkbox-box .rzi-times, .rz-fileupload-row .rz-paginator-element .rz-chkbox-box .rzi-times, .rz-chkbox-box .rz-fileupload-row .rz-button .rz-icon-trash, .rz-chkbox-box .rz-fileupload-row .rz-paginator-element .rz-icon-trash, .rz-fileupload-row .rz-button .rz-chkbox-box .rz-icon-trash, .rz-fileupload-row .rz-paginator-element .rz-chkbox-box .rz-icon-trash, .rz-chkbox-box .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-chkbox-box .rz-menuitem-icon {
    width: 0.875rem;
    height: 0.875rem;
    font-size: 0.875rem;
    color: #000000;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 0;
}

.rz-textbox:disabled {
    color: black !important;
    background-color: lightgray !important;
}

.rz-column-title {
    color: black !important;
}

.rz-calendar .rz-inputtext:disabled {
    background-color: lightgray;
}

.rz-switch {
    display: flex;
}

    .rz-switch .rz-switch-circle {
        background-color: #393c45;
    }

    .rz-switch.rz-switch-checked .rz-switch-circle {
        background-color: #b53f7a !important;
    }


.rz-datatable-thead th {

}

.rz-sortable-column .rzi-sort {
    color: black;
}

/*.rz-datatable-thead th:not(:last-child), .rz-grid-table thead th:not(:last-child) {
    border-right: solid 1px #3a693a;
    border-bottom: solid 1px #3a693a;
}*/

.rz-datatable-thead th, .rz-grid-table thead th {
    /*background-color: #000;*/
    background-color: rgba(223, 233, 239, 0.8) !important;
}

.rz-grid-table thead th {
    border: solid 1px #3a693a;
}

.rz-grid-table tbody {
    border-left: solid 1px #3a693a;
    border-right: solid 1px #3a693a;
}

.rz-cell-filter {
    background-color: rgba(223, 233, 239, 0.8) !important;
    /*border: solid 1px #3a693a;*/
}

.rz-datatable {
    background-color: #000;
}

.rz-paginator {
    background-color: #0c0c0c;
}

.rz-data-grid-data {
    overflow: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #3a693a;
    background-color: rgba(223, 233, 239, 0.8);
}




.rz-datatable {
}

.rz-datatable-data {
    background-color: rgba(223, 233, 239, 0.8) !important;
    color: black !important;
}

.rz-grid-table tbody td {
    background-color: rgba(223, 233, 239, 0.8) !important;
    border-color: #3a693a;
    border-right-color: #3a693a !important;
}

    .rz-grid-table tbody td span.rz-cell-data {
        color: black !important;
    }


.rz-grid-table {
    background-color: rgba(223, 233, 239, 0.8) !important;
    color: black !important;
}

.rz-grid-table-fixed {
    background-color: rgba(223, 233, 239, 0.8) !important;
    color: black !important;
}

rz-data-grid-tr {
    background-color: rgba(223, 233, 239, 0.8) !important;
    color: black !important;
}


/*Messaggio => no records to display.*/
/*Non viene mostrato il messaggio nel caso di virtualization*/
/*https://blazor.radzen.com/datagrid-empty*/
.rz-datatable-emptymessage {
    font-size: 0.7vw;
}

.rz-unselectable-text rz-sortable-column {
    width: 200px;
    max-width: 300px;
}

.rz-multiselect-items-wrapper {
    overflow: auto;
    background: black;
}

.rz-multiselect-header {
    display: flex;
    align-items: center;
    padding: 0.25rem 0.625rem;
    margin: 0 -0.625rem;
    background-color: black;
}

.rz-data-grid-data::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
    background-color: black !important;
}

.rz-data-grid-data::-webkit-scrollbar {
    width: 6px !important;
    background-color: black !important;
    border: none !important;
}

.rz-data-grid-data::-webkit-scrollbar-thumb {
    background-color: #3a693a !important;
    border: none !important;
    border-radius: unset !important;
}

    .rz-data-grid-data::-webkit-scrollbar-thumb:hover {
        background-color: gray !important;
    }


.rz-cell-filter {
    /*background-color: #000;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;*/
}

.rz-datatable-scrollable-header {
    border-bottom: solid 1px #000;
}

.rz-dropdown {
    color: black;
}

.rz-dropdown-label rz-inputtext {
    color: red !important;
}

.rz-dropdown-item {
    color: black;
}

.rz-html-editor-content {
    color: black !important;
}

.rz-navigation-item {
    background-color: #000;
    border-bottom-color: #0c0c0c !important;
    border-top-color: #2a2d35 !important;
    color: #7e8c8e;
}

    .rz-navigation-item :hover {
        background-color: #0c0c0c !important;
    }

.rz-navigation-item-wrapper {
    border-left: 10px solid #000 !important;
    background-color: #000 !important;
    font-size: small;
}


.rz-navigation-item-wrapper-active {
    background-color: #2a2d35 !important;
    border-left: 10px solid #000 !important;
}

.rz-panel-menu .rz-navigation-item-wrapper-active:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    width: 4px;
    background-color: red;
}

.rz-card {
    background-color: rgba(223, 233, 239, 0.8);
    border: 1px solid black;
}

.form-control {
    background-color: #fff;
    border-color: #393c45;
}

.rz-card-sub {
    background-color: #34373f;
    border-left: 10px solid #2a2d35;
    opacity: 0.6;
}

.rz-card-info {
    background-color: #34373f;
    border-left: 10px solid blue;
    opacity: 0.8;
}

.rz-datatable-scrollable-wrapper {
    background-color: #393c45 !important;
}

/*quando il documento è stato stampato lo evidenzio - Gestione Ordini di produzione */
.rz-datatable-printed {
    background-color: #0c0c0c;
}

    .rz-datatable-printed td {
        border: none !important;
        border-collapse: collapse !important;
        color: black !important;
    }

        .rz-datatable-printed td:first-child {
            border-left: 3px solid red !important;
        }

    .rz-datatable-printed span {
        color: gainsboro !important;
    }

.rz-datatable-even {
}

    .rz-datatable-even td:first-child {
        border-left: 3px solid #0c0c0c !important;
    }

.rz-datatable-thead th {
    background-color: #0c0c0c !important;
    border: 1px solid #0c0c0c !important;
}

.rz-paginator-bottom {
    background-color: #0c0c0c !important;
    border: 1px solid #0c0c0c !important;
}

.rz-datatable-even td {
    background-color: #0c0c0c !important;
    border: 1px solid #0c0c0c !important;
}

    .rz-datatable-even td:first-child {
        border-left: 3px solid #0c0c0c !important;
    }

    .rz-datatable-even td span {
        color: lightgray !important;
    }

.rz-datatable-odd td {
    background-color: #0c0c0c !important;
    border: 1px solid #0c0c0c !important;
}

    .rz-datatable-odd td:first-child {
        border-left: 3px solid #0c0c0c !important;
    }

    .rz-datatable-odd td span {
        color: lightgray !important;
    }

.rz-datatable {
    border: none !important;
    border-collapse: collapse !important;
}

.rz-datatable-scrollable-body {
    background-color: #0c0c0c;
}

    .rz-datatable-scrollable-body::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
        background-color: #393c45 !important;
    }

    .rz-datatable-scrollable-body::-webkit-scrollbar {
        width: 6px !important;
        background-color: gray !important;
        border: none !important;
    }

    .rz-datatable-scrollable-body::-webkit-scrollbar-thumb {
        background-color: #2a2d35 !important;
        border: none !important;
    }

        .rz-datatable-scrollable-body::-webkit-scrollbar-thumb:hover {
            background-color: orange !important;
        }

.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-spinner-input, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox {
    border: 1px solid black;
    background-color: #FFF;
    color: #000 !important;
}

    .rz-spinner.rz-state-disabled .rz-inputtext {
        background-color: lightgray !important;
    }

.rz-state-disabled {
    /*background-color: #0c0c0c !important;*/
    /*border: 1px solid #0c0c0c !important;
    color: gainsboro !important;*/
}

    .rz-state-disabled label {
        background-color: #d3d3d3 !important;
    }

/*.rz-column-title {
    color: lightgray !important;
}*/

.rz-cell-filter-label > .rzi {
    color: red !important;
}

.rz-cell-filter-label > input {
    color: black !important;
}

.rz-cell-filter-label > span {
    color: black !important;
}

.rz-autocomplete {
    background-color: #000 !important;
    border: 1px solid gray;
}

.rz-autocomplete-list {
    background-color: #0c0c0c !important;
    border: 1px solid #0c0c0c;
}

.rz-autocomplete-input {
    background-color: #000 !important;
    color: gainsboro !important;
}

.rz-fileupload-choose {
    -webkit-appearance: none;
    border-radius: 4px;
    color: #fff;
    background-color: gray !important;
    outline: none;
    line-height: initial;
    font-size: 1.0625rem;
    font-weight: normal;
    padding: 0 2rem;
    height: 2.1875rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 6px;
}

.rz-fileupload-buttonbar {
    border-radius: 4px;
    background-color: #fe0100 !important;
    padding: 0px;
}

.rz-spinner-button {
    background-color: black;
}

.rz-chkbox-box.rz-state-active {
    background-color: black !important;
}

    .rz-chkbox-box.rz-state-active > span {
        background-color: black !important;
        color: white !important;
    }

.rz-grid-table thead .rzi {
    color: black;
}

.rz-calendar-inline::-webkit-scrollbar {
}

.rz-calendar-inline::-webkit-scrollbar-track {
    background-color: rgba(223, 233, 239, 0.8) !important;
}

.rz-calendar-inline::-webkit-scrollbar-thumb {
    background-color: #3a693a !important;
}

.rz-calendar-inline::-webkit-scrollbar-thumb:hover {
}

.rz-checkbox-list-vertical {
    overflow-y: auto;
}

    .rz-checkbox-list-vertical::-webkit-scrollbar {
        width: 10px !important;
    }
    /* Track */
    .rz-checkbox-list-vertical::-webkit-scrollbar-track {
        background-color: #000 !important;
        border-radius: 0px !important;
        width: 10px !important;
    }
    /* Handle */
    .rz-checkbox-list-vertical::-webkit-scrollbar-thumb {
        background-color: #141516 !important;
        border-radius: 0px !important;
        width: 10px !important;
        border: 0px solid rgba(0, 0, 0, 0) !important;
    }
        /* Handle on hover */
        .rz-checkbox-list-vertical::-webkit-scrollbar-thumb:hover {
            background: #2a2d35 !important;
        }

@media screen and (min-width: 1201px) {
    .rz-button-text {
        /*font-size: 30px;*/
    }
}

/*REF.001144.20220531 Modificato per mostrare il testo nei bottoni in display piccoli */
@media screen and (max-width: 1200px) {
    .rz-button-text {
        text-overflow: ellipsis;
        max-width: 80px;
        /* display: none;*/
    }
}

.rz-link .rz-link-text {
    color: #17223E !important;
}

/*REF.001138.20220719 Evidenziare una riga */
rz-highlight {
    background-color: lightcoral !important;
}
/*#endregion RADZEN:::::::::::::*/
/*testo cella evidenziato come errore*/
td.grid-cell-error-text span.rz-cell-data span {
    color: orangered !important;
}
/*testo cella evidenziato come corretto*/
td.grid-cell-correct-text span.rz-cell-data span {
    color: lawngreen !important;
}


label {
    color: black !important;
    margin-bottom: 0;
}


#containerDiv {
    width: 100%;
}

.btn-link {
    color: red;
}

    .btn-link:hover {
        color: darkred;
    }

.loginContainer {
    margin-right: auto;
    width: 400px;
}

.home-container {
    position: relative;
    z-index: 1;
    height: 600px;
    border-bottom: 10px solid red;
}

    .home-container:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        /*background-size: cover;*/
        background-size: auto 100%;
        background-repeat: repeat-x;
        background-position: center;
        /*
        background-image: url(../Images/bg-prodotti.1a95deae.png) !important;
        background-repeat: no-repeat;
        background-position: top;*/
        /*        opacity: .4;
*/ background-image: linear-gradient( 180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), linear-gradient( 180deg, #000, rgba(151, 151, 151, 0) 45%, rgba(128, 128, 128, 0) 46%, #000 ), url(../Images/bg-prodotti.1a95deae.png);
        /*        -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
        -webkit-mask-image: -webkit-gradient(linear, right bottom, right top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
*/
    }

.spinner-container-over {
    background: #2a2d35;
    position: absolute;
    height: -moz-calc(100% + 200px);
    height: -webkit-calc(100% + 200px);
    height: -o-calc(100% + 200px);
    height: calc(100% + 200px);
    width: inherit;
    /*    width: -moz-calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
    width: -o-calc(100% - 200px);
    width: calc(100% - 200px);*/
    opacity: 0.8;
    z-index: 99;
    left: 0;
    top: 50px;
}

.spinner-container {
    width: 100%;
    z-index: 99;
}

.spinner {
    border: 16px solid dimgray;
    border-top: 16px solid #0c0c0c;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    margin-left: -40px;
    animation: spin 700ms linear infinite;
    top: 25%;
    left: 50%;
    position: absolute;
}

.spinner-text {
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -40px;
    margin-right: auto;
    width: 80px;
    text-align: center;
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.progress-container {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 42px;
}

.progress {
    position: relative;
    height: 4px;
}

.progress-bar.indeterminate {
    background-color: dimgray;
    height: 4px;
    position: relative;
    animation: progress-indeterminate 2s linear infinite;
}

@keyframes progress-indeterminate {
    from {
        left: -65%;
        width: 65%;
    }

    to {
        left: 100%;
        width: 25%;
    }
}

.rz-fieldset {
    border-color: #3a693a;
}

.rz-fieldset-content {
    color: black !important;
}

.rz-fieldset-legend {
    color: #3a693a;
    font-size: large;
    font-weight: bolder;
}

/*.rz-state-active {
    background-color: #b53f7a !important;
}*/

.rrblv2 .rz-radiobutton .rz-radiobutton-box.rz-state-active {
    background-color: green !important;
}
.rrblv1 .rz-radiobutton .rz-radiobutton-box.rz-state-active {
    background-color: darkgoldenrod !important;
}
.rrblv0 .rz-radiobutton .rz-radiobutton-box.rz-state-active {
    background-color: red !important;
}

.toast {
    display: none;
    padding: 1.5rem;
    color: #fff;
    z-index: 1;
    position: absolute;
    width: 25rem;
    max-width: 600px;
    top: 8rem;
    border-radius: 1rem;
    /*left: 50%;*/
    right: 8rem;
}

.toast-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1rem;
    font-size: 2.5rem;
}

.toast-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-left: 1rem;
}

    .toast-body p {
        margin-bottom: 0;
    }

.toast-visible {
    display: flex;
    flex-direction: row;
    /*opacity: 1;*/
    animation: fadein 1.5s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*#region GRAFICI*/
.chart-title-section {
    text-align: center;
    margin-bottom: 10px;
    color: dimgray;
}

.chart-legend-container {
    min-width: 100px;
    font-size: 11px;
}

.chart-legend-element {
    min-width: 100px;
    width: 100%;
    margin-bottom: 2px;
    clear: both;
}

.chart-legend-color {
    width: 20px;
    height: 20px;
    float: left;
}

.chart-legend-label {
    float: left;
    padding-left: 4px;
}
/*#endregion GRAFICI*/

/*#region LINK CONTROLLI*/
.link-button {
    text-align: left;
    color: gainsboro !important;
}

a.link-button .rz-link-text {
    background-repeat: no-repeat;
    padding-right: 10px;
    text-align: left;
    font-weight: bold;
    color: darkred !important;
    background-position: center;
    background-image: url(../Images/Link.png);
    min-width: 150px;
    display: block;
    background-size: contain;
}

a.link-button:hover .rz-link-text {
    color: black !important;
    text-decoration: none !important;
}
/*link che rimangono evidenziati una volta selezionati (es su stampa massiva ODP, quelli già stampati)*/
.link-clicked {
    text-align: left;
    color: gainsboro;
}

    .link-clicked:hover {
        color: red !important;
    }

    .link-clicked:active {
        color: red !important;
    }

    .link-clicked[tabindex]:focus {
        color: green;
        outline: none;
    }

    .link-clicked[tabindex]:visited {
        color: green;
        outline: none;
    }
/*#endregion LINK*/

/*#region SERVER DIALOG*/
/*SERVER dialog:::::::::::::::::::::::::::*/
.server-log-event-row {
    padding-top: 4px;
    padding-bottom: 4px;
    border-left: 10px solid #292929;
    margin-bottom: 20px;
}

.server-log-error-row {
    padding-top: 4px;
    padding-bottom: 4px;
    border-left: 10px solid #AD310B;
    margin-bottom: 20px;
}

.server-log-info-row {
    padding-top: 4px;
    padding-bottom: 4px;
    border-left: 10px solid darkblue;
    margin-bottom: 20px;
}

.server-log-warning-row {
    padding-top: 4px;
    padding-bottom: 4px;
    border-left: 10px solid orange;
    margin-bottom: 20px;
}

.server-log-alert-row {
    padding-top: 4px;
    padding-bottom: 4px;
    border-left: 10px solid orange;
    margin-bottom: 20px;
}

.server-log-question-row {
    padding-top: 4px;
    padding-bottom: 4px;
    border-left: 10px solid blue;
    margin-bottom: 20px;
}

.server-log-label {
    color: gray;
}

.server-log-label-eventId {
    color: gray;
    font-size: 11px;
    margin-top: 2px;
}

.server-log-inserted-row {
    opacity: 0.2;
}

.server-log-detail-col {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 80px;
}
    /* width */
    .server-log-detail-col::-webkit-scrollbar {
        width: 10px;
    }
    /* Track */
    .server-log-detail-col::-webkit-scrollbar-track {
        background: #2a2d35;
    }
    /* Handle */
    .server-log-detail-col::-webkit-scrollbar-thumb {
        background: #888;
    }
        /* Handle on hover */
        .server-log-detail-col::-webkit-scrollbar-thumb:hover {
            background: #555;
        }
/*#endregion SERVER DIALOG*/

/*#region facilities*/
.facilities-monitor-inactive-row {
    padding-left: 20px;
    margin-left: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-left: 10px solid #0c0c0c;
    margin-bottom: 20px;
    background-color: #0c0c0c;
    animation: fadein 1.5s;
    opacity: 1;
}

    .facilities-monitor-inactive-row table {
        width: 100%;
    }

        .facilities-monitor-inactive-row table th {
            color: dimgray;
        }


.facilities-monitor-ok-row {
    padding-left: 20px;
    margin-left: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-left: 10px solid green;
    margin-bottom: 20px;
    background-color: #0c0c0c;
    animation: fadein 1.5s;
    opacity: 1;
}

    .facilities-monitor-ok-row table {
        width: 100%;
    }

        .facilities-monitor-ok-row table th {
            color: dimgray;
        }

.facilities-monitor-active-row {
    padding-left: 20px;
    margin-left: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-left: 10px solid green;
    margin-bottom: 20px;
    background-color: #0c0c0c;
    animation: fadein 1.5s;
    opacity: 1;
}

    .facilities-monitor-active-row table {
        width: 100%;
    }

        .facilities-monitor-active-row table th {
            color: dimgray;
        }

.facilities-monitor-stopped-row {
    padding-left: 20px;
    margin-left: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-left: 10px solid red;
    margin-bottom: 20px;
    background-color: #0c0c0c;
    animation: fadein 1.5s;
    opacity: 1;
}

    .facilities-monitor-stopped-row table {
        width: 100%;
    }

        .facilities-monitor-stopped-row table th {
            color: dimgray;
        }

.facilities-monitor-error-row {
    padding-left: 20px;
    margin-left: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-left: 10px solid red;
    margin-bottom: 20px;
    background-color: #0c0c0c;
    animation: fadein 1.5s;
    opacity: 1;
}

    .facilities-monitor-error-row table {
        width: 100%;
    }

        .facilities-monitor-error-row table th {
            color: dimgray;
        }

.facilities-monitor-standby-row {
    padding-left: 20px;
    margin-left: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-left: 10px solid orange;
    margin-bottom: 20px;
    background-color: #0c0c0c;
    animation: fadein 1.5s;
    opacity: 1;
}

    .facilities-monitor-standby-row table {
        width: 100%;
    }

        .facilities-monitor-standby-row table th {
            color: dimgray;
        }

.facilities-monitor-warning-row {
    padding-left: 20px;
    margin-left: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-left: 10px solid darkorange;
    margin-bottom: 20px;
    background-color: #0c0c0c;
    animation: fadein 1.5s;
    opacity: 1;
}

    .facilities-monitor-warning-row table {
        width: 100%;
    }

        .facilities-monitor-warning-row table th {
            color: dimgray;
        }

.facilities-monitor-status-img {
    width: 64px;
}

.facilities-monitor-readed-row {
    opacity: 1;
}

.facilities-monitor-updated-row {
    opacity: 0.3;
}
/*#endregion facilities*/

/*#region toolbar*/
.toolbar-button-icon {
    width: 32px;
    height: 32px;
    cursor: pointer;
    margin-right: 6px;
}

    .toolbar-button-icon:hover {
        filter: brightness(0.5);
    }

.toolbar-button-collapse-icon {
    width: 32px;
    height: 32px;
    cursor: pointer;
    margin-right: 6px;
}

    .toolbar-button-collapse-icon:hover {
        filter: brightness(0.5);
    }

.toolbar-button-collapse-icon-hide {
    width: 32px;
    height: 32px;
    cursor: pointer;
    margin-right: 6px;
    opacity: 0;
}

.toolbar-button-collapse {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 6px;
    float: right;
    min-width: 44px;
}

.main-header-toolbar-container {
    width: 90%;
    background-color: rgba(16,17,20,1);
    position: fixed;
    margin-left: -20px;
    /*    margin-top: -96px;
*/
    margin-top: -65px;
    z-index: 115;
}

.main-header-toolbar-panels-container {
    width: 90%;
    margin-top: -30px;
    margin-left: -20px;
    position: fixed;
    z-index: 110;
}

.main-header-toolbar-panels-content {
    padding: 0px;
    padding-left: 14px;
}

.main-header-toolbar-scope {
    float: left;
    font-size: 2em;
    color: red;
    padding-left: 10px;
}

.main-header-toolbar-title {
    float: left;
    font-size: 2em;
    color: gray;
}

@media screen and (min-width: 1201px) {
    .main-header-toolbar-title {
        /*font-size: 30px;*/
    }
}

@media screen and (max-width: 1200px) {
    .main-header-toolbar-title {
        display: none;
    }
}

.main-header-toolbar-subtitle {
    float: left;
    font-size: 2em;
    color: white;
}

@media screen and (min-width: 1201px) {
    .main-header-toolbar-subtitle {
        /*font-size: 30px;*/
    }
}

@media screen and (max-width: 1300px) {
    .main-header-toolbar-subtitle {
        display: none;
    }
}

.main-header-toolbar-bar-title {
    padding: 4px;
    padding-left: 14px;
}

.main-header-toolbar-buttons {
    background-color: #000;
    border-left: 2px solid black !important;
    padding-top: 10px;
}

.main-header-toolbar-panels-spacer {
    background-color: rgba(20,20,20,0);
    border-left: 2px solid black !important;
}

.main-header-toolbar-panel {
    min-height: 300px;
    border-bottom: 10px solid red;
    z-index: 100;
    margin-left: 1px;
    background-color: rgba(20,20,20,0.9);
    margin-top: 10px;
    padding-left: 14px;
    animation: ToolbarScrollDownPanel 1.5s;
    padding-top: 20px;
    padding-bottom: 20px;
}

@keyframes ToolbarScrollDownPanel {
    from {
        margin-top: -600px;
    }

    to {
        /*        margin-top: -28px;
*/
        margin-top: 10px;
    }
}

.main-header-toolbar-panel-collapsed {
    min-height: 300px;
    border-bottom: 10px solid red;
    z-index: 100;
    margin-left: 1px;
    background-color: rgba(20,20,20,0.8);
    margin-top: -600px;
    padding-left: 14px;
    animation: ToolbarCollapsePanel 1.5s;
    padding-top: 20px;
}

@keyframes ToolbarCollapsePanel {
    from {
        /*        margin-top: -28px;*/
        margin-top: 10px;
    }

    to {
        margin-top: -600px;
    }
}

.main-header-toolbar-panel-buttons {
    z-index: 100;
    margin-left: 1px;
    /*    margin-top: -28px;
*/
    margin-top: 10px;
    padding-left: 14px;
    animation: ToolbarScrollDownPanel 1.5s;
    padding-top: 30px;
    padding-bottom: 20px;
    background-color: rgba(0,0,0,0.8);
    width: 100%;
}

.main-header-toolbar-panel-buttons-top {
    float: right;
    margin-top: 6px;
    margin-right: 4px;
}

.main-header-toolbar-footer-spacer {
    display: flex;
    margin-top: -15px;
}

.main-header-toolbar-footer-spacer-with-buttons {
    display: flex;
    margin-top: -15px;
    height: 60px;
}

.main-header-toolbar-loading-progress {
    position: absolute;
    top: 65px;
    left: 7%;
    width: 86%;
    z-index: 120;
}

    .main-header-toolbar-loading-progress > div > div {
        background-color: #000 !important;
    }
/*#endregion toolbar*/

.section-anchor-link {
    padding-right: 20px;
    cursor: pointer;
}

    .section-anchor-link label {
        cursor: pointer;
    }

        .section-anchor-link label:hover {
            color: white !important;
        }

.popup-modal > div > div {
    background-color: #2a2d35 !important;
    border-bottom: 4px solid red;
}

.popup-modal-header {
    background-color: #2a2d35 !important;
    border-bottom: 0px solid red;
}

.popup-modal-footer {
    background-color: #2a2d35 !important;
    border-top: 0px solid red;
}

.img-record-information {
    width: 40px;
}

    .img-record-information:hover {
        cursor: pointer;
        filter: brightness(3.50);
    }

.textbox-dropdown {
    background-color: black;
    color: white;
    border-radius: 5px;
    border-color: grey;
    border-style: solid;
    border-width: 1px;
    height: 36px;
    padding-left: 10px;
}

    .textbox-dropdown:disabled {
        background-color: #0C0C0C;
        color: white;
        border-radius: 5px;
        border-style: none;
    }

.form-control:disabled {
    background-color: #0C0C0C;
    color: white;
    border-radius: 5px;
}

/*#region report*/
.report-container-div {
    min-height: 30em;
    overflow-x: auto;
    position: relative;
    width: 100%;
    padding-bottom: 40px;
}

.report-table {
    position: relative;
    border-collapse: separate;
    border-spacing: 0;
}

    .report-table tbody td,
    .report-table th {
        padding: 0.80em;
        text-align: right;
        font-weight: initial;
    }

    .report-table tfoot td,
    .report-table th {
        padding: 0.80em;
        text-align: right;
        font-weight: initial;
    }

    .report-table thead th {
        position: -webkit-sticky; /* for Safari */
        position: sticky;
        top: 0;
        background: #000;
        color: #FFF;
        background-color: darkred;
    }

    .report-table tbody th {
        position: -webkit-sticky; /* for Safari */
        position: sticky;
        left: 0;
        /*border-right: 2px solid #141516;*/
        background-color: #0c0c0c;
    }

    /* FinSummary Report */
    .report-table thead th.fixed-firstchild {
        left: 0;
        z-index: 10;
        text-align: left;
    }

    .report-table thead th.borderchild {
        position: sticky;
        left: 206px;
        z-index: 20;
        width: auto;
        border-right: 1px solid #9d0808;
        text-align: right;
    }

    .report-table thead th.otherchild {
        position: sticky;
        z-index: 2;
        width: auto;
        text-align: right;
    }

    .report-table tbody th.fixed-firstchild {
        left: 0;
        z-index: 10;
        text-align: left;
    }

    .report-table tbody th.borderchild {
        position: sticky;
        left: 206px;
        z-index: 20;
        width: auto;
        border-right: 1px solid #646464a6;
        text-align: right;
    }

    .report-table tbody th.otherchild {
        position: sticky;
        z-index: 2;
        width: auto;
    }

    .report-table tbody td.otherchild {
        position: sticky;
        z-index: 2;
        width: auto;
        text-align: right;
    }
    /* FinSummary Report fine */

    /* FinProduction Report */
    /* FinIndustrialCostsDetails Report */
    .report-table thead th.first-child {
        width: 200px;
        left: 0;
        z-index: 10;
        border-right: 2px solid #9d0808;
        text-align: left;
    }

    .report-table tbody th.first-child {
        width: 200px;
        left: 0;
        z-index: 10;
        text-align: left;
    }

    .report-table tbody th.borderred {
        border-right: 2px solid #9d0808;
    }

    .report-table tbody th.bordergrey {
        border-right: 2px solid #646464a6;
    }
    /* FinProduction Report fine */
    /* FinIndustrialCostsDetails Report fine */

    /* Products Report */
    .report-table thead th.firstchildpr {
        position: sticky;
        left: 0;
        z-index: 20;
        width: 150px;
        text-align: left;
    }

    .report-table thead th.secondchildpr {
        position: sticky;
        left: 110px;
        z-index: 20;
        width: 200px;
        text-align: left;
    }

    .report-table thead th.thirdchildpr {
        position: sticky;
        left: 314px;
        z-index: 20;
        width: 120px;
        text-align: left;
    }

    .report-table thead th.fourthchildpr {
        position: sticky;
        left: 413px;
        z-index: 20;
        width: 120px;
        border-right: 2px solid #9d0808;
        text-align: left;
    }

    .report-table tbody th.firstchildpr {
        position: sticky;
        left: 0;
        z-index: 20;
        width: 150px;
        text-align: left;
    }

    .report-table tbody th.secondchildpr {
        position: sticky;
        left: 110px;
        z-index: 20;
        width: 200px;
        text-align: left;
    }

    .report-table tbody th.thirdchildpr {
        position: sticky;
        left: 314px;
        z-index: 20;
        width: 120px;
        text-align: left;
    }

    .report-table tbody th.fourthchildpr {
        position: sticky;
        left: 413px;
        z-index: 20;
        width: 120px;
        border-right: 2px solid #646464a6;
        text-align: left;
    }

    .report-table tbody th.otherchild {
        position: sticky;
        z-index: 2;
        width: auto;
    }
/* Products Report fine */



/*.report-table tbody th.fixed-firstchild {
            left: 0;
            z-index: 10;
        }

        .report-table tbody th.first-child {
            left: 0;
            z-index: 10;
            border-right: 2px solid #9d0808;
        }

        .report-table thead th.secondchild {
            position: sticky;
            left: 200px;
            z-index: 20;
            width: auto;
        }

        .report-table thead th.thirdchild {
            position: sticky;
            left: 400px;
            z-index: 20;
            width: auto;
        }

        .report-table thead th.fourthchild {
            position: sticky;
            left: 600px;
            z-index: 20;
            width: auto;
            border-right: 2px solid #9d0808;
        }
        
        .report-table tbody th.otherchild {
            position: sticky;
            left: 360px;
            z-index: 2;
            width: auto;
        }*/

/* Frozen cells*/
.rz-grid-table-fixed .rz-frozen-cell {
    background: #2a2d35 !important;
    border: none !important;
}
/* Track */
.report-container-div::-webkit-scrollbar-track {
    background-color: #000 !important;
    border-radius: 0px !important;
    width: 10px !important;
}
/* Handle */
.report-container-div::-webkit-scrollbar-thumb {
    background-color: #141516 !important;
    border-radius: 0px !important;
    width: 10px !important;
    border: 0px solid rgba(0, 0, 0, 0) !important;
}
    /* Handle on hover */
    .report-container-div::-webkit-scrollbar-thumb:hover {
        background: #2a2d35 !important;
    }

/*#endregion report*/


.tooltip-main-help > div {
    background-color: gray !important;
    color: #000;
}

/*REF.001104.20220225*/
.main-datetime-control {
    border: 1px solid dimgray;
    background-color: #000;
    color: gainsboro !important;
}

    .main-datetime-control:focus {
        color: black !important;
        border-color: white !important;
    }

.grid-cell-image-medium-dark {
    filter: invert(1);
    width: 50px;
}

.grid-cell-image-medium {
    width: 50px;
}

td.grid-cell-evidence-1 {
    background-color: #527650 !important;
    border: 1px solid #527650 !important;
}

td.grid-cell-evidence-text-1 span {
    color: #527650 !important;
}

td.grid-cell-not-relevant-value span {
    color: dimgrey !important;
}

td.grid-cell-frozen-column {
    background: #2a2d35 !important;
    border: none !important;
}

td.grid-cell-standard-footer {
    background: black !important;
    border-right: 0px !important;
}

.validation-box {
    height: 30px;
    padding: 4px;
}

.valid.modified:not([type=checkbox]) {
    outline: none;
    border: 1px solid gray;
}

.invalid.modified:not([type=checkbox]) {
    outline: none;
    border: 1px solid red;
}

.data-list-horizontal > ul {
    float: left;
}


/*#region NOTIFICATION TOAST*/
/*popup di notifica*/
.blazored-toast-container {
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 120;
}

.position-topleft,
.position-topright,
.position-topcenter {
    top: 0;
}

.position-bottomleft,
.position-bottomright,
.position-bottomcenter {
    bottom: 0;
}

.blazored-toast {
    display: flex;
    flex-direction: row;
    animation: fadein 1.5s;
    margin-bottom: 1rem;
    padding: 1rem 1.25rem;
    color: #fff;
    width: 20vw;
    font-family: monospace;
    box-shadow: rgba(0,0,0,0.25) 0px 10px 40px;
}

.blazored-toast-detail {
    /*font-size: 0.5rem;*/
    width: 600px;
    padding-bottom: 10px;
}


.blazored-toast-info {
    background-color: #34a9ad;
}

.blazored-toast-success {
    background-color: #5fba7d;
}

.blazored-toast-warning {
    background-color: #ffdb00;
    color: #3e3e3e;
}

.blazored-toast-alert {
    background-color: darkorange;
}

.blazored-toast-error {
    background-color: #ba5e5e;
}

.blazored-toast-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1rem 0 0;
    font-size: 2.5rem;
}

.blazored-toast-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-x: auto;
    max-height: 200px;
}
    /* width */
    .blazored-toast-body::-webkit-scrollbar {
        width: 4px !important;
        height: 4px !important;
    }
    /* Track */
    .blazored-toast-body::-webkit-scrollbar-track {
        background-color: #0c0c0c !important;
        border-radius: 0px !important;
        width: 4px !important;
        height: 4px !important;
    }
    /* Handle */
    .blazored-toast-body::-webkit-scrollbar-thumb {
        background-color: #0c0c0c !important;
        border-radius: 0px !important;
        width: 4px !important;
        height: 4px !important;
    }
        /* Handle on hover */
        .blazored-toast-body::-webkit-scrollbar-thumb:hover {
            background: gray !important;
        }

    .blazored-toast-body .blazored-toast-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

        .blazored-toast-body .blazored-toast-header h5 {
            font-weight: bold;
            text-transform: uppercase;
            font-size: 1.5rem;
            margin-bottom: 0;
            line-height: 32px;
        }

        .blazored-toast-body .blazored-toast-header .blazored-toast-close {
            background-color: transparent;
            border: 0;
            -webkit-appearance: none;
            color: inherit;
            font-size: 1.25rem;
        }

    .blazored-toast-body p {
        margin-bottom: 0;
        font-size: 1rem;
    }

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media (min-width: 576px) {

    .position-topleft {
        top: 2rem;
        left: 2rem;
    }

    .position-topright {
        top: 2rem;
        right: 2rem;
    }

    .position-topcenter {
        top: 2rem;
        left: 50%;
        margin-left: -15rem;
    }

    .position-bottomleft {
        bottom: 2rem;
        left: 2rem;
    }

    .position-bottomright {
        bottom: 2rem;
        right: 2rem;
    }

    .position-bottomcenter {
        bottom: 2rem;
        left: 50%;
        margin-left: -15rem;
    }

    .blazored-toast {
        width: 40rem;
        border-radius: .25rem;
    }
}
/*#endregion LINK CONTROLLI*/

.security-question-row td {
    background-color: darkred !important;
    border-left: 3px solid #0c0c0c !important;
    color: white !important;
    border-bottom: solid 0px #000000 !important;
    border-right: solid 1px #000000 !important;
}

.quality-question-row td {
    background-color: darkblue !important;
    border-left: 3px solid #0c0c0c !important;
    color: white !important;
    border-bottom: solid 1px #000000 !important;
    border-right: solid 0px #000000 !important;
}

/*region STILE PANNELLO PREVIEW*/

.cd-main-content {
    text-align: center;
}

    .cd-main-content h1 {
        font-size: 2rem;
        color: #64788c;
        padding: 4em 0;
    }

.cd-btn {
    position: relative;
    display: inline-block;
    padding: 1em 2em;
    background-color: darkred;
    color: gray;
    border-radius: 50em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);
    -webkit-transition: -webkit-box-shadow 0.2s;
    transition: -webkit-box-shadow 0.2s;
    transition: box-shadow 0.2s;
    transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}

    .cd-btn:hover {
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 0, 0, 0.3);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 0, 0, 0.3);
    }

@media only screen and (min-width: 1170px) {
    .cd-main-content h1 {
        font-size: 3.2rem;
    }
}

.cd-panel {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
    visibility: hidden;
    -webkit-transition: visibility 0s 0.6s;
    transition: visibility 0s 0.6s;
}

    .cd-panel::after {
        /* overlay layer */
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: transparent;
        cursor: pointer;
        -webkit-transition: background 0.3s 0.3s;
        transition: background 0.3s 0.3s;
    }

    .cd-panel.cd-panel--is-visible {
        visibility: visible;
        -webkit-transition: visibility 0s 0s;
        transition: visibility 0s 0s;
    }

        .cd-panel.cd-panel--is-visible::after {
            background: rgba(0, 0, 0, 0.6);
            -webkit-transition: background 0.3s 0s;
            transition: background 0.3s 0s;
        }

.cd-panel__header {
    position: fixed;
    width: 1200px !important;
    background-color: darkred !important;
    color: white !important;
    height: 50px;
    line-height: 50px;
    background: rgba(255, 255, 255, 0.96);
    z-index: 2;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
    -webkit-transition: -webkit-transform 0.3s 0s;
    transition: -webkit-transform 0.3s 0s;
    transition: transform 0.3s 0s;
    transition: transform 0.3s 0s, -webkit-transform 0.3s 0s;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}

    .cd-panel__header h1 {
        color: grey;
        padding-left: 5%;
    }

.cd-panel--from-right .cd-panel__header {
    right: 0;
}

.cd-panel--from-left .cd-panel__header {
    left: 0;
}

.cd-panel--is-visible .cd-panel__header {
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    transition: -webkit-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

@media only screen and (min-width: 768px) {
    .cd-panel__header {
        width: 70%;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-panel__header {
        width: 50%;
    }
}

.cd-panel__close {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 60px;
    /* image replacement */
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

    .cd-panel__close::before, .cd-panel__close::after {
        /* close icon created in CSS */
        content: '';
        position: absolute;
        top: 22px;
        left: 20px;
        height: 3px;
        width: 20px;
        background-color: #424f5c;
        /* this fixes a bug where pseudo elements are slighty off position */
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .cd-panel__close::before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .cd-panel__close::after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .cd-panel__close:hover {
        background-color: #424f5c;
    }

        .cd-panel__close:hover::before, .cd-panel__close:hover::after {
            background-color: #ffffff;
            -webkit-transition: -webkit-transform 0.3s;
            transition: -webkit-transform 0.3s;
            transition: transform 0.3s;
            transition: transform 0.3s, -webkit-transform 0.3s;
        }

        .cd-panel__close:hover::before {
            -webkit-transform: rotate(220deg);
            -ms-transform: rotate(220deg);
            transform: rotate(220deg);
        }

        .cd-panel__close:hover::after {
            -webkit-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            transform: rotate(135deg);
        }

.cd-panel--is-visible .cd-panel__close::before {
    -webkit-animation: cd-close-1 0.6s 0.3s;
    animation: cd-close-1 0.6s 0.3s;
}

.cd-panel--is-visible .cd-panel__close::after {
    -webkit-animation: cd-close-2 0.6s 0.3s;
    animation: cd-close-2 0.6s 0.3s;
}

@-webkit-keyframes cd-close-1 {
    0%, 50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

@keyframes cd-close-1 {
    0%, 50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

@-webkit-keyframes cd-close-2 {
    0%, 50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

@keyframes cd-close-2 {
    0%, 50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

.cd-panel__container {
    position: fixed;
    width: 1200px !important;
    background-color: black !important;
    color: white !important;
    height: 100%;
    top: 0;
    background: #dbe2e9;
    z-index: 1;
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    transition: -webkit-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
}

.cd-panel--from-right .cd-panel__container {
    right: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.cd-panel--from-left .cd-panel__container {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.cd-panel--is-visible .cd-panel__container {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

@media only screen and (min-width: 768px) {
    .cd-panel__container {
        width: 70%;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-panel__container {
        width: 50%;
    }
}

.cd-panel__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 70px 5%;
    overflow: auto;
    /* smooth scrolling on touch devices */
    -webkit-overflow-scrolling: touch;
}

    .cd-panel__content p {
        font-size: 1.4rem;
        color: #424f5c;
        line-height: 1.4;
        margin: 2em 0;
    }

        .cd-panel__content p:first-of-type {
            margin-top: 0;
        }

@media only screen and (min-width: 768px) {
    .cd-panel__content p {
        font-size: 1.6rem;
        line-height: 1.6;
    }
}


/*endregion STILE PANNELLO PREVIEW*/