/* COLORI */
/*
arancione : #EF4B24;
#FE5815
blu : #193466;
#09357a
blu-chiaro:#001A70
grigio : #75787B;
*/

body{
font-size: 10px;
overflow-x: hidden;
}
/* oltre 700 */
@media only screen and (min-width: 700px){
    body{
    font-size: 12px;
    }
}
/* oltre 980 */
@media only screen and (min-width: 981px){
    body{
    font-size: 14px;
    }
}
/* oltre 1600 */
@media only screen and (min-width: 1600px){
    body{
    font-size: 16px;
    }
}
/* altezza sotto 700 */
@media only screen and (max-height: 700px){
    body{
    font-size: 10px;
    }
}

/* animazioni fluide al cambio di risoluzione */
*{
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease;
}
#sb-container *,
#sb-container,
.login-box, 
.flatpickr-calendar{
    -webkit-transition:all 0s ease !important;
    -moz-transition:all 0s ease !important;
    -o-transition:all 0s ease !important;
    transition:all 0s ease !important;
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #75787B;
  -webkit-text-fill-color: #000;
}

/* FONTS */
@font-face {
    font-family: 'frutiger55_roman';
    src: url('../fonts/frutiger-roman-webfont.eot');
    src: url('../fonts/frutiger-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/frutiger-roman-webfont.woff2') format('woff2'),
         url('../fonts/frutiger-roman-webfont.woff') format('woff'),
         url('../fonts/frutiger-roman-webfont.ttf') format('truetype'),
         url('../fonts/frutiger-roman-webfont.svg#frutiger55_roman') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'frutiger_boldregular';
    src: url('../fonts/frutiger-bold-webfont.eot');
    src: url('../fonts/frutiger-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/frutiger-bold-webfont.woff2') format('woff2'),
         url('../fonts/frutiger-bold-webfont.woff') format('woff'),
         url('../fonts/frutiger-bold-webfont.ttf') format('truetype'),
         url('../fonts/frutiger-bold-webfont.svg#frutiger_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* GENERALI */
html, body{
    width:100%;
    overflow-x:hidden;
}
body{
    font-family: 'frutiger55_roman';
    color:#09357a;
}
.container-fluid:not(.fluid-home){
    min-height: 65vh;
}
.ns-row{
    max-width:95vw!important;
    margin:auto!important;
}
@media only screen and (min-width: 1360px){
    .ns-row{
        max-width:90vw!important;
        margin:auto!important;
    }
}
.btn{
    border-radius:0;
    transition:all 1s;
}
a{
    text-decoration:none;
    color:#09357a;
}
a:hover{
    text-decoration:none;
    color:#FE5815;
}
.checkmark{
    transition:all 0s;
}
input[type="submit"],
.best{
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
}
input[type="submit"],
button,
.best{
    transition:all 1s;
    min-width: fit-content;
}
.btn:hover,
input[type="submit"]:hover,
.best:hover{
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.btn-wide{
    width:100%;
    margin:auto;
}
input.valid{
    border-color:lightgreen!important;
    background-color:transparent;
}
p,
span,
label{
    font-size:16px;
    font-size: 1em;
}
h3,
.h3{
    font-size:22px;
    font-size:1.3em;
    font-weight:bold;
}
h4{
    color:#FE5815;
    font-size:22px;
    font-size:1.3em;
}
.form-element select,
.form-control select{
    background-image: url(../images/select-bg.png);
    background-position: center right 4px;
    background-size: auto;
    background-repeat: no-repeat; 
}
.relative{
    position:relative;
}
.editview div.fieldctr > label {
    padding:0;
}
.left-image-col{
    text-align:center;
    position:relative;
}
.searchback{
    position: absolute;
    bottom:-3em;
    left: calc(50% - 100px);
}
.academy-img + .searchback{
    bottom:3em;
    left:calc(50% - 50px);
}
@media only screen and (min-width : 990px){
    .searchback{
        bottom:-1em;
    }
    .academy-img + .searchback{
        bottom:1em;
    }
}
.left-image{
    background-image: url(../images/left-placeholder-1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
    max-width:600px;
    height:400px;
    display: -webkit-box;
    display: flex;
    margin:auto;
    display:none;
}
.square{
    background-image: url(../images/orange-square.png);
    background-position:center right;
    background-repeat:no-repeat;
    background-size:contain;
    height:70%;
    display: -webkit-box;
    display: flex;
    margin:auto;
}
.left-title{
    text-align:left;
    margin:auto;
    margin-left:0em;
    text-transform: uppercase;
}
.forum-left .left-title{
    text-align:left;
    margin:auto;
    margin-left:auto;
}
.profile-left-image .left-title{
    margin-left:0;
}
.academy-img .left-title{
    margin-left:-1em;
}
@media only screen and (min-width : 980px){
    .left-image{
        background-image: url(../images/left-placeholder-1.png);
        background-position:center;
        background-repeat: no-repeat;
        max-width:600px;
        height:400px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .forum-left .left-title{
        margin-left:15%;
    }
}
@media only screen and (min-width : 1200px){
    .left-image{
        background-size:contain;
        background-position: center ;
        margin:auto;
    }
}
.left-image-col a{
    text-align:center;
    color:#193366;
}
.left-image-col a:hover{
    text-decoration: none;
}

.academy-img a,
.academy-img:hover a{
    text-decoration:none;
}
.left-title h2,
.left-title span{
    font-size:1.3rem;
    font-weight:bold;
    margin-bottom:0;
}
.left-title h2{
    color:#09357a;
}
.orange{
    color:#FE5815;
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px){
    .left-title h2,
    .left-title span{
    font-size:2rem;
    font-weight:bold;
    }
}
@media only screen and (min-width : 1260px){
    .left-title h2,
    .left-title span{
        font-size:2rem;
    }
}
@media only screen and (min-width : 1360px){
    h3,
    .h3{
        font-size:16px;
        font-size:1em;
    }
    p,
    span,
    .label{
        font-size:14px;
        font-size:1em;
    }
    .left-title{
        width:auto;
    }
	.surveystatpoint>div>span::last-of-type{
		font-size:0.8em !important;
	}
}
@media only screen and (min-width: 1920px){
    h3,
    .h3,
    .label{
        font-size:22px;
        font-size:1.3em;
    }
    p,
    span{
        font-size:16px;
        font-size:1em;
    }
	.surveystatpoint>div>span::last-of-type{
		font-size:0.8em !important;
	}
}
@media screen\0{
    .left-image{
        display:table;
        background-size:contain;
    }
    .left-title{
        display:table-cell;
        vertical-align:middle;
        width:80%;
    }
}
/* showmore */
.showmore{
    border:1px solid #FE5815;
    color:#FE5815;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    max-width: 15vw;
    text-align: center;
    max-width:max-content;
}
.showmore:hover{
    cursor:pointer;
    background-color:#FE5815;
    color:#fff;
}
@media only screen and (min-width : 1366px){
    .showmore{
        max-width: 10vw;
        max-width: max-content;
    }
}
.description{
    overflow-y:scroll;
    height:auto;
    margin-top:1rem;
}
.description-short{
    display: block;
    display: -webkit-box;
    height:97px;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.short{
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
    max-height:2em;
}
/*NAVBAR*/
.logo-mobile{
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center;
}
.logo-mobile img{
    width:50%;
    max-width: 25vw;
    padding-bottom: 2em;
}
@media only screen and (min-width : 998px){
    .logo-mobile img{
        padding-bottom:0;
    }
}
.navbar{
    position:fixed!important;
    top:0.3em!important;
    right:0.3em!important;
    z-index:10!important;
}
.navbar-collapse{
    width: 100vw!important;
    position: fixed!important;
    top: 8vh!important;
    left: 0px!important;
    background-color:#fff!important;
}
.navbar-nav{
    text-align:center!important;
}
.navbar-brand img{
    display:none!important;
}
.navbar-nav{
    margin:auto!important;
    padding-top:1em!important;
    padding-bottom:1em!important;
}
.navbar-light .navbar-nav .nav-link{
    font-size:1em;
    color:#09357a!important;
}
.navbar-light .navbar-nav .nav-link:hover{
    color:#FE5815!important;
}
.nav-item.unread{
    position:relative!important;
}
.nav-item.unread .nav-link{
    display: inline-block!important;
}
.nav-item.unread::after{
    content:"!";
    color:#fff;
    background-color:#FE5815;
    font-size:1em;
    border-radius:100%;
    font-weight: bold;
    position: absolute;
    display:flex;
    align-items:center;
    justify-content: center;
    height: 15px;
    width: 15px;
}
@media only screen and (min-width: 990px){
    .nav-item.unread::after{
        top:-10px;
        right:0;
    }
}
.home-user{
    position: relative;
    height: fit-content;
    width: fit-content;
    margin: auto;
}
.home-user .noshow{
    display:none;
}
.home-user .noshow.unread{
    position: absolute;
    top: -10px;
    right: -10px;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    color: #FE5815;
    border:1px solid #09357a;
}
.home-user .noshow.unread span{
    font-size:1em;
    font-weight: bold;
    color: #FE5815!important;
}
.nav-item .btn{
    border:1px solid #09357a;
    margin: 0.5em auto;
    width:90%;
    padding:0.25rem;
    color:#FE5815;
}
.nav-item .btn:hover{
    cursor:pointer;
    background-color: rgba(26, 54, 104, 0.2);
    color:#09357a;
}
.nav-link.best{
    border:1px solid #FE5815;
    margin: 0.5em auto;
    width:90%;
    padding:0.25rem;
    color:#09357a;
}
.nav-link.best:hover{
    cursor:pointer;
    background-color: rgba(239, 75, 36, 0.2);
    color:#FE5815;
}
.navbar-toggler,
.navbar-light .navbar-toggler{
    background-color:#fff!important;
    border:1px solid #FE5815!important;
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait){
    .logo-mobile img{
        width:auto!important;
    }
    .left-title h2{
        font-size:2.5em!important;
    }
    .navbar-collapse{
        top:6vh!important;
    }
}
@media only screen and (min-width : 992px){
    .nav-link{
        padding:0.25rem 0.5rem!important;
    }
    .nav-item .btn,
    .nav-link.best{
        margin:auto!important;
        padding:auto!important;
        width:auto!important;
    }
    .nav-item .btn{
        margin-left:2em!important;
    }
    .logo-mobile{
        display:none!important;
    }
    .navbar-brand img{
        width: 100%!important;
        display:block!important;
    }
    .navbar{
        width:100%!important;
        margin:auto!important;
        position:relative!important;
    }
    .navbar-collapse{
        position:static!important;
        border:none!important;
    }    
    .navbar-nav{
        width:100%!important;
        margin:0!important;
    }
    .navbar-light .navbar-nav .nav-link{
        padding-right: 0.5rem!important;
        padding-left: 0.5rem!important;
        font-size:0.6em;
    }
}
@media only screen and (min-width: 1024px){
    .navbar{
        position:relative!important;
    }
    .navbar-nav{
        width:auto!important;
        margin:auto!important;
    }
    .navbar-collapse{
        position:relative!important;
        top:auto!important;
        left:auto!important;
        border:none!important;
    }
}
@media only screen and (min-width: 1200px){
    .navbar-light .navbar-nav .nav-link{
        font-size:0.8em;
    }
}
@media only screen and (min-width: 1500px){
    .navbar-light .navbar-nav .nav-link{
        font-size:1em;
    }
}
.navbar-nav .nav-item{
    max-height:max-content!important;
}
.navbar-nav .nav-item .nav-link{
    min-height:max-content!important;
    font-weight:bold!important;
}
#dropdownAdmin{
    border: 1px solid transparent!important;
}
#dropdownAdmin .nav-link{
    padding:0 0.5em!important;
}
@media only screen and (min-width : 1024px){
    #dropdownAdmin{
        min-width : 200px!important;
        border-radius:0!important;
        border: 1px solid #09357a!important;
        box-shadow: 4px 4px 0px 0px #09357a!important;
    }
    #dropdownAdmin .nav-link{
        padding: 0.5rem 1rem!important;
    }
}
.navbar, .mainmenu{
    flex-direction:row!important;
    -webkit-box-orient:horizontal!important;
}
/* HOME */
.community, .academy, .projects, .login-home, .login-box, .survey{
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.login-home{
    background-image:url(../images/home-header-bg.jpg);
    height:75vh;
    display:flex;
    align-items:center;
}
.login-box{
    width:100%;
    background-image:url(../images/home-login-bg.png);
    margin:auto;
    height:40vw;
}
.login-user .login-box{
    height:fit-content;
}
@media only screen and (min-width : 760px){
    .login-box{
        height:30vw;
    }
}
@media only screen and (min-width : 1024px){
    .login-box{
        width:25vw;
        margin-left:10vw;
        position:relative;
        height:25vw;
    }
}
@media only screen and (min-width : 1360px){
    .login-box{
        min-height:calc(75vh/2);
    }
}
@media only screen and (min-width : 1920px){
    .login-box{
        height:calc(75vh/2);
    }
}
.login-box .logo img{
    width:25%;
}
@media only screen and (min-width : 1024px){
    .login-box .logo img{
        width: 50%;
        margin:1em 0em;
    }
}
.community{
    background-image:url(../images/community-bg.jpg);
}
.community-col{
    margin-bottom:3em;
}
@media only screen and (min-width : 1260px){
    .community-col{
        margin-bottom:0;
    }
}
.academy{
    background-image:url(../images/academy-bg.jpg);
}
.survey{
    background-image:url(../images/survey-bg.jpg);
}
.projects{
    background-image:url(../images/projects-bg.jpg);
}
.col-home-boxes{
    margin-bottom:2em;
}
.col-home-boxes .box{
    position:relative;
    transition:all 0.5s;
}
.col-home-boxes .hover{
    display:none;
}
.col-home-boxes .box:hover .hover{
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    background-color:#FE5815;
    height:25px;
}
.box{
    height: 250px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items:center;
}
.box.academy{
    margin-bottom:25px;
}
.box.community{
    /*height:525px;*/
    margin:auto;
    margin-bottom:25px;
}
.box .box-title{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-image:url(../images/white-text-bg.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size: cover;
    padding:2em 5em;
}
.box .box-title img{
    max-height:2em;
    display:none;
}
.box-title h2{
    color:#FE5815;
    font-size:2em;
}
.box.evidenza .box-title{
    background-color:#FE5815;
    background-image:none;
}
.box.evidenza .box-title h2{
    color:#fff;
}
.video-home img{
    width:100%;
}
.home-link{
    display: inline-block;
    width:49%;
}
.academy-link,
.community-link{
    border-right: 2px solid #191919;
}
.home-link img{
    max-height:20vw;
    padding-bottom:1em;
}
@media only screen and (min-width : 970px){
    .home-link{
        display:inline-block;
        width:25%;
    }
    .home-link img{
        max-height:10vw;
    }
}
@media only screen and (min-width : 1280px){
    .home-link img{
        max-height:9vw;
    }
}
@media only screen and (min-width : 1360px){
    
}
@media only screen and (min-width : 1920px){
    .home-link img{
        max-height:7vw;
        padding-bottom:2em;
    }
}
.home-link a,
.home-link a:hover{
    text-decoration: none;
    color:#193366;
    cursor:pointer;
}
.home-link a:hover img{
    transform: scale(1.2);
    transition: all 0.5s;
}
@media only screen and (min-width : 1024px){
    .login-home .row-btn{
        padding-bottom:0;
    }
}
.profile-image-home{
    width: 200px;
    height: 200px;
    text-align: center;
    background-color: #fff;
    margin:auto;
    margin-bottom: 2em; 
}
.home-user img{
    border:3px solid #FFF;
    object-fit: contain;
    height: 100%;
    width: 100%;
}
.home-user h2,
.home-user span{
    color:#fff;
}
/* LOGIN FORM */
.col-btn{
    position:relative;
}
.login-user .col-btn{
    position: static;
}
@media only screen and (min-width : 1024px){
    .col-btn:first-of-type{
        padding-top:3em;
    }
}
@media only screen and (min-width : 1366px){
    .col-btn:first-of-type{
        padding-top:5em;
    }
}
.login-collapse{
    width:75%;
    position: absolute;
    top: 3em;
    left: calc(25% / 2);
    z-index:100;
}
.login-btn{
    border:1px solid #09357a;
    background-color:#fff;
    transition:all 0.4s;
    color:#193366;
    min-width:150px;
}
.login-btn:hover{
    text-decoration: none;
    background-color:#09357a;
    color:#FFF;
    border:1px solid #fff;
}
.login-btn:focus{
    box-shadow: none;
}
.login-form .login-btn{
    width:50%;
    margin:auto;
}
.login-form .form-group{
    position:relative;
}
.login-form label{
    position: absolute;
    top: -10px;
    background-color: #fff;
    left: 10px;
    font-size: 0.9em;
    padding-left: 0.2em;
    padding-right: 0.2em;
}
.login-form .form-group,
.login-form .form-element{
    width:100%;
}
.login-form .form-element{
    height:40px;
    position:static;
    padding: 0 10px;
}
.login-form .card-body{
    border-radius: 0;
    border: 1px solid #09357a;
    box-shadow: 4px 4px 0px 0px #09357a;
}
.close-log{
    padding: 0.2em 0.4em;
    cursor:pointer;
    border:1px solid #191919;
}
/* REGISTRAZIONE */
.photo-container{
    background-image:url(../images/caricamento-foto.png);
    background-position:center;
    background-repeat:none;
    background-size:contain;
    border-radius:100%;
    width:35vw;
    height:35vw;
    max-width:200px;
    max-height:200px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:2em auto;
}
.photo-container input[type="file"]{
    border-radius:100%;
    width:35vw;
    height:35vw;
    max-width:200px;
    max-height:200px;
    opacity: 0;
    filter: alpha(opacity=0);
    display:flex;
    align-items:center;
    justify-content:center;
    margin:2em auto;
    cursor:pointer;
  }
@media only screen and (min-width : 980px){
    .photo-container{
        margin-bottom:2em;
        max-width:150px;
        max-height:150px;
    }
    .photo-container input[type="file"]{
        margin-bottom:2em;
        max-width:150px;
        max-height:150px;
    }
}

.register-form .form-element{
    font-size:1em;
    padding:0.5em;  
}
@media only screen and (min-width : 990px){
    .register-form .form-control,
    .register-form .btn-add{
        font-size:0.8em;
    }
}
@media only screen and (min-width : 1280px){
    .register-form .form-control,
    .register-form .btn-add{
        font-size:1em;
    }
}
.register-form #bio::placeholder{
    display:block!important;
}
.form-info{
    position:absolute;
    right:-1.5em;
    top:0.5em;
    width:25px;
    height:25px;
}
.form-element .info-registrazione{
    text-align:left;
    width:80%;
    margin:auto;
    margin-top:1em;
    padding:1em;
    border-radius: 0;
    border: 1px solid #09357a;
    box-shadow: 4px 4px 0px 0px #09357a;
    background-color: #fff;
    z-index: 1000;
}
.register-form .form-element .form-control{
    border:1px solid #FE5815;
    border-radius: 0;
    height:2.4em;
}
.register-form .form-element textarea.form-control{
    height:auto;
    color:#09357a
}
.register-form .btn-add{
    width:100%;
    margin:auto;
    background-color: #09357a;
    color:#fff
}
.register-form .collapse-card-body{
    width:40%;
    margin:auto;
    margin-right:0;
    padding:0.5em;
    border-radius: 0;
    border: 1px solid #09357a;
    box-shadow: 4px 4px 0px 0px #09357a;
}
.register-form .collapse-card-body .dropdown-item{
    background-image: url(../images/add.png);
    background-position:center right 0.5em;
    background-repeat:no-repeat;
    padding:1em 0;
    text-align:left;
}
.register-form .collapse-card-body .dropdown-item:first-of-type{
    border-bottom:1px dotted #09357a;
}
.condizioni-registrazione{
    overflow-y:scroll;
    overflow-x:auto;
    height:250px;
}
.condizioni-registrazione p,
.condizioni-registrazione li{
    font-size:0.7em;
}
.condizioni-registrazione h1, 
.condizioni-registrazione h2, 
.condizioni-registrazione h3{
    font-weight: bold;
    font-size:1em;
    color:#FE5815;
}
.register-form input[type="submit"]{
    max-width:max-content;
}
.register-form input[type="submit"]:hover{
    color:#FE5815;
}
/* ACADEMY */

.row-academy{
    align-items:center;
}
.academy-img{
    background-image: url(../images/academy.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
    width:50vw;
    display: -webkit-box;
    display: flex;
    margin:auto;
}
.survey-img{
    background-image: url(../images/academy.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
    width:50vw;
    display: -webkit-box;
    display: flex;
    margin:auto;
}
.tag-list{
    list-style-type: none;
    padding-left: 0;
}
@media only screen and (min-width : 990px){
    .tag-list{
        display:inline-block;
    }
}
@media only screen and (min-width : 1024px){
    .tag-list{
        font-size:0.8em;
    }
}
.tag-list .tag-item{
    padding-left:0.4em;
    padding-right:0.4em;
    display:inline-block;
}
.tag-list .tag-item .tag-link{
    color:#193366;
    font-size:1.2em;
}
.tag-list .tag-item .tag-link:hover{
    text-decoration:none;
    cursor:pointer;
    color:#FE5815;
}
.tag-list .tag-item.selected{
    font-weight: bold;
}
@media only screen and (min-width : 680px){
    .academy-img, .survey-img{
        width:25vw;
    }
}
@media only screen and (min-width : 1366px){
    .academy-img, .survey-img{
        width:16vw;
    }
}
@media only screen and (min-width : 1920px){
    .academy-img img, .survey-img{
        width:100%;
    }
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape){
    .academy-img, .survey-img{
        margin-left:3em;
    }
    .academy-img img, .survey-img{
        width:100%;
    }
}
.tag-list .tag-item .tag-link.enhance{
    color:#FE5815;
}
.tag-list .tag-item .tag-link.enhance:hover{
    color:#09357a;
}
/* CAROUSEL */
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
    padding:0.2em 1em!important;
}
.owl-carousel .owl-nav button span{
    font-size:2em;
}
.owl-theme .owl-nav [class*=owl-]{
    border-radius:0;
}
.col-topic-item{
    padding:2em;
    cursor: grab;
}
.col-topic-item span,
.col-progetto-item span{
    cursor:pointer;
    color:#09357A;
}
.owl-carousel .owl-item img {
    height: auto;
    max-height: 200px;
    width: 100%;
    display: block;
    margin: auto;
    object-fit: contain;
    overflow: hidden;
    cursor:pointer;
}
.col-topic-item img,
.col-progetto-item img{
    padding:0 0 1em 0;
    margin:1em 0!important;
}
.owl-carousel .owl-item img:hover{
    transform: scale(1.1);
}
.col-topic-item hr,
.col-progetto-item hr{
    border-top:1px solid #FE5815;
    margin:0;
}
.col-topic-item p,
.col-progetto-item p{
    text-align:justify;
    color:#09357A;
}
.col-topic-item p,
.col-progetto-item p{
   /* display: block;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    */
    margin: 0;
}
.cut-text{
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 15px;
    max-height: 7.5em;
}
.col-topic-item a,
.col-progetto-item a{
    color:#09357A;
    display:block;
    text-align:left;
}
.col-topic-item a:hover,
.col-progetto-item a:hover{
    cursor:pointer;
    text-decoration:none;
    color:#FE5815;
}
.col-topic-item h3,
.col-progetto-item h3{
    font-size:1.1em;
    text-align:left;
}
.col-topic-item img,
.col-progetto-item img{
    height: auto;
    max-height: 200px;
    width: 100%;
    display: block;
    margin: auto;
    object-fit: contain;
    overflow: hidden;
}
.col-topic-item:hover img,
.col-progetto-item:hover img{
    transform: scale(1.1);
}
.related .col-progetto-item,
.related .col-topic-item{
    padding-top:0;
}
/* ACADEMY SINGLE TOPIC */
.active-article>img:first-of-type{
    width:100%;
    padding-bottom:1.3em;
    max-width: 50vw;
    object-fit: contain;
    height: auto;
}
@media only screen and (min-width : 1600px){
    .active-article>img:first-of-type{
        max-width:30vw;
    }
}
/*
@media only screen and (min-width : 1360px){
    .active-article>img:first-of-type{
        max-width: 30vw;
    }
}
@media only screen and (min-width : 1920px){
    .active-article>img:first-of-type{
        max-width: 20vw;
    }
}*/
.active-article{
    text-align:center;
}
.active-article p,
.active-article h2{
    text-align:left;
}
.active-article h2{
    font-size:1.2em;
    font-weight: bold;
}

.active-article hr{
    width:100%;
    border-top:1px solid #FE5815;
}
/*FORM AMBASSADORS*/
.row-form-container .left-image-col{
    padding-top:0;
}
.search-img{
    background-image:url(../images/search-left-bg.jpg);
    background-position: center;
    background-repeat:no-repeat;
    background-size:contain;
    width:100%;
    min-height:35vw;
    height:400px;
    display: -webkit-box;
    display: flex;
}
.register-img{
    background-image:url(../images/register-left-bg.jpg);
    background-position: center;
    background-repeat:no-repeat;
    background-size:contain;
    width:100%;
    min-height:30vw;
    height:400px;
    display: -webkit-box;
    display: flex;
}
h2.white{
    color:#fff;
    padding-right:0.5em;
    width: 100%;
    text-align: left;
    min-width:300px;
}
.hub-image img{
    width:75%;
    display:block;
    margin: auto;
}
@media only screen and (min-width : 680px){
    .hub-image img{
        width:50%;
    }
}
@media only screen and (min-width : 991px){
    .hub-image img{
        width:100%;
    }
}

.form-ricerca-hub .form-element{
    padding:1.5em 0.5em 1.5em 0.5em;
}
.form-ricerca-hub .form-element span,
.form-ricerca-hub .form-element img{
    display:inline-block;
    vertical-align: bottom;
    padding-bottom:1em;
}
.form-ricerca-hub .form-element img{
    height:60px;
}
.form-ricerca-hub .form-element span{
    padding-left:1em;
}
@media only screen and (min-width : 1024px){
    .form-ricerca-hub .form-element span{
        padding-left:0;
    }
}
select.form-control:not([size]):not([multiple]):not(.form-control){
    height:auto;
}
.form-ricerca-hub .form-element select,
.form-control{
    border:1px solid #535362;
    border-radius: 0;
    font-size:0.7em;
    height:2.4em;
}
.form-ricerca-hub .form-row input[type="submit"]{
    font-size:0.7em;
    height:2.4em;
}
.form-ricerca-hub .form-element input[type="text"]{
    border:1px solid #535362;
    border-radius: 0;
    background-image: url(../images/search-bg.png);
    background-position: center right 4px;
    background-size: auto;
    background-repeat: no-repeat; 
    font-size:0.7em;
    height:2.4em;
}
.form-ricerca-hub .form-control:focus{
    box-shadow:none;
    border:1px solid #535362;
}
.confirm-btn,
.legenda-btn{
    width:95%;
    display:grid;
    border-radius:0;
    font-size:0.7em;
    height:2.4em;
    margin:auto;
}
.confirm-btn{
    background-color: #FE5815;
    color:#fff;
    border:1px solid transparent;
}
.confirm-btn:hover{
    background-color:#fff;
    border:1px solid #FE5815;
    color:#FE5815;
}
.legenda-btn{
    border:1px solid #09357a;
    background-color:#fff;
    margin-bottom:1em;
    margin-top:2em;
    color:#09357a;
}
.legenda-btn:hover{
    border:1px solid #09357a;
    color:#09357a;
}
@media screen\0{
    .form-element select{
        background-position:center right 13px;
    }
}
@media only screen and (min-width: 1024px){
    .form-ricerca-hub .form-element img{
        height:45px;
    }
    .form-ricerca-hub .form-element{
    display:grid;
    padding:0em 0.5em 1.5em 0.5em;
    }
    .form-ricerca-hub .form-element span,
    .form-ricerca-hub .form-element img{
    padding-bottom:0.4em;
    }
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait){
    .logo-mobile{
        padding-top:2em;
        padding-bottom:2em;
    }
    .form-row,
    .hub-image{
        padding-left:3em;
        padding-right:3em;
    }
    .right-element{
        padding-left:3em!important;
    }
    .left-element{
        padding-right:3em!important;
    }
    .confirm-btn,
    .legenda-btn{
        width:98%;  
        margin:auto;
    }
    .legenda-btn{
        margin-bottom:1em;
    }
}
@media only screen and (min-width: 1360px){
    .form-ricerca-hub .form-element img{
        height:58px;
    }
    .confirm-btn,
    .legenda-btn{
        width: 98%;
    }
    .row-form-container{
        padding-left:4em;
        padding-right:4em;
    }
    .form-ricerca-hub .form-element span{
        padding:0;
        padding-bottom:0.5em;
    }
    .legenda-btn{
        margin-top:0.8em;
    }
}
@media only screen and (min-width: 1600px){
    .form-ricerca-hub .form-element img{
        height:80px;
    }
    .form-ricerca-hub .form-element input[type="text"],
    .form-ricerca-hub .form-element select,
    .confirm-btn,
    .legenda-btn,
    .form-control{
        height:38px;
        font-size:1em;
    }
    .form-ricerca-hub .form-element span{
        font-size:1em;
    }
}
@media only screen and (min-width: 1920px){
    .form-ricerca-hub .form-element img{
        height:90px;
    }
    .form-ricerca-hub .form-element input[type="text"],
    .form-ricerca-hub .form-element select,
    .form-ricerca-hub .form-row input[type="submit"],
    .confirm-btn,
    .legenda-btn{
        height:44px;
        font-size:1.2em;
    }
    .form-ricerca-hub .form-element span{
        font-size:1.2em;
    }
    .confirm-btn,
    .legenda-btn{
        width: 98%;
    }
}
.legenda-dialog{
    max-width:90vw;
    margin:auto;
    margin-top:5vw;
}
@media only screen and (min-width : 1360px){
    .legenda-dialog{
        max-width: 50vw;
    }
}
.legenda-content{
    border-radius:0;
    background-color: #fff;
    border: 1px solid #193366;
    box-shadow: 2px 2px 0px 0px #193366;
    width: 100%;
}
.legenda-content .modal-body p span{
    color:#FE5815;
}
/* ELENCO AMBASSADORS */
.row-cards{
    padding-top:2em;
}
.ambassador{
    position: relative;
    padding-top: 25%;
    background-repeat:no-repeat;
    background-size:auto;
    background-position:bottom right 0px;
    text-align:center;
    margin:auto;
}
.ambassador:hover{
    cursor:pointer;
}
.rating-box{
    display:none;
}
.ambassador:hover .rating-box{
    display:block;
    position:absolute;
    bottom:-4em;
    right:-3em;
    z-index:1000;
    background-color:#fff;
    border:1px solid #193366;
    box-shadow: 2px 2px 0px 0px #193366;
    padding:1em 0.5em;
}
@media only screen and (min-width : 1260px){
    .ambassador:hover .rating-box{
        bottom:-4em;
        right:-2em;
    }
}
.rating-box p{
    display:block;
    width:100%;
    text-align:left;
    font-size:small;
    margin-bottom:0.3em;
    font-size:0.6em;
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.rating-box p:last-of-type{
    margin-bottom: 0;
}
.col-ambassador-element{
    padding:2em 3em;
    margin-bottom:3em;
}
.col-ambassador-element a,
.col-ambassador-element:hover a{
    text-decoration:none;
    color:inherit;
}
.ambassador h3{
    font-size: 1.1em;
    padding-top: 0.3em;
    font-weight: bold;
}
.blue-card{
    border:2px solid #1A3668;
    transition: all 0.5s;
}
.blue-card:hover{
    background-color: rgba(26, 54, 104, 0.2);
    transform: scale(1.1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.orange-card{
    border:2px solid #FE5815;
    transition: all 0.5s;
}
.orange-card:hover{
    background-color: rgba(239, 75, 36, 0.2);
    transform: scale(1.1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.orange-card .profile{
    border:3px solid #FE5815;
}
.blue-card .profile{
    border:3px solid #1A3668;
}
.orange-card.labelled{
    background-image:url(../images/card-bg-orange.png);
}
.blue-card.labelled{
    background-image:url(../images/card-bg-blue.png);
}
.ambassador:hover{
    z-index:1000;
}
.profile{
    box-shadow: 2px 2px 2px #B9B9C8;
    position:absolute;
    width:100px;
    height:100px;
    max-height:100px;
    background-color:#fff;
    top:-50px;
    left:calc(50% - 50px);
}
.profile img{
    object-fit: contain;
    height:100%;
    width:100%;
}
/* RATING */
.skill{
    width:100%;
    display:inline-flex;
    align-items:center;
}
.skill span,
.skill .rating-list{
    display:inline-flex;
    align-items:center;
}
.skill span{
    text-align:left;
    min-width: fit-content;
}
.rating-list{
    /*margin: auto;
    padding: 0;
    margin-left:0.8em;
    */
}
.star-ok{
    background-image:url(../images/star-ok.png);
}
.star-empty{
    background-image:url(../images/star-empty.png);
}
.star-ok,
.star-empty{
    background-size:inherit;
    background-position:center;
    background-repeat:no-repeat;
    height: 40px;
    display: inline-block;
    vertical-align: bottom;
    width: 40px;
}
.ambassador-rating .rating-list{
    margin-left:0;
}
.ambassador-rating .star-ok,
.ambassador-rating .star-empty{
    height:25px;
    width:25px;
}

.col-ambassador-element .ambassador-box{
    position:relative;
    width:250px;
    margin:auto;
}
.col-ambassador-element .ambassador-box:before{
    content: "";
	display: block;
	padding-top: 100%;
}
.col-ambassador-element a .ambassador{
    position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.col-ambassador-element .ambassador-box span{
    font-size:0.9em;
}

/* AMBASSADOR PROFILE */
.ambassador-profile{
    text-align:center;
}
.ambassador-image img{
    width:inherit;
}
.subtitle-col{
    display:inline-flex;
    text-align:left;
}
.orange-line{
    border-top: 1px solid #FE5815;
}
.first-subtitle-col{
    padding-top:1em;
    text-align:left;
}
@media only screen and (min-width : 1024px){
    .first-subtitle-col{
        padding-left:15px;
    }
}
.first-subtitle-col hr{
    width:100%;
    margin:0;
    position: absolute;
    top: calc(100% - 10px);
    left: 0px;
}
.first-subtitle-col .rating-list{
    width:50%;
    margin:auto;
}
.ambassador-info{
    display:block;
    max-height:fit-content;
    max-height:max-content;
}
.ambassador-info h3,
.ambassador-info span{
    display:block;
}
.ambassador-info span,
.ambassador-skills .premium-skill span
{
    width:200px;
    display:inline-block;
}
@media only screen and (min-width : 1200px){
    .ambassador-info span,
	.ambassador-skills .premium-skill span
	{
        display:inline-block;
        width:220px;
    }
}
@media only screen and (min-width : 1920px){
    .ambassador-info span,
	.ambassador-skills .premium-skill span
	{
        display:inline-block;
        width:200px;
    }
}
.profile-text span{
    width:100%!important;
}
.profile-detail{
    margin:auto;
    margin-top:2em;
    box-shadow: 4px 2px 2px #B9B9C8;
    border:6px solid #FE5815;
    margin-bottom:2em;
    width: 200px;
    height: 200px;
    text-align: center;
    background-color: #fff;
    margin-left:0;
}
.profile-detail img{
    object-fit: contain;
    height: 100%;
    width: 100%;
}
.ambassador-info h3{
    font-size:1.3em;
    font-weight: bold;
}
.profile-detail span{
    font-size:1.3em;
}
.skill-value{
    color:#FE5815;
    padding:0 0.4em 0 0.4em;
}
.ambassador-btns{
    padding-top:1em;
    padding-bottom:0.7em;
}
.ambassado-btns .btn{
    min-width:200px;
}
.btn-bg-color,
.btn-outline:hover{
    background-color:#FE5815;
    color:#fff;
    border:1px solid transparent;
}
.btn-outline,
.btn-bg-color:hover{
    color:#FE5815;
    background-color: #fff;
    border:1px solid #FE5815;
}
.ambassador span{
    display:block;
}
#contattaAmbassador{
    z-index:10;
}
.card-body{
    border-radius:0;
    border:1px solid #FE5815;
    box-shadow: 4px 4px 0px 0px #FE5815;
}
.contact-form textarea{
    width:100%;
    border: 1px solid #424251;
}
.ambassador-skills:not(.row-id-content){
    width:100%;
    text-align:left;
}
.subtitle-col h4{
    width:240px;
}
.ambassador-profile{
    margin-top:2em;
}
@media only screen and (min-width: 1024px){
    .ambassador-profile{
        text-align:-webkit-auto;
        margin-left:1em;
        margin-top:0;
    }
    .first-subtitle-col{
        display:inline-flex;
    }
    .first-subtitle-col hr{
        width:calc(100% - 15% - 170px);
        position:relative;
    }
    .first-subtitle-col .rating-list{
        width:15%;
        margin-top:-1em;
    }
    .subtitle-col h4,
    .subtitle-col hr,
    .subtitle-col .rating-list{
        display:flex;
        align-items:baseline;
        height: 100%;
    }
    .ambassador-btns{
        text-align:right;
        padding:0;
    }
    .ambassador-skills{
        text-align:center;
    }
}
@media only screen and (min-width: 1360px){
    .ambassador-info h3{
        font-size:1em;
    }
}
@media screen\0{
    .ambassador-info,
    .contact-col,
    .reply-form,
    .row-id-content{
        text-align:left!important;
    }
}

/* CAROUSEL RECENSIONI */
.carousel-recensioni p{
    color:#31313F;
    font-style: italic;
}
.carousel-h4{
    color:#31313F;
    font-size:1.3em;
    font-weight: bold;
}
.carousel-recensioni .carousel-inner{
    width:90%;
    margin:auto;
    padding-left:1em;
}
.carousel-recensioni-prev-icon,
.carousel-recensioni-next-icon{
    background-position:center;
    background-size:contain;
    background-repeat: no-repeat;
    height:35px;
    width:35px;
}
.carousel-recensioni-prev-icon{
    background-image:url(../images/carousel-prev.png);
}
.carousel-recensioni-next-icon{
    background-image:url(../images/carousel-next.png);
}
.carousel-control-prev, .carousel-control-next{
    width:auto;
}
@media only screen and (min-width: 1024px){
    .carousel-recensioni{
        width:90%;
        margin:auto;
    }
}

/* RICHIESTA CONTATTO */
.check-container:not(.condizioni-check) {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width:100%;
    margin:auto;
}
@media only screen and (min-width : 780px){
    .check-container{
        min-width:200px;
    }
}
.check-container:not(.condizioni-check) input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border:1px solid #193366;
}
.check-container:hover input ~ .checkmark {
    background-color: rgba(26, 54, 104, 0.2);
}
.check-container input:checked ~ .checkmark {
    background-image: url(../images/checked.png);
    background-position: center;
    background-repeat:no-repeat;
    background-size:65%;
}
.blue-bg-btn{
    width:49%;
}
@media only screen and (min-width: 980px){
    .blue-bg-btn{
        width:20%;
    }
}
.reply-container{
    width:100%;
}
.btn-primary,
.ns-btn-login,
.submitbox > input[type="submit"],
.blue-bg-btn{
    background-color:#1A3668;
    color:#fff;
    margin-top:0.3em;
    border:1px solid transparent;
}
.btn-primary:hover,
.ns-btn-login:hover,
.submitbox > input[type="submit"]:hover,
.blue-bg-btn:hover{
    background-color:#fff;
    color:#1A3668;
    border:1px solid #1A3668;
}
.reply-form{
    text-align:left;
}
.reply-form-col{
    margin-bottom:1em;
}

.reply-form select{
    width:100%;
    margin:0.3em 0;
    display:block;
}
.contact-col{
    padding-bottom:2em;
}
.contact-col .h3{
    padding-bottom:1em;
}
.contact-text .request{
    padding:0.5em;
    margin:0;
    font-style: italic;
    font-weight:bold;
}
@media only screen and (min-width : 970px){
    .reply-form select{
        width:40%;
    }
    .reply-form-col .form-group:first-of-type{
        margin-bottom:0;
    }
}
@media only screen and (min-width: 1024px){
    .blue-bg-btn{
        margin-top:0;
    }
    .reply-form-col{
        display:inline-flex;
    }
    .reply-form select{
        display:inline-block;
        width:34.5%;
        margin-top:0;
    }
    a.blue-bg-btn,
    .reply-form select:nth-of-type(2){
        margin-left:1em;
    }
    .reply-form-col .form-group{
        display: inline-block;
    }
    .reply-form-col .form-group:first-of-type{
        max-width:fit-content;
    }
    .reply-form-col input[type="submit"]{
        display:block;
    }
}
@media only screen and (min-width: 1920px){
    .blue-bg-btn{
        width:15%;
    }
}

/* INSERIMENTO RECENSIONE */
.rating-info{
    width:30px;
    height:30px;
    display:inline-block;
    background-image: url(../images/rating-info-img.png);
    background-size:auto;
    background-position:center bottom;
    background-repeat:no-repeat;
}
@media only screen and (min-width : 1920px){
    .rating-info{
        background-position:center;
    }
}
.rating-info:hover{
    cursor:pointer;
}
.ambassador-rating-form .form-element .skill{
    width:100%;
}
@media only screen and (min-width : 600px){
    .ambassador-rating-form .form-element{
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    .ambassador-rating-form .form-element .skill{
        width:auto;
    }
}
@media only screen and (min-width : 1200px){
    .ambassador-rating-form .form-element{
        display:block;
    }
    .ambassador-rating-form .form-element .skill{
        width:100%;
    }
}
@media only screen and (min-width : 1920px){
    .ambassador-rating-form .form-element{
        display:inline-flex;
        /*height:4em;*/
        margin:0.5em 0;
    }
    .ambassador-rating-form .form-element .skill{
        width:auto;
    }
}
.skill .stars{
    margin-bottom:0;
}
.ambassador-rating-form .form-element label{
    margin-bottom:0;
    width:200px;
}
.ambassador-rating-form textarea{
    width:100%;
}
.ambassador-rating-form .form-group h3{
    padding-bottom:1em;
}
.ambassador-rating-form .last-star-selector{
    padding-bottom:2em;
}
.rating-collapse{
    padding:0.5em;
    margin:0;
    position: fixed;
    z-index: 1000;
    top: 17%;
    left: 10vw;
    width: 80vw;
}
.archive-form{
    text-align: left;
}
.rating-collapse .card-body{
    position:relative;
    text-align:left;
}
.rating-collapse .card-body .close-log{
    width:2em;
    position:absolute;
    top:0.5em;
    right:0.5em;
}
@media only screen and (min-width : 900px){
    .rating-collapse{
        padding:2em;
        margin-bottom: 2em;
        position: absolute;
        width: 75%;
        top: 19%;
        left:10%;
        margin:auto;
        z-index: 1000;
    }
}
@media only screen and (min-width : 1920px){
    .rating-collapse{
        width:50%;
        left:20%;
    }
}

/* FORUM + INTERVISTE */
.forum-right,
.interviste-right{
    margin-top:10%;
}
.forum-element{
    border-top : 1px dotted #191919;
    margin-top:1em;
    padding-top:1em;
}
.forum-element:first-of-type{
    margin-top:0;
    padding-top:0;
    border:none;
}
.row-forum-content,
.row-interviste-content{
    padding:2em 0;
    border-top:1px solid #FE5815;
}
.forum-ambassador .profile-detail,
.ctra .profile-detail{
    position:relative;
    margin:auto;
}
.forum-ambassador .profile-detail + h5,
.ctra .profile-detail + h5{
    text-align:center;
    margin-top:0.5em;
}
.forum-ambassador .profile-detail + h5 + p{
    text-align:center;
    margin-top:0.5em;
    font-size:0.8em;   
}
.ctra .profile-detail + h5 + p{
    display: none;
}
.forum-a p,
.intervista-testo p{
    margin-top:1rem;
}
.descriptioncontainer-short{
    display:none;
}
.descriptioncontainer .forum-q{
    width:50%;
    margin:auto;
    margin-left:0;
}
.descriptioncontainer .forum-a{
    width:45%;
    margin:auto;
    margin-right:0;
}
.descriptioncontainer .forum-a p,
.descriptioncontainer .forum-q p{
    text-align:center;
    margin-bottom:0;
}
#forum_detail{
    align-items:flex-start;
}
#forum_detail .ctra{
    width:100%;
    max-width : 100%;
    display:inline-block;
}
#forum_detail .ctr{
    width : 100%;
    max-width:100%;
    display:inline-block;
}
@media only screen and (min-width : 1360px){
    #forum_detail .ctra{
        width:20%;
        max-width : 20%;
        display:inline-block;
    }
    #forum_detail .ctr{
        width : 78%;
        max-width:78%;
        display:inline-block;
    }
}
#forum_detail .ctr .forum-element{
    padding:1.5em 0;
    cursor:pointer;
    border:1px solid transparent;
}
#forum_detail .ctr .forum-element:hover{
    border-top:1px solid #FE5815;
    border-bottom:1px solid #FE5815;
    transform:scale(1.05);
}
#forum_detail .ctr .forum-element:hover h2{
    color:#FE5815;
}
#detailModal .modal-dialog{
    width:90vw;
    max-width:90vw;
    margin:auto;
    margin-top:5vh;
}
#detailModal .modal-dialog .modal-content{
    border-radius:0;
    border:1px solid #09357a;
    box-shadow: 4px 4px 0px 0px #09357a;
    padding:1em;
}
#detailModal .modal-dialog .modal-body{
    max-height: 80vh;
    overflow-y: scroll;
}
@media only screen and (min-width : 1260px){
    #detailModal .modal-dialog{
        width:60vw;
    }
}
#detailModal .modal-dialog .modal-body .descriptioncontainer .forum-q .description,
#detailModal .modal-dialog .modal-body .descriptioncontainer .forum-a .description{
    overflow:hidden;
}
#detailModal .modal-dialog .modal-body h2{
    color:#FE5815;
    border-bottom:1px solid #09357a;
    margin-bottom:1em;
    text-align:center;
}
.row-forum-content .profile-detail{
    cursor:pointer;
}
/* PROGETTI REALIZZATI */
.best-practice{
    background-repeat:no-repeat;
    background-size:auto;
    background-position:top right;
    background-image:url(../images/card-bg-orange-top.png);
}
/* BEST PRACTICE */
.reallybest div:first-of-type{
    background-repeat:no-repeat;
    background-size:auto;
    background-position:top right;
    background-image:url(../images/card-bg-orange-top.png);
}
/* PROFILO */

.profile-left-image{
    max-height:max-content;
}
.profile-left-image .left-image{
    display:flex;
}
.model_sysuser .fieldsblock input{
    width:100%;
    margin-bottom:0.5em;
    border:1px solid;
}
.profile-left-image #editbtn{
    margin:1em auto;
}
.model_sysuser .submitbox{
    display: flex;
    justify-content: flex-end;
}
.profile-left-image .sysformfieldresource>li>input[type="button"].remove,
.profile-left-image .inline .fieldsblock span.sysformfieldraw .rmelement input[type="button"]{
    width:35px;
    background-image: url(../images/delete.png);
    background-position: center;
    background-size:contain;
    background-repeat:no-repeat;
    background-color:#fff;
    color:transparent;
}

.sysformfieldinline_add.btn.btn-primary{
    color:#fff;
}
.sysformfieldinline_add.btn.btn-primary:hover{
    color:#fff;
}
.fieldctr{
    font-size: 1em;
    padding: 0.5em;
    position:relative;
}
@media only screen and (min-width : 990px){
    /*.profile-left-image*/ .fieldctr{
        font-size:0.8em;
    }
}
@media only screen and (min-width : 1280px){
    /*.profile-left-image*/ .fieldctr{
        font-size:1em;
    }
}
/*.profile-left-image*/ .fieldctr input,
/*.profile-left-image*/ .fieldctr select{
    border:1px solid #FE5815!important;
    border-radius: 0!important;
    height:40px!important;
    position:static!important;
    padding:0.5em!important;
}
/*.profile-left-image*/ textarea{
    border:1px solid #FE5815!important;
    border-radius: 0!important;
    width:100%;
    min-height: 100px;
    position:static!important;
    padding:0.5em!important;
}
.fieldctr select[name="altreposizioni[]"]{
    height:auto;
    min-height:200px;
}
.fieldctr select[name="altreposizioni[]"] option{
    padding:0.25em;
}
.fieldctr select[name="altreposizioni[]"] option:first-of-type{
    padding:0;
}
.profile-left-image .fieldctr.field_altreposizioni ul{
    list-style-type: none;
    padding-left:0;
}
/*.profile-left-image .editform .fieldsblock*/ .fieldctr label{
    position: absolute!important;
    top: -3px!important;
    background-color: #fff!important;
    left: 15px!important;
    font-size: 0.8em!important;
    padding-left: 0.2em!important;
    padding-right: 0.2em!important;
    max-width: max-content!important;
    z-index:1000;
}
.profile-left-image .editform .fieldsblock .fieldctr label[for="posizione"],
.profile-left-image .editform .fieldsblock .fieldctr label[for="avatar"]{
    display:block;
    position:relative;
    text-align:left;
}
.newresource{
    background-image:url(../images/caricamento.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    border-radius:100%;
    width:100px;
    height:100px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    margin-left:3em;
    max-width:max-content!important;
}
.profile-left-image .editform .fieldsblock .newresource{
    background-image:url(../images/caricamento-foto.png);
    margin:auto;
    margin-left:auto;
    width:125px;
    height:125px;
}
.newresource input[type="file"]{
    border-radius:100%!important;
    width:100px;
    height:100px!important;
    opacity: 0;
    filter: alpha(opacity=0);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    margin:auto;
    margin-left:3em;
}
.profile-left-image .editform .fieldsblock .newresource input[type="file"],
.fieldsblock .fieldctr.field_avatar .newresource input[type="file"]{
    margin:auto;
    margin-left:auto;
    width:125px;
    height:125px;
}
.profile-left-image .editform{
    display:none;
}
.inline{
    border-radius:0;
    border:none;
    width:100%;
    max-width:100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding:1.5em 0!important;
}

@media only screen and (min-width : 1280px){
    .inline{
        width:83.33333%;
        max-width:83.33333%;
        margin:auto;
        padding:3em!important;
        border:1px solid #09357a;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
    }
    .profile-left-image .inline{
        border-radius:0;
        border:none;
        width:100%;
        max-width:100%;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding:1.5em 0!important;
    }
}
/*.fieldsblock .fieldctr.field_avatar*/ ul.sysformfieldshow input[type="button"]{
    height:max-content!important;
    padding:0!important;
}
.rmelement > input[type="button"]{
    position:absolute!important;
    height:25px!important;
}
/*.fieldsblock .fieldctr.field_avatar*/ ul.sysformfieldshow a img{
    border:1px solid #FE5815;
    padding:0.5em;
    max-width:250px;
}
/*.fieldsblock .fieldctr.field_avatar*/ ul.sysformfieldshow a span{
    width: 100%;
    display: block;
}
.inline .fieldsblock span.sysformfieldraw .rmelement:first-of-type input[type="button"]{
    top:-10px;
    right:-30px;
    cursor:pointer;
}
@media only screen and (min-width : 1280px){
    .inline .fieldsblock span.sysformfieldraw .rmelement:first-of-type input[type="button"]{
        top:-35px;
        right:-30px;
    }
    div.templatectr.model_sysuser.editview div.profile-left-image div.fieldsblock div.inline div.fieldsblock span.sysformfieldraw div.rmelement input[type="button"]{
        top:10px;
    }
}
.row-recensioni span{
    display:inline-block;
}
/* CHAT */

/*sezione profilo */
.row-chat,
.chat-col .row:first-of-type{
    padding:1em 0;
}
.chat-col .h3{
    margin-bottom:1em;
}
.chat-col a{
    display:block;
    width:200px;
}
.chat-col .single-chat{
    display:none;   
}
.chat-col .single-chat:nth-of-type(1),
.chat-col .single-chat:nth-of-type(2),
.chat-col .single-chat:nth-of-type(3),
.chat-col .single-chat:nth-of-type(4){
    display: block;
}
.chat-col .chat-wrapper .profile-image-chat-wrapper{
    width: 100px;
    height: 100px;
    text-align: center;
    background-color: #fff;
    margin-bottom: 0.5em;
    border:3px solid #FE5815; 
}
.chat-col .single-chat img{
    object-fit:contain;
    width:100%;
    height:100%;
    position:relative;
}
.chat-col .single-chat .new{
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    border: 1px solid #09357a;
    background-color: #fff;
    top: -12px;
    left: 100px;
    align-content: center;
    display: flex;
    justify-content: center;
}
.chat-wrapper span{
    font-size:0.8em;
}
/* modale */
.chatbdy{
    padding:1em;
    max-height:290px;
    overflow-y: scroll;
	min-height:290px;
	margin-top:1em;
	padding-bottom:2em;
}
.chatbdy>div,
.sharechatbdy>div{
    width:48%;
    margin:auto;
    padding:0 1em;
    text-align:left;
}
.chatbdy>div.peer,
.sharechatbdy>div.peer{
    margin-left:0;
    border:1px solid #09357a;
}
.chatbdy>div.mine,
.sharechatbdy>div.mine{
	margin-left:auto;
    margin-right:0;
    border:1px solid #FE5815;
}
.chatbdy>div.mine,
.chatbdy>div.peer,
.sharechatbdy>div.peer,
.sharechatbdy>div.mine{
    position: relative;
    padding: 0.8em;
    padding-bottom: 1em;
    padding-top: 0.3em;
    margin-bottom:1em;
}
.chatbdy .chatmsg p{
    word-break: break-all;
}
.chathdr .chatavatar{
    height: 75px;
    width: 75px;
    max-width: 75px;
    max-height: 75px;
    border: 2px solid #FE5815;
    padding: 0;
}
h5.chatname span{
    margin-left:0.5em;
}
.chathdr .chatavatar img{
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.chat-modal .modal-header img{
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.chat-modal .modal-dialog{
    max-width:80vw;
    margin:auto;
    margin-top:10vh;
}
@media only screen and (min-width : 1280px){
    .chat-modal .modal-dialog{
        max-width : 800px;
    }
}
.chat-modal .modal-content{
    min-height:75vh;
	min-height:40em;
    border-radius:0;
    border: 1px solid #09357a;
    box-shadow: 4px 4px 0px 0px #09357a;
}
.chat-modal .modal-body{
    border:none;
}
.chat-modal .modal-header{
    border-radius:0;
    border-bottom:1px solid #09357a;
}
.chatctr{
    width:90%;
    margin:auto;
}
.chatftr{
    position:fixed;
    bottom:0;
    width:90%;
    margin:auto;
    background-color:#fff;
    z-index:1001;
}
.chatftr .chatform{
    width:100%;
    display: block;
    margin: auto;
    margin-right: 0;
}
.chatftr .chatform textarea:focus{
    outline: auto 5px #FE5815;
}
.chatftr .chatform input[type="submit"]{
    display: block;
    margin: auto;
    margin-right: 0;
}
.chatshare{
    display: block;
    margin: auto;
    margin-right: 0;
}
.chatftr .chatform textarea{
    min-height:3em;
    height:3em;
}
.chatinfo .chatsender{
    display:none;
}
.chatinfo .chatdate{
    position:absolute;
    bottom:0;
    right:5px;
    font-size:0.7em;
}
/* sharechat */
.sharechatctr{
    padding:2em;
}
.sharechathdr h1{
    display:block;
    width:100%;
    margin-bottom:0;
}
.sharechathdr input[type="text"]{
    width:100%;
    margin-bottom:1em;
}
.sharechathdr label[for="name"]{
    color:#FE5815;
    font-size:0.8em;
    margin-top:1em;
}
.sharechatbdy .peer,
.sharechatbdy .mine{
    margin:0 1em;
}
.sharechatftr input[type="submit"]{
    display:block;
    margin:auto;
    margin-right:0;
}
.row-bio,
.row-recensioni,
.row-valutazioni,
.row-competenze{
    padding-top:1em;
}
@media only screen and (min-width: 1360px){
    .row-bio,
    .row-recensioni,
    .row-valutazioni,
    .row-competenze{
        padding-top:2em;
    }
}
@media only screen and (min-width : 1920px){
    .row-bio,
    .row-recensioni,
    .row-valutazioni,
    .row-competenze{
        padding-top:3em;
    }
}
/* FOOTER */
.row-footer{
    font-size:0.8em;
    padding:4em 5em 3em 5em;
    color:#424251;
}
.footer-left span{
    display: block;
    padding-top: 1em;
    padding-bottom: 1em;
    font-weight: bolder;
}
.footer-left img{
    width:50%;
}
.footer-right a{
    margin:auto;
    text-align: center;
    color:#FE5815;
}
.footer-right a:hover{
    color:#424251;
    text-decoration:none;
}
.footer-right p{
    margin-bottom:0;
    text-align:left;
}
@media only screen and (min-width: 1024px){
    .footer-left img{
        width:20%;
    }
    .footer-left{
        padding-left:3em;
    }
}
@media only screen and (min-width: 1366px){
    .footer-left img{
        width:10%;
    }
}
/* SCROLLBAR */
::-webkit-scrollbar-track{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    }
    ::-webkit-scrollbar{
    width: 8px;
    background-color: #F5F5F5;
    }
    ::-webkit-scrollbar-thumb{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color:  #FE5815;
    }

/* COOKIES */

.direttiva2009_136_CE{
    background-image: url(../images/bgb.png);
    background-color: #FE5815;      
    border-top:2px solid #09357a;
    width:100%;      
    line-height:40px;
    text-align:center;
    height: auto;
    }
    .direttiva2009_136_CE span{
    width:80%;
    color: #fff;          
    }
    .direttiva2009_136_CE input[type=button] {
    width:80px;
    background-color:#000;               
    color:#fff;
    height:25px;
    cursor:pointer;
    border:1px solid #fff;
    margin-top: 12px;
    line-height: 20px;
    font-size: 0.9rem;
    position: absolute;
    bottom:5%;
    right:5%;
    }
    .direttiva2009_136_CE div input[type=button] {
    position: absolute;
    left:5%;
    bottom:5%;
    }
    .direttiva2009_136_CE input[type=button]:hover{
    background-color:#FE5815;
    }
    @media only screen and (min-width: 1024px){
        .direttiva2009_136_CE input[type=button], .direttiva2009_136_CE div input[type=button] {
        float:right;
        margin-right:10px;
        position: static;
        }
    }
    .direttiva2009_136_CE a {
    text-decoration: none;
    color: #09357a;
    }
    .direttiva2009_136_CE a:hover {
    text-decoration: none;
    color: #fff;
    }
    
.sysboxbottom input[value="X"]:nth-child(1){
    display:none;
}
/* BACKOFFICE */
.fieldsblock{
    position:relative;
}
.noresource{
    padding-top:0.5em;
}
@media only screen and (min-width : 1280px){
    .noresource{
        align-self:center;
        padding-top:0;
    }
}
.fieldctr input,
.fieldctr select{
    border:1px solid #535362;
    border-radius: 0;
    font-size:1em;
}
input.invalid{
    background-color:transparent!important;
    box-shadow: 1px 1px 1px red;
}
.otherbtnsctr .controllerbtnnew a[role="button"],
.back{
    border: 1px solid #FE5815;
    color: #FE5815;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    max-width:max-content;
}
.otherbtnsctr .controllerbtnnew a[role="button"]:hover,
.back:hover{
    cursor: pointer;
    background-color: #FE5815;
    color: #fff;
}
.back{
    min-height:max-content;
    margin-bottom:1em;
}
.form-group, div.fieldctr:not(.card-body .form-group.text-right){
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.searchresultctr .tablecontainer td a span{
    min-height: 2.5em;
    font-size: 1em;
    line-height: 2.5em;
    padding-left: 1em;
}
.searchresultctr .tablecontainer th{
    background-color:#09357a;
}
.searchresultctr .tablecontainer th a{
    text-transform:uppercase;
}
nav[rel="pagination"]>ul>li{
    margin: auto;
}
@media only screen and (min-width : 1280px){
    nav[rel="pagination"]>ul{
        padding-left: 0;
        margin: 0 auto;
        width: 50%;
        text-align: center;
    }
    nav[rel="pagination"]>ul>li{
        display: inline-block;
        vertical-align: middle;
        width: 10%;
        font-size: 1.5em;
    }
    nav[rel="pagination"]>ul>li:hover{
        transform:scale(1.1);
    }
}
nav[rel="pagination"]>ul>li>a{
    color:#09357a;
}
nav[rel="pagination"]>ul>li>a:hover{
    color:#FE5815;
    cursor: pointer;
}
.sysformfieldbool .checkbox_checked,
.sysformfieldbool .checkbox_unchecked,
.sysformfieldbool .checkbox_undefined{
    height: auto;
    width: 100%;
    margin: 0 auto !important;
}
.tablecontainer > table > tbody:first-of-type .sysformfieldbool input[type="button"].checkbox_checked,
.tablecontainer > table > tbody:first-of-type .sysformfieldbool input[type="button"].checkbox_unchecked,
.tablecontainer > table > tbody:first-of-type .sysformfieldbool input[type="button"].checkbox_undefined{
    background-position:center!important;
}
.model_customer .fieldctr.field_avatar
/*.model_academy_post .fieldctr.field_anteprima*/{
    display:inline-flex;
    width:100%;
}
/*.model_customer .fieldctr.field_avatar*/ ul.sysformfieldresource
/*.model_academy_post .fieldctr.field_anteprima ul.sysformfieldresource*/{
    display: inline-flex;
    align-items:center;
    /*width:20%;*/
}
.model_customer .fieldctr.field_avatar .newresource
/*.model_academy_post .fieldctr.field_anteprima .newresource*/{
    display:inline-flex;
    align-self:center;
    -webkit-flex: 0 0 25%;
    flex:0 0 25%;
    margin:0;
}
.model_customer .fieldctr.field_firstname,
.model_customer .fieldctr.field_lastname{
    width:50%;
    display:inline-block;
}
.model_customer .fieldctr.field_posizione,
.model_customer .fieldctr.field_posizione .inline{
    padding-left:0!important;
}
.templatectr .fieldsblock:first-of-type{
    padding-top:2em;
}
.row-singolo-podcast{
    border-bottom:1px solid transparent;
    font-size:0.7em;
    margin-top:1em;
    margin-bottom:1em;
}
.row-singolo-podcast>div:nth-of-type(2) span{
    margin-bottom:0;
}
.row-singolo-podcast label{
    margin-bottom:0.25em;
    display:block;
}
.row-singolo-podcast:hover{
    border-bottom:1px solid #FE5815;
}
/*
.row-singolo-podcast label{
    display:none;
}*/
@media only screen and (min-width: 1024px){
    .row-singolo-podcast{
        font-size:0.8em;
    }
    /*.row-singolo-podcast label{
        display:block;
    }*/
}
@media only screen and (min-width: 1260px){
    .row-singolo-podcast{
        font-size:1em;
    }
}
.row-singolo-podcast img{
    max-width:30px;
    padding:0.3em 0;
    cursor:pointer;
}
.active-article video{
    width:100%;
}
/* SKILLS PREMIUM */
@media only screen and (min-width : 600px){
    .premium-skill{
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
}
@media only screen and (min-width : 1200px){
    .premium-skill{
        text-align:left;
        /*height: 4em;*/
        display:block;
    }
    .rating-box .premium-skill{
        height:30px!important;
        margin:auto;
        background-position:center right;
    }
    /*.row-feedback .premium-skill{
        height:50px;
        margin:auto;
        background-position:center right;
    }*/
}
@media only screen and (min-width : 1920px){
    .premium-skill{
        display:inline-flex;
        margin:0.5em 0;
    }
}
.premium-skill ul{
    margin-bottom:0;
}
.rating-box{
    width:200px;
}
.rating-box .premium-skill span{
    font-size:0.7em;
}
/* ANIMATE */
.fade-in{
    opacity:0;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated-slow {
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.delay-animation{
    animation-delay:0.5s;
}
@-webkit-keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
  }
  @-webkit-keyframes fadeIn {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  
  .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
  }
  @-webkit-keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }
  
  @-webkit-keyframes fadeInRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes fadeInRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
  }

/* 12 marzo */  
.left-new-col a{
    display: block;
    margin: auto;
    width: fit-content;
}
.noresults{
    min-height:45vh;
    display:flex;
    justify-content:center;
    align-items:center;
}
.noresults .content{
    display:block;
}
.noresults .btn{
    width: fit-content;
    margin: 0.5em 1em;
    min-width:250px;
}
.related{
    margin-top:2em!important;
}
@media only screen and (min-width : 1360px){
    .related{
        margin-top:4em!important;
    }
}
.related h2{
    text-align:center;
}
.templatectr .modale-errori .modal-content{
	max-height:300px;
	border-radius:0;
}
select.sysformfielduuid[multiple="true"]{
    height:200px!important;
}
.editview .addnew, .sysformfieldinline_add{
    background-image:none!important;
    height:auto!important;
    width:150px!important;
    cursor:pointer!important;
}
.modal-content{
    border-radius:0;
}
.field_gallery ul.sysformfieldresource{
    overflow-x:scroll;
}
@media only screen and (min-width : 1360px){
    .ambassador-profile .row-id-content .profile-detail{
        margin-left:0;
        margin-bottom:2em;
    }
}
.tag-wrapper{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tag-wrapper span{
    margin-left:0.5em;
}
.tag-wrapper span:first-of-type{
    margin-left:0;
}
/*workaround - non vanno bene gli span */
.col-progetto-item>span{
    max-height: 21px;
    text-overflow: ellipsis;
    overflow-y: hidden;
    display: block;
}
.ns-row.my-5{
    margin-top:2em!important;
}
@media only screen and (min-width : 1360px){
    .ns-row.my-5{
        margin-top:4em!important;
    }
}
.attachments{
    padding-top:2em;
}
.attachments .owl-attachments .owl-item .item,
.attachments .owl-attachments .owl-item .item a{
    min-height:10vh;
    display:flex;
    align-items:center;
    justify-content:center;
}
.attachments .owl-attachments .owl-item .item a{
    flex-wrap: wrap;
}
.attachments .owl-attachments .owl-item .item a span{
    margin:auto;
}
.related .owl-carousel{
    padding-top:2em;
}

.stars>li.reset, .stars>li.reset.tmpstarnotbright{
	background-image:url(/images/ratestar0.png);
}
.stars>li.reset:hover, .stars>li.reset.starbright, .stars>li.reset.tmpstarbright{
	background-image:url(/images/ratestarbright0.png) !important;
}
.premium-skill .stars>li{
	height:2em;
	width:2em;
}
@media only screen and (min-width : 1200px){
    .premium-skill .stars>li{
        height:2.5em;
        width:2.5em;
    } 
}
@media only screen and (min-width : 1920px){
    .premium-skill .stars>li{
        height:2em;
        width:2em;
    } 
}
/* ORIENTAMENTO */
.premium-skill.competenza_solution .stars>li, .premium-skill.competenza_solution .stars>li.tmpstarnotbright{
	background-image:url(/images/premium/orientamento-0.png) !important;
}
.premium-skill.competenza_solution .stars>li:nth-of-type(1):hover, .premium-skill.competenza_solution .stars>li:nth-of-type(1).starbright, .premium-skill.competenza_solution .stars>li:nth-of-type(1).tmpstarbright{
	background-image:url(/images/premium/orientamento-0.png) !important;
}
.premium-skill.competenza_solution .stars>li:nth-of-type(2):hover, .premium-skill.competenza_solution .stars>li:nth-of-type(2).starbright, .premium-skill.competenza_solution .stars>li:nth-of-type(2).tmpstarbright{
	background-image:url(/images/premium/orientamento-1.png) !important;
}
.premium-skill.competenza_solution .stars>li:nth-of-type(3):hover, .premium-skill.competenza_solution .stars>li:nth-of-type(3).starbright, .premium-skill.competenza_solution .stars>li:nth-of-type(3).tmpstarbright{
	background-image:url(/images/premium/orientamento-2.png) !important;
}
.premium-skill.competenza_solution .stars>li:nth-of-type(4):hover, .premium-skill.competenza_solution .stars>li:nth-of-type(4).starbright, .premium-skill.competenza_solution .stars>li:nth-of-type(4).tmpstarbright{
	background-image:url(/images/premium/orientamento-3.png) !important;
}
.premium-skill.competenza_solution .stars>li:nth-of-type(5):hover, .premium-skill.competenza_solution .stars>li:nth-of-type(5).starbright, .premium-skill.competenza_solution .stars>li:nth-of-type(5).tmpstarbright{
	background-image:url(/images/premium/orientamento-4.png) !important;
}
.premium-skill.competenza_solution .stars>li:nth-of-type(6):hover, .premium-skill.competenza_solution .stars>li:nth-of-type(6).starbright, .premium-skill.competenza_solution .stars>li:nth-of-type(6).tmpstarbright{
	background-image:url(/images/premium/orientamento-5.png) !important;
}
/* VISIONE */

.premium-skill.competenza_vision .stars>li, .premium-skill.competenza_vision .stars>li.tmpstarnotbright{
	background-image:url(/images/premium/visione-0.png) !important;
}
.premium-skill.competenza_vision .stars>li:nth-of-type(1):hover, .premium-skill.competenza_vision .stars>li:nth-of-type(1).starbright, .premium-skill.competenza_vision .stars>li:nth-of-type(1).tmpstarbright{
	background-image:url(/images/premium/visione-0.png) !important;
}
.premium-skill.competenza_vision .stars>li:nth-of-type(2):hover, .premium-skill.competenza_vision .stars>li:nth-of-type(2).starbright, .premium-skill.competenza_vision .stars>li:nth-of-type(2).tmpstarbright{
	background-image:url(/images/premium/visione-1.png) !important;
}
.premium-skill.competenza_vision .stars>li:nth-of-type(3):hover, .premium-skill.competenza_vision .stars>li:nth-of-type(3).starbright, .premium-skill.competenza_vision .stars>li:nth-of-type(3).tmpstarbright{
	background-image:url(/images/premium/visione-2.png) !important;
}
.premium-skill.competenza_vision .stars>li:nth-of-type(4):hover, .premium-skill.competenza_vision .stars>li:nth-of-type(4).starbright, .premium-skill.competenza_vision .stars>li:nth-of-type(4).tmpstarbright{
	background-image:url(/images/premium/visione-3.png) !important;
}
.premium-skill.competenza_vision .stars>li:nth-of-type(5):hover, .premium-skill.competenza_vision .stars>li:nth-of-type(5).starbright, .premium-skill.competenza_vision .stars>li:nth-of-type(5).tmpstarbright{
	background-image:url(/images/premium/visione-4.png) !important;
}
.premium-skill.competenza_vision .stars>li:nth-of-type(6):hover, .premium-skill.competenza_vision .stars>li:nth-of-type(6).starbright, .premium-skill.competenza_vision .stars>li:nth-of-type(6).tmpstarbright{
	background-image:url(/images/premium/visione-5.png) !important;
}
/* GROUNDING */

.premium-skill.competenza_grounding .stars>li, .premium-skill.competenza_grounding .stars>li.tmpstarnotbright{
	background-image:url(/images/premium/grounding-0.png) !important;
}
.premium-skill.competenza_grounding .stars>li:nth-of-type(1):hover, .premium-skill.competenza_grounding .stars>li:nth-of-type(1).starbright, .premium-skill.competenza_grounding .stars>li:nth-of-type(1).tmpstarbright{
	background-image:url(/images/premium/grounding-0.png) !important;
}
.premium-skill.competenza_grounding .stars>li:nth-of-type(2):hover, .premium-skill.competenza_grounding .stars>li:nth-of-type(2).starbright, .premium-skill.competenza_grounding .stars>li:nth-of-type(2).tmpstarbright{
	background-image:url(/images/premium/grounding-1.png) !important;
}
.premium-skill.competenza_grounding .stars>li:nth-of-type(3):hover, .premium-skill.competenza_grounding .stars>li:nth-of-type(3).starbright, .premium-skill.competenza_grounding .stars>li:nth-of-type(3).tmpstarbright{
	background-image:url(/images/premium/grounding-2.png) !important;
}
.premium-skill.competenza_grounding .stars>li:nth-of-type(4):hover, .premium-skill.competenza_grounding .stars>li:nth-of-type(4).starbright, .premium-skill.competenza_grounding .stars>li:nth-of-type(4).tmpstarbright{
	background-image:url(/images/premium/grounding-3.png) !important;
}
.premium-skill.competenza_grounding .stars>li:nth-of-type(5):hover, .premium-skill.competenza_grounding .stars>li:nth-of-type(5).starbright, .premium-skill.competenza_grounding .stars>li:nth-of-type(5).tmpstarbright{
	background-image:url(/images/premium/grounding-4.png) !important;
}
.premium-skill.competenza_grounding .stars>li:nth-of-type(6):hover, .premium-skill.competenza_grounding .stars>li:nth-of-type(6).starbright, .premium-skill.competenza_grounding .stars>li:nth-of-type(6).tmpstarbright{
	background-image:url(/images/premium/grounding-5.png) !important;
}
/* MOVIMENTO */

.premium-skill.competenza_anticipate .stars>li, .premium-skill.competenza_anticipate .stars>li.tmpstarnotbright{
	background-image:url(/images/premium/movimento-0.png) !important;
}
.premium-skill.competenza_anticipate .stars>li:nth-of-type(1):hover, .premium-skill.competenza_anticipate .stars>li:nth-of-type(1).starbright, .premium-skill.competenza_anticipate .stars>li:nth-of-type(1).tmpstarbright{
	background-image:url(/images/premium/movimento-0.png) !important;
}
.premium-skill.competenza_anticipate .stars>li:nth-of-type(2):hover, .premium-skill.competenza_anticipate .stars>li:nth-of-type(2).starbright, .premium-skill.competenza_anticipate .stars>li:nth-of-type(2).tmpstarbright{
	background-image:url(/images/premium/movimento-1.png) !important;
}
.premium-skill.competenza_anticipate .stars>li:nth-of-type(3):hover, .premium-skill.competenza_anticipate .stars>li:nth-of-type(3).starbright, .premium-skill.competenza_anticipate .stars>li:nth-of-type(3).tmpstarbright{
	background-image:url(/images/premium/movimento-2.png) !important;
}
.premium-skill.competenza_anticipate .stars>li:nth-of-type(4):hover, .premium-skill.competenza_anticipate .stars>li:nth-of-type(4).starbright, .premium-skill.competenza_anticipate .stars>li:nth-of-type(4).tmpstarbright{
	background-image:url(/images/premium/movimento-3.png) !important;
}
.premium-skill.competenza_anticipate .stars>li:nth-of-type(5):hover, .premium-skill.competenza_anticipate .stars>li:nth-of-type(5).starbright, .premium-skill.competenza_anticipate .stars>li:nth-of-type(5).tmpstarbright{
	background-image:url(/images/premium/movimento-4.png) !important;
}
.premium-skill.competenza_anticipate .stars>li:nth-of-type(6):hover, .premium-skill.competenza_anticipate .stars>li:nth-of-type(6).starbright, .premium-skill.competenza_anticipate .stars>li:nth-of-type(6).tmpstarbright{
	background-image:url(/images/premium/movimento-5.png) !important;
}
/* MAKE SENSE */

.premium-skill.competenza_makesense .stars>li, .premium-skill.competenza_makesense .stars>li.tmpstarnotbright{
	background-image:url(/images/premium/make-0.png) !important;
}
.premium-skill.competenza_makesense .stars>li:nth-of-type(1):hover, .premium-skill.competenza_makesense .stars>li:nth-of-type(1).starbright, .premium-skill.competenza_makesense .stars>li:nth-of-type(1).tmpstarbright{
	background-image:url(/images/premium/make-0.png) !important;
}
.premium-skill.competenza_makesense .stars>li:nth-of-type(2):hover, .premium-skill.competenza_makesense .stars>li:nth-of-type(2).starbright, .premium-skill.competenza_makesense .stars>li:nth-of-type(2).tmpstarbright{
	background-image:url(/images/premium/make-1.png) !important;
}
.premium-skill.competenza_makesense .stars>li:nth-of-type(3):hover, .premium-skill.competenza_makesense .stars>li:nth-of-type(3).starbright, .premium-skill.competenza_makesense .stars>li:nth-of-type(3).tmpstarbright{
	background-image:url(/images/premium/make-2.png) !important;
}
.premium-skill.competenza_makesense .stars>li:nth-of-type(4):hover, .premium-skill.competenza_makesense .stars>li:nth-of-type(4).starbright, .premium-skill.competenza_makesense .stars>li:nth-of-type(4).tmpstarbright{
	background-image:url(/images/premium/make-3.png) !important;
}
.premium-skill.competenza_makesense .stars>li:nth-of-type(5):hover, .premium-skill.competenza_makesense .stars>li:nth-of-type(5).starbright, .premium-skill.competenza_makesense .stars>li:nth-of-type(5).tmpstarbright{
	background-image:url(/images/premium/make-4.png) !important;
}
.premium-skill.competenza_makesense .stars>li:nth-of-type(6):hover, .premium-skill.competenza_makesense .stars>li:nth-of-type(6).starbright, .premium-skill.competenza_makesense .stars>li:nth-of-type(6).tmpstarbright{
	background-image:url(/images/premium/make-5.png) !important;
}
/* ATTENZIONE */


.premium-skill.competenza_detail .stars>li, .premium-skill.competenza_detail .stars>li.tmpstarnotbright{
	background-image:url(/images/premium/attenzione-0.png) !important;
}
.premium-skill.competenza_detail .stars>li:nth-of-type(1):hover, .premium-skill.competenza_detail .stars>li:nth-of-type(1).starbright, .premium-skill.competenza_detail .stars>li:nth-of-type(1).tmpstarbright{
	background-image:url(/images/premium/attenzione-0.png) !important;
}
.premium-skill.competenza_detail .stars>li:nth-of-type(2):hover, .premium-skill.competenza_detail .stars>li:nth-of-type(2).starbright, .premium-skill.competenza_detail .stars>li:nth-of-type(2).tmpstarbright{
	background-image:url(/images/premium/attenzione-1.png) !important;
}
.premium-skill.competenza_detail .stars>li:nth-of-type(3):hover, .premium-skill.competenza_detail .stars>li:nth-of-type(3).starbright, .premium-skill.competenza_detail .stars>li:nth-of-type(3).tmpstarbright{
	background-image:url(/images/premium/attenzione-2.png) !important;
}
.premium-skill.competenza_detail .stars>li:nth-of-type(4):hover, .premium-skill.competenza_detail .stars>li:nth-of-type(4).starbright, .premium-skill.competenza_detail .stars>li:nth-of-type(4).tmpstarbright{
	background-image:url(/images/premium/attenzione-3.png) !important;
}
.premium-skill.competenza_detail .stars>li:nth-of-type(5):hover, .premium-skill.competenza_detail .stars>li:nth-of-type(5).starbright, .premium-skill.competenza_detail .stars>li:nth-of-type(5).tmpstarbright{
	background-image:url(/images/premium/attenzione-4.png) !important;
}
.premium-skill.competenza_detail .stars>li:nth-of-type(6):hover, .premium-skill.competenza_detail .stars>li:nth-of-type(6).starbright, .premium-skill.competenza_detail .stars>li:nth-of-type(6).tmpstarbright{
	background-image:url(/images/premium/attenzione-5.png) !important;
}
ul.sysformfield.sysformfielduuid{
    padding:0;
}
.feedback-container{
    padding:3em 0;
    border:1px solid #FE5815;
    margin:0 0.5em;
}
.feedback-container .chatavatar{
    height: 125px;
    width: 125px;
    max-width: 125px;
    max-height: 125px;
    border: 2px solid #FE5815;
    padding: 0; 
}
@media only screen and (min-width : 990px){
    .feedback-container .chatavatar{
        height: 75px;
        width: 75px;
        max-width: 75px;
        max-height: 75px;
    }
}
.feedback-container .chatavatar img{
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.feedback-title{
    display:flex;
    align-items:center;
    justify-content: center;
}
.feedback-title h3{
    margin-bottom:0;
    padding-bottom:0;
    font-size:1em;
}
.avatarpeer{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:2em;
}
@media only screen and (min-width : 990px){
    .feedback-title{
        justify-content:flex-start;
        margin-bottom:2em;
    }
    .feedback-title h3{
        font-size:1.2em;
    }
    .avatarpeer{
        margin-bottom:2em;
    }
}
.profile-badge{
    display: block;
    align-items: center;
    margin:2em 0;
}
.profile-detail{
    display:block;
    margin:auto;
    margin-bottom:1em;
}
.coccarde{
    width:100%;
}
.coccarde ul{
    list-style-type: none;
    padding:0;
}
.coccarde ul li{
    vertical-align: top;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 150px;
    width: 150px;
    position:relative;
    margin:1em;
    display:inline-block;
}
.coccarde ul li span{
    position: absolute;
    width: 50px;
    text-align: center;
    left: calc(75px - 30px);
    top: calc(75px - 33px);
    text-shadow: 1px 1px 1px #cecece;
}
@media only screen and (min-width : 680px){
    .coccarde ul{
        list-style-type: none;
        width: 100%;
        margin: auto;
        display: inline-flex;
        align-items: center;
        justify-content: space-evenly;
    }
}
@media only screen and (min-width : 990px){
    .profile-badge{
        display: flex;
        align-items: center;
        margin:2em 0;
    }
    .profile-detail{
        display:inline-block;
        margin:0;
        margin-bottom:2em;
    }
    .forum-ambassador .profile-detail,
    .ctra .profile-detail{
        display:block;
    }
    .coccarde{
        width: calc(98% - 200px);
        display: inline-block;
    }
    .coccarde ul li{
        display: inline-block;
    }
}
.coccarde ul li.coccarda_efficientamento span,
.coccarde ul li.coccarda_ricertificazione span
{
    display:none!important;
}
/* chat modale forum */
#detailModalBody /*.descriptioncontainer*/ .forum-a,
#detailModalBody /*.descriptioncontainer*/ .forum-q{
    width:100%;
    display:flex;
    align-items:center;
    margin:1em 0;
}
#detailModalBody /*.descriptioncontainer*/ .forum-a h3,
#detailModalBody /*.descriptioncontainer*/ .forum-q h3{
    display:inline-block;
    margin-bottom:0;
    font-weight: normal;
}
#detailModalBody /*.descriptioncontainer*/ .forum-a h3{
    color:#FE5815;
}
#detailModalBody /*.descriptioncontainer*/ .forum-a p,
#detailModalBody /*.descriptioncontainer*/ .forum-q p{
    display:inline-block;
    width:80%;
    font-style:italic;
    margin-left:2em;
    margin-bottom:0;
    margin-top:0;
    text-align:left;
}
#detailModalBody /*.descriptioncontainer*/ .top-bg,
#detailModalBody /*.descriptioncontainer*/ .bottom-bg{
    display:none;
}
.noreview{
    text-align: center;
    font-size: 1.2rem;
    font-style: italic;
    margin-top: 1em;
    margin-bottom: 0em;
}
#intervista.description{
	overflow:auto;
}
/* rating-box fix */
.rating-box{
    width:225px;
}
.rating-box .premium-skill{
    display:inline-flex;
    width:100%;
    align-items:center;
    justify-content:space-between;
}

.surveyguide{
	width:100vw;
	height:100vh;
	position:fixed;
	top:0;
	left:0;
	z-index:10;
	display:none;
}
.surveyguide>span{
	display:block;
	width:100vw;
	height:100vh;
	position:fixed;
	top:0;
	left:0;
	background-color:#333;
	opacity:0.5;
}
.surveyguide>div{
	width:90vw;
	height:90vh;
	position:fixed;
	top:5vh;
	left:5vw;
	background-color:#fff;
	z-index:11;
	text-align:left;
	padding:2em;
	overflow-y:auto;
}
.surveyguidehelp{
	cursor:pointer;
	float:right;
	z-index:1;
	text-align:center;
}
.surveyguidehelp>img{
	max-height:1in;
	max-width:1in;
}
.btn-survey{
	background-color:#FE5815;
	color: white !important;
}
.btn-survey-top{
    position: absolute;
    right: 65px;
    top: 20px;
}
.btn-surveypdf{
	color:#FE5815;
    position: absolute;
    right: 205px;
    top: 20px;
    /*top: -43px;*/
}
.exportexcel{
    background-image: url(/images/export.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 30px;
    padding-left: 40px;
}
.exportpdf{
    background-image: url(/images/exportpdf.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 30px;
    padding-left: 40px;
}
.surveymain{
	text-align:left;
}
.surveyform{
	text-align:left;
}
.surveyform>div>ul{
	list-style-type:none;
}
.surveyform>div>ul>li{
	position:relative;
	margin-bottom:10px;
}
.surveyform>div>ul>li>input[type="radio"]{
	height:2.5em;
	width:2.5em;
	margin-right:10px;
}
.surveyform>div>ul>li>input[type="radio"]:checked{
	background-color:#FE5815;
}
.surveyform>div>ul>li>div{
	line-height:1.5em;
	vertical-align:top;
	display:inline-block;
	width:80%;
}
.surveyform>div>ul>li>div>b,
.surveyform>div>ul>li>div>span,
.surveyform>div>ul>li>div>i
{
	display:block;
}
.surveyform>div>ul>li>div>i{
	font-size:0.8em;
	width:auto;
}
.surveyform>div>ul>li>div>i::before{
	content:'(';
}
.surveyform>div>ul>li>div>i::after{
	content:')';
}
.surveyform>div>h3, .surveymain>h3{
	font-size:0.8em;
	color: #FE5815;
}
.surveyform>div>h4, .surveymain>h4{
	font-size:1em;
	text-transform:uppercase;
	color: inherit;
}
.surveyform>div>h5, .surveymain>h5{
	font-size:1.2em;
	color: #FE5815;
}
.surveyform>div>h6{
	font-style:italic;
	font-size:1.5em;
}
.surveyform>div>p{
	margin-top:2em;
	font-size:1.5em;
}
.surveyslogan{
	margin-top:2em;
}
.surveysitococcarda{
	/*width:80%;
	margin:10%;*/
	text-align:center;
}
.surveysitococcarda>img{
	max-height:30vh;
}
.othercoccarde .surveysitococcarda>img{
	max-height:15vh;
}
.surveysitococcarda>h5{
	color:#FE5815;
	text-transform:uppercase;
	font-size:0.8em;
}
.surveystatctr h4{
    min-height: 2em;
}
.surveystatctr h5{
	border-bottom: 1px solid #FE5815;
}
.surveystat>div>label{
	font-size:0.8em;
	display:inline-block;
	vertical-align:top;
	width:50%;
}
.surveystat>div>span{
	font-size:1.2em;
	font-weight:bold;
	display:inline-block;
	vertical-align:top;
	width:50%;
}
.surveylist .item .col-topic-item>a>h4{
	font-size:0.8em;
}
.surveylist .item .col-topic-item>a>h3{
    font-size:1.5em;
    min-height: 2.5em;
}
.surveyguide .closebtn{
	width:0.5in;
	height:0.5in;
	background-color:transparent;
	background-image:url(/images/helpclose.png);
	background-size:contain;
	background-repeat:no-repeat;
	cursor:pointer;
    position: absolute;
    right: 15px;
    top: 15px;
}
.surveystatsurvey, .surveystattag{
	margin-top:15px;
	text-align:center;
}
.surveystatpoint{
	height:50px;
	width:50px;
	margin:5px auto;
	border-radius:25px;
	border:2px solid #FE5815;
	color:#FE5815;
	/*padding:5px;
	padding-top:12px;
	padding-bottom:0;*/
	margin-left:15px auto;
display:flex;
}
.surveystatpoint>div{
	margin:auto;
}
.surveystatpoint>div>span::last-of-type{
	font-size:smaller !important;
}
.surveystattag h5{
	text-align:center;
	font-size:0.8em;
	text-transform:uppercase;
	min-height:2em;
	border:0px;
	color: #FE5815;
}
.surveystattag .tagbg{
	width:60px;
	height:60px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:top center;
	margin: 0 auto;
}
.surveystatsection{
	margin-top:5px;
}
.fieldtype_sysformfieldsortedlist>ul>li{
	position:relative;
}
.sysformfieldsortedlist_controls{
	position:absolute;
	top:0;
	right:0;
	display:none;
}
.fieldtype_sysformfieldsortedlist>ul>li:hover .sysformfieldsortedlist_controls{
	display:block;
}

.sysformfield.sysformfieldtext.sysformfieldshow{
line-height: 40px;
border: 1px solid #efefef;
}
.sysformfield.sysformfieldwysiwyg.sywformfieldshow p{
line-height: 40px;
}
.sysformfield.sysformfieldraw.sysformfieldshow a{
    display: block;
    padding: 15px;
    border: 1px solid #FE5815;
    font-weight: bold;
    font-size: 1.5em;
}
.explainsurvey>div>label{
	display:inline-block;
	width:100px;
	margin-bottom:0;
}

.lowpoint .tagbg{
	filter: grayscale(100%);
}
.lowpoint .surveystatpoint{
	border-color:#333;
	color:#333;
}
.lowpoint h5{
	color:#333;
}