/* HP */   
/* SLIDER */

/* fix */  
.material-icons {
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothiacaSearchPanelLabelng: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}

#academySliderContainer {margin-top:50px; position: relative;}
#academySliderHPTop img {width: 200px; margin-bottom:10px;}
#academySliderHP.v2 {background:#f2f2f2; margin-top:0;}
#academySliderHP.v2 .slick-track {padding: 20px 0;}
#academySliderHP.v2 #academySliderBody::after {display:none;}
#academySliderHP.v2 .academySliderItemBody h4 {font-size:13px;}
#academySliderHP.v2 li .academySliderItemIcon {display:inline-block; float: left; width:30px; height:30px; border: 3px solid; background-color: white; background-position: center center; background-repeat: no-repeat; border-radius:50%; background-size: 75%; vertical-align: middle; margin-right:10px;}
#academySliderHP.v2 li .academySliderItemIcon + span {float:left;}

#academySliderHP.v2 li.act-VCT .academySliderItemIcon {background-image: url(/includes/tools/academy/icons/activities/ico-vct.svg);}
#academySliderHP.v2 li.act-FAD .academySliderItemIcon,
#academySliderHP.v2 li.act-FAD-TEXT .academySliderItemIcon {background-image: url(/includes/tools/academy/icons/activities/ico-fad.svg);}
#academySliderHP.v2 .academySliderItemDate {margin-right: 10px; width: 30px;}
#academySliderHP.v2 .academySliderItemDate * {color: #333;}
#academySliderHP.v2 .academySliderItemDate h4 {font-size:21px;}
#academySliderHP.v2 .academySliderItemBody h4 {margin-top: 0;}
#academySliderContainer #academySliderHP.v2 .slick-slider .slick-prev {bottom:auto; top:-25px; right:35px!important;}
#academySliderContainer #academySliderHP.v2 .slick-slider .slick-next {bottom:auto; top:-25px; right:0!important;}

#academySliderHP.v2 .contentBox .panel-body div:last-child {margin-top:5px; display:block; clear:both; }
#academySliderHP.v2 .contentBox small {color: #333;
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    float: left;
    line-height: 1;}

#academySliderHP.v2 .contentBox small + .crsRating .rating::before {display:none;}

#academySliderHP.v2 .contentBox small::before {
content: ''; border-left: 1px solid #333; height: 10px; display: inline-block; vertical-align: middle; margin: 0 5px; font-size: 12px;
}

#academySliderHP.v2 small, #academySliderHP small::before {color:#333;}
#academySliderHP.v2 small:first-child::before {display:none;}

#academySliderHP.v2 .academySliderItemIcon + span small:first-child::before {display:none;}
#academySliderHP.v2 .contentBox .rating {display:block;}

#academySliderHP.v2 #academySliderSide {min-height:160px;}

:root #academySliderHP.v2 #academySliderSide { height:160px\0; } /* IE 9+ (and old Firefox) */

#academySliderHP.v2 #academySliderSide .slick-track, #academySliderSide .campaignsHPSlider, #academySliderSide .slick-list {height:100%;}
#academySliderHP.v2 #academySliderSide * {color:white;}
#academySliderHP.v2 #academySliderSide .slick-track {padding:0!important;}


#academySliderHP.v2 #acaSliderHPPlaceholder {display:block; height: 100%; position: relative; background: url(/includes/tools/academy/images/acaSliderHP-placeholder.png) center center no-repeat; background-size: cover;}
#academySliderHP.v2 #acaSliderHPPlaceholder::after { content:""; position:absolute; left:0; right:0; bottom:0; height:50%;
background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

:root #academySliderHP.v2 #acaSliderHPPlaceholder::after {background-color: rgba(0,0,0,0.3)\0;} /* IE 9+ (and old Firefox) */

#academySliderHP.v2 #acaSliderHPPlaceholder h4 {position:absolute; margin:0; font-weight: bold; bottom: 15px; left:15px; right: 15px; text-align: left; z-index: 1;}
#academySliderHP.v2 #acaSliderHPPlaceholder .acaSliderPHTitle {display: block; font-size: 21px; margin-bottom: 3px;}

.acaHPCampaignBOX {padding:10px; height:100%; position: relative;}

.acaHPCampaignBOX-Details {width: 50%; text-align: left; float: left; display: block;}

#academySliderHP .acaHPCampaignBOX-Details h4 {font-size:16px; margin-top: 5px; margin-bottom:5px;}
.acaHPCampaignBOX.producttraining {background: #387FB3;}
.acaHPCampaignBOX.jobtraining {background: #BFBAAA;}
.acaHPCampaignBOX .circle-progress-cnt {width: 50%; display:block; float:right;}

.acaHPCampaignBOX {min-height:160px;}

#academySliderSide .slick-dots {bottom: -3px;}
.acaHPCampaignBOX .actNumbFooter {position:absolute; bottom:20px; width: 50%; left: 0;}
.acaHPCampaignBOX .actNumbDiv {width: 50%; text-align: center; display:inline-block; position:relative;}
.acaHPCampaignBOX .actNumbDiv span {display:block;}
.acaHPCampaignBOX .actNumber {font-size:21px; font-weight:bold;}
.acaHPCampaignBOX .actNumberLabel {font-size: 8px; text-transform: uppercase;}
.acaHPCampaignBOX .actNumbDiv:last-child::before {content:""; position:absolute; display:block; height:25px; width:1px; background:white; left:0; transform: translateY(-50%); top: 50%;}

#academySliderSide .slick-dots li.slick-active button::before, 
#academySliderSide .slick-dots li button::before {color:white!important;}
#academySliderSide .slick-dots li {margin:0;}

#academySliderSide .circle-progress { text-align: center; position: relative;}
#academySliderSide .circle-progress__text {position: absolute; width: 100%; transform: translate(-50%,-50%); top: 50%; left: 50%;}
#academySliderSide .circle-progress__percentage {font-size: 24px; font-weight: 700;}
#academySliderSide .circle-progress__percentage + div {font-size: 8px;}

.actNumbFooter h5 {padding-left:10px;}
.acaHPCampaignBOX-link {position:absolute; right:15px; bottom:15px; font-family: 'Material Icons'; color: white; font-feature-settings: 'liga';}
.acaHPCampaignBOX-link::before {content:'arrow_forward'; font-size: 24px;}

#academySliderHP.v2 .crsCourseStatus span.acaStatus-1 {color:#333;}
#academySliderHP.v2 .crsCourseStatus span.acaStatus-2 {color:#A1B611;}
#academySliderHP.v2 .crsCourseStatus span:last-child {color:#333; font-weight: bold;}


/**************/
/***** CH *****/
/**************/
/* Slider CH */

#PSACourse #academySliderHP.v2 {background: transparent; /*margin-top: 50px;*/}
#acaCHDashboard .container {background: #fff;}
#PSACourse #academySliderHP.v2 .crsCourseStatus {clear:both; display:block;}
#acaCHDashboard h2:first-child, #acaCHContents h2:first-child {text-transform: uppercase;}
#acaCHDashboard h2:first-child {margin:30px 0 5px;}
#acaCHDashboard h6.dashboard_dataupdate {text-align:center; font-size:10px; margin:0; margin-bottom: 10px;}
#acaCHDashboard h6.dashboard_dataupdate .material-icons {margin-right:3px; font-size:18px; }
#acaCHDashboard h6.dashboard_dataupdate * {vertical-align: middle;}

#PSACourse #academySliderHP.v2 .slick-track {padding:5px 0;}

#PSACourse #academySliderHP.v2 .slick-slider .slick-prev {left: -35px!important;}
#PSACourse #academySliderHP.v2 .slick-slider .slick-next {right: -35px!important;}
#PSACourse #academySliderHP.v2 .slick-slider .slick-arrow {top: 50%; transform: translate(-50%);}

#acaSliderPlaceholder {text-align: center; margin-top: 45px; display: none;}
#acaSliderPlaceholder img {width: 200px; margin: 0 auto;}

/* CH dashboard */
#crsCHDashboard.v2 {/*height:250px;*/ height: 120px; background:#E0DCD9; /*background:url(/includes/tools/academy/images/academy-page-bkg.jpg) center center no-repeat;*/ background-size: cover;}
#acaCHDashboard {margin-top: -50px; }

.acaCHCampaignBOX {padding:10px; position: relative;}


.acaCHCampaignBOX-Details h6 {margin-top:0; font-size:12px; margin-bottom: 5px;}
.acaCHCampaignBOX-Details h6:last-child {font-size:10px; margin:0;}
.acaCHCampaignBOX-Details h4 {margin:0; margin-bottom:5px; font-size:16px;}

.actOpenCampaignBTN .material-icons.expand_more::before {content:'expand_more';}

#dashboard_results_hb .slick-prev {left:0; z-index:2;}
#dashboard_results_hb .slick-next {right:10px; z-index:2;}

/* 1 box */
.acaCHCampaignBOX.acaCHcmp1 .acaCHCampaignBOX-Details {width:70%; float:left;}
.acaCHCampaignBOX.acaCHcmp1 .circle-progress-cnt {width:30%; float:right;}
.acaCHCampaignBOX.acaCHcmp1 .actNumbFooter {display:block; float:none; position:static;}
.acaCHCampaignBOX.acaCHcmp1 .actOpenCampaign {display:block; clear:both; float:none; text-align: center;}

/* 2 boxes */
.acaCHCampaignBOX.acaCHcmp2 .acaCHCampaignBOX-Details {width:70%; float:left;}
.acaCHCampaignBOX.acaCHcmp2 .circle-progress-cnt {width:30%; float:right;}
.acaCHCampaignBOX.acaCHcmp2 .actNumbFooter {display:block; float:none; position:static;}
.acaCHCampaignBOX.acaCHcmp2 .actOpenCampaign {display:block; clear:both; float:none; text-align: center;}

/* 3 boxes */
.acaCHCampaignBOX.acaCHcmp3 .acaCHCampaignBOX-Details,
.acaCHCampaignBOX.acaCHcmp3 .circle-progress-cnt,
.acaCHCampaignBOX.acaCHcmp3 .actNumbFooter {width:100%; float:none; clear:both; display:block; position: relative;}
.acaCHCampaignBOX.acaCHcmp3 .actOpenCampaign {display:block; clear:both; float:none; text-align: center;}
.acaCHCampaignBOX.acaCHcmp3 .acaCHCampaignBOX-Details {text-align:center;}
.acaCHCampaignBOX.acaCHcmp3 .actNumbFooter {position: absolute;}
.acaCHCampaignBOX.acaCHcmp3 .circle-progress-cnt {margin: 15px 0 30px;}

/* 4 boxes and more*/
.acaCHCampaignBOX.acaCHcmp4 .acaCHCampaignBOX-Details,
.acaCHCampaignBOX.acaCHcmp4 .circle-progress-cnt,
.acaCHCampaignBOX.acaCHcmp4 .actNumbFooter {width:100%; float:none; clear:both; display:block;}
.acaCHCampaignBOX.acaCHcmp4 .actOpenCampaign {display:block; clear:both; float:none; text-align: center;}
.acaCHCampaignBOX.acaCHcmp4 .acaCHCampaignBOX-Details {text-align:center;}
.acaCHCampaignBOX.acaCHcmp4 .circle-progress-cnt {margin: 15px 0 30px;}

.acaCHcmp4 .actNumbFooter {left:10px; right:10px; width:auto;}
.acaCHcmp4 .circle-progress-cnt {height:100px;}

.acaCHCampaignBOX-Details {width: 50%; text-align: left; float: left; display: block;}
.acaCHCampaignBOX-Details h4 {font-size:18px; margin-top: 5px;}
.acaCHCampaignBOX .circle-progress-cnt {width: 50%; display:block; float:right;}
.acaCHCampaignBOX .actNumbFooter {position:absolute; bottom:20px; width: 50%; left: 0;}
.acaCHCampaignBOX .actNumbDiv {width: 50%; text-align: center; display:block; position:relative; float:left;}
.acaCHCampaignBOX .actNumbDiv span {display:block;}
.acaCHCampaignBOX .actNumber {font-size:21px; font-weight:bold;}
.acaCHCampaignBOX .actNumberLabel {font-size: 8px; text-transform: uppercase;}
.acaCHCampaignBOX .actNumbDiv:last-child::before {content:""; position:absolute; display:block; height:25px; width:1px; background:white; left:0; transform: translateY(-50%); top: 50%;}

.acaCHGraphContainer {border:1px solid #ddd; padding:10px 10px 0;}
.acaCHGraphContainer:hover {background: #f6f6f6;}

.acaCHCampaignBOX .acaCHGraphContainer .actNumbDiv:last-child::before {display:none;}

.acaCHCampaignBOX .circle-progress { text-align: center; position: relative;}
.acaCHCampaignBOX .circle-progress__text {position: absolute; width: 100%; transform: translate(-50%,-50%); top: 50%; left: 50%;}
.acaCHCampaignBOX .circle-progress__percentage {font-size: 24px; font-weight: 700;}
.acaCHCampaignBOX .circle-progress__percentage + div {font-size: 8px;}

div[class^="circle-progress-"] { position: relative; text-align: center;}

#acaDashPlaceholder {padding: 30px;}


#dashboard_results_hb .slick-dots {left:0;}




/* PILLARS */

#acaCHPillars {background: #E0DCD9; margin-top:10px;}
#acaCHPillars .panel {box-shadow:none; background-color: transparent; text-align: center; margin-bottom:0; }
#acaCHPillars .panel * {color: #333}
#acaCHPillars .panel-body {padding: 15px;}
#acaCHPillars .info-text h4 {font-size: 14px;}
#acaCHPillars .postList {margin-bottom:0;}
#acaCHPillars .acaPagePillarsIcon {width:50px; height:50px; display:inline-block;}

#acaCHPillars .slick-arrow,
#acaCHPillars .slick-arrow:before{background: transparent !important;}

/*.acaPagePillarsIcon.pillarIcon-video {background: url(/includes/tools/academy/icons/pillars/pillarIco-video.svg) center center no-repeat;}
.acaPagePillarsIcon.pillarIcon-manuale {background: url(/includes/tools/academy/icons/pillars/pillarIco-manuale.svg) center center no-repeat;}
.acaPagePillarsIcon.pillarIcon-certificato {background: url(/includes/tools/academy/icons/pillars/pillarIco-certificato.svg) center center no-repeat;}
.acaPagePillarsIcon.pillarIcon-focus {background: url(/includes/tools/academy/icons/pillars/pillarIco-focus.svg) center center no-repeat;}
.acaPagePillarsIcon.pillarIcon-survey {background: url(/includes/tools/academy/icons/pillars/pillarIco-survey.svg) center center no-repeat;}*/

.acaPagePillarsIcon.pillarIcon-video {background: url(/includes/tools/academy/icons/pillars/pillarIco-video_b.svg) center center no-repeat;}
.acaPagePillarsIcon.pillarIcon-manuale {background: url(/includes/tools/academy/icons/pillars/pillarIco-manuale_b.svg) center center no-repeat;}
.acaPagePillarsIcon.pillarIcon-start {background: url(/includes/tools/academy/icons/pillars/pillarIco-start_b.svg) center center no-repeat;}
.acaPagePillarsIcon.pillarIcon-catalog {background: url(/includes/tools/academy/icons/pillars/pillarIco-catalog_b.svg) center center no-repeat;}
.acaPagePillarsIcon.pillarIcon-job {background: url(/includes/tools/academy/icons/pillars/pillarIco-job_b.svg) center center no-repeat;}

#acaCHPillars a.contentBox:hover {cursor:pointer;}
div[id^="pillarModal"] .modal-body {padding:0;}

div[id^="pillarModal"] .modal-header {position:absolute; z-index:1; width:100%; color:white;
background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
height:80px;
}
div[id^="pillarModal"] .modal-header h4 {color:white; text-shadow: 1px 1px black;}
div[id^="pillarModal"] button.close {
    color: white;
    text-shadow: none;
    opacity: 1;}

div[id^="pillarModal"] button.close * {color:white; text-shadow: 1px 1px black;}

/* NEWS */

#acaCHContents {margin:30px auto 50px;}

#acaCHContents > h2 {text-align:center; margin-bottom:30px;}
#acaCHContents #mainBoxes {display: flex; margin-bottom:15px}
#acaCHContents #mainBoxes li {
  flex: 0 1 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 15px;
  padding-right: 15px;
}

#acaCHContents .acaContent {
  flex-grow: 1;
}

#acaCHContents #mainBoxes li:first-child .panel {height:100%;}
#acaCHContents #mainBoxes li:last-child .panel,
#acaCHContents #mainBoxes li:last-child .panel .img {min-height: 90px;}
#acaCHContents .acaContentSmall:last-child .panel {margin-bottom:0!important;}
#acaCHContents #mainBoxes li:last-child .panel .img {display: block; width:195px; float: left; background-size:cover; margin-right:15px; background-position: center center;}
#acaCHContents #mainBoxes li:first-child .panel .img {height:100%; background-size:cover; }
#acaCHContents #mainBoxes li:first-child .panel .img::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.6)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00020101', GradientType=0 );
}

#acaCHContents #mainBoxes li .panel-body {padding:10px 10px 0;}

#acaCHContents #mainBoxes li:first-child .panel-body {position:absolute; bottom:0; height:auto; color: white; width:100%; z-index: 1; min-height:80px;}
#acaCHContents h3 {font-size: 16px; margin-top:5px; text-transform: uppercase;}
#acaCHContents li:first-child h3 {color:#fff;}
#acaCHContents li:last-child h3 {color:#333;}

#acaCHContents ul.postList .panel:hover * {text-decoration: none!important;}



/* Campaigns and modules */

.acaCampActivity-c2a .btn.btn-primary .material-icons {color: white; width: 12px;}
.acaCampActivity-c2a .btn.btn-primary .material-icons.navigate_next::before {content:"navigate_next";}
.dashboard_dataupdate .material-icons.update::before {content:"update";}

#acaCHCampaignContainer {/*margin: 30px 10px 50px;*/ margin:10px;}

.acaCHCampaignBOX.active .actOpenCampaign {visibility: hidden;}
.acaCHCampaignBOX.active .acaCHGraphContainer { background: #f6f6f6; }
.cmp-mestiere {border-top: 3px solid #BFBAAA;}

.acaCampActivitesList {padding:0; list-style: none;}
.acaCampActivitesList li {position:relative; list-style: none; display:flex; flex-direction: row; align-items:center; height: 60px; flex-wrap: nowrap; justify-content: space-between;}
.acaCampActivity-icon {width:45px; z-index: 1;}
.acaCampActivity-icon span {width:30px; height:30px; border:3px solid; display: block; border-radius: 50%; background: white; background-position: center center; background-repeat: no-repeat; background-size: 70%;}

.acaCampActivity-body {border-bottom:1px solid #ddd; display: flex; flex-grow: 2; align-items: center; height: 60px; flex: 1; min-width: 0;}
.acaCampActivity-info {flex-basis: 73%; flex: 1; min-width: 0;}
.acaCampActivity-info h4 a{color: #333}
.acaCampActivity-tags {flex-basis: 12%; text-align: right; min-width: 110px;}
.acaCampActivity-c2a {flex-basis: 130px; text-align: right;}


.acaCampActivity:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  top: 15px; /* l'altezza del cerchiolino */
  left:14px;
  height: 100%;
  border-left: 2px dotted #bbb;
}

.acaCampActivity-body h4 {font-size:14px; margin:0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.acaCampActivity-body h6 {font-size:11px; margin:0; margin-top:5px; color:#aaa; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.act-VCT .acaCampActivity-icon span {background-image: url(/includes/tools/academy/icons/activities/ico-vct.svg);}
.act-FAD .acaCampActivity-icon span {background-image: url(/includes/tools/academy/icons/activities/ico-fad.svg);}
.act-FAD-TEXT .acaCampActivity-icon span {background-image: url(/includes/tools/academy/icons/activities/ico-fad.svg);}
.act-VIDEO .acaCampActivity-icon span {background-image: url(/includes/tools/academy/icons/activities/ico-video.svg);}
.act-MATERIALI .acaCampActivity-icon span {background-image: url(/includes/tools/academy/icons/activities/ico-doc.svg);}
.act-PATH .acaCampActivity-icon span {background-image: url(/includes/tools/academy/icons/activities/ico-path.svg);}


/* COLORS */
/* job training */
.acaCampTop.job-training {border-top: 5px solid #BFBAAA;}
.acaCampTop.job-training > h6:first-child, .acaCampTop.job-training > h2 {color: #BFBAAA;}
.cmp-job-training .acaCampActivity-icon span {border-color:#BFBAAA;}
#academySliderHP.v2 li.cmp-job-training .academySliderItemIcon {border-color:#BFBAAA;}
.acaCampTop.job-training .acaCampArrow {border-top: 6px solid #BFBAAA; border-left: 6px solid #BFBAAA;}

/* product training */
.acaCampTop.product-training {border-top: 5px solid #387FB3;}
.acaCampTop.product-training > h6:first-child, .acaCampTop.product-training > h2 {color: #387FB3;}
.cmp-product-training .acaCampActivity-icon span {border-color:#387FB3;}
#academySliderHP.v2 li.cmp-product-training .academySliderItemIcon {border-color:#387FB3;}
.acaCampTop.product-training .acaCampArrow {border-top: 6px solid #387FB3; border-left: 6px solid #387FB3;}

/* tools training */
.acaCampTop.tools-training {border-top: 5px solid #87677B;}
.acaCampTop.tools-training > h6:first-child, .acaCampTop.tools-training > h2 {color: #87677B;}
.cmp-tools-training .acaCampActivity-icon span {border-color:#87677B;}
#academySliderHP.v2 li.cmp-tools-training .academySliderItemIcon {border-color:#87677B;}
.acaCampTop.tools-training .acaCampArrow {border-top: 6px solid #87677B; border-left: 6px solid #87677B;}

/* special training */
.acaCampTop.special-training {border-top: 5px solid #A0BDC5;}
.acaCampTop.special-training > h6:first-child, .acaCampTop.special-training > h2 {color: #A0BDC5;}
.cmp-special-training .acaCampActivity-icon span {border-color:#A0BDC5;}
#academySliderHP.v2 li.cmp-special-training .academySliderItemIcon {border-color:#A0BDC5;}
.acaCampTop.special-training .acaCampArrow {border-top: 6px solid #A0BDC5; border-left: 6px solid #A0BDC5;}


.acaCampTop {position: relative; margin-bottom:30px;}
.acaCampArrow {width: 30px;height: 30px;display: block; position: absolute; top: -19px; background-color: white; transform: rotate(45deg); z-index: 1;}

.acaCampModulesintro h5 {padding-left:45px; font-weight: bold; margin-top:30px; text-transform: uppercase;}

li.status-active-False .acaCampActivity-info,
li.status-active-False .acaCampActivity-tags {opacity:0.2;}

.acaActTag {width: 50px; display: inline-block; overflow: hidden; text-align: center;}
.acaActTag.act-power {float:left;}
.acaActTag.act-quality {float:right;}
.acaActTag.act-power .acaActTagIco::before {font-family: 'Material Icons'; content: 'school'; color: #999; font-size: 24px; font-feature-settings: 'liga';}
.acaActTag.act-quality .acaActTagIco::before {font-family: 'Material Icons'; content: 'grade'; color: orange; font-size: 24px; font-feature-settings: 'liga';}
.acaActTag .acaActTagLabel { text-align: center; text-transform: uppercase; font-size: 8px; white-space: nowrap;}

.acaCampActivity-c2a .btn .material-icons {font-size:18px;}
.acaActData {margin-right:10px;}
.acaActDone::before {display:inline-block; margin-right:3px; font-family: 'Material Icons'; content: 'check_circle'; color: #A1B611; font-size: 14px; text-transform: none; vertical-align: middle; font-feature-settings: 'liga';}
.acaActRegistered::before {display:inline-block; margin-right:3px; font-family: 'Material Icons'; content: 'today'; color: #EEC732; font-size: 14px; text-transform: none; vertical-align: middle; font-feature-settings: 'liga';}
.acaActStatusIco {display: inline-block; width: 15px; height: 15px; vertical-align: middle; border-radius: 50%; margin-left: 5px;}
.acaActStatusLabel {text-transform: uppercase; font-size: 12px;}

.acaAct-0 .acaActStatusIco {background: #C33D3D;}
.acaAct-1 .acaActStatusIco {background: #EEC732;}
.acaAct-2 .acaActStatusIco {background: #A1B611;}

/* SEARCH form */

#acaSearchPanel .form-group{margin-top: 15px}

#acaSearchPanel .modal-body {padding-top: 0; padding-bottom:0;}
#acaSearchPanel .modal-footer {text-align: center; padding-bottom:30px;}
#acaSearchPanel label.control-label {color: #aaa; text-transform: uppercase;}

/* Navigation */

#advMainNav ul {padding:0; height:52px;}


#acaMainNav #acaMainNavUL { position:relative; border:none; border-bottom:5px solid #f4f4f4; }
#acaMainNav #acaMainNavUL li a {background:none; color: #333;}
#acaMainNav #acaMainNavUL li.active:after {
    content: "";
    width: 100%;
    height: 5px;
    background: rgb(129,242,0);
    display: block;
    position: absolute;
}

#acaMainNav #acaMainNavUL li a * {color:#333;}

#acaMainNav #acaMainNavUL li {margin:0px!important;}
#acaMainNav #acaMainNavUL li a {position:relative;margin-right:0px!important; padding: 0px 15px 10px; font-size:16px;border:none!important;color:#333; text-align:center;}
#acaMainNav #acaMainNavUL li h4 {margin:0;}
#acaMainNav #acaMainNavUL li a * {vertical-align:middle;}
#acaMainNav #acaMainNavUL a:hover {background-color:#fff!important;border:none;}
#acaMainNav .slider {display:inline-block; width:30px; height:4px; background-color:#a5b43c; position:absolute; z-index:100; bottom:0; transition:all .2s ease;}
#acaMainNav #acaMainNavUL .active {background-color:transparent!important; border:none!important; color:#39bcd3!important;}
#acaMainNav #acaMainNavUL li.advNavItem:nth-child(1):nth-last-child(5),
#acaMainNav #acaMainNavUL li.advNavItem:nth-child(1):nth-last-child(5) ~ li.advNavItem {width: 20%; float:left; display:inline-block; color:red!important;}

#acaMainNav #acaMainNavUL li.advNavItem:nth-child(1):nth-last-child(4),
#acaMainNav #acaMainNavUL li.advNavItem:nth-child(1):nth-last-child(4) ~ li.advNavItem {width: 25%; float:left; display:inline-block; color:red!important;}

#acaMainNav #acaMainNavUL li.advNavItem:nth-child(1):nth-last-child(3),
#acaMainNav #acaMainNavUL li.advNavItem:nth-child(1):nth-last-child(3) ~ li.advNavItem {width: 33.33%; float:left; display:inline-block; color:red!important;}

.acaSearchRow label.control-label {margin-bottom:10px;}
.acaSrcbyCourse-row select{margin-top:-5px;}

.acaSearchRow {display: flex; margin-bottom: 30px;}
.acaSearchRow > div {flex-grow: 1; flex-basis: 50%; padding: 0 15px;}
div#course .acaSearchRow:first-child {margin-bottom: 0;}
/* Zone selection */
ul#acaZoneList {display:flex; align-content: flex-start; justify-content: space-between;}
ul#acaZoneList li {
    flex: 1 0 auto;
    height: auto;
    background: transparent;
    position: relative;
    max-width: 8%;
    width:auto;
    padding:0; margin:0 5px;
}

#acaContextFilter .control-label {margin-right:10px;}
#acaContextFilter input {display:none;}
#acaContextFilter input:checked + label {background: rgb(129,242,0);}

ul#acaZoneList li::before {
    content: '';
    display: block;
    padding-top: 100%;
}

ul#acaZoneList li label {
    display: block;
    border-radius: 2px;
    color: #333;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

ul#acaZoneList li input:checked + label {
    background-color: rgb(129,242,0);
    
}

ul#acaZoneList li label span {position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    line-height: 1;}

/* Dealer and user selection */

ul.acaAssignDealer, ul.acaAssignUser { list-style: none; padding: 0; border-top: 1px solid #ddd; overflow-y: auto;max-height: 300px;}
.acaAssignDealerItem,
.acaAssignUserItem {position: relative; display: block; background-color: #fff; margin-bottom: 1px; border-bottom: 1px solid #ddd; color: #666;}
.acaAssignDealerItem:last-child, .acaAssignUserItem:last-child {margin: 0;}
.acaAssignDealer h3,
.acaAssignUser h3 { color: #387FB3; font-size: 18px; margin-top: 15px; margin-bottom:5px;}
.acaAssignDealerItem label, .acaAssignUserItem label {display: block; font-weight: 400; font-size: 12px; color: #222; padding: 8px; margin: 0; text-transform: uppercase;}
.acaAssignDealerItem label:hover, .acaAssignUserItem label:hover {cursor: pointer;}
.acaAssignCheck input[type=checkbox] ~ label::after,
.acaAssignRadio input[type=radio] ~ label::after {font-family: 'Material Icons'; content: "\e145"; font-size: 1.6em; color: #ccc; position: absolute; margin: auto; top:3px; bottom: 0; right: 10px; font-feature-settings: 'liga';}
.acaAssignCheck input[type=checkbox]:checked ~ label::after,
.acaAssignRadio input[type=radio]:checked ~ label::after {content: "\e5ca"; color: #333;}
.acaAssignCheck input[type=checkbox]:checked ~ label,
.acaAssignRadio input[type=radio]:checked ~ label { background:rgb(129,242,0);}
.acaAssignCheck input[type=checkbox],
.acaAssignRadio input[type=radio] {display: none; opacity: 0; float: right; margin: 0px;}

.acaFilterLabels {}
.acaFilterLabels span {margin: 0px 2px 0px 2px;}
.acaFilterLabels::before {font-family: 'Material Icons'; width:15px; height:15px; font-size:14px; content:"filter_list"; font-feature-settings: 'liga'; display: inline-block; vertical-align: middle; margin-right:3px;}
.acaFilterLabels input {display:none;}
.acaFilterLabels input[type=checkbox]:checked ~ label {background: rgb(129,242,0);}
.acaFilterLabels label, #acaContextFilter span label {text-transform: uppercase; font-size:11px; padding:2px 3px; margin-right:3px; color:#333;}

.acaFilterLabels label:hover,
#acaContextFilter span label:hover {cursor:pointer; background: #f4f4f4;}
#acaContextFilter input:checked + label {background: rgb(129,242,0);}

.acaFilterLabels label span {vertical-align: middle;}

#acaWalletsFilter label::before {width:15px; height:15px; content:""; display: inline-block; background: #bbb; margin-right:3px; vertical-align: middle; border-radius:50%;}
#acaCourseCatFilter label::before {width:15px; height:15px; content:""; display: inline-block; margin-right:3px; vertical-align: middle; background-size: cover; background-position: center center;}

#acaWalletsFilter .cat-jobtraining::before {background: #BFBAAA;}
#acaWalletsFilter .cat-producttraining::before {background: #387FB3;}
#acaWalletsFilter .cat-toolstraining::before {background: #87677B;}
#acaWalletsFilter .cat-specialtraining::before {background: #A0BDC5;}

.cat-fad::before {background-image: url(/includes/tools/academy/icons/activities/ico-fad.svg);}
.cat-vct::before {background-image: url(/includes/tools/academy/icons/activities/ico-vct.svg);}
.cat-video::before {background-image: url(/includes/tools/academy/icons/activities/ico-video.svg);}
.cat-materiali::before {background-image: url(/includes/tools/academy/icons/activities/ico-doc.svg);}
.cat-path::before {background-image: url(/includes/tools/academy/icons/activities/ico-path.svg);}


.acaSearchRow select.disabled{color: #ccc;}
.acaSearchRow select.disabled:hover{cursor: auto}

/* RESULTS */


#acaResultsTop{margin-top:30px; margin-bottom: 30px}
#acaResultsTop h5{color: #aaa; margin:0px;}
#acaResultsTop h2{ margin: 10px 0px; font-weight: bold; }
#acaResultsTop.cmp-job-training h2 {color: #BFBAAA;}
#acaResultsTop.cmp-product-training h2 {color: #387FB3;}
#acaResultsTop.cmp-tools-training h2 {color: #87677B;}
#acaResultsTop.cmp-special-training h2 {color: #A0BDC5;}

#acaResultsTop .acaCampActivity-icon{width: auto; display: inline-block; margin-right: 30px}
#acaResultsTop .acaCampActivity-icon span { display: inline-block; vertical-align: middle; margin-right: 5px; width: 20px; height: 20px; border-width: 2px; }

#acaResultsTop .acaCampActivity-status{width: auto; display: inline-block;}
#acaResultsTop .acaCampActivity-status .acaActEnabledIco{vertical-align: middle; font-family: 'Material Icons'; font-size: 23px; margin-right: 5px;}
#acaResultsTop .acaCampActivity-status .acaActEnabledIco.status0:before { content: '\e888'; color: #999; }
#acaResultsTop .acaCampActivity-status .acaActEnabledIco.status1:before { content: '\e2e6'; color: #A1B611; }


#accordion_dealers .panel-body {padding:0;}

#elenco_aggregato{padding-bottom: 30px}
#elenco_aggregato .nav .nav-link:not(.collapsed) { border-bottom: 3px solid rgb(129,242,0); border-radius: 0px; margin-bottom: -7px; }

.acaResltZone{margin-top:20px; font-weight: bold}

.acaResltHead {background: #eee; margin-top: 15px; }
.acaResltDealer:not(:first-child) .acaResltHead {margin-top: 10px;}
.acaResltDealer .panel-collapse .panel-body{padding: 0px}

.acaResltList {padding:0; list-style: none;}
.acaResltHead, .acaCampActivitesList li {position:relative; list-style: none; display:flex; flex-direction: row; align-items:center; height: 60px; flex-wrap: nowrap; justify-content: space-between;}

.acaResltHead-body, .acaResltItem-body {border-bottom:1px solid #ddd; display: flex; flex-grow: 2; align-items: center; height: 60px; flex: 1; min-width: 0;}
.acaResltHead-body {border:none;}
.acaResltHead-info, .acaResltItem-info {flex-basis: 50%; flex: 1; min-width: 0;padding-left: 20px}
.acaResltHead-status , .acaResltItem-status {flex-basis: 20%; min-width: 110px;}
.acaResltHead-date, .acaResltItem-date {flex-basis: 20%; min-width: 110px;}
.acaResltHead-action, .acaResltItem-action {flex-basis: 70px; text-align: left;}

.acaResltHead-action .btn {padding:10px;}

.acaResltHead-info {padding-left: 25px; position: relative;}
.acaResltHead-info a:before {content:"\e15d"; font-family: 'Material Icons'; font-feature-settings: 'liga'; position: absolute; top: 50%; transform: translateY(-50%); left:0;}
.acaResltHead-info a.collapsed:before {content:"\e148"; font-family: 'Material Icons'; font-feature-settings: 'liga';}

.acaResltHead-body h4, .acaResltItem-body h4 {font-size:14px; margin:0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.acaResltHead-body h6, .acaResltItem-body h6 {font-size:11px; margin:0; margin-top:5px; color:#aaa; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.acaResltHead, .acaResltItem-body {padding: 10px 0 10px 10px;}


.acaResltHead-perc.circle-progress-dashboard { text-align: center; position: relative; flex-basis: 10%}
.acaResltHead-perc.circle-progress-dashboard .circle-progress__text {position: absolute; width: 100%; transform: translate(-50%,-50%); top: 50%; left: 50%;}
.acaResltHead-perc.circle-progress-dashboard .circle-progress__percentage {font-size: 12px; font-weight: 700;}
.acaResltHead-perc.circle-progress-dashboard .circle-progress__percentage + div {font-size: 8px;}


ul.acaRestStatusFilter {list-style: none; padding: 0; margin:0;}
ul.acaRestStatusFilter li {display: inline-block;}

ul.acaRestStatusFilter a {padding:3px; border-radius:3px;}
ul.acaRestStatusFilter a:hover {cursor:pointer; background:rgba(255,255,255,0.8); text-decoration: none;}

ul.acaRestStatusFilter a.active{background-color: #FFF}
ul.acaRestStatusFilter a span{margin-bottom:3px !important; display: inline-block;}

ul.acaRestStatusFilter .acaActStatusIco,
.acaResltItem-status .acaActStatusIco {margin:0; margin-right:5px;}
.acaResltItem-status {padding-left: 3px;}

ul.acaRestStatusFilter .acaActStatusIco + span,
.acaResltItem-status .acaActStatusIco + span {vertical-align: middle; text-transform: uppercase; font-size:12px;}


#sollecito_modal .modal-header{padding: 15px 30px 0px 30px}
#sollecito_modal .modal-body{padding: 15px 30px 20px}
#sollecito_modal .modal-body{font-size: 16px}
#sollecito_modal .modal-footer{padding: 0px 30px 15px 30px}


/* end RESULTS */






/* Dealer and user selection */

/****************/
/* mediaqueries */
/****************/

@media screen and (max-width: 992px) {
    #elenco_singolo,
    #elenco_aggregato{margin-top: 60px}

    #acaCHContents #mainBoxes {flex-direction: column;}
    #acaCHContents li:first-child .acaContentBig {height:350px; margin-bottom:20px;}

    #acaSearchPanel .modal-header { padding-top: 15px; padding-right: 15px; padding-left: 15px; }
    #acaSearchPanel .modal-body{padding-right: 15px; padding-left: 15px}
    
    #acaSrcbyCourse-row1{display: block;}
    .acaSearchRow > div{padding: 0px 10px}

    ul#acaZoneList { flex-wrap: wrap; justify-content: center; }
    ul#acaZoneList li {margin: 0 5px; max-width: 15%; width: 15%; margin: 5px auto; }

    .acaFilterLabels::before{display: none}
    /*.acaFilterLabels > span{display: block;}*/

    .acaAssignCheck input[type="checkbox"] ~ label::after,
    .acaAssignRadio input[type="radio"] ~ label::after { font-size: 1.2em; top: 6px; right: 4px; }
    .acaAssignDealerItem label,
    .acaAssignUserItem label {padding-right: 20px}

    
    .acaResltHead,
    .acaCampActivitesList li{height: auto; flex-wrap: wrap;}

    .acaResltHead-body,
    .acaResltItem-body{justify-content: space-between; flex-wrap: wrap; height: auto}

    .acaResltHead-body > *,
    .acaResltItem-body > * {flex-basis: auto;}

    .acaResltHead-info,
    .acaResltItem-info{flex-basis: 100%}

    .acaResltHead-action,
    .acaResltItem-action{flex-basis: 60px}
  
}


@media screen and (max-width: 550px) {

  #academySliderHP.v2 #academySliderBody {margin-top: 0;}
  #academySliderHP.v2 #academySliderSide { position: relative; display: block;}

  .acaCampActivitesList li {height:auto; align-items: flex-start;}
  .acaCampActivity-icon {padding-top:10px;}
  .acaCampActivity-body { display:block; height:auto; align-items: flex-start; padding:10px 0;}
  .acaCampActivity-info {flex:none; display:block; flex:none; width:100%;}
  .acaCampActivity-tags {flex:none; width: 40%; float: left; display: block;}
  .acaCampActivity-c2a {flex:none; width: auto; float: right; display: block;}

}


@media screen and (max-width: 480px) {

  #acaCHContents #mainBoxes li:last-child .panel .img {float:none; min-height:150px; width: 100%;}
  #acaCHContents #mainBoxes li .panel-body {float:none; padding: 15px;}

}




/**/