@media screen and (prefers-color-scheme: light) {
    body {
        font-family: Arial, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;
        background-color: #eef2f9;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        overscroll-behavior-y: none;
        color: #1c1e21;
        line-height: 1.64;
        margin: 0;
        padding: 0;
        unicode-bidi: embed;
        position: relative;
        display: block;
        width: 100%;
    }

    a {
        transition: color 5ms
    }

    a:active,
    a:hover {
        color: #38e372
    }

    .page-footer .last a:hover {
        background: var(--background);
        color: var(--bs-info);
    }

    .page-footer .last a {
        background: var(--background-color);
        color: var(--color-text);
    }

    .page tr:nth-child(2n) {
        background-color: rgba(0, 0, 0, .03) !important
    }

    .dp_calendar .date {
        color: var(--bg-gray-2);
    }

    .modal-content .close {
        background: var(--bg-darken-2);
        color: #757575
    }

    .modal-content {
        border-bottom: 1px solid #5a5a5ab0;
        box-shadow: 0 0 50px rgb(156 156 156 / 51%);
        background-color: #fff
    }

    .channel item {
        background: #fff;
        border: 1px solid #e9e9e9
    }

    .head {
        grid-area: head;
        /* border-bottom: 3px dashed #03A9F4; */
    }

    .item .pubDate {
        border-bottom: 1px solid #d1d1d180
    }

    .inbody .author {
        color: #4b4b4b
    }

    .inbody .author a.author {
        color: #05f
    }

    .author:not(a.author) {
        border-bottom: 1px solid #5a5a5a9c
    }

    .pagebrand {
        color: var(--text-dark)
    }

    html {
        --text-color-normal: #0a244d;
        --text-color-light: #8cabd9
    }

    .clock {
        color: var(--text-white)
    }

    .modaal-container,
    ul ol {
        color: var(--primary-color);
    }

    .clock .month,
    .clock .time-block {
        background-color: var(--bg-darken-2)
    }

    .modaal-container {
        background-color: var(--text-dark)
    }

    .latest-info .collapsible-header,
    .btn:not(.closealert),
    input,
    keygen,
    select,
    textarea {
        color: var(--font-color);
        background: var(--bg-darken-1);
    }

    .articlebody button,
    .articlebody .btn {
        color: var(--white);
        background: var(--bg-button-light);
    }

    .btn:hover,
    button:hover,
    .button:hover {
        transition: all .2s ease-in-out;
        background-color: var(--button-hover-background);
        color: var(--button-hover-text-color);
    }

    .main {
        color: var(--bg-gray-2);
        background: #f1f1ff;
        padding: 2em
    }

    b,
    em,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    strong {
        text-decoration: none;
        color: var(--text-light);
    }

    .in-content .hour {
        color: #313131;
        background-color: transparent
    }

    ul ol {
        text-decoration: none
    }

    header .with {
        color: #5c5c64
    }

    header .num-messages {
        color: var(--bg-yellow);
        background: var(--background-color);
    }

    header .fa-star {
        color: #80d816
    }

    .people-list {
        background-color: rgba(240, 248, 255, .23)
    }

    fieldset legend {
        background-color: rgba(255, 255, 255, .84);
        color: var(--primary-color)
    }

    fieldset {
        background-color: #e7e7e7;
        background-image: radial-gradient(at top left, rgba(255, 255, 255, .94), transparent), radial-gradient(at top right, rgba(254, 254, 255, .71), transparent), radial-gradient(at bottom right, #fff 18.07%, rgba(238, 238, 238, .8));
        border: 1px solid var(--fieldset-border);
    }

    img:hover {
        opacity: .75;
        transition: all .5s ease-in-out;
    }

    .icon .btn--search i:hover {
        padding: 2px;
        background-color: rgba(2, 89, 230, .9)
    }

    .icon i:hover,
    a.menu-item:hover {
        background-color: var(--drop-menu-bg-d);
        color: var(--drop-menu-icon);
    }

    .icon i {
        color: #603e9a
    }

    .menu-item.selected,
    .menu-item[aria-current],
    .menu-item[aria-selected=true] {
        border-right: 3px solid #fff;
        background-color: #fff;
        color: #757575
    }

    .dropdown {
        --max-scroll: 8;
        --text: #1d1d1d;
        --border: #c7c7c7;
        --borderActive: #23c4f8;
        --background: #ffffff;
        --arrow: #6c7486;
        --arrowActive: #cddc39;
        --listText: #4f5563;
        --listBGTextActive: #5a6171;
        --listBackground: #ffffff;
        --listBackgroundHover: #4aaf4e;
        --listActive: #39823c;
        --listTextActive: #fff;
        --textFilled: #3e3e3e;
    }

    .dropdown.filled>span:hover {
        background-color: var(--listBackgroundHover);
        color: var(--listTextActive);
    }

    .tagify__input:empty::before {
        color: #717171;
    }

    .tagify__tag>div>[contenteditable] {
        color: rgb(175, 59, 106) !important;
    }

    .tagify__tag>div>* {
        color: white;
    }


    .tagify:focus {
        background-color: rgba(251, 153, 153, 0.2);
    }

    .tagify {
        --tagify-dd-color-primary: rgb(53, 149, 246);
        --tagify-dd-bg-color: white;
        --tags-border-color: #e8d5d5;
        --tag-bg: #3bafda;
        --tag-hover: #3eacff;
        --tag-text-color: white;
        --tag-text-color--edit: white;
        --tag-invalid-color: #d39494;
        --tag-invalid-bg: rgba(211, 148, 148, 0.5);
        --tag-remove-bg: rgba(211, 148, 148, 0.3);
        --tag-remove-btn-bg: none;
        --tag-remove-btn-bg--hover: #ff0f0f;
        border: 1px solid #4b2afa;
        border: 1px solid var(--tags-border-color);
        --placeholder-color: rgba(10, 32, 200, 0.2);
        --placeholder-color-focus: rgba(60, 60, 163, 0.25);
    }

    .tagify.tagify--focus {
        transition: 0s;
        border-color: #3595f6;
        border-color: var(--tags-focus-border-color);
    }

    .copy {
        color: #343434;
    }


    .grid-list {
        background: #ffffff;
        border: 1px solid #e1e1e1;
    }

    .grid-list .avatar {
        background: linear-gradient(135deg, #f75775, #e53865);
        color: #fff1f1;
    }

    maincontent .resultsSynapse {
        background: #ffffffde;
    }

    maincontent form {
        padding: 20px;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        background-color: #fff;
    }

    .feedback-text {
        color: #4CAF50;
    }

    .feedback-item .data:before {
        color: #6d6d6dbd;
    }

    .feedback-item {
        border: 1px solid #cccccc82;
        background-color: #fff;
        box-shadow: 0 0 17px rgb(0 0 0 / 5%);
    }

    .article-card {
        border: 1px solid #ccc;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        background-color: #fff;
    }

    .article-card-list {
        border: 1px solid #ccc;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        background-color: #fff;
    }

    .bar-icon .list * {
        color: white;
    }

    .bar-icon .list {
        background: #2196F3;
        border: 1px solid gainsboro;
    }

    .bar-icon .list:hover {
        background: #1f4e73;
        border: 1px solid gainsboro;
    }

    .bar-icon .list>* {
        color: var(--whiteTextColor) !important;
    }

    .btn-primary {
        color: #fff !important;
        background-color: #2196F3;
        background-image: linear-gradient(-180deg, #369ef0, #228de2 90%) !important;
    }

    /* fine style per modale */
    .-primary {
        background-color: #2196F3;
    }

    .-error {
        background-color: rgb(255, 0, 0);
        color: white;
    }

    .-update {
        background-color: #FF9800;
        color: black;
    }

    .-draft {
        background-color: rgb(96, 125, 139);
        color: white;
    }

    .-private {
        background-color: rgb(233, 30, 99);
        color: white;
    }

    .-request {
        background-color: rgb(99, 90, 199);
    }

    .-success {
        background-color: rgb(0, 191, 156);
    }


    #error-message {
        background: #2196F3;
        color: white;
    }

    /* fine style */

    /* popup */
    /* Condizione per la modalita'*/
    body.light-mode {
        /* Ripristina i colori di sfondo e di testo principali */
        background-color: #fff;
        color: #000;
    }

    .modal-footer {
        /* Ripristina il colore di sfondo */
        background-color: #f8f9fa;
        /* Ripristina il colore del bordo */
        border-bottom-color: #e9ecef;
    }

    .modal-footer button.btn {
        /* Ripristina il colore del testo */
        color: inherit;
        /* Ripristina il colore di sfondo */
        background-color: inherit;
    }

    .btn.share {
        /* Ripristina il colore di sfondo */
        background-color: inherit;
        /* Ripristina il colore del testo */
        color: inherit;
    }

    .btn.share+.btn.share {
        /* Ripristina il margine sinistro */
        margin-left: 24px;
    }

    #consentModal {
        /* Ripristina il colore di sfondo */
        background-color: inherit;
        /* Ripristina il colore del bordo */
        border-color: inherit;
    }


    .box-popup {
        /* Ripristina il colore di sfondo */
        background-color: rgba(0, 0, 0, 0.4);
    }

    .box-popup-content {
        /* Ripristina il colore di sfondo */
        background-color: #fefefe;
        /* Ripristina il colore del bordo */
        border-color: #888;
        /* Ripristina il colore del testo */
        color: inherit;
    }

    .box-popup-content .closed {
        /* Ripristina il colore di sfondo */
        background-color: #e8e8e8;
        /* Ripristina il colore del testo */
        color: #7d7d7d;
    }

    .loading {
        /* Ripristina il colore di sfondo */
        background-color: #f0f0f0;
    }

    .loading::after {
        /* Ripristina il colore di sfondo del caricamento */
        background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.8) 50%, transparent 100%);
    }

    /* fine popup */
    .target_select>* {
        color: #1d1d1d;
    }

    .target_select .privacy span.control-input {
        border: 1px solid #bfbfbf66;
        background: #e5f3ff;
        color: #2e2ea1;
    }

    .list-group-item .badge .up-num {
        background: #5399d3;
        color: #fcfcfc;
    }

    .-error,
    .author,
    .author a,
    .bar-icon .list *,
    .black,
    .blue,
    .box-inner-info,
    .box-inner-info .description,
    .box-inner-info p,
    .dash.message,
    .dash.message li,
    .gray,
    .green,
    .list-group a.badge,
    .material-tooltip,
    .material-tooltip span,
    articlebody h1,
    articlebody h2,
    articlebody h3,
    articlebody h4,
    articlebody h5,
    .purple,
    .red,
    .search-bar input,
    .tagify__tag>div>*,
    .target_select>*,
    [class*=list-element-] .button a:hover,
    maincontent,
    maincontent .didascalia,
    pre {
        color: inherit;
    }


    .btn-sx {
        border: 1px dashed #205eaa96;
        background: rgb(124, 130, 152);
        color: white;
        line-height: normal;
    }

    .list-group-item-text.list {
        border-top: none;
    }

    .list-group {
        color: #363636;
        box-shadow: inset 0 0 0 0px;
    }

    .list-group .breadcrumb>li+li:before {
        color: #ccc;
    }

    .list-group .breadcrumb>.active a {
        color: #999;
    }

    .list-group-item-text.list .date .date {
        background: #ffffff;
    }

    .list-group-item-text.list .date .date {
        color: #105693;
        border-bottom: 1px solid rgb(85, 152, 210);
        box-shadow: 0 0 26px 0 rgba(34, 34, 34, 0);

    }

    .list-group-item-text.list .number {
        background: #e4e4e4;
        color: #4e89b6;
    }

    .list-group-item-text.list .in-list {
        background: #ffffff;
        border-radius: 0px 0px 10px 10px;
    }

    .list-group-item-text.list .title {
        border-bottom: 1px solid #a8a8a8;
    }

    .list-group .breadcrumb {
        background: #8787872e;
    }

    .list-group .breadcrumb:before {
        color: rgba(0, 0, 153, 0.7);
    }

    #slide-out .accordionLeft li .subNav .label {
        background: var(--bg-darken-4);
    }

    article .rect,
    fieldset .rect {
        border: 1px solid #17639f;
        background: #2196F3;
        color: white;
    }

    article .rect strong,
    fieldset .rect strong {
        color: white;
    }

    .sidenav {
        background: #b4b4ba73;
        backdrop-filter: blur(9.5px);
        -webkit-backdrop-filter: blur(9.5px);
    }

    #slide-out .accordionLeft {
        border: none;
    }

    #slide-out .submenuLeft {
        background: #353535;
    }

    .sidenav .collapsible-header:hover,
    .sidenav.fixed .collapsible-header:hover {
        background: var(--bg-darken-1);
    }

    .sidenav .collapsible-header,
    .sidenav.fixed .collapsible-header {
        background-image: rgb(28 28 28 / 84%);
    }

    .sidenav .collapsibles:not(.active) .collapsible-header,
    .sidenav.fixed .collapsibles:not(.active) .collapsible-header {
        background: var(--bg-light);
        color: var(--text-color);
    }

    div[class^="pie"],
    p[class^="pie"],
    div[id^="sdfootnote"] {
        border-top: 1px solid #80808059;
    }

    div[class^="pie"]:after,
    p[class^="pie"]:before,
    div[id^="sdfootnote"]:before {
        border: 1px solid #80808059;

    }

    article span.image.left~em,
    article span.image.right~em,
    .fb-video~em,
    .articlebody .videoWrapper~em,
    .articlebody iframe~em,
    .articlebody img~em {
        background: #03A9F4;
        color: white;
    }

    .articlebody em strong {
        color: inherit;
    }

    .wrapper-inner .content--inner.info {
        background-color: var(--background-card);
        backdrop-filter: blur(6.5px);
        -webkit-backdrop-filter: blur(6.5px);
        box-shadow: var(--box-shadow-avatar);
    }

    article blockquote {
        color: rgba(69, 69, 69, 0.78);
    }

    middlecontent.author {
        background: #ababab99;
    }

    .trumbowyg-editor blockquote>* {
        color: rgb(72 72 72 / 85%);
    }

    .side-title {
        background: linear-gradient(rgba(105, 105, 105, 0),
                rgba(0, 0, 0, 0.09) 5.88%,
                rgba(1, 1, 1, 0.03) 95.38%,
                rgba(0, 0, 0, 0));
        color: rgb(113, 113, 181);
    }

    .right-side {
        background-color: rgba(255, 255, 255, 0.95);
    }

    .account {
        background-color: rgba(203, 203, 203, 0.76);
        box-shadow: 0 0 11px 2px rgba(44, 36, 143, 0.26);
        backdrop-filter: blur(6.5px);
        -webkit-backdrop-filter: blur(6.5px);
    }

    .status-share.standard {
        background-color: #1b86f9;
        color: #fff;
    }

    .search-bar {
        background-color: rgba(217, 217, 217, 0.64);
        border: 1px solid rgba(163, 163, 163, 0.36);
        box-shadow: 0 0 11px 2px rgba(44, 36, 143, 0.26);
        backdrop-filter: blur(6.5px);
        -webkit-backdrop-filter: blur(6.5px);
    }

    .search-bar input {
        color: #2b2727;
    }

    .search-bar input:focus {
        background: rgba(242, 242, 242, 0.9);
    }

    .search-bar input::placeholder,
    .timeline-right input::placeholder,
    .timeline-right textarea::placeholder {
        color: #333436;
    }

    .status-textarea:focus {
        background: rgb(228, 228, 228);
    }

    .sun-editor .se-list-layer .se-list-format div,
    .sun-editor .se-list-layer .se-list-format p {
        font-size: 13px;
        padding: 0;
    }

    .sun-editor .se-btn-list {
        text-align: left;
        justify-content: left;
        align-items: center;
        margin: auto;
    }

    .sun-editor button .txt {
        color: black !important;
    }

    .sun-editor .se-list-layer .se-list-format div,
    .sun-editor .se-list-layer .se-list-format p {
        text-indent: 0px;
        color: black !important;
    }

    .trumbowyg-box.trumbowyg-fullscreen,
    .trumbowyg-editor.trumbowyg-reset-css,
    .trumbowyg-box,
    .trumbowyg-editor {
        background: white !important;
        color: black;
    }

    .list-window-header {
        color: rgb(196, 196, 196);
        background-color: rgb(32, 32, 43);
    }

    .well {
        background-color: #f5f5f5;
        border: 1px solid #e3e3e3;
    }

    .closealert p {
        color: #cccccc;
    }

    .alert>p+p,
    .alert>p {
        color: #dfff84;
    }

    article tr:nth-child(odd) {
        background-color: rgb(255 255 255) !important;
    }

    article tr:nth-child(even) {
        background-color: rgb(240 240 240) !important;
    }

    article table th {
        color: #1b7bc7;
    }

    article table td {
        /* border-bottom: 1px solid #6f6f6f91; */
        border-right: 1px solid #9a9a9a4d;
    }

    .profile-body {
        border-color: rgb(233, 232, 232);
    }

    article table {
        /* background-color: #f8f8f8; */
        border-top: 1px solid #ccc;
        border-spacing: 0;
    }

    article table tr {
        background-color: #f8f8f8;
        border: 1px solid #ddd;
        /* border-bottom:3px solid #ddd; */
    }

    .pageorganic {
        background-color: rgba(230, 230, 230, 1);
    }

    .nav {
        -webkit-box-shadow: 0 15px 36px rgba(0, 0, 0, 0.3),
            0 15px 36px rgba(131, 131, 131, 0.3);
        background-image: linear-gradient(to top left,
                rgba(246, 246, 246, 0.95),
                rgba(255, 255, 255, 0.91) 74%);
        box-shadow: 0 3px 10px 0 rgba(147, 147, 147, 0.26);
        backdrop-filter: blur(15.5px);
        -webkit-backdrop-filter: blur(15.5px);
    }

    .logo.active,
    .nav-item.active {
        border-color: rgb(200, 196, 89);
    }


    .nav {
        box-shadow: 0 15px 36px rgba(0, 0, 0, 0.3),
            0 15px 36px rgba(131, 131, 131, 0.3);
        -webkit-box-shadow: 0 15px 36px rgba(0, 0, 0, 0.3),
            0 15px 36px rgba(131, 131, 131, 0.3);
        background-image: linear-gradient(to top left,
                rgba(246, 246, 246, 0.95),
                rgba(255, 255, 255, 0.91) 74%);
    }


    .nav .nav-item:not(a) {
        color: mediumslateblue;
        text-decoration: none;
        padding-right: 1rem;
    }

    .nav-open navmenu a.active,
    .nav-open navmenu a.active span {
        color: rgb(163, 55, 197);
        background-color: rgb(232, 232, 232);
    }

    navmenu b {
        background: rgb(223, 223, 223);
    }

    #slide-out .navbar-brand-logo,
    #items .navbar-brand-logo {
        background-color: #ffffff;
    }

    .breadcrumbs .navbar .avatar .about {
        background-color: var(--bg-button-light);
    }

    .breadcrumbs .navbar .avatar .about a {
        color: white;
    }

    .breadcrumbs .navbar .avatar img {
        box-shadow: 0 0 0 3px #c30eb8, 0 0 0 8px #fff;
        -webkit-box-shadow: 0 0 0 3px #c30eb8, 0 0 0 8px #fff;
        background-color: darkmagenta;
        background-position: center;
        background-color: #eec0c6;
        background-image: linear-gradient(to top left, #b2ced9, #ffffff 74%);
    }

    .breadcrumbs .navbar .breadcrumb li:hover a {
        color: var(--color-text);
        /* background: var(--bg-gradient); */
    }

    .page {
        box-shadow: 0 0 30px rgba(227, 227, 227, 0.39);
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out;
    }

    [data-aos="nav-animation"] .logo,
    [data-aos="nav-animation"] .nav-item {
        border-bottom: 3px solid transparent;
    }

    [data-aos="nav-animation"] .logo,
    [data-aos="nav-animation"] .nav-item {
        font-size: 14px;
        border-bottom: 3px solid transparent;
        min-height: 73px;
        padding-bottom: 2px;
    }

    [data-aos="nav-animation"] .logo.active,
    [data-aos="nav-animation"] .nav-item.active {
        border-color: rgb(200, 196, 89);
    }

    [data-aos="nav-animation"].aos-animate .logo.active,
    [data-aos="nav-animation"].aos-animate .nav-item.active {
        border-color: rgb(200, 196, 89);
    }

    [data-aos="nav-animation"].aos-animate .logo,
    [data-aos="nav-animation"].aos-animate .nav-item {
        border-bottom: 3px solid transparent;
    }

    [data-aos="nav-animation"] .logo,
    [data-aos="nav-animation"] .nav-item {
        border-bottom: 3px solid transparent;
    }

    [data-aos="nav-animation"] .logo,
    [data-aos="nav-animation"] .nav-item {
        font-size: 14px;
        border-bottom: 3px solid transparent;
        min-height: 73px;
        padding-bottom: 2px;
    }

    [data-aos="nav-animation"] .logo.active,
    [data-aos="nav-animation"] .nav-item.active {
        border-color: rgb(200, 196, 89);
    }

    [data-aos="nav-animation"].aos-animate .logo.active,
    [data-aos="nav-animation"].aos-animate .nav-item.active {
        border-color: rgb(200, 196, 89);
    }

    [data-aos="nav-animation"].aos-animate .logo,
    [data-aos="nav-animation"].aos-animate .nav-item {
        border-bottom: 3px solid transparent;
    }

    [data-aos="nav-animation"] {
        background: rgba(255, 255, 255, 1);
        background-color: var(--nav-bar-background-gradient);
        backdrop-filter: blur(13.5px);
        -webkit-backdrop-filter: blur(13.5px);
    }

    [data-aos="nav-animation"] .toggledAnother,
    [data-aos="nav-animation"] .profileToggle {
        color: #333;
        background-color: transparent;
    }

    [data-aos="nav-animation"].aos-animate {
        background-color: rgba(238, 238, 238, 0.95);
        background-image: url("/to/_src/images/Shadow-Fall-Background.svg"),
            var(--gray-gradient);
        background-position: left;
    }

    [data-aos="nav-animation"].aos-animate .name {
        color: #f3f3f3;
    }

    [data-aos="nav-animation"].aos-animate header .num-messages {
        color: #ffffff;
    }

    [data-aos="nav-animation"].aos-animate {
        background-color: var(--nav-bar-background-gradient);
    }

    [data-aos="nav-animation"].aos-animate .nav-item i {
        color: aliceblue;
    }

    [data-aos="nav-animation"].aos-animate .nav-item a {
        font-size: 12px;
    }

    [data-aos="nav-animation"].aos-animate .nav-item {
        font-size: 13px;
        padding: 1px;
    }

    [data-aos="nav-animation"].aos-animate .toggledAnother,
    [data-aos="nav-animation"].aos-animate .profileToggle {
        color: #333;
        background-color: transparent;
    }

    .nav-open navmenu a.active,
    .nav-open navmenu a.active span {
        color: rgb(163, 55, 197);
        background-color: rgb(232, 232, 232);
    }

    navmenu b {
        background: rgb(223, 223, 223);
    }

    .wrapper {
        background: -webkit-linear-gradient(left bottom, #e9e9e9 0, #ebebeb 100%);
        background: -moz-linear-gradient(left bottom, #e9e9e9 0, #ebebeb 100%);
        background: -o-linear-gradient(left bottom, #e9e9e9 0, #ebebeb 100%);
        background: -ms-linear-gradient(left bottom, #e9e9e9 0, #ebebeb 100%);
        background: linear-gradient(left bottom, #e9e9e9 0, #ebebeb 100%);
    }

    main #result .area .line:nth-child(odd) {
        background-color: rgba(230, 230, 230, 0.49);
        border-radius: 2px;
    }

    main #result .area .line:nth-child(even) {
        background-color: rgba(246, 246, 246, 0.72);
        border-radius: 2px;
    }

    .main.ver .article-group dd {
        background-color: rgb(246, 246, 246);
        border-top: 3px solid rgb(217, 87, 87);
    }

    .main.ver .article-group dd.td h4,
    .main.ver .article-group dd.td span {
        color: rgb(36, 36, 36);
    }


    footer.page-footer {
        background-color: #186fc2;
        background-image: linear-gradient(315deg, #2a2a72 0%, #009ffd 74%);
    }

    .article-body-area {
        background: white;
    }

    .article-body-area {
        box-shadow: 0 0 3px 0px rgb(161 161 161 / 35%);
    }

    .article-body-area:hover {
        box-shadow: 0 0 43px 0px rgb(153 153 153 / 35%);
        transition: .2s ease-in-out;
    }

    /*
    .article-preloader {
        background: linear-gradient(90deg, #f7f7f7 25%, #e4e4e4 50%, #f1f1f1 75%);
    }
*/
    .article-preloader:before {
        content: " ";
    }

    @-webkit-keyframes placeHolderColorShift {

        0%,
        100% {
            background: #fafafa;
        }

        50% {
            background: #dadada;
        }
    }

    @keyframes placeHolderColorShift {

        0%,
        100% {
            background: #fafafa;
        }

        50% {
            background: #dadada;
        }

    }

    .gradient {
        background: #f6f7f8;
        background: linear-gradient(to right, #fafafa 8%, #f4f4f4 38%, #fafafa 54%);
    }

    /* CSS per il testo */
    .text-space {
        width: 100%;
        height: 16px;
        /* Altezza desiderata del testo */
        background: #343434;
        background: linear-gradient(90deg, #2c2c2c 25%, #1f1f1f 50%, #292929 75%);
        background-size: 200% 100%;
        position: relative;
        margin-bottom: 10px;
        /* Spazio tra i blocchi di testo */
        animation-duration: 1.8s;
        animation-fill-mode: forwards;
        animation-iteration-count: infinite;
        animation-name: placeHolderShimmer;
        animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    }

    .titled .source {
        color: #a6a6a6;
    }

    #dynamic-height-image .image-entity {
        background-color: var(--bg-gradient);
        color: var(--header-text-color);
    }

    .medium .subtitle {
        background: white;
    }


    .inputwrapper .reader {
        color: #818181 !important;
        background-color: #f1f1f1 !important;
        border: 1px solid #e6e6e6
    }

    .modalNotify-content {
        background: #fff !important
    }

    .modale-content .body {
        background: #f6f6f6
    }

    .block-image {
        background: #fff;
        background-image: linear-gradient(to top left, #fff, #ffe1ea 73.95%)
    }

    form .form-group .input-group .show_pass {
        color: #4a3eb3
    }

    .disable {
        border-radius: 3px;
        background: var(--disabled-button-background) !important;
        color: var(--disabled-text) !important;
        border-radius: 3px !important;
        border: 1px solid #e6e6e6 !important;
        pointer-events: none;
    }

    @media screen and (max-width: 768px) {
        .breadcrumbs .navbar .breadcrumb {
            background: transparent;
        }

        .breadcrumb li {
            display: flex;
            background: transparent;
        }

        .breadcrumbs .navbar .breadcrumb a {
            color: var(--link-color);
        }

        .breadcrumb li:not(:first-child)::before {
            margin-left: -13px;
            font-size: 37px;
            margin-top: 2px;
        }

    }

    /* Colori principali */
    :root {
        --breadcrumb-a: #202e36;
        --panel-bg: #303030de;
        --panel-bg-modal: #9d9d9d;
        --panel-border: #e0e0e0;

        --bg-gradient: linear-gradient(315deg, #bdbdbd24 0, #e8d7e869 74%);
        --bg-color-tags: #ececec;
        --primary-color: #202e36;
        --secondary-color: #536390;
        --font-color: #424242;
        --bg-color: #fff;
        --text-color-hover: #093271;

        /* colori bottone pannello */
        --btn-bg: rgba(255, 255, 255, 0.87);
        ;
        /* Sfondi */
        --background-covid: rgba(255, 255, 255, 0.87);
        --bg-color-hover: #ffffff29;
        --bg-button: #2196F3;
        --bg-button-info: #0979ac;
        --bg-button-alert: #FF9800;
        --bg-button-denger: #d4372b;
        --bg-color-dark: #343434;
        --bg-button-dark: #343434;
        --bg-button-light: #2196F3;
        --text-color-white: #ffffff;

        --theme-light-bg: #f7f7f7;
        --theme-light-text: #333333;
        --theme-light-link: #0077cc;

        /* Colori dei bottoni */
        --button-text: #fff;
        --button-hover-background: #1565c0;
        --button-hover-text-color: #fff;
        /* Colori degli input */
        --input-background: #fff;
        --input-text: #000;

        /* Sfondi e testi dei fieldset e delle leggende */
        --fieldset-background: #f5f5f5;
        --fieldset-border: #ccc;
        --legend-text: #000;
        --legend-border: #ccc;

        --bg-disabled: #ebebeb;
        --text-disabled: #7b7b7b;
        --border-input: 1px solid #e1e1e1;

        --bg-darken-1: rgba(0, 0, 0, 0.0625);
        --bg-darken-2: rgba(0, 0, 0, 0.125);
        --bg-darken-3: rgba(0, 0, 0, 0.25);
        --bg-darken-4: rgb(25 25 25 / 68%);
        --bg-darken-5: rgb(21 21 21 / 63%);

        --background-card: #fbfbfb;
        --background-card-border: #ededed;
        --background-color-alf-a: #f3f3f3f7;
        --background-color-alf-a-hover: #f3f3f3f0;
        --background-color: #ffffff;
        --background-color-alf-0: #ffffffeb;
        --background-color-alf-1: #ffffffb0;
        --background-color-alf-2: #ffffffb0;
        --background-color-alf-3: #ffffff90;
        --background-color-alf-4: #ffffff70;
        --background-color-alf-5: #ffffff50;
        --background-color-alf-6: #ffffff40;
        --background-shadow: #000000b5;
        --background-shadow-alf-0: #00000099;
        --background-shadow-alf-1: #00000063;
        --background-shadow-alf-2: #00000057;
        --background-shadow-alf-3: #00000036;
        --text-color: #333333;
        --header-bg-color: #f0f0f0;
        --header-text-color: #333333;
        --border-color: #a9a9a9;

        --link-color: #0077cc;
        --link-hover-color: #005699;

        --hue: 210;
        /* Blue */
        --accent-hue: 25;
        /* Orange */




        --accent-color: hsl(var(--accent-hue), 100%, 70%);
        --error-color: rgb(240, 50, 50);
        --background: hsl(var(--hue), 20%, 12%);

        --button-background: #2196F3;
        --button-text-color: black;

        --text-light: #2a2a2a;
        --text-dark: #e3e3e3;
        --bg-light: #fafafa;
        --bg-dark: #262626;
        --bg-hover: #eeeeeeb3;
        --text-color-normal: hsl(210, 10%, 62%);
        --text-color-light: hsl(210, 15%, 35%);
        --text-color-richer: hsl(210, 50%, 72%);
        --text-color-highlight: hsl(25, 70%, 45%);

        --border-card: 2px solid transparent;
        --box-shadow-card: 0 0 0 3px #1a0ec31a, 0 0 0 6px rgba(255, 255, 255, 0.56);
        --border-avatar: 2px solid transparent;
        --box-shadow-avatar: 0 0 0 3px #ffffffeb, 0 0 0px 6px #ffc10738;
        --box-shadow-cover: 0 0 0 4px #ffffff4d, 0 0 0 7px rgb(143 161 227 / 48%);
        --box-shadow-button: 0 0 0px 2px #2196f3, inset 0 0 0 1px rgb(135 135 135 / 48%);
        --box-shadow-button-cancel: 0 0 0px 2px #0909094d, inset 0 0 0 1px rgb(135 135 135 / 48%);
        --box-shadow-button-block: 0 0 0px 2px #5174b7, inset 0 0 0 1px rgb(135 135 135 / 48%);
        --box-shadow-button-limit: 0 0 0px 2px #485496, inset 0 0 0 1px rgb(135 135 135 / 48%);
        --box-shadow: 0 0 1px rgb(26 32 36 / 15%), 0 4px 20px rgb(91 104 113 / 8%);
        --box-shadow-15: 1px 0px 15px 1px rgb(70 70 70 / 19%);
        --box-shadow-20: 1px 0px 20px 1px rgb(70 70 70 / 19%);
        --box-shadow-25: 1px 0px 25px 1px rgb(70 70 70 / 19%);
        --box-shadow-30: 1px 0px 30px 1px rgb(70 70 70 / 19%);
        --box-shadow-50: 1px 0px 20px 9px rgb(31 31 31 / 42%);
        --box-shadow-menu: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);

        --filter-blur-6: blur(6px);
        --filter-blur-7: blur(7px);
        --filter-blur-8: blur(8px);
        --filter-blur-9: blur(9px);
        --filter-blur-10: blur(10px);
        --filter-blur-13: blur(13px);
        --filter-blur-15: blur(15px);
        --filter-blur-20: blur(20px);

        --tagify-dd-color-primary: rgb(44, 107, 170);
        --tagify-dd-bg-color: rgba(244, 244, 244, 0.96);
        --drop-menu-item-bg: #dadada;
        --drop-menu-bg: #ffffff;
        --drop-menu-bg-a: #ececece0;
        --drop-menu-bg-b: #ecececc2;
        --drop-menu-bg-c: #ecececab;
        --drop-menu-bg-d: #ececec3d;
        --drop-menu-item-border: #dadada;
        --drop-menu-text: #565656;
        --drop-menu-link: #2196F3;
        --drop-menu-link-hover: #ececec75;
        --drop-menu-icon: #e5e5e5;
        --drop-menu-text-primary: #3F51B5;
        --drop-menu-text-secondary: #03A9F4;
        --drop-menu-border-1: 1px solid #dadada;
        --drop-menu-border-2: 2px solid #dadada;
        --drop-menu-border-3: 3px solid #dadada;

        --nav-bar-background: #0077d5e3;
        --nav-bar-text-color: #ffffff;

        --focus-background: #eee38136;
        --focus-text-color: #212121;

        --element-background: #eee38136;
        --element-text-color: #212121;

        --tags-background: #0077d5e3;
        --tags-text-color: #ffffff;

        --tags-background-hover: #0260a7f4;
        --tags-text-color-hover: #ffffff;

        --btn-background: #0077d5e3;
        --btn-text-color: #ffffff;
        --btn-border-color: #ffffff;
        --primary-color-gradient: linear-gradient(to right, #0077d5e3, #1494f6e3);

        --font1: HarmonyOS-Regular;
        --font2: HarmonyOS-Medium;
        --font3: HarmonyOS-Bold;
        --font4: sf-pro-display-Regular;
        --font5: sf-pro-display-Medium;
        --font6: sf-pro-display-semibold;
        --font7: sf-pro-display-Bold;
        --font8: Farrington;

        --textColor: #191B1F;
        --textColor1: #17181b;
        --subTextColor: #737A86;
        --thirdTextColor: #B7BCC5;
        --successTextColor: #00B42A;
        --progressTextColor: #0260E7;
        --warningTextColor: #FF7D00;
        --errorTextColor: #F53F3F;
        --whiteTextColor: #fff;
        --infoColor: #5d636d;
        --discountTextColor: #fb4a1f;
        --discountTextColor1: #848b96;
        --discountTextColor2: #fb2626;

        --fillBgColor: #EDEFF2;
        --fillBgColor1: #E0E3E7;
        --fillBgColor2: #F5F5F5;
        --fillBgColor2_1: #EDEDED;
        --fillBgColor3: #F4F8FB;
        --fillBgColor4: #E6E8EB;
        --fillBgColor5: rgba(26, 114, 246, .1);
        --fillBgColor5_1: rgba(26, 114, 246, .2);
        --fillBgColor5_2: rgba(26, 114, 246, .3);
        --fillBgColor6: #e0e6f5;
        --fillBgColor7: #ddd;
        --fillBgColor8: #191b1f;
        --fillBgColor9: #F53F3F;
        --fillBgColor10: #e7eefd;
        --fillBgColor11: #ebecf0;
        --fillBgColor12: #dcdfe3;
        --fillBgColor13: #c9cdd3;
        --fillBgColor14: rgba(245, 63, 63, .1);
        --fillBgColor15: rgba(245, 63, 63, 0);
        --fillBgColor16: rgba(223, 234, 255, .16);
        --fillBgColor17: rgba(255, 255, 255, .1);
        --fillBgColor18: rgba(26, 114, 247, .1);
        --fillBgColor19: rgba(0, 0, 0, .1);
        --fillBgColor20: rgba(0, 0, 0, .4);
        --fillBgColor21: rgba(0, 180, 42, .1);
        --fillBgColor22: rgba(26, 114, 246, .05);
        --fillBgColor23: rgba(217, 217, 217, 1);
        --fillBgColor24: #ffcc15;
        --fillBgColor25: rgba(26, 114, 247, .2);

        --icon-primary: #1A72F7;
        --icon-orange: orange;
        --icon-purple: purple;
        --icon-cyan: cyan;
        --icon-green: green;
        --icon-secondary: #b9b9cc;
        --icon-bg: #46bcf161;

        --text-color-active: #1A72F7;
        --text-color-disabled: rgba(194, 194, 194, 1);
        --close-color-hover: rgba(0, 0, 0, .09);
        --close-color-pressed: rgba(0, 0, 0, .13);
        --close-border-radius: 3px;
        --close-icon-color: rgba(102, 102, 102, 1);
        --close-icon-color-hover: rgba(102, 102, 102, 1);
        --close-icon-color-pressed: rgba(102, 102, 102, 1);

        --text-red: red;
        --text-green: rgb(2, 178, 2);
        --text-cyan: #03a9f4;
        --text-yellow: yellow;
        --text-light-cyan: cyan;
        --text-blue: blue;
        --text-brown: brown;
        --text-light-blue: rgba(20, 115, 212, 1);
        --text-orange: orange;
        --bg-gold: radial-gradient(ellipse farthest-corner at right bottom, #fedb37, rgba(139, 110, 47, 0.77) 36%, transparent 63%, rgba(201, 164, 46, 0.49) 75%, #fcb931 92%), linear-gradient(rgb(149, 149, 149) 0%, #ffffac 18%, #d1b464 38%, #5d4a1f 73%, #5d4a1f);
        --light-blue: rgba(20, 115, 212, 1);
        --radial-gradient: radial-gradient(rgb(20, 114, 212) 0%, #2c32ae 42%);

        --gold-dark: radial-gradient(ellipse farthest-corner at right bottom, rgba(254, 219, 55, 0.48), rgba(111, 89, 41, 0.44) 37%, rgba(201, 164, 46, 0.49) 65%, rgba(182, 254, 21, 0.65)), repeating-linear-gradient(154deg, rgb(149, 149, 149) 0%, #bc912f 35%, #4c4c12 67%, #5d4a1f);
        --golds-radial: radial-gradient(ellipse farthest-corner at right bottom, #fedb37, rgba(139, 110, 47, 0.77) 36%, transparent 55%, rgba(201, 164, 46, 0.49) 67%, #fcb931 92%), linear-gradient(rgb(149, 149, 149) 0%, #ffffac 18%, #d1b464 60%, #5d4a1f 87%, #5d4a1f);
    }
}