* { --color-white: #FFFFFF; }

@media screen and (max-width:1478px) {
    .header--container_banner--container .header--container_banner--container--wrapper {
        gap: unset;
        width: 100%;
        flex-direction: column;
    }

    .header--container_banner--container .header--container_banner--container--wrapper .header--container_banner--right {
        width: 100%;
    }

    .header--container_banner--container {
        height: auto;
    }

    .tabs-links-container {
        width: 100%;
        max-width: unset;
    }

    sicasov-login,
    sicasov-login .login {
        width: 100%;
    }

    .content--container_main--wrapper .content--activity_container {
        min-height: unset;
    }

    .content--container_main--wrapper .content--activity_container .content--activity_container-world,
    .content--container_main--wrapper .content--activity_container .content--activity_container-activity {
        min-height: unset;
    }

    .header--container_banner--right {
        margin-top: 60px;
    }

}

@media screen and (min-width:1100px) {
    #menu {
        display: none;
    }

    canvas {
        width: 330px !important;
        height: 330px !important;
    }
}

@media screen and (max-width:1100px) {
    #menu {
        width: 100%;
    }

    .header--container_left,
    .header--container_right {
        display: none;
    }

    canvas {
        width: 300px !important;
        height: 300px !important;
    }
}

@media screen and (max-width:900px) {
    .header--container_banner--container .header--container_banner--left .header--container_banner--slogan {
        min-width: unset;
        width: 100%;
    }

    .links-container {
        padding: unset;
    }

    .socials {
        padding: 100px 20px;
    }

    .socials .socials-container {
        min-width: unset;
        width: 100%;
    }

    .socials .socials-container-content {
        flex-direction: column;
    }

    canvas {
        width: 300px !important;
        height: 300px !important;
    }
}

@media screen and (max-width:800px) {
    canvas {
        width: 250px !important;
        height: 250px !important;
    }

    .content--activity_container-content .legend-inner-chart {
        width: 31%;
        top: 80px;
    }

    .content--activity_container-content .legend-inner-chart .legend-inner-chart-title {
        font-size: 20px;
    }

    .content--activity_container-content .legend-inner-chart .legend-inner-chart-action {
        font-size: 12px;
    }

    .content--container_card .content--container_card_item {
        flex: 1;
        width: unset;
        flex-basis: 100%;
    }

    .content--activity_container-content img {
        width: 100%;
    }
}

@media screen and (max-width:791px) {
    sicasov-login {
        min-width: unset;
    }

    .content--activity_container-content .legend-inner-chart {
        width: 31%;
        top: 80px;
    }

    .content--activity_container-content .legend-inner-chart .legend-inner-chart-title {
        font-size: 18px;
        line-height: 20px;
    }

    .content--activity_container-content .legend-inner-chart .legend-inner-chart-action {
        font-size: 12px;
        line-height: 12px;
    }
}

@media screen and (max-width:710px) {
    #chartjs-tooltip {
        display: none;
    }

    #chartjs-tooltip-responsive {
        display: flex !important;
        opacity: 1;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-style: normal;
        padding: 6px;
    }

    #chartjs-tooltip-responsive .item-tooltip {
        height: unset;
    }

    #chartjs-tooltip-responsive .item-tooltip .item-tooltip-content {
        flex-direction: column;
        line-height: unset;
    }

    #chartjs-tooltip-responsive .item-tooltip::before {
        content: unset !important;
    }

    #chartjs-tooltip {
        display: none !important;
    }

    .tabs-links-container {
        display: none;
    }

    .tabs-links-container-reponsive {
        display: flex;
        align-items: center;
        justify-content: center;
        background: white;
        width: 100%;
        position: relative;
        padding-top: 48px;
    }

    .tabs-links-container-reponsive--content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: white;
        border-radius: 8px;
        position: absolute;
        top: 110px;
        z-index: 10;
        width: calc(100% - 40px);
        box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease-in-out;
    }

    .tabs-links-container-reponsive--content.closed {
        display: none;
        height: 0px;
    }

    .tabs-links-container-reponsive--content.opened {
        display: flex;
        height: auto;
    }

    .tabs-links-container-reponsive--content a {
        text-decoration: none;
        padding: 8px 16px;
        font-size: 16px;
        color: var(--color-neutral-grey-900);
        padding: 8px;
    }

    .tabs-links-container-reponsive--content a:not(:first-child),
    .tabs-links-container-reponsive--content a:not(:last-child) {
        text-align: center;
        width: -webkit-fill-available;
        width: -moz-available;
        width: fill-available;
        border-bottom: 1px solid var(--color-neutral-grey-200);
    }

    .tabs-links-container-reponsive--overlay {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
        padding: 0 24px;
        border-radius: 40px;
        border: 1px solid var(--color-neutral-grey-900);
        height: 52px;
    }

    .tabs-links-container-reponsive--overlay--active--section {
        color: var(--color-neutral-grey-900);
        font-weight: bold;
        font-size: 16px;
    }

    .tabs-links-container-reponsive--wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 8px;
    }
}

@media screen and (max-width:630px) {
    sicasov-login div.revertVisible div.injection .header-form {
        font-size: 14px;
        line-height: 16px;
    }

    sicasov-login div.revertVisible div.injection .header-form .header-form-item {
        padding: 6px 10px 6px 10px;
        font-size: 12px;
        line-height: 16px;
        ;
    }

    .tabs-links-container {
        word-break: break-all;
    }
}


@media screen and (max-width:520px) {

    .header--container_banner--container {
        padding: 20px;
    }

    .links-container .links-container_content .links-container_content_items .links-container_content_item {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        min-width: 236px;
    }

    .links-container .links-container_content .links-container_content_items .links-container_content_item img {
        max-width: 100px;
    }

    .header--container_banner--container .header--container_banner--left .header--container_banner--slogan {
        font-size: 30px;
        line-height: 40px;
    }

    .content--container_card .content--container_card_item .content--container_card_content {
        align-items: center;
    }

    .content--container_main .content--container_description {
        font-size: 20px;
        line-height: 30px;
    }

    /* .content--container_card .content--container_card_item {
        padding: 12px;
        flex-direction: column;
    } */

    .content--activity_container .content--activity_container-content .content--activity_container-content-description {
        flex-direction: column;
        height: unset;
        gap: 4px;
    }

    .content--activity_container .content--activity_container-content .content--activity_container-content-description .count-label {
        margin-top: 8px;
    }

    .content--container_main--wrapper .content--activity_container .content--activity_container-world,
    .content--container_main--wrapper .content--activity_container .content--activity_container-activity {
        min-width: 290px;
    }

    .content--container_main {
        padding: 50px 40px 80px;
    }

    .links-container .links-container_content .links-container_content_title {
        font-size: 30px;
        line-height: 40px;
    }

    .socials .socials-container-address img {
        width: 100%;
    }

    canvas {
        width: 200px !important;
        height: 200px !important;
    }

    .content--activity_container-content .legend-inner-chart {
        top: 50px;
    }

    .content--activity_container-content .legend-inner-chart .legend-inner-chart-title {
        font-size: 15px;
        line-height: 16px;
    }

    .content--activity_container-content .legend-inner-chart .legend-inner-chart-action {
        font-size: 10px;
        line-height: 10px;
    }

    #chartjs-tooltip {
        top: 26px !important;
        left: 49px !important;
        font-size: 12px !important;
    }
}

@media screen and (max-width:460px) {
    sicasov-login {
        padding: 20px 15px;
    }

    sicasov-login .login .inputs div input {
        height: 0;
        padding: 16px;
    }

    sicasov-login>div.login.ng-star-inserted>div:nth-child(3)>div>div:nth-child(3)>button {
        text-align: left;
    }

    sicasov-login .login button {
        height: unset;
        padding: 10px;
    }

    .links-container .links-container_content .links-container_content_items .links-container_content_item {
        min-width: 290px;
    }
}


@media screen and (max-width:380px) {
    sicasov-login div.revertVisible div.injection .header-form {
        gap: 2px;
        width: 100%;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
    }

    sicasov-login div.revertVisible div.injection .header-form .header-form-item {
        padding: 4px 6px 4px 6px;
        font-size: 10px;
        line-height: 14px;
    }
}