/* REGISTRATI */

/* Input obbligatori */
.validation-message {
    color: red;
    font-size: 14px;
    line-height: normal;
    margin-top: 8px;
}

input.invalid {
    border-bottom: solid 2px red;
}

/* Label Input */
.section-content-main .holder-form {
    position: relative;
}

label.label-input {
    visibility: hidden;
    position: absolute;
    top: 30px;
    left: 32px;
    font-weight: 600;
    font-size: 24px;
    color: #c5c5c5;
    transition-property: visibility, font-size, top, left;
    transition-duration: 0.5s;
}

    label.label-input.focus-on {
        visibility: visible;
        top: 5px;
        left: 15px;
        font-size: 14px;
        color: #737373;
    }

/* Checkbox */
.holder-chekbox {
    margin-top: 30px;
}

.page-registration .label-checkbox {
    margin-bottom: 0;
}

/* =================================================================== */

/* PROFILO */

.cover-image {
    height: 400px;
    width: 100%;
    margin-bottom: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cover-text {
    height: 400px;
    width: 100%;
    text-align: center;
    position: absolute;   
    transition:background-color .1s ease ;    
}

    .cover-text:hover {
        background-color: rgba(0,0,0,.7);
        background-image: url("../images/camera_white.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 200px;
        cursor: default;
    }

.profile-image {
    height: 200px;
    width: 200px;
    border-radius: 121px;  
   margin-bottom: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
}

.profile-text {
    height: 200px;
    width: 200px;
    border-radius: 121px;
    border: solid #909090 5px;
    text-align: center;
    position: absolute;
    transition: background-color .1s ease;
}

    .profile-text:hover {
        background-color: rgba(0,0,0,.7);
        background-image: url("../images/camera_white.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100px;
        cursor: default;
        position: absolute;
    }
/*
    .cover-text button {
        border: none;
        outline: 0;
        display: inline-block;
        padding: 10px 25px;
        color: black;
        background-color: #ddd;
        text-align: center;
        cursor: pointer;
    }

        .cover-text button:hover {
            background-color: #555;
            color: white;
        }*/
/* Button immagine copertina */
section.portfolio-banner button.btn.btn-primary.small-main-button {
    position: absolute;
    right: 10px;
    top: 10px;
    text-align: left;
    padding-left: 30px;
    background-color: #e2e2e24f;
    border: solid #909090 2px;
}

    section.portfolio-banner button.btn.btn-primary.small-main-button i {
        position: absolute;
        top: 10px;
        margin-left: 10px;
    }

/* Cambia foto profilo */
section.user-profile .holder-img .photo-hover {
    display: none;
    position: relative;
    background-color: rgba(0,0,0,.7);
    color: #fff;
    width: 100%;
    height: 100%;
    cursor: pointer;
    top: 0;
    left: 0;
    align-items: center;
    border-radius: 121px;
    flex-direction: column;
}

    section.user-profile .holder-img .photo-hover i {
        font-size: 50px !important;
        margin: auto;
        margin-top: 30%;
        text-align: center;
        width: 100%;
    }

    section.user-profile .holder-img .photo-hover p {
        text-align: center;
        font-size: 16px;
    }

/* Input Profilo */
section.user-profile .user-description .holder-form, section.user-profile .user-bio .holder-form {
    margin-bottom: 0;
    position: relative;
}

section.user-profile .user-description textarea {
    min-height: 150px;
    font-size: 18px;
    color: #292e43;
    border-bottom: none !important;
    height: auto;
    font-weight: 300;
    letter-spacing: .009375em;
    width: 100%;
    border: none;
    border-radius: 0;
    background: none;
    padding: 0;
    line-height: 34px;
}

section.user-profile .user-bio input {
    display: block;
    background-color: #fafafa;
    color: #292e43;
    font-size: 18px;
    font-weight: 700;
    padding-top: 44px;
    padding-bottom: 36px;
}

section.user-profile .user-bio label.label-input.focus-on {
    top: 10px;
    left: 12px;
}

section.user-profile .user-bio .description {
    font-size: 18px;
}

section.user-profile .user-bio .holder-btn {
    text-align: right;
    margin-right: 50px;
    margin-bottom: 20px;
}

/* Reset Livello */
section.user-profile .holder-tab-portfolio .tab-content > div .title-open-close .content-opener .holder-content-tab .speaker-holder span.material-icons {
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    margin-left: 3px;
    margin-top: 3px;
    position: absolute;
}

/* Scarica CV */
section.user-profile .download-block {
    position: relative;
    ;
}

    section.user-profile .download-block .name-pdf {
        margin-bottom: 0;
    }

    section.user-profile .download-block a.titlecv {
        position: absolute;
        top: 35px;
        left: 200px;
    }

        section.user-profile .download-block a.titlecv span {
            font-size: 14px;
            margin-top: 5px;
            margin-bottom: 10px;
        }

/* =================================================================== */

/* CALENDARIO-LAST-MODAL-1 */

/* Label Filtri */
.jcf-select label.label-input {
    visibility: visible;
    color: #292e43;
    font-size: 18px;
    font-weight: 700;
    top: 21px;
    left: 40px;
}

    .jcf-select label.label-input.focus-on {
        top: 5px;
        left: 5px;
        font-size: 11px;
        color: #737373;
        font-weight: 600;
    }

/* Filtri Input */
.jcf-select input {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    background-color: #ffffff;
    border: none;
    padding: 18px 40px 16px 40px;
    margin: 0;
    height: 60px;
    color: #292e43;
    font-size: 18px;
    font-weight: 700;
}

/* Filtri Select */
.jcf-select .jcf-select-text {
    height: 60px;
    padding-top: 18px;
    padding-bottom: 16px;
}

/* =================================================================== */

/* FAQ */

.holder-content-sidebar .sidebar {
    position: relative;
}

    .holder-content-sidebar .sidebar ul.fix {
        position: fixed;
        bottom: inherit;
    }

    .holder-content-sidebar .sidebar ul {
        position: absolute;
        bottom: 230px;
    }

        .holder-content-sidebar .sidebar ul li:nth-child(2), .holder-content-sidebar .sidebar ul li:nth-child(3) {
            padding-left: 10px;
        }





/* =================================================================== */

/* MEDIA QUERY */


@media (max-width: 768px) {

    /* PAGE REGISTRATI */
    /* Scarica CV */
    section.user-profile .download-block a.titlecv {
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 25px;
    }
}

@media (max-width: 1024px) {
    /* PAGE FAQ */
    /* Menù Sidebar */
    .holder-content-sidebar .sidebar {
        display: none;
    }
}

/*INIZIO MODIFICHE*/
.label-checkbox-categorie .checkbox {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 22px;
    width: 22px;
    z-index: 10;
    margin: 7px;
}

.label-checkbox-categorie .checkmark {
    /* top: 0; */
    /* left: 0; */
    width: 22px;
    height: 22px;
    border: 2px solid #4daeb0;
    position: absolute;
    margin: 7px;
}
    .label-checkbox-categorie .checkmark:after {
        left: 6px;
        top: 2px;
        width: 8px;
        height: 12px;
        border: solid #4daeb0;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        content: "";
        position: absolute;
        display: none;
    }
.label-checkbox-categorie input:checked ~ .checkmark:after {
    display: block;
}
.opener-categorie {
    padding: 35px 41px 25px;
    position: inherit;
    display: block;
    color: #292e43;
    font-size: 28px;
    font-weight: 700;
    padding: 20px 35px 20px 20px;
    background-color: #fff;
    cursor: pointer;
}
.title-open-close{
    position:relative;
}
.opener-cat {
    width: 50% !important;
    text-align: right;
    position: absolute !important;
    right: 15px;
    padding: 0 !important;
    top: 17px;
    transform: none;

}
    .opener-cat.opener:before {
        position: static !important;
    }
/*FINE MODIFICHE*/