.btn > svg {
    height: 1.4rem;
    width: 1.4rem;
    margin-right: .25rem;
}

b{
    font-weight: 600;
}
.jfc-btn-cancel {
    background-color: transparent !important;
    color: white !important;
    padding: unset;
    border-radius: 2rem;
    text-transform: uppercase;
    font-size: var(--font-size-input);
    border: unset;
}

#inputSearch {
    font-weight: bold;
}

#divSelectCategories {
    max-height: calc(50vh + 6rem);
}

.jfc-table-div-caption {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 60%;
    margin-top: 1rem;
}

.jfc-tr-items > td > div > .jfc-table-div-caption:first-child {
    margin-top: 0;
}

.jfc-tr-items > td {
    /*border-bottom: 1px solid var(--color-use) !important;*/
}

.jfc-tr-items:nth-child(odd) {
    background-color: rgba(0,0,0,.03); /* grigio chiaro */
}

/* righe pari */
.jfc-tr-items:nth-child(even) {
    background-color: transparent; /* bianco */
}

.jfc-table-div-inline {
    width: 100%;
}

    .jfc-table-div-inline > div {
        display: inline-block;
        margin-right: 1.5rem;
    }


.jfc-div-start {
    /*min-height: 12rem;*/
    padding: 2rem;
    text-align: left;
    /*background-color: rgba(0,0,0,0);*/
    background: #25b05f;
    background: linear-gradient(25deg,rgb(37, 109, 193) 0%, rgba(255, 255, 255, .5) 80%, rgba(255,255, 255, 0) 100%);
    margin: 2rem 0rem;
    /*margin-top: 0;*/
    /*border-radius: 1.5rem .7rem 1.5rem .7rem;*/
    border-radius: 1.5rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    /*width: 70%;*/
    /*margin: 2rem auto;*/
    color: white;
}

    .jfc-div-start .jfc-search-cap-title > h2 {
        margin-top: 10rem;
        color: white;
    }

.jfc-div-start-svg > svg {
    float: right;
    text-align: right;
    width: 20rem;
    height: 20rem;
    fill: rgba(0,0,0,.7);
}

.jfc-div-start-svg > img {
    margin-top: 2rem;
    border-radius: 1rem;
    width: 100%;
}

@media only screen and (max-width: 900px) {
    .jfc-div-start {
        color: unset;
    }

        .jfc-div-start .jfc-search-cap-title > h2 {
            margin-top: 1rem;
            color: unset;
            /*color: black;*/
        }

    .jfc-div-start-svg > svg {
        float: unset;
        text-align: center;
        width: 18rem;
        height: 18rem;
        fill: rgba(0,0,0,.7);
    }
}

.jfc-span-result-count {
    background-color: rgba(0,0,0,.1);
    padding: .25rem 1rem;
    border-radius: 2rem;
    display: inline-block;
}

.jfc-result-span {
    padding: .25rem 0rem;
    display: inline-block;
}

.jfc-span-result-text {
    font-size: 65%;
    display: inline-block;
    margin-bottom: .25rem;
}

.jfc-cl-1 {
    min-width: 25rem;
    max-width: 25rem;
}

.jfc-cl-2 {
    width: auto;
    /*max-width: calc(1200px - 50rem);*/
}

    .jfc-cl-2 > span {
        max-width: calc(1200px - 50rem);
        display: inline-block;
    }

.jfc-cl-3 {
    max-width: 25rem;
}


@media (max-width: 1200px) {
    .jfc-cl-2 > span {
        max-width: calc(90vw - 50rem);
        display: inline-block;
    }
}

@media (max-width: 780px) {
    .jfc-cl-2 > span {
        max-width: unset;
        display: unset;
    }
}

.jfc-loading-span-count {
    /*display: inline-block !important;*/
    width: 100%;
    min-width: 5rem;
    min-height: 2rem;
    padding: .2rem 1.2rem;
    border-radius: .8rem;
    margin: 1rem 0rem;
    margin-right: 1rem;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: sk_bg_animation;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, rgba(255,255,255,.5) 8%, rgba(255,255,255,.2) 18%, rgba(255,255,255,.5) 33%);
    background-size: 100vw 104px;
    position: relative;
    display: inline-block;
    width: unset;
    margin: unset;
    padding: unset;
    min-width: 100%;
    min-height: 2.5rem;
}



.jfc-btn-action-gray {
    background-color: #c2c2c2;
    /*font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;*/
    color: #222;
}


    .jfc-btn-action-gray:not(:disabled):hover {
        background-color: #c2c2c2;
        filter: brightness(1.2);
        color: #222;
    }

    .jfc-btn-action-gray:not(:disabled):active {
        background-color: #c2c2c2;
        filter: brightness(.8);
        color: #222;
    }

    .jfc-btn-action-gray:not(:disabled):focus {
        background-color: #c2c2c2;
        color: #222;
    }

.jfc-apf-title {
    margin-top: 3rem;
}

.jfc-text-control {
    margin: .4rem .25rem;
}

    .jfc-text-control > input,
    .jfc-text-control > textarea {
        background-color: var(--background-control);
        border: 1px solid var(--color-border-control, rgba(0,0,0,.2));
        padding: 1rem;
        padding-left: 1.25rem;
        padding-bottom: .5rem;
        /*padding-top: 2rem;*/
        border-radius: 1.5rem !important;
        /*min-height: 5rem;*/
        transition: border 0.4s, background-color 0.2s;
    }

        .jfc-text-control > input:read-only,
        .jfc-text-control > textarea:read-only {
            background-color: rgba(0,0,0,.05);
            opacity: .4;
        }

        .jfc-text-control > input:focus,
        .jfc-text-control > textarea:focus {
            border: 1px solid var(--color-albonet);
            background-color: white !important;
        }

        .jfc-text-control > input:not(:focus):hover,
        .jfc-text-control > textarea:not(:focus):hover {
            border-bottom: 1px solid var(--color-border-control, rgba(0,0,0,.2));
        }

        .jfc-text-control > input:not(:focus):placeholder-shown,
        .jfc-text-control > input,
        .jfc-text-control > textarea:not(:focus):placeholder-shown,
        .jfc-text-control > textarea {
            border-bottom: 1px solid var(--color-border-control, rgba(0,0,0,.2));
        }

            .jfc-text-control > input + span::after,
            .jfc-text-control > textarea + span::after {
                height: 0px;
            }

            .jfc-text-control > input:not(:focus):placeholder-shown + span,
            .jfc-text-control > textarea:not(:focus):placeholder-shown + span {
                font-size: 100%;
                padding: .3rem 0 0 0;
                /*line-height: 3.3;*/
            }

            .jfc-text-control > input + span,
            .jfc-text-control > textarea + span {
                position: absolute;
                text-transform: uppercase;
                top: 0;
                left: 1.25rem;
                right: 1.25rem;
                bottom: 0;
                display: block;
                box-sizing: border-box;
                padding: .1rem 0 0 0;
                color: var(--color-placeholder-span, #797979);
                opacity: .5; 
                font-size: 70%;
                font-weight: 300;
                /*line-height: 2;*/
            }

                .jfc-text-control > input + span::after,
                .jfc-text-control > textarea + span::after {
                    content: unset;
                }


/*CARD*/


.jfc-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: white;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 1rem;
}

    .jfc-card > hr {
        margin-right: 0;
        margin-left: 0;
    }

    .jfc-card > .list-group {
        border-top: inherit;
        border-bottom: inherit;
    }

        .jfc-card > .list-group:first-child {
            border-top-width: 0;
            border-top-left-radius: calc(0.25rem - 1px);
            border-top-right-radius: calc(0.25rem - 1px);
        }

        .jfc-card > .list-group:last-child {
            border-bottom-width: 0;
            border-bottom-right-radius: calc(0.25rem - 1px);
            border-bottom-left-radius: calc(0.25rem - 1px);
        }

        .jfc-card > .jfc-card-header + .list-group,
        .jfc-card > .list-group + .jfc-card-footer {
            border-top: 0;
        }

.jfc-card-body {
    flex: 1 1 auto;
    padding: 1rem 1.5rem;
    line-height: 1.2;
}

.jfc-card-title {
    margin-bottom: 0.5rem;
}

.jfc-card-subtitle {
    margin-top: -0.25rem;
    margin-bottom: 0;
}

.jfc-card-text:last-child {
    margin-bottom: 0;
}

.jfc-card-footer small .row .col-7 {
    padding-right: 0;
}

.jfc-card-header {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

    .jfc-card-header:first-child {
        border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
    }

.jfc-card-footer {
    padding: 1rem 1rem;
    padding-bottom: 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

    .jfc-card-footer:last-child {
        border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
    }

.jfc-card-header-tabs {
    margin-right: -0.5rem;
    margin-bottom: -0.5rem;
    margin-left: -0.5rem;
    border-bottom: 0;
}

.jfc-card-header-pills {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
}

.jfc-card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    border-radius: calc(0.25rem - 1px);
}

.jfc-card-img,
.jfc-card-img-top,
.jfc-card-img-bottom {
    width: 100%;
}

.jfc-card-img,
.jfc-card-img-top {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.jfc-card-img,
.jfc-card-img-bottom {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.jfc-card-group > .jfc-card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .jfc-card-group {
        display: flex;
        flex-flow: row wrap;
    }

        .jfc-card-group > .jfc-card {
            flex: 1 0 0%;
            margin-bottom: 0;
        }

            .jfc-card-group > .jfc-card + .jfc-card {
                margin-left: 0;
                border-left: 0;
            }

            .jfc-card-group > .jfc-card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

                .jfc-card-group > .jfc-card:not(:last-child) .jfc-card-img-top,
                .jfc-card-group > .jfc-card:not(:last-child) .jfc-card-header {
                    border-top-right-radius: 0;
                }

                .jfc-card-group > .jfc-card:not(:last-child) .jfc-card-img-bottom,
                .jfc-card-group > .jfc-card:not(:last-child) .jfc-card-footer {
                    border-bottom-right-radius: 0;
                }

            .jfc-card-group > .jfc-card:not(:first-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }

                .jfc-card-group > .jfc-card:not(:first-child) .jfc-card-img-top,
                .jfc-card-group > .jfc-card:not(:first-child) .jfc-card-header {
                    border-top-left-radius: 0;
                }

                .jfc-card-group > .jfc-card:not(:first-child) .jfc-card-img-bottom,
                .jfc-card-group > .jfc-card:not(:first-child) .jfc-card-footer {
                    border-bottom-left-radius: 0;
                }
}

.jfc-card-body .row,
.jfc-card-footer .row,
.jfc-card-header .row {
    margin-left: 0;
    margin-right: 0;
}


.col {
    flex: 1 0 0%;
}

.g-3, .gy-3 {
    --bs-gutter-y: 1rem;
}

.g-3, .gx-3 {
    --bs-gutter-x: 1rem;
}

.row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%;
}

.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
}

.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
}

@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0%;
    }

    .row-cols-md-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.33333333%;
    }

    .offset-md-2 {
        margin-left: 16.66666667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.33333333%;
    }

    .offset-md-5 {
        margin-left: 41.66666667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.33333333%;
    }

    .offset-md-8 {
        margin-left: 66.66666667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.33333333%;
    }

    .offset-md-11 {
        margin-left: 91.66666667%;
    }

    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0;
    }

    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0;
    }

    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem;
    }

    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem;
    }

    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem;
    }

    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem;
    }
}


.row-card {
    display: flex;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}

    .row-card > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--bs-gutter-y);
        /*margin-bottom: calc(var(--bs-gutter-y) * 1.5);*/
    }

@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0%;
    }

    .row-cols-lg-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-lg-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-lg-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.33333333%;
    }

    .offset-lg-2 {
        margin-left: 16.66666667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.33333333%;
    }

    .offset-lg-5 {
        margin-left: 41.66666667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.33333333%;
    }

    .offset-lg-8 {
        margin-left: 66.66666667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.33333333%;
    }

    .offset-lg-11 {
        margin-left: 91.66666667%;
    }

    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0;
    }

    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0;
    }

    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem;
    }

    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem;
    }

    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem;
    }

    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem;
    }
}

.h-100 {
    height: 100% !important;
}

/*END CARD*/
.jfc-title-icon {
    height: 2rem;
    color: var(--color-albonet);
    transition: color .4s;
    margin-bottom: .5rem;
}

.jfc-card-selecet {
    cursor: pointer;
    transition: transform .5s, border-color .5s;
    background-color: white !important;
}

    .jfc-card-selecet:hover {
        /*transform: scale(1.04);*/
        /*z-index: 1000;*/
        /*border-color: var(--color-albonet);*/
    }

        .jfc-card-selecet:hover .jfc-title-icon {
            color: var(--color-albonet);
        }


.jfc-card-header,
.jfc-card-footer {
    /*background-color: var(--color-albonet);*/
    background-image: linear-gradient(25deg, var(--color-to) 0%, var(--color-from) 95%);
    color: white;
    border: none;
}

    .jfc-card-footer:last-child {
        border-radius: 0 0 1.5rem 1.5rem;
    }

.jfc-card {
    border-radius: 1.5rem;
}

.jfc-card-shadow {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.jfc-card-body * div {
    padding: 0;
    font-size: 85%;
}


.jfc-text-oggetto-gara {
    line-height: 1.2;
}

.jfc-caption {
    display: block;
    text-transform: uppercase;
    font-size: 80%;
    font-weight: 100;
    color: var(--color-albonet);
    margin-bottom: .25rem;
}

.jfc-card-footer .jfc-caption {
    color: white;
}

.jfc-oggetto-gara {
    font-size: 85%;
}

.jfc-card-body div {
    margin-top: .5rem;
}

.jfc-btn-primary {
    background-image: linear-gradient(25deg, var(--color-from) 0%, var(--color-to) 95%);
    background-size: 200% 200%;
    background-position: 0% 50%;
    color: white;
    transition: background-position 1s;
    text-transform: uppercase;
    font-size: 85%;
    border-radius: 1.5rem;
    padding: 1rem 2rem;
    min-width: 15rem;
    outline: none !important;
}

    .jfc-btn-primary:focus {
        color: white;
    }

    .jfc-btn-primary:active {
        background-image: linear-gradient(25deg, var(--color-from) 0%, var(--color-to) 95%) !important;
        color: white;
    }

    .jfc-btn-primary:hover {
        background-position: 100% 50%;
        color: white;
    }

.btn-apf-download-circle {
    /*background-image: linear-gradient(25deg, #d12024 0%, #ff5458 95%);*/
    /*background-image: linear-gradient(25deg, #0d8f4a 0%, #6af7ac 95%) !important;*/
    /*background-image: linear-gradient(25deg, #ffbc00 0%, #ffd86b 95%) !important;*/
    background-size: 200% 200%;
    background-position: 0% 50%;
    background-color: transparent;
    /*color: #fa4d50;*/
    color: white;
    transition: background-position 1s;
    text-transform: uppercase;
    font-size: 90%;
    border-radius: 1.5rem;
    padding: 0;
    text-align: center;
    outline: none !important;
    /*width: 3.7rem;*/
    /*height: 3.7rem;*/
    /*float: right;*/
    position: relative;
    border: 0px solid white;
    padding: .5rem 1rem;
    padding-right: .25rem;
}

    .btn-apf-download-circle:disabled {
        opacity: 0.7;
    }

    .btn-apf-download-circle:active,
    .btn-apf-download-circle:focus,
    .btn-apf-download-circle:hover {
        position: relative;
        /*background-image: linear-gradient(25deg, #d12024 0%, #ff5458 95%);*/
        /*background-color: white;*/
        background-color: rgba(0,0,0,.1);
        background-image: linear-gradient(25deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,.3) 95%);
        background-position: 100% 50%;
        color: white;
    }

    .btn-apf-download-circle .jfc-loading-btn-download {
        position: absolute;
        right: .7rem;
        top: 0;
        bottom: 0;
        height: 100%;
    }

        .btn-apf-download-circle .jfc-loading-btn-download .jfc-flip-scale-down-hor {
            margin-top: 1rem;
        }

    .btn-apf-download-circle > svg {
        width: 1.5rem;
        height: 1.5rem;
        margin-left: .25rem;
        /*position: absolute;*/
        /*top: .8rem;
        right: .6rem;*/
    }

.jfc-card-text {
    font-weight: normal;
    line-height: 1.2;
}

.jfc-card-text-overflow {
    overflow: hidden;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.jfc-input-div-btn {
    position: absolute;
    right: -.5rem;
    top: 1rem;
}

.jfc-text-control > .jfc-input-div-btn {
    position: absolute;
    right: 0rem;
    top: 0rem;
    bottom:0;
}

    .jfc-text-control > .jfc-input-div-btn button {
        /*height: 5.3rem;*/
        border-radius: 1.5rem;
        /*width: 4rem;*/
    }

.jfc-input-div-btn button {
    /*font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;*/
    /*color: white;*/
    border: 0 solid;
    /*padding: .8rem;*/
    height: 100%;
    width: 3rem;
    border-radius: 50%;
    text-transform: uppercase;
    font-size: 1rem;
    outline: none;
    line-height: 1;
    position: relative;
    background-color: transparent;
    transition: all .5s;
    cursor: pointer;
    color: rgba(0,0,0,.4);
}

    .jfc-input-div-btn button:not(:disabled):hover {
        filter: brightness(1.2);
        color: var(--color-albonet);
    }

    .jfc-input-div-btn button:not(:disabled):active {
        filter: brightness(.8);
        color: var(--color-albonet);
    }

    .jfc-input-div-btn button:not(:disabled):focus {
        /*filter: brightness(1.4);*/
        color: var(--color-albonet);
    }

    .jfc-input-div-btn button:disabled {
        opacity: .7;
        outline: none;
    }


    .jfc-input-div-btn button > svg {
        height: 2rem;
    }

.jfc-popup-info {
    margin: 0 1rem;
    var(--font-size-input);
    max-width: 50vw;
    max-height: 50vh;
    line-height: 1.2;
}

.jfc-popup-info-title {
    font-size: var(--font-size-input);
    font-weight: bold;
    margin-bottom: .5rem;
    margin-top: .5rem;
    display: inline-block;
    text-transform: uppercase;
}

.jfc-popup-info-description {
    font-size: 90%;
}

/*AUTOCOMPLATE*/

.jfc-dorpdown-menu {
    max-height: 50vh;
}

.jfc-arrow-is-open {
    transform: rotate(-180deg);
    /*margin-top: -.5rem;*/
}

.jfc-arrow-is-open-calender {
    color: var(--color-albonet) !important;
}

.jfc-div-menu-container {
    min-height: 5rem;
}

.jfc-loading-dropdown {
    display: grid;
    place-items: center;
}

    .jfc-loading-dropdown > .jfc-flip-scale-down-hor {
        margin: unset;
    }

.jfc-div-dropdwon-item {
    min-height: 2rem;
}

    .jfc-div-dropdwon-item div {
        font-size: var(--font-size-input);
        line-height: 1.2;
    }


.jfc-dic-dorpdown-item-select div {
    font-weight: normal;
}

    .jfc-dic-dorpdown-item-select div:first-child {
        /*font-weight: bold;*/
    }

.jfc-dic-dorpdown-item-select {
    /*background-color: rgba(0,0,0,.05);
    background-color: red;*/
    background-color: var(--color-albonet);
    color: white;
}

    .jfc-dic-dorpdown-item-select > .jfc-div-menu-item-icon > svg {
        /*fill: var(--primary-color);*/
        /*color: white;
        background-color: var(--primary-color);*/
        opacity: 1;
    }

    .jfc-dic-dorpdown-item-select > .jfc-div-menu-item-icon {
        background-color: rgba(0,0,0,.1);
    }

    .jfc-dic-dorpdown-item-select > div > .jfc-div-menu-item-title {
        /*fill: var(--primary-color);*/
        /*color: var(--primary-color);*/
        color: white;
    }

    .jfc-dic-dorpdown-item-select > div > .jfc-div-menu-item-description {
        /*fill: var(--primary-color);*/
        /*color: var(--primary-color);*/
        color: white;
    }

    .jfc-dic-dorpdown-item-select > .jfc-div-menu-item-line {
        /*opacity: .7;*/
        /*width: 1rem;*/
        transform: scale(1);
        background-color: currentColor;
    }

.jfc-selected-search-item {
    color: var(--color-albonet);
    font-weight: bold;
}

.jfc-dic-dorpdown-item-select * .jfc-selected-search-item {
    color: white;
    font-weight: bold;
}


.jfc-line-popup {
    margin: 0;
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.jfc-popup-close {
    height: 110vh;
    width: 110vw;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1700;
}

.jfc-popup {
    height: fit-content;
    width: fit-content;
    min-width: 10rem;
    max-width: 50vw;
    background-color: var(--color-content, #FFF);
    z-index: 2000;
    border-radius: 1rem;
    padding: 1rem 0rem;
    /*backdrop-filter: blur(2rem);*/
    box-shadow: -2px 1rem 8px 0px rgba(0, 0, 0, 0.2);
    max-height: 60vh;
    border: 1px solid rgba(0,0,0,.1);
    position: absolute;
    overflow-y: auto;
    font-size: var(--font-size-input, 1rem);
}

    .jfc-popup::-webkit-scrollbar {
        width: .7rem;
    }

    /* Track */
    .jfc-popup::-webkit-scrollbar-track {
        background: transparent;
    }

    /* Handle */
    .jfc-popup::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,.1);
        border-radius: .35rem;
    }

        /* Handle on hover */
        .jfc-popup::-webkit-scrollbar-thumb:hover {
            background: rgba(0,0,0,.2);
        }

@media (max-width: 780px) {
    .jfc-popup {
        max-width: 80vw;
    }
}
/*MESSAGE =====================================================*/

.jfc-content-message-popup {
    height: fit-content;
    width: fit-content;
    background-color: transparent;
    position: fixed;
    right: 0;
    top: 0rem;
    padding-top: 1rem;
    padding-right: 1rem;
    transition: unset;
    z-index: 2000;
}

    .jfc-content-message-popup .jfc-message-popup:last-child {
        margin-bottom: 0;
    }

.jfc-message-popup {
    width: 28rem;
    min-height: 8rem;
    background-color: #f7f7f7;
    transform: translateX(29rem);
    transition: transform .35s, opacity .35s;
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: 1rem;
    display: flex;
    flex-wrap: nowrap;
    /*align-items: stretch;*/
    box-shadow: -2px .25rem 8px 0px rgba(0, 0, 0, 0.2);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    opacity: 0;
}

.jfc-message-popup-show {
    transform: unset;
    opacity: 1;
}

.jfc-message-popup-line {
    background: var(--color-blue);
    /*height: 2rem;*/
    margin-right: 1rem;
    width: .7rem;
    border-radius: .5rem;
}

.jfc-message-body-popup {
    display: flex;
    flex-flow: column;
    flex-basis: fit-content;
    flex-grow: 1;
    line-height: 1.2;
}

.jfc-message-popup-title {
    padding-bottom: .25rem;
    position: relative;
    padding-right: 1.1rem;  

}

.jfc-message-popup-description {
    flex-grow: 1;
    font-size: 80%;
    /*min-height: 10rem;*/
}

.jfc-message-popup-remove-btn {
    height: 2rem;
    width: 2rem;
    /*height: 1rem !important;*/
    display: block;
    background-color: transparent;
    /*display: inline-block;*/
    font-weight: 300;
    text-align: center;
    vertical-align: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none !important;
    border: 0px solid rgba(0,0,0,.05);
    border-radius: 50%;
    /*color: rgba(0,0,0,.7);*/
    color: unset;
    z-index: 3;
    padding: 0;
    position: absolute;
    top: -.5rem;
    right: -.5rem;
}

    .jfc-message-popup-remove-btn > svg {
        height: 1.8rem;
        width: 1.8rem;
        position: absolute;
        top: .1rem;
        left: .15rem;
    }

    .jfc-message-popup-remove-btn:focus {
        background-color: rgba(0, 0, 0, 0.1);
        outline: none;
        /*border: 1px solid rgba(0, 0, 0, 0.08);*/
    }

    .jfc-message-popup-remove-btn:hover {
        background-color: rgba(0, 0, 0, 0.1);
        outline: none;
        /*border: 1px solid rgba(0, 0, 0, 0.08);*/
    }

    .jfc-message-popup-remove-btn:active {
        background-color: rgba(0, 0, 0, 0.1);
        color: rgba(0,0,0,.5);
        outline: none;
        /*border: 1px solid rgba(0, 0, 0, 0.08);*/
    }

    .jfc-message-popup-remove-btn:disabled {
        opacity: .7;
        outline: none;
        /*border: 1px solid rgba(0, 0, 0, 0.08);*/
    }

.jfc-message-bottom {
    width: 60rem;
    position: fixed;
    bottom: -30vh;
    transition: all .5s;
    background-color: white;
    overflow-y: auto;
    box-shadow: -2px .5rem 8px 0px rgba(0, 0, 0, 0.2);
    z-index: 1700;
    padding: 1rem;
    opacity: 0;
    height: auto;
    left: calc(50vw - 30rem);
    border-radius: 1.5rem;
}

.jfc-message-open {
    bottom: 10vh;
    opacity: 1;
}

.jfc-message-closer {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1700;
    backdrop-filter: blur(var(--pixel-blur-effect));
    background-color: rgba(0,0,0,.5);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.jfc-message-closer-inclose {
    transition: opacity .5s;
    opacity: 0 !important;
}

.jfc-message-div {
    margin: 1rem 1rem;
    position: relative;
    margin-bottom: 1rem;
}

.jfc-message-title {
    display: inline-block;
    width: calc(88% - 1rem);
    margin-top: .5rem;
}

.jfc-message-icon {
    display: inline-block;
    width: calc(12% - 1rem);
    text-align: center;
    vertical-align: top;
    margin-top: 1rem;
    min-height: 5rem;
}

.jfc-message-title > span {
    font-size: 120%;
}


.jfc-message-message {
    display: inline-block;
    width: 100%;
    var(--font-size-input);
    padding-bottom: .5rem;
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 2rem;
}

.jfc-message-icon > svg {
    width: 3.7rem;
    height: 3.7rem;
}


.jfc-message-command {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
    text-align: center;
    border-top: 1px solid rgba(0,0,0,.1);
}

    .jfc-message-command > button {
        min-width: 8rem;
        margin-left: .5rem;
        margin-right: .5rem;
        /*min-height: 3.2rem;*/
        padding: .7rem;
        border-color: rgba(0,0,0,.25);
    }

    .jfc-message-command > .jfc-btn-primary {
        min-width: 11rem;
        margin-left: .5rem;
        margin-right: .5rem;
        min-height: 2rem;
        padding: .7rem;
        border-color: unset;
    }

    .jfc-message-command > .jfc-btn-action-primary {
        border-color: #027bff;
    }

.jfc-message-body {
    margin-top: -1.5rem;
    display: inline-flex;
    padding: 1rem 0rem;
    padding-top: 0rem;
    width: 100%;
    border-top: 1px solid rgba(0,0,0,.1);
}

/*ListMenu PopUp =====================================================*/

.jfc-div-menu-container {
    /*background-color: rebeccapurple;*/
    position: relative;
    padding: .5rem;
}

.jfc-div-menu-container {
}

.jfc-div-menu-item-checked svg{
    color: var(--color-yellow);
}

.jfc-div-menu-item-checked > .jfc-div-menu-item-line {
    background-color: currentColor;
}

.jfc-div-menu-item-checked > .jfc-div-menu-item-icon {
    background-color: rgba(0,0,0,.05);
}

.jfc-div-menu-item {
    padding: .25rem 2rem;
    cursor: pointer;
    position: relative;
    max-width: 35rem;
    /*border-radius: 1rem;*/
}

    .jfc-div-menu-item:nth-child(2n+1) > .jfc-div-menu-item-line {
        background-color: rgba(0,0,0,.2);
    }

.jfc-div-menu-item-line {
    background-color: rgba(0,0,0,.1);
    width: .7rem;
    border-radius: .5rem;
    position: absolute;
    height: calc(100% - 1rem);
    left: 1rem;
    top: .5rem;
    transition: all .2s;
    transform: scale(.8);
    transform-origin: center;
}

.jfc-div-menu-item:hover {
    /*background-color: rgba(0,0,0,.05);*/
    background-color: var(--color-albonet);
    color: white;
    border-radius: 1rem;
}

    .jfc-div-menu-item:hover > .jfc-div-menu-item-icon > svg {
        /*fill: var(--primary-color);*/
        /*color: white;
        background-color: var(--primary-color);*/
        opacity: 1;
    }

    .jfc-div-menu-item:hover > .jfc-div-menu-item-icon {
        background-color: rgba(0,0,0,.1);
    }

    .jfc-div-menu-item:hover > div > .jfc-div-menu-item-title {
        /*fill: var(--primary-color);*/
        /*color: var(--primary-color);*/
        color: white;
    }

    .jfc-div-menu-item:hover > .jfc-div-menu-item-line {
        /*opacity: .7;*/
        /*width: 1rem;*/
        transform: scale(1);
        background-color: currentColor;
    }

    .jfc-div-menu-item:hover .jfc-selected-search-item {
        color: white;
        /*color: var(--color-yellow);*/
        /*color: var(--color-albonet);*/
    }

    .jfc-div-menu-item:hover .jfc-div-menu-item-description {
        color: rgba(255,255,255,.8)
    }

.jfc-div-menu-item > div {
    display: inline-block;
    line-height: 1.3;
}

.jfc-div-menu-item-icon {
    transition: all .5s;
    width: 2rem;
    height: 2rem;
    border-radius: 1rem;
    padding-left: .35rem;
    padding-top: .25rem;
    margin-left: .5rem;
    display: block;
    position: absolute;
    margin-top: .5rem;
    /*border-right: 1px solid red;*/
}

    .jfc-div-menu-item-icon > svg {
        width: 1.25rem;
        height: 1.25rem;
        opacity: .7;
    }

.jfc-div-menu-item-sub {
    margin-left: 3.25rem;
}

.jfc-div-menu-item-title {
    /*font-size: 1.5rem;*/
    /*font-weight: bold;*/
    text-transform: uppercase;
    font-weight: 400;

}

.jfc-div-menu-item-description {
    font-size: 85%;
    color: rgba(0,0,0,.5);
    margin-top: .25rem;
}

.jfc-div-treeview {
    margin: 0 1rem;
}

    .jfc-div-treeview .jfc-div-check-list-sub {
        flex: 0 0 90%;
    }

.jfc-apf-selector-cat {
    width: 100%;
    text-align: center;
}

    .jfc-apf-selector-cat > span {
        font-size: 1.5rem;
        text-transform: uppercase;
        color: rgb(136, 136, 136);
        /*padding-bottom: .5rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid rgba(0,0,0,.2);*/
    }

    .jfc-apf-selector-cat button {
        margin: 1rem;
        min-width: 9rem;
    }

.jfc-apf-btn-selector {
    border-radius: 2.5rem;
    background-image: none;
    background-position: 50% 100%;
    color: rgba(0,0,0,.5);
    background-color: white;
    border: 1px solid rgba(0,0,0,.2);
    padding: .7rem 1rem;
    padding-right: .6rem;
}

    .jfc-apf-btn-selector:hover,
    .jfc-apf-btn-selector:focus {
        background-image: none !important;
        color: rgba(0,0,0,.5) !important;
        background-color: unset !important;
        background: unset !important;
        border: 1px solid rgba(0,0,0,.2) !important;
        /*background-image: linear-gradient(25deg, #d12070 0%, #ac2360 95%) !important;*/
        /*background-image: linear-gradient(25deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,.5) 95%) !important;*/
        /*background-position: 100% 50%;*/
        /*color: white;*/
        /*    background-image: none;
        color: rgba(255,255,255,.8);
        background-color: unset;
        font-weight: bold;*/
    }

.jfc-apf-btn-selected,
.jfc-apf-btn-selected:hover,
.jfc-apf-btn-selected:active,
.jfc-apf-btn-selected:focus {
    background-image: linear-gradient(25deg, #d12070 0%, #ac2360 95%) !important;
    /*background-image: linear-gradient(25deg, #7d0c72 0%, #865e7f 95%) !important;*/
    /*background-image: linear-gradient(25deg, #ffd86b 0%, #ffbc00 95%) !important;*/
    background-position: 50% 100%;
    /*font-weight: bold;*/
    /*color: #454545;*/
    /*color: white;*/
    color: rgba(255,255,255,.8) !important;
}

.btn-primary[data-jfc-cat="LAV"],
.btn-primary[data-jfc-cat="CPVLAVORI"],
.btn-primary[data-jfc-cat="LAV"]:active,
.btn-primary[data-jfc-cat="CPVLAVORI"]:active {
    border: 1px solid var(--color-yellow);
}

.btn-primary[data-jfc-cat="CPVSERVIZI"],
.btn-primary[data-jfc-cat="CPVSERVIZI"]:active {
    border: 1px solid #b155a8;
}

.btn-primary[data-jfc-cat="CPVFORNITURE"],
.btn-primary[data-jfc-cat="CPVSERVIZI"]:active {
    border: 1px solid #55b1a9;
}

.jfc-apf-btn-selected[data-jfc-cat="LAV"],
.jfc-apf-btn-selected:active[data-jfc-cat="LAV"],
.jfc-apf-btn-selected:focus[data-jfc-cat="LAV"],
.jfc-apf-btn-selected[data-jfc-cat="CPVLAVORI"],
.jfc-apf-btn-selected:active[data-jfc-cat="CPVLAVORI"],
.jfc-apf-btn-selected:focus[data-jfc-cat="CPVLAVORI"] {
    background-image: linear-gradient(25deg, var(--color-yellow) 0%, #d5a700 95%) !important;
    border: 0px solid rgba(0,0,0,.2);
    /*color: rgba(0,0,0,.5);*/
}

.jfc-apf-btn-selected[data-jfc-pref="PREF"],
.jfc-apf-btn-selected:active[data-jfc-pref="PREF"],
.jfc-apf-btn-selected:focus[data-jfc-pref="PREF"] {
    background-image: linear-gradient(25deg, var(--color-yellow) 0%, #d5a700 95%) !important;
    border: 1px solid rgba(0,0,0,.05);
    font-weight: normal !important;
    color: white;
    /*color: rgba(0,0,0,.5);*/
}

.jfc-apf-btn-selected[data-jfc-cat="CPVSERVIZI"],
.jfc-apf-btn-selected:active[data-jfc-cat="CPVSERVIZI"],
.jfc-apf-btn-selected:focus[data-jfc-cat="CPVSERVIZI"] {
    background-image: linear-gradient(25deg, #5d1a6b 0%, #b155a8 95%) !important;
    border: 0px solid rgba(0,0,0,.2);
}

.jfc-apf-btn-selected[data-jfc-cat="CPVFORNITURE"],
.jfc-apf-btn-selected:active[data-jfc-cat="CPVFORNITURE"],
.jfc-apf-btn-selected:focus[data-jfc-cat="CPVFORNITURE"] {
    background-image: linear-gradient(25deg, #1a6b56 0%, #55b1a9 95%) !important;
    border: 0px solid rgba(0,0,0,.2);
}


#divContentControl {
    background-color: rgba(0,0,0,.01);
    border-radius: 2rem;
    padding: 3rem 1rem;
    border: 1px solid rgba(0,0,0,.1);
}

.jfc-text-control > .jfc-div-check {
    margin: 2rem 1rem;
    margin-bottom: 0;
}

    .jfc-text-control > .jfc-div-check .jfc-label {
        cursor: pointer;
    }

.jfc-text-control .jfc-checkbox {
    width: 3rem;
    height: 3rem;
}

.jfc-text-control .jfc-label {
    font-size: 1.5rem;
}

.jfc-text-control > .jfc-input-div-btn button.btn-treeview-result {
    position: absolute !important;
    top: -1.25rem;
    right: 0rem;
    min-width: 3rem !important;
    /*width: 3rem !important;*/
    border-radius: 1.5rem;
    background-color: var(--color-from) !important;
    color: white !important;
    height: 2rem !important;
    font-weight: bold;
    z-index: 1;
}

.jfc-text-control .jfc-input-error {
    border-radius: 0 .7rem .7rem .7rem;
    background-color: transparent !important;
    color: var(--color-red) !important;
}

.jfc-text-control .jfc-error input {
    border: 1px solid var(--color-red) !important;
}

.jfc-text-control .jfc-error span {
    color: var(--color-red) !important;
}

.btn-treeview-result.jfc-arrow-is-open {
    transform: unset !important;
}

.jfc-treeview-div-selected {
    min-width: 25vw;
    padding: .25rem 0rem;
}

    .jfc-treeview-div-selected .jfc-div-check-list {
        padding: .5rem 1.5rem;
    }

.jfc-div-check .jfc-input-div-btn {
    position: relative;
    display: inline-block;
    top: 0;
    right: 0;
    margin-left: .5rem;
}

.jfc-btn-chevron-icon {
    border-radius: 2.5rem;
    background-image: none;
    background-position: 50% 100%;
    color: rgba(0,0,0,.5) !important;
    background-color: transparent;
    border: 0px solid rgba(0,0,0,.2);
    position: relative;
    padding-left: 2.5rem !important;
}


    .jfc-btn-chevron-icon:hover {
        background-image: none;
        background-color: transparent;
    }

    .jfc-btn-chevron-icon:focus,
    .jfc-btn-chevron-icon:active {
        background-image: none !important;
        /*background-image: linear-gradient(25deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,.5) 95%) !important;*/
        /*background-position: 100% 50%;*/
        /*color: white;*/
        background-image: none !important;
        box-shadow: none !important;
        background-color: none !important;
    }

    .jfc-btn-chevron-icon > svg {
        position: absolute;
        left: 0;
        top: 0;
        width: 2rem;
        height: 2rem;
        transition: transform .4s;
    }

    .jfc-btn-chevron-icon.jfc-btn-chevron-open > svg {
        transform: rotate(90deg);
    }


    .jfc-btn-chevron-icon.jfc-btn-chevron-open > svg {
        color: var(--color-albonet) !important;
    }


.jfc-apf-type-lav {
    background-image: linear-gradient(25deg, var(--color-yellow) 0%, #d5a700 95%);
}

.jfc-apf-type-for {
    background-image: linear-gradient(25deg, #1a6b56 0%, #55b1a9 95%);
}

.jfc-apf-type-ser {
    background-image: linear-gradient(25deg, #5d1a6b 0%, #b155a8 95%);
}

.jfc-apf-result-caption {
    margin-bottom: 2rem;
    margin-top: 1rem;
}

.jfc-btn-primary-green {
    background-image: linear-gradient(25deg, #0d8f4a 0%, #6af7ac 95%);
}

    .jfc-btn-primary-green:active,
    .jfc-btn-primary-green:focus {
        background-image: linear-gradient(25deg, #0d8f4a 0%, #6af7ac 95%) !important;
        color: white;
    }

    .jfc-btn-primary-green:hover {
        background-image: linear-gradient(25deg, #0d8f4a 0%, #6af7ac 95%) !important;
        background-position: 95% 50%;
        color: white;
    }


.jfc-btn-primary-gray {
    /*background-image: linear-gradient(25deg, #0d8f4a 0%, #6af7ac 95%);*/
    background-image: none;
    background-color: var(--background-control);
    color: rgba(0,0,0,.5);
    border: 1px solid rgba(0,0,0,.2);
}

    .jfc-btn-primary-gray:active,
    .jfc-btn-primary-gray:focus {
        background-image: linear-gradient(25deg, #8b8b8b 0%, #f1f1f1 95%) !important;
        color: white;
        border: 1px solid rgba(0,0,0,0) !important;
    }

    .jfc-btn-primary-gray:hover {
        background-image: linear-gradient(25deg, #8b8b8b 0%, #f1f1f1 95%) !important;
        background-position: 95% 50%;
        color: white;
        border: 1px solid rgba(0,0,0,0) !important;
    }

.jfc-apf-btn-download {
    /*margin-bottom: 1rem;
    margin-top: -1rem;*/
    border-radius: 2.5rem;
    background-image: none;
    background-color: white;
    color: #0d8f4a;
    border: 1px solid #01572a52;
}

    .jfc-apf-btn-download:hover {
        border: 1px solid #01572a52;
    }

    .jfc-apf-btn-download .jfc-loading-btn-download {
        /*float: left;*/
        /*height: 50rem;*/
        position: absolute;
    }

.jfc-expandable-text {
    position: relative;
    max-height: 5rem;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}

    .jfc-expandable-text > span {
        display: block;
        font-size: 105%;
        margin-bottom: 1rem;
        text-transform: uppercase;
    }

    .jfc-expandable-text.expanded {
        max-height: unset; /* Un valore molto grande per mostrare tutto il contenuto */
    }

    .jfc-expandable-text .jfc-caption {
        font-size: unset;
    }

        .jfc-expandable-text .jfc-caption:nth-of-type(2) {
            font-size: unset;
            margin-top: .5rem;
        }

.jfc-expandable-shadow {
    width: 100%;
    height: 1.5rem;
    background-image: linear-gradient(0deg, white 0%, transparent 95%);
    position: absolute;
    bottom: 0;
}

.expanded .jfc-expandable-shadow {
    display: none;
}

.jfc-apf-div-btn-filter-avd {
    margin-top: 1rem;
}

    .jfc-apf-div-btn-filter-avd button {
        margin-right: 1rem;
        margin-bottom: .5rem;
    }

.jfc-adf-not-authenitcated {
    color: rgba(0,0,0,.7);
    filter: blur(4px);
}

    .jfc-adf-not-authenitcated:hover {
        filter: unset;
    }


.jfc-afp-div-btn-detail-header {
    position: absolute;
    display: block;
    right: .5rem;
    top: -.25rem;
}

.jfc-btn-apf-detail {
    /*background-image: linear-gradient(25deg, #d12024 0%, #ff5458 95%);*/
    /*background-image: linear-gradient(25deg, #0d8f4a 0%, #6af7ac 95%) !important;*/
    /*background-image: linear-gradient(25deg, #ffbc00 0%, #ffd86b 95%) !important;*/
    background-size: 200% 200%;
    background-position: 0% 50%;
    background-color: transparent;
    /*color: #fa4d50;*/
    color: rgba(0,0,0,.5);
    transition: background-position 1s;
    text-transform: uppercase;
    font-size: 85%;
    border-radius: 1.5rem;
    padding: 0;
    text-align: center;
    outline: none !important;
    width: 2.8rem;
    height: 2.7rem;
    /*float: right;*/
    position: relative;
    border: 0px solid white;
    position: relative;
    margin-left: 0.25rem;
}

    .jfc-btn-apf-detail:disabled {
        opacity: .3;
    }

    .jfc-btn-apf-detail:focus {
        color: rgba(0,0,0,.5);
    }

    .jfc-btn-apf-detail:active {
        color: rgba(0,0,0,.2) !important;
    }

    .jfc-btn-apf-detail:hover {
        position: relative;
        /*background-image: linear-gradient(25deg, #d12024 0%, #ff5458 95%);*/
        /*background-color: white;*/
        background-color: white;
        /*background-image: linear-gradient(25deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,.3) 95%);
        background-position: 100% 50%;*/
        /*border: 1px solid rgba(0,0,0,.1);*/
        /*color: white;*/
        color: rgba(0,0,0,.8);
    }

    .jfc-btn-apf-detail .jfc-btn-apf-detail {
        position: absolute;
        right: .7rem;
        top: 0;
        bottom: 0;
        height: 100%;
    }

    .jfc-btn-apf-detail > svg {
        width: 1.5rem;
        height: 1.5rem;
        position: absolute;
        top: .55rem;
        left: .55rem;
    }

.jfc-btn-apf-detail-star-select {
    color: var(--color-yellow) !important;
}

.jfc-apf-card-hide {
    display: none;
}

.jfc-apf-div-nextpage-content {
    position: relative;
}

.jfc-apf-div-nextpage {
    display: block;
    width: 100%;
    background: linear-gradient(0, rgb(247, 247, 247) 0%, transparent 100%);
    text-align: center;
    height: 16rem;
    position: absolute;
    top: -16rem;
    z-index: 1;
}

    .jfc-apf-div-nextpage > div {
        cursor: pointer;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        text-transform: uppercase;
        border-radius: 2rem;
        font-size: 80%;
        padding: .25rem 1rem;
        font-weight: bold;
    }

        .jfc-apf-div-nextpage > div:hover {
            background-color: #848484;
            color: white;
        }

.jfc-apf-btn-video {
    text-align: center;
    width: 100%;
}

.jfc-btn-apf-header {
    /*background-size: 200% 200%;
    background-position: 0% 50%;*/
    background-color: transparent;
    /*color: #fa4d50;*/
    color: rgba(0,0,0,.5);
    /*transition: background-position 1s;
    */
    text-transform: uppercase;
    font-size: 85%;
    border-radius: 1.5rem;
    padding: 0;
    text-align: center;
    outline: none !important;
    /*float: right;*/
    position: relative;
    border: 0px solid white;
    position: relative;
    margin: .25rem;
    padding: .5rem;
}

    .jfc-btn-apf-header:hover {
        background-color: transparent;
    }

        .jfc-btn-apf-header:hover > svg {
            color: rgba(0,0,0, .3);
        }

        .jfc-btn-apf-header:hover > span {
            background-color: rgba(0,0,0, .1);
            font-weight: bold !important;
        }

    .jfc-btn-apf-header svg {
        display: block;
        width: 4rem;
        height: 4rem;
        margin: .5rem auto;
    }

    .jfc-btn-apf-header span {
        padding: .5rem 1rem;
        border-radius: 1rem;
        font-weight: bold !important;
        margin-top: .5rem;
        display: block;
    }

.jfc-apf-selector-filter-op {
    position: relative;
    text-align: center;
    margin-left: .5rem;
    margin-top: -2rem;
}

.jfc-apf-selector-filter-btns {
    display: flex;
}

.jfc-apf-filter-op {
    text-align: center;
    font-size: 80%;
    flex: 1;
    /*margin-top: .5rem;*/
    display: inline-block;
    padding: .7rem 1rem;
    min-width: 6rem;
    border: 1px solid rgba(0,0,0,.15);
    cursor: pointer;
    outline: none !important;
    background-color: white;
    border-radius: 0;
}

.jfc-apf-filter-op-selected,
.jfc-apf-filter-op-selected:focus {
    background-image: linear-gradient(25deg, var(--color-from) 0%, var(--color-to) 95%) !important;
    background-color: var(--color-from);
    color: white;
    border: 0px solid rgba(0,0,0,0);
    /*font-weight: bold;*/
    border-radius: 0;
}
.jfc-apf-filter-op:hover,
.jfc-apf-selector-filter-btns .jfc-apf-filter-op:focus {
    background-image: linear-gradient(25deg, var(--color-from) 0%, var(--color-to) 95%) !important;
    background-color: var(--color-from);
    color: white;
    /*border: 0px solid rgba(0,0,0,0);*/
    border-radius: 0;
    border: 1px solid var(--color-to);
}

.jfc-apf-selector-filter-btns .jfc-apf-filter-op:not(:last-child) {
    border-right: 0px solid rgba(0,0,0,.1);
}

.jfc-apf-selector-filter-btns .jfc-apf-filter-op:first-child {
    border-radius: 2rem 0 0 2rem;
}

.jfc-apf-selector-filter-btns .jfc-apf-filter-op:last-child {
    border-radius: 0 2rem 2rem 0;
}

.jfc-apf-selector-filter-title {
    font-size: 70%;
    text-transform: uppercase;
    margin-bottom: .5rem;
}

.jfc-apf-div-selectoption .jfc-input-div-btn button {
    position: absolute;
    top: -1.5rem;
    right: 0rem;
}

.jfc-apf-div-selectoption {
    display: inline-block;
    /*margin-right: 1rem;*/
    /*min-height: 5.25rem;*/
    min-width: 5rem;
    margin-top: 2rem;
}


@media (min-width: 992px) {
    .jfc-apf-div-selectoption {
        margin-top: 0;
    }
}


#btnFilterMaster {
    margin-top: .5rem;
}

.jfc-text-center {
    text-align: center;
}
/*SLIDER*/
:root {
    --slider-right-width: calc(100vw - 2rem);
    --slider-right-width-neg: calc(-100vw + 2rem);
}


@media (min-width: 760px) {
    :root {
        --slider-right-width: 80vw;
        --slider-right-width-neg: -80vw;
    }
}

@media (min-width: 780px) {
    :root {
        --slider-right-width: 50vw;
        --slider-right-width-neg: -50vw;
    }
}

.jfc-slider-right {
    width: var(--slider-right-width);
    position: fixed;
    top: 0;
    right: var(--slider-right-width-neg);
    transition: right .5s;
    background-color: white;
    height: 100vh;
    overflow-y: auto;
    box-shadow: -2px 1rem 8px 0px rgba(0, 0, 0, 0.2);
    z-index: 1700;
    padding: 1rem;
    opacity: 0;
    height: calc(100vh - 8rem);
}

.jfc-slider-right-generic {
    opacity: 1;
    transition: right .35s;
    height: calc(100vh - 2rem);
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-right: 1rem;
    border-radius: 2rem;
    font-size: var(--font-size-input, 1rem);
}

.jfc-slider-resize {
    height: 5rem;
    width: .5rem;
    background-color: rgba(0,0,0,.1);
    position: absolute;
    top: calc(50vh - 2.5rem);
    cursor: ew-resize;
    z-index: 1700;
    border-radius: 1rem;
}

    .jfc-slider-resize:hover {
        background-color: gray;
    }

.jfc-slider-open {
    right: 0 !important;
    opacity: 1;
}

.dx-datagrid-headers {
    border-radius: 1rem 1rem 0 0;
}

.dx-datagrid-rowsview {
    border-radius: 0 0 1rem 1rem;
}

.jfc-label {
    font-size: 1.1rem;
    padding: 1rem;
    padding-bottom: .5rem;
    padding-top: 1.5rem;
}

.jfc-slider-footer {
    text-align: center;
    margin-top: 1rem;
    bottom: 0;
    position: fixed;
    width: var(--slider-right-width);
    padding: 2rem;
    background: white;
    margin: 0 -1rem 0 -1rem;
    height: 8rem;
    box-shadow: -2px 1rem 8px 0 rgba(0, 0, 0, 0.2);
}

.jfc-type-activity {
    padding: .2rem 2rem .5rem 2rem;
    border-radius: 1.2rem;
    color: white;
    display: inline-block;
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.jfc-info-activity {
    font-size: var(--font-size-input);
}

    .jfc-info-activity > svg {
        width: 2rem;
        margin-bottom: -.3rem;
        margin-right: .5rem;
    }

.jfc-slider-closer {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1700;
    backdrop-filter: blur(var(--pixel-blur-effect));
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.jfc-slider-closer-normal {
    backdrop-filter: none;
    box-shadow: -2px 1rem 8px 0px rgba(0, 0, 0, 0.2);
}

.jfc-slider-close-btn {
    width: 2.6rem;
    height: 2.6rem;
}

    .jfc-slider-close-btn > svg {
        position: absolute;
        top: .3rem;
        left: .35rem;
    }

.jfc-slider-commad > .jfc-btn-primary {
    width: auto;
    max-width: unset;
    margin-left: .5rem;
    margin-right: .5rem;
    min-width: 9rem;
    padding-left: initial;
    padding-right: initial;
    padding-top: initial;
    padding-bottom: initial;
    padding: 1rem 2rem;
    /*min-height: 3.4rem;*/
}

    .jfc-slider-commad > .jfc-btn-primary > svg {
        width: 2rem;
        height: 2rem;
        float: left;
        margin-right: .8rem;
        /*min-height: 3.4rem;*/
    }


.jfc-text-readonly > input:read-only {
    opacity: 1 !important;
    background-color: white !important;
}

.jfc-text-readonly {
    background-color: white;
}

.jfc-apf-title-slider {
    text-transform: none;
}

.jfc-apf-slider-group {
    margin-bottom: 1.5rem;
    margin-left: 1rem;
    margin-right: 1rem;
}

.jfc-apf-slider-group-title {
    font-weight: bold;
    font-size: 120%;
    text-transform: uppercase;
}

.jfc-apf-slider-group-table {
    /*margin-top: .8rem;*/
    max-width: 100%;
    font-size: var(--font-size-input, 1rem);
}

@media print {
    a,
    .navbar,
    .container,
    footer,
    .dat-menu-container,
    .jfc-slider-commad,
    .jfc-btn-backslider,
    .jfc-tabs,
    .jfc-tabs-item,
    .dat-menu-wrapper,
    .jfc-slider-close-btn,
    [data-jfc-type="datagrid"] {
        display: none !important;
    }

    .jfc-tabs-container {
        position: absolute;
        height: auto !important; /* Espandi in stampa */
        max-height: unset !important;
        overflow: unset !important;
        width: 21cm;
    }

    .jfc-slider-open,
    .jfc-slider-body {
        position: absolute;
        height: auto !important; /* Espandi in stampa */
        max-height: unset !important;
        overflow: unset !important;
    }
}

.jfc-apf-count-pref {
    font-weight: bold;
    background-color: #30b56e;
    color: white;
    padding: .25rem .8rem;
    border-radius: 1.25rem;
    margin-left: .5rem;
}

.jfc-btn-apf-detail-send-select {
    color: var(--color-albonet);
    opacity: .7;
}

    .jfc-btn-apf-detail-send-select:hover {
        color: var(--color-albonet);
        opacity: 1;
    }

.jfc-message-body .jfc-text-control > input,
.jfc-message-body .jfc-text-control > textarea {
    color: rgba(0,0,0,.8);
}

.jfc-apf-selector-pref {
    margin-top: 1.5rem;
    margin-left: .5rem;
}

.jfc-afp-div-btns-pref {
    display: inline-block;
    margin-top: -1rem;
    margin-bottom: 1rem;
}

    .jfc-afp-div-btns-pref .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }

.jfc-apf-btn-filter-menu {
    width: 3rem;
    min-width: unset !important;
    height: 3rem;
    padding: 0;
}

    .jfc-apf-btn-filter-menu:hover {
        border: 1px solid rgba(0,0,0,.2) !important;
    }
    .jfc-apf-btn-filter-menu > svg {
        /*margin-top: .5rem;*/
        margin-right: unset;
        height: 1.25rem;
        width: 1.25rem;
    }

.jfc-tr-items td {
    vertical-align: top;
}

.jfc-apf-btn-grid {
    margin-right: .5rem;
    min-width: unset;
    border: 1px solid rgba(0,0,0,0);
    padding: .5rem;
    background-color: rgba(0,0,0,.025);
    background-color: transparent;
    /*width: 3rem;
    height: 3rem;*/
    min-height: unset;
    line-height: 0;
    border-radius: 50%;
}

    .jfc-apf-btn-grid:hover {
        background-image: linear-gradient(75deg, var(--color-from) 0%, var(--color-to) 100%) !important;
        color: white !important;
        border: 1px solid rgba(0,0,0,0) !important;
    }

    .jfc-apf-btn-grid svg {
        width: 1.25rem;
        height: 1.25rem;
        margin-right: unset;
        /*margin-top: .4rem;*/
    }

.jfc-apf-btn-grid-red {
    color: var(--color-red) !important;
}

    .jfc-apf-btn-grid-red:hover {
        background-image: linear-gradient(25deg, #ac2360 0%, #fd3030 95%) !important;
        color: white !important;
    }

.jfc-afp-div-btns-pref {
    display: inline-block;
    margin-top: 0rem;
    margin-bottom: 1rem;
}

@media (min-width: 800px) {
    .jfc-afp-div-btns-pref {
        display: inline-block;
        margin-top: -1rem;
        margin-bottom: 1rem;
    }
}

.jfc-apf-btn-grid-border {
    border: 1px solid rgba(0,0,0,.1);
}

.jfc-table {
    min-height: 12rem;
    border-spacing: 0;
}

.jfc-apf-bell {
    /*margin-top: .5rem;*/
    cursor: pointer;
    transform-origin: top center;
}

    .jfc-apf-bell svg {
        width: 1.5rem;
        height: 1.5rem;
        display: block;
    }

.jfc-apf-bell-fill {
    color: var(--color-albonet);
}

.jfc-apf-bell-drill {
    animation: drill 1s;
    transform-origin: top center; /* punto di rotazione in alto */
}


.jfc-apf-bell-off {
    transition: opacity .4s;
    opacity: .3;
}

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

    10% {
        transform: rotate(15deg);
    }

    20% {
        transform: rotate(-15deg);
    }

    30% {
        transform: rotate(12deg);
    }

    40% {
        transform: rotate(-12deg);
    }

    50% {
        transform: rotate(9deg);
    }

    60% {
        transform: rotate(-9deg);
    }

    70% {
        transform: rotate(6deg);
    }

    80% {
        transform: rotate(-6deg);
    }

    90% {
        transform: rotate(3deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.jfc-apf-div-email {
    display: flex;
}

.jfc-apf-div-email-check {
    margin-left: .5rem;
}

.jfc-apf-div-email-check-valid svg {
    color: var(--color-albonet);
}

.jfc-apf-div-email-check svg {
    width: 1.25rem;
    height: 1.25rem;
    display: block;
    margin-top: 0rem;
}

.jfc-apf-master-register {
    margin-top: 2rem;
}

.jfc-btn-primary .jfc-loading-btn-download {
    display: inline-block;
}

/*Tab ======================================================*/

.jfc-tabs {
    width: 100%;
    display: flex;
    list-style: none;
    margin: 1.5rem 0;
    padding: 0;
    flex-wrap: wrap;
    border-radius: 1rem;
    background-color: rgba(0,0,0,.05);
    /*border-bottom: 1px solid rgba(0,0,0,.1);*/
    /*border-bottom: 1px solid rgba(0,0,0,.07);*/
}

.jfc-tabs-item {
    flex-grow: 1;
    min-width: 15rem;
    text-align: center;
    text-size-adjust: 100%;
    /*min-width: 15rem;*/
    /*border-radius: 1rem;*/
    /*border-radius: .7rem .7rem 0 0;*/
    cursor: pointer;
    position: relative;
    /*border-bottom: 1px solid rgba(0,0,0,.07);*/
}

    .jfc-tabs-item:hover {
        background-color: rgba(0,0,0,.02);
    }

        .jfc-tabs-item:hover > div {
            /*background-color: rgba(0,0,0,.05);*/
            color: var(--primary-color);
        }

    .jfc-tabs-item:after {
        display: block;
        content: '';
        border-bottom: 3px solid var(--primary-color);
        transform: scaleX(0);
        transition: transform 250ms ease-in-out;
    }

    .jfc-tabs-item:hover:after {
        /*transform: scaleX(1);*/
    }

.jfc-tab-item-select {
    /*border: 1px solid rgba(0,0,0,.05);*/
    border-bottom: 0px solid transparent;
}

    .jfc-tab-item-select:after {
        border-bottom: 3px solid var(--primary-color);
        transform: scaleX(1);
    }


.jfc-tabs-item > div {
    text-transform: uppercase;
    /*line-height: 1.25;*/
    padding-top: .7rem;
    padding-bottom: .7rem;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: var(--font-size-input, 1rem);
    font-weight: bold;
    /*border-radius: 1rem;*/
    /*background-color: rgba(0,0,0,.03);*/
    /*border-radius: .5rem .5rem 0 0;*/
}
/*
.jfc-tabs-item:first-child > div {
    border-radius: 1rem 0 0 0;
}

.jfc-tabs-item:last-child > div {
    border-radius: 0 1rem 1rem 0;
}*/

.jfc-tab-item-select > div {
    color: var(--primary-color);
    font-weight: bold;
    /*background-color: var(--color-content);*/
    /*background-color: var(--background-control);*/
    background-color: white;
    /*border: 1px solid rgba(0,0,0,.05);
    border-bottom: 0px solid transparent;*/
}

.jfc-tabs-hide {
    height: 0 !important;
    opacity: 0;
    visibility: collapse;
    padding-bottom: 0 !important;
    /*display: none;*/
}

.jfc-tabs-content {
    opacity: 0;
    transition: opacity .7s;
    overflow: auto;
    padding-bottom: 1rem;
}

.jfc-tabs-show {
    opacity: 1;
    height: unset;
    visibility: visible;
}

.jfc-tab-badge {
    /*background-color: rgba(0,0,0,.5) !important;*/
    background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.7));
    position: absolute;
    top: 0.25rem;
    right: .25rem;
    /*min-width: 5rem;*/
    border-radius: 1rem !important;
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
    padding-left: .7rem !important;
    padding-right: .7rem !important;
    color: rgba(255,255,255,.9) !important;
    color: white !important;
    font-size: 70% !important;
    border: 0px solid rgba(0,0,0,.07);
    /*background-color: var(--color-content) !important;
    color: unset !important;*/
    font-weight: bold !important;
    line-height: 1;
    /*backdrop-filter: blur(var(--pixel-blur-effect));*/
}

.jfc-tab-item-select > .jfc-tab-badge {
    background: var(--color-from) !important;
    font-weight: bold;
    color: white !important;
}

.jfc-tabs-content::-webkit-scrollbar {
    width: .7rem;
}

/* Track */
.jfc-tabs-content::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
.jfc-tabs-content::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.1);
    border-radius: .35rem;
}

    /* Handle on hover */
    .jfc-tabs-content::-webkit-scrollbar-thumb:hover {
        background: rgba(0,0,0,.2);
    }

.jfc-tabs-content > .row {
    margin-left: 0;
    margin-right: 0;
}

.jfc-tab-item-select:first-child div {
    border-radius: 1rem 0 0 0;
}

.jfc-tab-item-select:last-child div {
    border-radius: 0 1rem 0 0;
}

.jfc-apf-search {
    /*margin-right: 3rem !important;*/
}

/*DATEPICKER =========================================================================*/


.jfc-datapicker-table {
    width: calc(100% - 1rem);
    color: var(--color-text);
    margin: .5rem;
    font-weight: 300;
}

    /*.jfc-note-table > tr:nth-child(2) > td {
    font-size: .5rem !important;*/
    /*border: var(--border-content);*/
    /*text-align: center;
}

.jfc-note-table > tr > td {
    padding: .4rem;
    text-align: center;
    border-radius: 50%;
    max-width: 1rem;
    height: 1rem;
    font-size: .9rem;
    cursor: pointer;*/
    /*border: var(--border-content);*/
    /*}*/


    .jfc-datapicker-table > tr:nth-child(2) > td {
        font-size: 1rem !important;
        /*border: var(--border-content);*/
    }

    .jfc-datapicker-table > tr > td {
        padding: .25rem;
        text-align: center;
        border-radius: 50%;
        max-width: 1rem;
        height: 1rem;
        font-size: var(--font-size-input);
        cursor: pointer;
        /*border: var(--border-content);*/
    }

.jfc-datapicker-table-month {
    /*height: 2.4rem;*/
}

    .jfc-datapicker-table-month > td {
        /*color: var(--primary-color);*/
        font-weight: 300;
        border-top-left-radius: .6rem;
        border-top-right-radius: .6rem;
        font-size: var(--font-size-input);
        text-align: left !important;
        border-bottom: var(--border-content);
    }

        .jfc-datapicker-table-month > td > span {
            font-size: var(--font-size-input);
            text-transform: uppercase;
            font-weight: bold;
        }

.jfc-current-day {
    color: var(--color-albonet);
}

.jfc-datapicker-table > .jfc-calender-row-date > td:hover {
    background: rgba(0,0,0,.1);
    border-radius: 1rem !important;
    opacity: 1 !important;
}

.jfc-datapicker-table > .jfc-calender-row-date:nth-child(1) > td:hover,
.jfc-datapicker-table > .jfc-calender-row-date:nth-child(2) > td:hover {
    background: unset;
}

.jfc-datapicker-table > .jfc-calender-row-date:nth-child(1) > td,
.jfc-datapicker-table > .jfc-calender-row-date:nth-child(2) > td {
    /*cursor: unset;*/
}


.jfc-datepicker-year {
    font-size: var(--font-size-input);
}

.jfc-datapicker-table-month * .jfc-btn-chevron {
    width: 1.5rem;
    height: 1.5rem;
}

    .jfc-datapicker-table-month * .jfc-btn-chevron > svg {
        fill: var(--color-placeholder);
        width: 1rem;
        height: 1rem;
        /*font-size: 1.5rem;*/
    }

    .jfc-datapicker-table-month * .jfc-btn-chevron:hover > svg {
        fill: var(--color-albonet);
    }

    .jfc-datapicker-table-month * .jfc-btn-chevron:last-child {
        width: 1.5rem;
        height: 1.5rem;
        float: right;
    }


.jfc-selected-day,
.jfc-selected-day:hover {
    color: var(--color-albonet);
    /*color: white;*/
    font-weight: bold;
    opacity: 1 !important;
    background: rgba(0,0,0,.1) !important;
    border-radius: 1rem !important;
}

.trasparent-translate-left {
    -webkit-animation: trasparentTranslateLeft .5s;
    animation: trasparentTranslateLeft .5s;
}

@keyframes trasparentTranslateLeft {
    0% {
        opacity: .5;
        /*-webkit-filter: blur(20px);
        filter: blur(20px)*/
        /*transform: translateX(-100%);*/
    }

    100% {
        opacity: 1;
        /*-webkit-filter: blur(0);
        filter: blur(0);*/
        /*transform: translateX(0);*/
    }
}

.trasparent-translate-right {
    -webkit-animation: trasparentTranslateRight .5s;
    animation: trasparentTranslateRight .5s;
}

@keyframes trasparentTranslateRight {
    0% {
        opacity: .5;
        /*-webkit-filter: blur(20px);
        filter: blur(20px)*/
        /*transform: translateX(100%);*/
    }

    100% {
        opacity: 1;
        /*-webkit-filter: blur(0);
        filter: blur(0);*/
        /*transform: translateX(0);*/
    }
}

.jfc-apf-no-save-item > input:not(:focus):placeholder-shown {
    border-color: rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.jfc-apf-btn-month {
    border-color: rgba(0,0,0,0);
}

.jfc-datepicker-month {
    text-align: center;
}

.jfc-datepicker-day-name:hover {
    background: transparent !important;
    cursor: default;
}

.jfc-datapicker-table-range {
    min-width: 45rem;
}

.jfc-datapicker-range-header {
    display: flex;
}

    .jfc-datapicker-range-header .jfc-datepicker-month {
        font-weight: bold;
    }

.jfc-datapicker-range-month {
    flex: 1;
    padding-top: .5rem;
    text-align: center;
    text-transform: uppercase;
    font-size: var(--font-size-input);
}

.jfc-datapicker-range-row-calender > td {
    vertical-align: top;
}

.jfc-datapicker-range-binding {
    display: none;
}

.jfc-datapicker-table > .jfc-calender-row-date > .jfc-datapicker-range-sel {
    background: var(--color-from) !important;
    color: white;
    border-radius: 0 !important;
    /*opacity: 1 !important;*/
}

    .jfc-datapicker-table > .jfc-calender-row-date > .jfc-datapicker-range-sel:hover {
        background: var(--color-albonet) !important;
        color: white;
        border-radius: 0 !important;
        opacity: 1 !important;
    }

.jfc-datapicker-table > .jfc-calender-row-date > .jfc-datapicker-range-sel-first {
    background: var(--color-from) !important;
    color: white;
    border-radius: 1rem 0 0 1rem !important;
    /*opacity: 1 !important;*/
}

    .jfc-datapicker-table > .jfc-calender-row-date > .jfc-datapicker-range-sel-first:hover {
        border-radius: 1rem 0 0 1rem !important;
    }

.jfc-datapicker-table > .jfc-calender-row-date > .jfc-datapicker-range-sel-last {
    background: var(--color-from) !important;
    color: white;
    border-radius: 0 1rem 1rem 0 !important;
    /*opacity: 1 !important;*/
}

    .jfc-datapicker-table > .jfc-calender-row-date > .jfc-datapicker-range-sel-last:hover {
        border-radius: 0 1rem 1rem 0 !important;
    }

.jfc-datapicker-table > .jfc-calender-row-date > .jfc-datapicker-range-sel-single {
    background: var(--color-from) !important;
    color: white;
    border-radius: 1rem !important;
    /*opacity: 1 !important;*/
}

    .jfc-datapicker-table > .jfc-calender-row-date > .jfc-datapicker-range-sel-single:hover {
        border-radius: 1rem !important;
    }


.jfc-datapicker-nowork {
    color: rgba(0,0,0,.3);
}

.jfc-filter-exclude {
    position: absolute !important;
    top: -1.6rem;
    right: 2rem;
    margin-top: 0;
}

    .jfc-filter-exclude input {
        display: none;
    }

    .jfc-filter-exclude button {
        min-width: 3rem !important;
        width: 18rem !important;
        max-width: unset;
        border-radius: 1.5rem 1.5rem 0 0;
        /*background-color: var(--color-from) !important;*/
        background-image: linear-gradient(25deg, var(--color-from) 0%, var(--color-to) 95%);
        background-size: 200% 200%;
        background-position: 0% 50%;
        color: white !important;
        height: 2rem !important;
        /*font-weight: bold;*/
        padding: 0 1.5rem;
        text-transform: uppercase;
        font-size: var(--font-size-input);
        /*padding-top: .4rem;*/
        z-index: 1;
        cursor: pointer;
    }

.jfc-filter-exclude-container {
    width: 35rem;
    margin: 0rem 1rem;
}

@media (min-width: 900px) and (max-width: 1400px) {
    /* Le regole qui dentro si applicano solo tra 900 e 1400 px */

    .btn.btn-apf-download-circle {
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}

@media (max-width: 780px) {
    .jfc-filter-exclude {
        width: unset !important;
    }

    .jfc-filter-exclude-container {
        width: unset !important;
    }

    .jfc-slider-open {
        width: calc(100% - 1rem) !important;
        margin-left: .5rem;
        margin-right: .5rem;
    }

    .jfc-slider-title div {
        display: block !important;
    }

    .jfc-apf-title-slider {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

        .jfc-apf-title-slider h3 {
            margin-left: 0 !important;
        }
}

.jfc-exclude-word-count {
    margin-left: .5rem;
    font-weight: bold;
    background-color: white;
    color: var(--color-from);
    padding: 0 .8rem;
    border-radius: 1rem;
}

.jfc-div-check-list-check-all input {
    border-radius: 50%;
    color: rgba(0,0,0,.3)
}

.jfc-div-check-list-check-all {
    /*border-bottom: 1px solid rgba(0,0,0,.1);*/
    margin-bottom: .5rem;
}


.jfc-btn-edit {
    display: inline-block;
    font-weight: 300;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*padding: .375rem 1.2rem;*/
    var(--font-size-input);
    line-height: 1.5;
    border-radius: 1.5rem;
    position: relative;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background-color: transparent;
    border: 1px solid rgba(228,228,228,1);
    width: 3rem;
    height: 3rem;
    cursor: pointer;
}

    .jfc-btn-edit > svg {
        height: 1.5rem;
        /*margin-right: .5rem;
            margin-top: .2rem;*/
        /*float: left;*/
    }

    .jfc-btn-edit:focus {
        background-color: rgba(0,0,0,.02);
        outline: none;
        /*border: 1px solid rgba(0, 0, 0, 0.08);*/
    }

    .jfc-btn-edit:hover {
        background-color: rgba(0,0,0,.05);
        outline: none;
        /*border: 1px solid rgba(0, 0, 0, 0.08);*/
    }

    .jfc-btn-edit:active {
        background-color: var(--button-color, #383838);
        color: white;
        outline: none;
        /*border: 1px solid rgba(0, 0, 0, 0.08);*/
    }

.jfc-btn-red:hover {
    color: var(--color-red);
    border-color: var(--color-red);
}


/*dxDataGrid =============================================================*/


.jfc-datagrid-div-option {
    width: 100%;
    display: inline-block;
    margin-bottom: .5rem;
}

.jfc-btn-option-grid {
    float: right;
    margin-left: 1rem;
    margin-top: 0rem;
    min-width: 2rem;
    width: unset;
    float: right;
    margin-left: 1rem;
    min-width: 2.5rem;
    height: 2.5rem;
    width: unset;
    border-radius: 1.25rem;
}

.jfc-btn-action.jfc-btn-option-grid svg,
.jfc-btn-action-standard.jfc-btn-option-grid svg {
    /*margin-top: .35rem;*/
}

.jfc-btn-option-grid > svg {
    float: unset;
    height: unset;
    margin-right: 0;
    margin: 0rem 0;
}

.jfc-btn-option-grid > span {
    margin-left: .5rem;
}



.jfc-btn-editing-dropdown {
    position: absolute;
    right: 0;
    top: -2rem;
    right: -2rem;
    /*height: 1rem !important;*/
    min-height: unset;
    display: block;
    background-color: var(--color-yellow);
    display: inline-block;
    font-weight: 300;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none !important;
    border: 0px solid rgba(0,0,0,.05);
    border-radius: 50% 50% 50% .5rem;
    padding: .4rem .7rem;
    color: rgba(0,0,0,.7);
    z-index: 3;
}

    .jfc-btn-editing-dropdown > svg {
        height: 1.25rem;
    }

    .jfc-btn-editing-dropdown:focus {
        background-color: var(--color-light-yellow);
        outline: none;
        /*border: 1px solid rgba(0, 0, 0, 0.08);*/
    }

    .jfc-btn-editing-dropdown:hover {
        background-color: var(--color-light-yellow);
        outline: none;
        /*border: 1px solid rgba(0, 0, 0, 0.08);*/
    }

    .jfc-btn-editing-dropdown:active {
        background-color: var(--color-light-yellow);
        color: rgba(0,0,0,.5);
        outline: none;
        /*border: 1px solid rgba(0, 0, 0, 0.08);*/
    }

    .jfc-btn-editing-dropdown:disabled {
        opacity: .7;
        outline: none;
        /*border: 1px solid rgba(0, 0, 0, 0.08);*/
    }

.jfc-btn-delete-datagrid {
    border: 0px solid red !important;
    height: 2rem;
    width: 2rem;
    padding-left: .25rem;
}

    .jfc-btn-delete-datagrid > svg {
        height: 1.25rem;
        margin-left: 0;
    }


/*.dx-datagrid-focus-overlay {
    border: 0;*/
    /*border-bottom: 2px solid var(--primary-color);*/
    /*transition: transform 250ms ease-in-out;*/
/*}

.dx-row-modified {
    border: 0 !important;
    background-color: var(--color-content) !important;
}

.dx-cell-modified {
    background-color: rgb(117, 255, 0, 0.20);
    border: 0 !important;
}

    .dx-cell-modified:after {
        border: 0 !important;
        border-right: 1px solid rgba(0,0,0,.1) !important;
    }

.dx-selection > * > .jfc-btn-edit {
    border-color: rgba(0,0,0,.2);
}


.dx-selection {
    border-radius: 1rem !important;
}


.dx-htmleditor,
.dx-button {
    border-radius: 1rem;
}

.dx-texteditor.dx-state-active.dx-editor-filled,
.dx-texteditor.dx-state-active.dx-editor-outlined,
.dx-texteditor.dx-state-active.dx-editor-underlined,
.dx-texteditor.dx-state-focused.dx-editor-filled,
.dx-texteditor.dx-state-focused.dx-editor-outlined,
.dx-texteditor.dx-state-focused.dx-editor-underlined {
    border-color: var(--color-from);
}*/

.jfc-loading-prog-init {
    background: white;
}


.dx-overlay-wrapper,
.dx-dropdowneditor-overlay,
.dx-popup-wrapper,
.dx-dropdownbutton-popup-wrapper,
.dx-autocomplete-popup-wrapper,
.dx-dropdownlist-popup-wrapper,
.dx-autocomplete-popup-wrapper {
    z-index: 1701 !important;
}
    .jfc-loading-prog-init div {
        background-color: transparent;
        width: 7rem;
        height: 7rem;
    }

        .jfc-loading-prog-init div span {
            margin-left: -50%;
            text-transform: uppercase;
            font-weight: bold;
            color: var(--color-from);
        }

.jfc-slider-apf {
    margin: 0;
    height: 100vh;
    border-radius: 2rem 0 0 2rem;
}

.jfc-apf-content-tab .jfc-tabs-container {
    height: calc(100vh - 24rem);
    overflow-x: auto;
}

    .jfc-apf-content-tab .jfc-tabs-container::-webkit-scrollbar {
        width: .7rem;
    }

    /* Track */
    .jfc-apf-content-tab .jfc-tabs-container::-webkit-scrollbar-track {
        background: transparent;
    }

    /* Handle */
    .jfc-apf-content-tab .jfc-tabs-container::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,.1);
        border-radius: .35rem;
    }

        /* Handle on hover */
        .jfc-apf-content-tab .jfc-tabs-container::-webkit-scrollbar-thumb:hover {
            background: rgba(0,0,0,.2);
        }

.jfc-apf-notes-info {
    display: flex;
}

    .jfc-apf-notes-info div {
        margin-right: 1rem;
    }

.jfc-apf-notes-label {
    font-size: 70%;
    text-transform: uppercase;
    color: var(--color-albonet-purple);
    margin-bottom: .5rem;
}

.jfc-apf-notes-info {
    margin-bottom: 1rem;
    font-size: 80%;
}

.jfc-apf-notes-content-message {
    height: calc(100vh - 32.5rem);
    overflow-y: auto;
    border: 1px solid rgba(0,0,0,.1);
    padding: 1rem;
    /*border-bottom: 1px solid rgba(0,0,0,.1);*/
    border-radius: 1rem;
    padding-bottom: 1rem;
}

.jfc-apf-notes-action {
    text-align: right;
    padding-top: 1rem;
}

.jfc-div-scrollbar::-webkit-scrollbar {
    width: .7rem;
}

/* Track */
.jfc-div-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
.jfc-div-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.1);
    border-radius: .35rem;
}

    /* Handle on hover */
    .jfc-div-scrollbar::-webkit-scrollbar-thumb:hover {
        background: rgba(0,0,0,.2);
    }

.jfc-apf-msg {
    display: flex;
}

.jfc-apf-msg-space-right,
.jfc-apf-msg-space-left {
    flex: 3;
}

.jfc-apf-note-left .jfc-apf-msg-space-left {
    display: none;
}

.jfc-apf-note-right .jfc-apf-msg-space-right {
    display: none;
}

.jfc-apf-msg-div {
    flex: 10;
    padding: 1rem;
    background-color: var(--color-background-msg, #f5f7ff);
    margin: .5rem;
    border-radius: .5rem;
    line-height: 1.3;
    font-size: var(--font-size-input, 1rem);
}

.jfc-apf-note-left .jfc-apf-msg-div {
    border-radius: .5rem 2rem 2rem 2rem;
}

.jfc-apf-note-right .jfc-apf-msg-div {
    border-radius: 2rem 2rem .5rem 2rem;
}

.jfc-apf-msg-auhtor {
    font-size: 70%;
    text-align: right;
    font-style: italic;
}

.jfc-apf-msg-message p {
    margin-bottom: 0;
    line-height: 1.3;
    font-size: var(--font-size-input, 1rem);
}

.jfc-apf-msg-message table {
    border: none !important;
}

/*.jfc-btn-primary-command svg {
    width: 2rem;
    height: 2rem;
    float: left;
    margin-right: .8rem;
}
*/
/*
.jfc-btn-backslider{
    border: 1px solid rgba(0,0,0,.1);
}
*/

.jfc-btn-backslider svg {
    width: 2rem;
    height: 2rem;
    margin-right: 0rem;
    float: unset;
}

.jfc-datagrid-div-option .jfc-btn-action-standard-only-text {
    margin-top: 0rem;
}

.jfc-apf-msg-detail {
    display: flex;
    position: relative;
}

.jfc-apf-msg-auhtor {
    flex: 100%;
}

.jfc-apf-msg-cmd {
    flex: 1;
    position: relative;
}

    .jfc-apf-msg-cmd button {
        margin-top: 1.5rem;
        border: 0px solid transparent;
    }

.jfc-div-container-date {
    min-width: 25rem !important;
}

    .jfc-apf-open-detail button {
        /*background-image: linear-gradient(25deg, #d12024 0%, #ff5458 95%);*/
        /*background-image: linear-gradient(25deg, #0d8f4a 0%, #6af7ac 95%) !important;*/
        /*background-image: linear-gradient(25deg, #ffbc00 0%, #ffd86b 95%) !important;*/
        background-size: 200% 200%;
        background-position: 0% 50%;
        background-color: transparent;
        /*color: #fa4d50;*/
        /*color: white;*/
        transition: background-position 1s;
        text-transform: uppercase;
        font-size: 85%;
        border-radius: 1.5rem;
        padding: 0;
        text-align: center;
        outline: none !important;
        /*width: 3.7rem;*/
        /*height: 3.7rem;*/
        /*float: right;*/
        position: relative;
        border: 0px solid white;
        padding: .25rem .5rem;
        padding-right: 3rem;
    }

        .jfc-apf-open-detail button:disabled {
            opacity: 0.7;
        }

        .jfc-apf-open-detail button:active,
        .jfc-apf-open-detail button:focus,
        .jfc-apf-open-detail button:hover {
            position: relative;
            /*background-color: white;*/
            background-color: rgba(0,0,0,.1);
            background-image: linear-gradient(25deg, var(--color-to) 0%, var(--color-from) 95%);
            /*background-image: linear-gradient(25deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,.7) 95%);*/
            background-position: 100% 50%;
            color: white;
        }

        .jfc-apf-open-detail button svg {
            width: 1.25rem;
            height: 1.25rem;
            position: absolute;
            top: .25rem;
            right: .25rem;
        }

.jfc-card-text.jfc-apf-open-detail {
    margin-left: -.5rem;
    margin-right: -.5rem;
    margin-bottom: -.8rem;
    margin-top: -.4rem;
    line-height: 1;
}

    .jfc-card-text.jfc-apf-open-detail button {
        padding-top: .5rem;
        padding-bottom: .5rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        /*min-height: 2.6rem;*/
    }

        .jfc-card-text.jfc-apf-open-detail button svg {
            /*top: .1rem;*/
        }

.jfc-afp-row-user-insert {
    background-color: #03a9f411;
}

.jfc-afp-action-only-icon {
    border: none;
    background-color: transparent !important;
}

    .jfc-afp-action-only-icon:hover {
        color: var(--color-from);
    }

    .jfc-afp-action-only-icon svg {
        width: 2.4rem;
        height: 2.3rem;
    }

.jfc-tab-item-select .jfc-tab-abb-state {
    opacity: 1;
}

.jfc-tab-abb-state {
    opacity: 0;
    width: .7rem;
    height: calc(100% - 1rem);
    position: absolute;
    right: .5rem;
    top: .5rem;
    display: inline-block;
    border-radius: 1rem !important;
    background-color: var(--color-green);
}

.jfc-tab-abb-active {
    background-color: var(--color-green);
}

.jfc-tab-abb-inactive {
    background-color: var(--color-red);
}

.jfc-anly-div-search {
    position: relative;
}

.jfc-apf-slider-group-table tbody tr td{
    display: block;
}


.jfc-apf-slider-group-table tbody tr td {
    /*padding: .25rem 1rem;*/
    vertical-align: top;
    min-height: 1.25rem;
}

    .jfc-apf-slider-group-table tbody tr td:first-child {
        /*padding-right: 1rem;*/
        padding-left: 0rem;
        font-size: var(--font-size-input, 1rem);
        font-size: 80%;
        color: var(--color-albonet);
        /*padding-top: .35rem;*/
    }


.jfc-apf-title-slider h3 {
    color: var(--color-albonet-purple);
    font-size: 120%;
}

.jfc-apf-title-slider-subtitle {
    font-size: 90%;
}

.jfc-slider-title a[alt="Logo"]{
    width: 13.5rem !important;
}

#divContentControlAPF {
    background-color: rgba(0, 0, 0, .01);
    border-radius: 2rem;
    padding: 1rem;
    border: 1px solid rgba(0, 0, 0, .1);
}

/*
.dx-datagrid .dx-row > td {
    padding: 1rem !important;
}*/