﻿/*Legend
    
    --dark-blue: #07064B;
    --light-blue: #4947D6;
    --black: #2A2A2A;
    --black-opacity: #AFAEAE;
    --gray: #F5F5F5;
    --main-background: #F2F0F0;

    --border-radius: 8px

*/

.header-banner {
    background: var(--dark-blue);
    padding: 4rem 7rem;
    color: white;
    border-radius: var(--border-radius);
}

#contentForPDF {
    height: min-content;
}

/*#region FILTER*/
.filter-input {
    width: 100%;
    background: white;
    border: 0;
    padding: 15px 0;
    outline: 0;
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

.filter-search-btn {
    background: white;
    width: 100%;
    height: 100%;
    border: 0;
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
}

/*#endregion FILTER*/
/*#region TABLE*/
.home-table-top-managers {
    border-collapse: separate;
    border-spacing: 0px 0.15em;
}

.home-table-top-managers .header {
    background: white;
}
.underline-none:hover .manager {
    text-decoration: underline;
}

.underline-none:hover {
    text-decoration: none;
}
    .home-table-top-managers .header th {
        padding: 0.7rem;
        color: var(--black-opacity);
        font-weight: normal;
    }

        .home-table-top-managers .header th:first-child{
            border-top-left-radius: var(--border-radius);
        }
        .home-table-top-managers .header th:last-child {
            border-top-right-radius: var(--border-radius);
        }
        .home-table-top-managers .body:last-child td:first-child {
            border-bottom-left-radius: var(--border-radius);
        }
        .home-table-top-managers .body:last-child td:last-child {
            border-bottom-right-radius: var(--border-radius);
        }

.home-table-top-managers .body {
    background: white;
    font-weight: normal;
    margin: 1rem;
}

    .home-table-top-managers .body td {
        padding: 0.5rem;
    }

.stars {
    position: absolute;
    top: 5px;
    left: 10px;
    color: var(--light-blue);
    font-weight: bold;
}
#showFavorites, .btn.dropdown-toggle {
    background-color: var(--dark-blue) !important;
    cursor: pointer;
}

#showFavorites.active,.btn.dropdown-toggle.active {
    background-color: var(--light-blue) !important;
}

ul#ddlcluster {
    padding: 0;
    font-size: 1rem;
    min-width: 188%;
    left: 20px;
    top: 120%;
    border: 0;
}

.dateListItem {
    padding: 10px 30px;
    color: var(--black-opacity-2-0);
    cursor: pointer;
}
    .dateListItem::first-letter {
        text-transform: capitalize;
    }

    .dateListItem:hover {
        background: var(--main-background);
    }

    .dateListItem.active {
        color: var(--black);
        font-weight: bold;
        background: var(--main-background);
    }

span#selectedCluster {
    font-weight: bold;
}
.news-home:last-child .sidebar-hr {
    display: none;
   
}
.position {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    width: 50px;
}

.manager-photo img {
    width: 65px;
    height: 65px;
    object-fit: cover;
}

.manager {
    color: var(--dark-blue);
    font-weight: bold;
    margin: 0;
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}

.manager-score {
    color: white;
    padding: 5px 20px;
    font-size: 1.2rem;
    font-weight: bold;
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
    display: inline-block;
}

.manager-score-variation {
    background: var(--gray);
    color: var(--black);
    padding: 9px 8px;
    font-size: .85rem;
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    position: relative;
    top: -2px;
    right: 4px;
}

.light-blue {
    background: url(/img/Icon/preferiti_blu.svg) !important;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    opacity: 1 !important;
}
.book {
    height: 20px;
    width: 20px;
    background: url(/img/Icon/preferiti_nero.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 0.2;
}

.text-decoration-none {
    text-decoration: none !important;
}
/*#endregion TABLE*/
/*#region SIDEBAR*/
.sidebar-tile {
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 0px;
}

.sidebar-text {
    font-size: 1rem;
    line-height: 1.7;
}

.sidebar-hr {
    border-top: 1px solid var(--black-opacity);
}

#vertical .cluster-variation {
    background: white;
    border-radius: var(--border-radius);
    padding: 18px 20px;
}

#horizontal .cluster-variation {
    padding: 10px;
    color: white;
}

#horizontal:last-child .cluster-variation {
    border-right: none;
}

.cluster-variation-name, .cluster-variation-avg,.cluster-variation-name:hover {
    margin: 0;
    font-size: 1rem;
    color: var(--black);
    text-decoration: none;
}

.cluster-variation-link, cluster-variation-link:hover {
    text-decoration: none !important;
}

.topmovers-position {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: var(--dark-blue);
    color: white;
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
    font-size: 1rem;
}

.topmovers-variation {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: var(--light-blue);
    color: white;
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    font-size: 1rem;
}

.topmovers-photo img {
    width: 100%;
    height: 100%;
    border-radius: 0;
    object-fit: cover;
}

.topmovers-name {
    background: white;
    color: var(--black);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
}

.topmover {
    min-height: 65px;
    font-weight: bold;
}

.news-title, .news-title:hover {
    color: var(--black);
    font-weight: bold;
    font-size: 1.1rem;
}

.news-summary {
    color: var(--black-opacy);
    opacity: .5;
    font-size: 1rem;
    line-height: 1.7;
}
.topmovers-photo img {
    border-bottom-left-radius: var(--border-radius);
    border-top-left-radius: var(--border-radius);
}

.text-ranking {
    position: absolute;
    bottom: 35px;
    color: white;
    padding: 0 20px 0 20px;
    font-size: 25px;
    line-height: 1.5;
}

    .text-ranking a {
        color: white;
        font-size: 18px;
    }


.sidebar-image-box-ranking {
    background: url(/SharingFolder/TopManager/it/Content/classificaTopManager.jpg);
    border-radius: var(--border-radius);
    background-repeat: no-repeat;
    background-size: 100%;
}

.sidebar-image-box-ranking::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgb(7, 6, 75, 0.5);
    border-radius: var(--border-radius);
}

/*#endregion SIDEBAR*/

/* #region CONTACT FORM */
#contact_success_message {
    display: none;
}

#contact_error_message {
    display: none;
}

.form-control-feedback.glyphicon-remove {
    display: none !important;
}

.sidebar-image-box{
    position: relative;
}

    .sidebar-image-box:hover .overlay-card-sidebar{
        opacity: 1;
    }

    .overlay-card-sidebar {
        opacity: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: var(--border-radius);
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(73, 71, 214, 0.5);
        cursor: pointer;
        transition: 0.4s
    }

    .overlay-card-sidebar img {
        height: 50px;
        width: 50px;
    }


/* #endregion */


/*responsive home*/
@media(max-width: 992px) {

    ul#ddlcluster {
        left: 0px;
        min-width: 200%;
    }

    .position {
        width: auto;
    }
    .heart{
        font-size: 18px;
    }
}

@media(max-width: 768px) {

    .padding-0-md {
        padding: 0px;
    }
}

.imgHeaderIndex {
    background: url('/SharingFolder/TopManager/it/Content/image/header.jpg') center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 2rem 5rem;
}
.news-banner-home {
    background: url('/SharingFolder/TopManager/it/Content/image/grafico.png') center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    padding: 5rem;
}

/*img backgo*/
.imgHeaderAllPage {
    background: url('/SharingFolder/TopManager/it/Content/image/headerAllPage.jpg') center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 2rem 5rem;
    height: 220px;
}

    .imgHeaderAllPage.instagram {
        background: url('/SharingFolder/TopManager/it/Content/image/header_instagram.jpg') center !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }
    .imgHeaderAllPage.linkedin {
        background: url('/SharingFolder/TopManager/it/Content/image/header_linkedin.jpg') center !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }
    .imgHeaderAllPage.twitter {
        background: url('/SharingFolder/TopManager/it/Content/image/header_x.jpg') center !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }


.news-banner-home a:focus {
    outline: none !important
}

.main-button-header {
    padding: 15px 30px;
    width: 230px;
    border-radius: var(--border-radius);
    background: var(--light-blue);
    border: 1px solid var(--light-blue);
    color: white;
    font-weight: bold;
    text-decoration: none !important;
    border: none;
}



/**newsLetter*/
    .form-control:focus{
    box-shadow: none !important;
}
