/**************************************************/
/* begin:Root                                     */
/**************************************************/

:root {
    --bs-body-bg: #ebf2f5;
}

html, body {
    height: 100%;
}

main {
    overflow-y: auto;
}

/**************************************************/
/* end:Root                                       */
/**************************************************/

/**************************************************/
/* begin:Login                                    */
/**************************************************/

body.cs-login-page {
    background-color: #ebf2f5;
    background-image: url('../assets/img/login-background.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.invalid-feedback {
    margin-top: 0.25rem;
    text-align: right;
}

.cs-logo-claria {
    display: block;
    position: relative;
    max-width: 212px;
    top: -40px;
}

.cs-btn-login {
    padding: 1rem;
    font-size: 1rem;
    background-color: #8856d8;
}

.cs-text-login {
    font-weight: 400;
    font-size: 0.9375rem;
    color: #344055;
    line-height: 1.375rem;
}

a.cs-link-login {
    color: #000000;
    text-decoration: underline;
}

a.cs-link-password {
    text-align: left;
    font-weight: 400;
    font-size: 0.8125rem;
    color: #8b939c;
    line-height: 1.25rem;
    text-decoration: underline;
}

.cs-subtext-login {
    font-size: 0.8125rem;
    color: #8b939c;
    line-height: 1.25rem;
}

/**************************************************/
/* end:Login                                      */
/**************************************************/

/**************************************************/
/* begin:Sidebar                                  */
/**************************************************/

.navbar-dark .navbar-toggler {
    background-color: #344055;
}

#sidebarMenu::-webkit-scrollbar {
    display: none;
}

.sidebar-inner {
    overflow-x: hidden;
}

.sidebar .multi-level .nav-link {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 2.75rem;
}

.sidebar-text {
    color: #344055;
}

.sidebar-text.light {
    color: #344055;
}

.sidebar .nav-item > .nav-link .sidebar-icon {
    color: #344055;
}

.sidebar .nav-item > .nav-link .link-arrow {
    color: #344055;
}

.sidebar .nav-item.active > .nav-link .sidebar-text {
    color: #ffffff;
}

.sidebar .nav-item.active > .nav-link {
    background-color: #8856d8;
}

.sidebar .nav-item.active > .nav-link .sidebar-icon {
    color: #ffffff;
}

.sidebar .nav-item.active > .nav-link .link-arrow {
    color: #ffffff;
}

.sidebar .nav-item .nav-link:hover {
    background-color: #8856d8;
}

.sidebar .nav-item .nav-link:hover .sidebar-icon {
    color: #ffffff;
}

.sidebar .nav-item .nav-link:hover .link-arrow {
    color: #ffffff;
}

.sidebar .nav-item .nav-link:hover .sidebar-text {
    color: #ffffff;
}

.cs-logo-sidebar {
    width: 168px;
    height: 84px;
}

.cs-logo-margin {
    margin-top: 2.25rem;
    margin-bottom: 2rem;
}

.btn-upgrade-pro {
    bottom: 24px;
    left: 24px;
    right: 24px;
}

.btn-danger {
    background-color: #f95b76;
    border-color: #f95b76;
}

.btn-warning {
    background-color: #d8ceed;
    border-color: #d8ceed;
}

.btn-warning:disabled, .btn-warning.disabled {
    background-color: #d7dee2;
    border-color: #d7dee2;
}

.btn-warning:hover {
    background-color: #b4a0e5;
    border-color: #b4a0e5;
}

.btn-warning:focus {
    background-color: #b4a0e5;
    border-color: #b4a0e5;
}

.cs-btn-exit {
    width: auto;
    color: #ffffff !important;
}

.cs-btn-exit:hover {
    color: #ffffff !important;
}

.cs-nav-link {
    background-color: #ffffff;
    border-radius: 0.625rem;
}

/**************************************************/
/* end:Sidebar                                    */
/**************************************************/

/**************************************************/
/* begin:Content                                  */
/**************************************************/

.content {
    padding: 0 16px 0 16px;
}

.breadcrumb {
    margin-bottom: 0;
}

.badge {
    border-radius: 0.25rem;
}

.cs-topbar-container {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 22px 26px;
    border-radius: 0.625rem;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
    background-color: #ffffff;
    background-image: url('../assets/img/illustrazione-header.png');
    background-size: contain;
    background-repeat: repeat-y;
    background-position: right center;
}

.cs-page-title {
    font-weight: 700;
    font-size: 2.125rem;
    line-height: 2.375rem;
    margin-bottom: 0;
    color: #344055;
}

.cs-right-radius {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
}

a.cs-news-title {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.25rem;
    color: #344055;
}

.cs-news-excerpt p {
    font-size: 0.8125rem;
    line-height: 1.25rem;
    color: #344055;
    margin-bottom: 0.25rem;
}

.cs-news-date {
    font-size: 0.8125rem;
    line-height: 1.25rem;
    color: #8b939c;
}

.cs-news-height {
    min-height: 300px !important;
}

.cs-badge-padding {
    width: 2rem;
    padding: 0.35rem;
    text-align: center;
}

.cs-badge-padding.bg-success {
    background-color: #20bc80 !important;
}

.cs-badge-padding.bg-danger {
    background-color: #f95b76 !important;
}

.cs-login-shadow {
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.05) !important;
}

.cs-shadow {
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10) !important;
}

.cs-visible {
    overflow-x: auto;
    overflow-y: visible;
}

.cs-card-header {
    padding-top: 20px;
    padding-bottom: 20px;
    border: none;
    background-color: #b4a0e5 !important;
}

.cs-card-header h2 {
    font-weight: 600;
    font-size: 1.625rem;
    line-height: 1.8rem;
    color: #ffffff;
}

.cs-card-header.cs-statistiche {
    background-image: url('../assets/img/card-dashboard-statistiche.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
}

.cs-card-header.cs-news-associati {
    background-color: #20bc80 !important;
    background-image: url('../assets/img/card-dashboard-associati.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
}

.cs-card-header.cs-news-claria {
    background-color: #f95b76 !important;
    background-image: url('../assets/img/card-dashboard-claria.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
}

a.cs-recenti-title, a.cs-documenti-link {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.125rem;
    color: #644aa3;
    text-decoration: underline;
}

.cs-recenti-text {
    font-weight: 400;
    font-size: 0.8125rem;
    line-height: 1.25rem;
    color: #344055;
}

.cs-statistiche-separator {
    font-size: 0.875rem;
    line-height: 1rem;
    color: #d7cded;
}

a.cs-statistiche-link {
    font-size: 0.875rem;
    line-height: 1rem;
    color: #ffffff;
    text-decoration: none;
}

.cs-nowrap {
    text-wrap: nowrap !important;
}

.table {
    --bs-table-hover-bg: #ebf2f5;
}

.table td, .table th {
    white-space: normal;
}

#cs-file-loading, #cs-image-loading  {
    margin: 67px 0 68px 0;
}

span.cs-title-relatore {
    display: inline-block;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

a.cs-del-relatore {
    display: inline-block;
    font-weight: 500;
    margin-bottom: 0.5rem;
    margin-left: 0.5rem;
}

p.cs-nome-relatore {
    font-weight: 500;
    color: #344055;
}

.cs-responsive-img {
    display: block;
    height: auto;
    max-width: 100%;
}

a.cs-dashboard-link {
    display: block;
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.125;
    text-align: center;
    margin: 0;
    padding: 1rem 1.5rem;
    background-color: #644aa3;
    border-radius: 0.625rem;
}

a.cs-dashboard-link svg {
    display: block;
    height: 2rem;
    color: #ffffff;
    text-align: center;
    margin: 0 auto 0.25rem auto;
}

a.cs-sublist-link {
    display: block;
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.125;
    text-align: center;
    margin: 0;
    padding: 2.5rem 1.5rem;
    background-color: #8856d8;
    border-radius: 0.625rem;
}

a.cs-big-link  {
    display: block;
    color: #1f2937;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.3;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.cs-content-video {
    display: block;
    width: 100%;
    height: auto;
}

.cs-bg-pill {
    background-color: #b4a0e5;
}

.cs-qrcode {
    border: 1px solid #cccccc;
}

.cs-btn-light {
    font-weight: 600;
    color: #ffffff;
    background-color: #8856d8;
    border-color: #8856d8;
}

.cs-btn-light:hover {
    color: #ffffff;
    background-color: #8856d8;
    border-color: #8856d8;
}

.cs-btn-dark {
    font-weight: 400;
    background-color: #344055;
    border-color: #344055;
}

.cs-btn-dark:hover {
    background-color: #344055;
    border-color: #344055;
}

.cs-btn-green {
    background-color: #20bc80;
    border-color: #20bc80;
}

.cs-btn-news-container {
    margin-left: 1.5rem;
    margin-bottom: 2.25rem;
}

.cs-btn-latest-container {
    margin-bottom: 2.25rem;
}

.cs-btn-news-light {
    font-weight: 600;
    color: #ffffff;
    background-color: #18895b;
    border-color: #18895b;
    padding: 0.5rem 2rem;
}

.cs-btn-news-light:hover {
    color: #ffffff;
    background-color: #18895b;
    border-color: #18895b;
}

.cs-btn-news-dark {
    font-weight: 600;
    color: #ffffff;
    background-color: #ad2b4d;
    border-color: #ad2b4d;
    padding: 0.5rem 2rem;
}

.cs-btn-news-dark:hover {
    color: #ffffff;
    background-color: #ad2b4d;
    border-color: #ad2b4d;
}

.cs-btn-space {
    padding: 0.5rem 2rem;
}

a.cs-del-relatore.link-danger {
    color: #f95b76;
}

.text-danger, .text-danger:hover {
    color: #f95b76 !important;
}

.cs-badge-light {
    font-weight: 400;
    padding: 0.4rem 0.4rem;
    background-color: #20bc80;
    border-radius: 0.25rem;
}

.cs-badge-dark {
    font-weight: 400;
    padding: 0.4rem 0.4rem;
    background-color: #f95b76;
    border-radius: 0.25rem;
}

.cs-hr-custom {
    background-color: #e5e7eb;
    opacity: 1;
}

/**************************************************/
/* end:Content                                    */
/**************************************************/

/**************************************************/
/* begin:Accordion                                */
/**************************************************/

.accordion-item {
    border-color: #e5e7eb;
}

.accordion-button {
    font-size: 0.875rem;
    font-weight: 600;
    color: #374151;
}

.accordion-body {
    font-size: 0.875rem;
    font-weight: 400;
    color: #374151;
}

.accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: #b4a0e5;
    box-shadow: none;
}

.accordion-button:hover {
    background-color: #e6ecef;
    color: #374151;
}

/**************************************************/
/* end:Accordion                                  */
/**************************************************/

/**************************************************/
/* begin:CustomColors                             */
/**************************************************/

.cs-bg-claria {
    background-color: #ffffff;
}

.cs-bg-color-exit {
    background-color: #344055;
}

.cs-separator {
    border-color: #e5e7eb;
}

.cs-color-list li {
    color: #8856d8;
}

.cs-color-list li::marker {
    color: #8856d8;
}

.cs-sicurezza-e-qualita {
    background-color: #f7c9ac;
    color: #0d0d0d;
    border-radius: 0.25rem;
}

.cs-ambiente {
    background-color: #c5dfb3;
    color: #0d0d0d;
    border-radius: 0.25rem;
}

.cs-politiche-e-relazioni-industriali {
    background-color: #d9d9d9;
    color: #0d0d0d;
    border-radius: 0.25rem;
}

.cs-mercati-e-filiera {
    background-color: #b4c5e7;
    color: #0d0d0d;
    border-radius: 0.25rem;
}

.cs-generale {
    background-color: #344055;
    color: #ffffff;
    border-radius: 0.25rem;
}

.cs-premiscele-per-mangimi {
    background-color: #ffffcc;
    color: #0d0d0d;
    border-radius: 0.25rem;
}

.cs-animali-familiari {
    background-color: #ffe0ff;
    color: #0d0d0d;
    border-radius: 0.25rem;
}

/**************************************************/
/* end:CustomColors                               */
/**************************************************/

/**************************************************/
/* begin:Popup                                    */
/**************************************************/

.swal2-container {
    z-index: 300000 !important;
}

/**************************************************/
/* end:Popup                                      */
/**************************************************/

/**************************************************/
/* begin:CanvasJs                                 */
/**************************************************/

.cs-stats-title {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #374151;
}

.canvasjs-chart-credit {
    visibility: hidden;
}

#stats-access, #stats-download {
    width: 100%;
    height: 246px;
}

#stats-category-1, #stats-category-2, #stats-category-3 {
    width: 100%;
    height: 246px;
}

/**************************************************/
/* end:CanvasJs                                   */
/**************************************************/

/**************************************************/
/* begin:HtmlEditor                                */
/**************************************************/

.tinymce_editor {
    height: 400px;
    visibility: hidden;
}

.big_editor {
    height: 800px;
}

.tox-statusbar__right-container {
    visibility: hidden;
}

.tox-promotion {
    display: none !important;
}

/**************************************************/
/* end:HtmlEditor                                 */
/**************************************************/

/**************************************************/
/* begin:ContenutoCircolare                       */
/**************************************************/

#circolare-print {
    display: none;
}

.cs-circolare-container {
    padding: 0;
    background: none;
}

.cs-logo-creato {
    max-width: 162px;
}

.cs-circolare-hr {
    height: 0.25rem !important;
    margin: 8px 0;
    opacity: 1;
}

.cs-circolare-line {
    width: 180px;
    height: 1px !important;
    margin-top: 5rem;
    margin-bottom: 0;
    background-color: #2f2f2f;
    opacity: 1;
}

.cs-circolare-copyright {
    margin-top: 2px;
    text-align: left;
    color: #767171;
}

.cs-circolare-footer {
    color: #001866;
    padding-top: 2rem;
    padding-bottom: 1rem;
}

/**************************************************/
/* end:ContenutoCircolare                         */
/**************************************************/

/**************************************************/
/* begin:WPContent                                */
/**************************************************/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/**************************************************/
/* end:WPContent                                  */
/**************************************************/

/**************************************************/
/* begin:ArchivioFoto                             */
/**************************************************/

.cs-archivio-img {
    min-height: 45px;
    transition: transform 0.3s;
    cursor: pointer;
}

.cs-archivio-img:hover {
    transform: scale(1.1);
}

.cs-card-archivio {
    padding: 1.25rem 1.5rem;
    background-color: #ffffff;
}

.cs-archivio-foto-title {
    max-width: 98%;
    text-shadow: 1px 1px 1px #000000;
}

.filepond-cs-container {
    margin: 0;
    padding: 2rem 0 1rem 0;
    border: 2px dashed #d1d5db;
    border-radius: 0.5rem;
}

.filepond-cs-hr {
    background-color: #74c9e3;
}

/* the background color of the filepond drop area */
.filepond--panel-root {
    background-color: #ffffff;
}

.filepond--item {
    width: calc(25% - 0.5em);
}

/**************************************************/
/* end:ArchivioFoto                               */
/**************************************************/

/**************************************************/
/* begin:NotifichePush                            */
/**************************************************/

.pushalert-notification-info-container > div > p {
    font-size: 12px !important;
}

.pa-notification-info-actions button {
    font-size: 12px !important;
}

/**************************************************/
/* end:NotifichePush                              */
/**************************************************/

@media (max-width: 991px) {
    .cs-logo-claria {
        margin-top: 40px;
    }
}

@media (min-width: 768px) {
    .sidebar {
        max-width: 350px;
    }

    .content {
        padding: 0 30px 0 30px;
    }

    .cs-btn-exit {
        width: 302px;
    }
}

@media (min-width: 992px) {
    .content {
        max-width: 1570px;
        margin-left: 350px;
        padding: 0 50px 0 50px;
    }

    .cs-search {
        min-width: 320px;
    }
}

@media (min-width: 1200px) {
    #circolare-print {
        display: block;
        position: absolute;
        top: 1.25rem;
        right: 1.5rem;
    }

    .cs-circolare-container {
        padding: 0 12px 0 100px;
        background-color: transparent;
        background-position: left top;
        background-repeat: repeat-y;
        background-size: 68px;
    }

    .cs-circolare-sicurezza-e-qualita {
        background-image: url('../assets/img/content/circolare-sicurezza-e-qualita.png');
    }

    .cs-circolare-ambiente {
        background-image: url('../assets/img/content/circolare-ambiente.png');
    }

    .cs-circolare-politiche-e-relazioni-industriali {
        background-image: url('../assets/img/content/circolare-politiche-e-relazioni-industriali.png');
    }

    .cs-circolare-mercati-e-filiera {
        background-image: url('../assets/img/content/circolare-mercati-e-filiera.png');
    }

    .cs-circolare-generale {
        background-image: url('../assets/img/content/circolare-generale.png');
    }

    .cs-logo-creato {
        max-width: 230px;
    }

    .cs-circolare-line {
        width: 258px;
        margin-top: 8rem;
    }

    .cs-circolare-copyright {
        text-align: justify;
    }

    .cs-circolare-footer {
        padding-top: 4rem;
        padding-bottom: 2rem;
    }
}

@media (min-width: 1400px) {
    .cs-limit-img {
        max-width: 840px;
    }

    .cs-circolare-container {
        padding: 0 30px 0 180px;
        background-size: auto;
    }

    .cs-logo-creato {
        max-width: 300px;
    }
}