#heading {
    padding: 1rem 0 !important;
}

.panel.panel-primary > .panel-heading {
    background-color: var(--primary-bg-color) !important;
}

.navbar.navbar-default, .navbar {
    background-color: var(--secondary-bg-color) !important;
}

.btn-conferma-utente {
    color: green !important;
}

.btn-modifica {
    color: dodgerblue !important;
}

.btn-disattiva-utente, .btn_up, .btn_down {
    color: goldenrod !important;
}

.btn-elimina-utente,
.btn-elimina-post {
    color: crimson !important;
}

.btn-rispondi-post {
    /*color: dodgerblue !important;*/
    color: var(--ico-color-task) !important;
}
.btn-reminder-presenti {
    color: orange !important;
}

#statistiche .nav li i {
    margin-top: -3px !important;
}

#menu-principale .navbar-nav a i {
    font-size: 2rem !important;
}

.topbar-panel p {
    color: #ffffff !important;
}


#dashboard .nav .active {
    margin-bottom: -1px !important;
}

#dashboard .box-ricerca {
    margin-bottom: 10px !important;
    border: 1px solid #eaecef !important;
    padding: 20px 10px 10px 10px !important;
    background-color: white !important;
}

#gestione-utenti .widget .panel small {
    line-height: 2rem !important;
}


#lista-faq .panel-heading {
    min-height: 60px !important;
    height: auto !important;
}





/************************************
MISC
************************************/
/* PRIMARY COLOR GREEN #4CAF50 #3C763D*/
.highlight-message {
    /*color: white;*/
    /*background-color: #4CAF50;*/
    color: #4CAF50;
    padding: 20px;
    border-radius: 8px;
    border: 2px solid #4CAF50;
    line-height: 1.3;
    /*width: 200px;*/
    /*height: 150px;*/
}

.highlight-message-error {
    /*color: white;*/
    /*background-color: #4CAF50;*/
    color: red;
    padding: 20px;
    border-radius: 8px;
    border: 2px solid red;
    line-height: 1.3;
    /*width: 200px;*/
    /*height: 150px;*/
}


.highlight-message-warning {
    color: goldenrod;
    padding: 20px;
    border-radius: 8px;
    border: 2px goldenrod solid;
    line-height: 1.3;
    /*width: 200px;*/
    /*height: 150px;*/
}

    .highlight-message-warning .btn-warning {
        background-color: goldenrod !important;
    }

#menu-laterale .panel-heading,
#heading-ticket .panel-heading {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

#menu-laterale a.panel-title,
#heading-ticket a.panel-title {
    cursor: default;
}

#menu-laterale .panel-title i,
#menu-laterale .panel-body i,
#heading-ticket .panel-title i {
    margin-top: -3px !important;
    margin-right: 5px;
}

.forum-list .job_answer a, .forum-list .job_answer a:hover {
    color: #ffffff;
    background-color: dodgerblue !important;
    border-color: dodgerblue !important;
}

.forum-list .cliente_esterno a, .forum-list .cliente_esterno a:hover {
    color: #ffffff;
    background-color: dodgerblue !important;
    border-color: dodgerblue !important;
}
.forum-list .cliente_interno a, .forum-list .cliente_interno a:hover {
    color: #ffffff;
    background-color: darkorange !important;
    border-color: darkorange !important;
}

.blog-meta small, .widget .panel small {
    font-size: 1.4rem !important;
}

.widget .panel h3 {
    font-size: 2rem !important;
}

#menu-laterale h3 {
    font-size: 1.6rem !important;
}

.topic-meta .tags, .tags li {
    padding-left: 5px !important;
}

.topic-meta .job_answer a, .topic-meta .job_answer a:hover {
    color: #ffffff !important;
    background-color: dodgerblue !important;
    border-color: dodgerblue !important;
}
.topic-meta .cliente_esterno a, .topic-meta .cliente_esterno a:hover {
    color: #ffffff;
    background-color: dodgerblue !important;
    border-color: dodgerblue !important;
}
.topic-meta .cliente_interno a, .topic-meta .cliente_interno a:hover {
    color: #000000;
    background-color: darkorange !important;
    border-color: darkorange !important;
}
.forum-list .waiting_answer a,
.topic-meta .waiting_answer a,
.topic-meta .waiting_answer a:hover {
    color: #ffffff !important;
    background-color: #4CAF50 !important;
    border-color: #4CAF50 !important;
}

.topic-meta .closed a, .topic-meta .closed a:hover {
    color: #ffffff !important;
    background-color: #D32F2F !important;
    border-color: #D32F2F !important;
}

.panel-body .topic_comment .widget {
    background-color: #ffffff !important;
    padding-top: 20px !important;
    margin-bottom: 10px !important;
}

    .panel-body .topic_comment .widget .panel-body {
        padding: 0px 0px !important;
    }

.panel-body .topic_comment {
    margin-top: 40px !important;
    border-top: 1px solid #0E5391;  
}

.blog-meta small,
.panel-title .topic-title small,
.panel-body .topic-desc small,
.panel-body .topic-desc p,
p {
    color: #727272 !important;
    font-weight: normal !important;
}

.panel-body .topic-desc p {
    font-weight: 400 !important;
}

.topic-desc h5 {
    color: #727272 !important;
}

.label_cf {
    color: #727272 !important;
    font-size: 1.3rem;
}

.message-buttons {
    display: block;
    margin-bottom: 30px;
}


.topic-page .topic-desc {
    padding: 0 !important;
}

.b-0 {
    border: 0 !important;
}

.m-0 {
    margin: 0 !important;
}

.p-0 {
    padding: 0 !important;
}


#modifica-dati .form-group label.control-label {
    margin: 6px 0 0 0 !important;
    font-weight: 600 !important;
}



/*margin-top*/
.mt-0, .my-0 {
    margin-top: 0 !important;
}

.mt-1, .my-1 {
    margin-top: .25rem !important;
}

.mt-2, .my-2 {
    margin-top: .5rem !important;
}

.mt-3, .my-3 {
    margin-top: 1rem !important;
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important;
}

.mt-5, .my-5 {
    margin-top: 3rem !important;
}

/*margin-bottom*/
.mb-0, .my-0 {
    margin-bottom: 0 !important;
}

.mb-1, .my-1 {
    margin-bottom: .25rem !important;
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important;
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important;
}

/* padding-top*/
.pt-0, .py-0 {
    padding-top: 0 !important;
}

.pt-1, .py-1 {
    padding-top: .25rem !important;
}

.pt-2, .py-2 {
    padding-top: .5rem !important;
}

.pt-3, .py-3 {
    padding-top: 1rem !important;
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important;
}

.pt-5, .py-5 {
    padding-top: 3rem !important;
}

/*padding-bottom*/
.pb-0, .py-0 {
    padding-bottom: 0 !important;
}

.pb-1, .py-1 {
    padding-bottom: .25rem !important;
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important;
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important;
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important;
}

.pl-0, .px-0 {
    padding-left: 0 !important;
}

.pl-1, .px-1 {
    padding-left: .25rem !important;
}

.pl-2, .px-2 {
    padding-left: .5rem !important;
}

.pl-3, .px-3 {
    padding-left: 1rem !important;
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important;
}

.pl-5, .px-5 {
    padding-left: 3rem !important;
}


.pr-0, .px-0 {
    padding-right: 0 !important;
}

.pr-1, .px-1 {
    padding-right: .25rem !important;
}

.pr-2, .px-2 {
    padding-right: .5rem !important;
}

.pr-3, .px-3 {
    padding-right: 1rem !important;
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important;
}

.pr-5, .px-5 {
    padding-right: 3rem !important;
}


/* Line Height */
.line-height-initial {
    line-height: initial !important;
}

.line-height-1 {
    line-height: 1 !important;
}

.line-height-2 {
    line-height: 1.2 !important;
}

.line-height-3 {
    line-height: 1.3 !important;
}

.line-height-4 {
    line-height: 1.4 !important;
}

.line-height-5 {
    line-height: 1.5 !important;
}

.line-height-6 {
    line-height: 1.6 !important;
}

.line-height-7 {
    line-height: 1.7 !important;
}

.line-height-8 {
    line-height: 1.8 !important;
}

.line-height-9 {
    line-height: 1.9 !important;
}

@media (min-width: 576px) {
    .line-height-sm-initial {
        line-height: initial !important;
    }

    .line-height-sm-1 {
        line-height: 1 !important;
    }

    .line-height-sm-2 {
        line-height: 1.2 !important;
    }

    .line-height-sm-3 {
        line-height: 1.3 !important;
    }

    .line-height-sm-4 {
        line-height: 1.4 !important;
    }

    .line-height-sm-5 {
        line-height: 1.5 !important;
    }

    .line-height-sm-6 {
        line-height: 1.6 !important;
    }

    .line-height-sm-7 {
        line-height: 1.7 !important;
    }

    .line-height-sm-8 {
        line-height: 1.8 !important;
    }

    .line-height-sm-9 {
        line-height: 1.9 !important;
    }
}

@media (min-width: 768px) {
    .line-height-md-initial {
        line-height: initial !important;
    }

    .line-height-md-1 {
        line-height: 1 !important;
    }

    .line-height-md-2 {
        line-height: 1.2 !important;
    }

    .line-height-md-3 {
        line-height: 1.3 !important;
    }

    .line-height-md-4 {
        line-height: 1.4 !important;
    }

    .line-height-md-5 {
        line-height: 1.5 !important;
    }

    .line-height-md-6 {
        line-height: 1.6 !important;
    }

    .line-height-md-7 {
        line-height: 1.7 !important;
    }

    .line-height-md-8 {
        line-height: 1.8 !important;
    }

    .line-height-md-9 {
        line-height: 1.9 !important;
    }
}

@media (min-width: 992px) {
    .line-height-lg-initial {
        line-height: initial !important;
    }

    .line-height-lg-1 {
        line-height: 1 !important;
    }

    .line-height-lg-2 {
        line-height: 1.2 !important;
    }

    .line-height-lg-3 {
        line-height: 1.3 !important;
    }

    .line-height-lg-4 {
        line-height: 1.4 !important;
    }

    .line-height-lg-5 {
        line-height: 1.5 !important;
    }

    .line-height-lg-6 {
        line-height: 1.6 !important;
    }

    .line-height-lg-7 {
        line-height: 1.7 !important;
    }

    .line-height-lg-8 {
        line-height: 1.8 !important;
    }

    .line-height-lg-9 {
        line-height: 1.9 !important;
    }
}

@media (min-width: 1200px) {
    .line-height-xl-initial {
        line-height: initial !important;
    }

    .line-height-xl-1 {
        line-height: 1 !important;
    }

    .line-height-xl-2 {
        line-height: 1.2 !important;
    }

    .line-height-xl-3 {
        line-height: 1.3 !important;
    }

    .line-height-xl-4 {
        line-height: 1.4 !important;
    }

    .line-height-xl-5 {
        line-height: 1.5 !important;
    }

    .line-height-xl-6 {
        line-height: 1.6 !important;
    }

    .line-height-xl-7 {
        line-height: 1.7 !important;
    }

    .line-height-xl-8 {
        line-height: 1.8 !important;
    }

    .line-height-xl-9 {
        line-height: 1.9 !important;
    }


    /*GRIDVIEW*/
    .gridViewHeading {
        text-align: left;
        font-size: 1.6rem;
        height: 18px;
        color: white;
        padding: 1rem;
    }

    .gridViewCellItem {
        font-size: 1.4rem;
        padding: 1rem;
    }

    .treeNode {
        transition: all .3s;
        padding: 12px 5px;
        text-align: center;
        /*width: 100%;*/
        margin: 0;
        /*min-width: 250px !important;*/
        /*border: 2px solid #8e44ad;*/
        text-decoration: none !important;
        color: black;
        /*color:blue;
            font:14px Arial, Sans-Serif;*/
    }

    .rootNode {
        font-size: 18px;
        /*width:100%;*/
        /*border-bottom: Solid 1px black;*/
        /*color: #337ab7;*/
    }

    .leafNode {
        /*border: Dotted 2px black;*/
        padding: 10px;
        /*background-color: #eeeeee;*/
        font-weight: bold;
    }

    .selectNode {
        /*background-color: Black;*/
        /*border: Dotted 2px black;*/
        font-weight: bold;
        color: #fff;
    }

    .form-group select {
        -webkit-appearance: checkbox !important;
        -moz-appearance: checkbox !important;
        appearance: auto !important;
    }
}


.panel-body .topic-desc .allegato {
    font-size: 1.4rem !important;
    font-weight: bolder;
}

.container-pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.h4-flex {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    align-content: center;
}

.pg-active {
    background-color: var(--bg-color-button) !important;
    color: #ffffff !important;
}

label {
    color: #727272;
}




.cookie-consent {
    position: fixed;
    width: 100%;
    background-color: #000000;
    margin: 0px 0px 0px 0px;
    left: 0px;
    bottom: 0px;
    padding: 10px;
    z-index: 10000;
    text-align: center;
    color: white;
}



.text-color-dark, html .text-dark {
    color: #212529 !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.text-3 {
    font-size: 1em !important;
}


.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
   /* padding: .375rem .75rem;
    font-size: 1rem;*/
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

    .btn:not(:disabled):not(.disabled) {
        cursor: pointer;
    }
/*
    .btn:not(.btn-rounded) {
        border-radius: 0 !important;
    }*/

.btn-light, html body .btn-outline.btn-light {
    border-color: #d9d9d9 #d9d9d9 #bfbfbf;
    color: #777;
}

.btn-light {
    background-color: #FFF;
    border-color: #FFF #FFF #e6e6e6;
    color: #777;
}

.text-color-light, .text-light {
    color: #FFF !important;
}

#container_GridViewList thead{
    display:none;
}
.table.table-rounded {
    border-radius: .475rem;
    border-spacing: 0;
    border-collapse: separate;
}
.border {
    border: 1px solid #eff2f5 !important;
}
.align-middle {
    vertical-align: middle !important;
}

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #181C32;
    --bs-table-striped-bg: rgba(245, 248, 250, 0.75);
    --bs-table-active-color: #181C32;
    --bs-table-active-bg: #F5F8FA;
    --bs-table-hover-color: #181C32;
    --bs-table-hover-bg: #F5F8FA;
    width: 100%;
    margin-bottom: 1rem;
    color: #181c32;
    vertical-align: top;
    border-color: #eff2f5;
}
table {
    caption-side: bottom;
    border-collapse: collapse;
}

.g-4, .gy-4 {
    --bs-gutter-y: 2rem;
}
.table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 15px !important;
    vertical-align: middle !important;
}