@charset "utf-8";
/* CSS Document */

.colsx {background-color:#EC09D6;}
.coldx {background-color:#A277FD;}

body {
  min-height: 100vh;
  position: relative;
  margin: 0;
  padding-bottom: 100px;
  font-family: 'Lato', sans-serif;
  font-size:1rem;
}

.header {
	background-color:#E10098; /*FCF004;*/
	color:#FFFFFF;
	/*background-image:url(../img/header-bg.png);
	background-position:right;
	background-repeat:no-repeat;*/
}
.header img{
	max-height:120px;
}

.logo{
	max-height:60px;
	background-color:#FFF;
	padding:5px;	
}

.footer{
	background-color:#E10098; /* FCF004 */
	color:#FFF;
	position: absolute;
  bottom: 0;
	margin-top:25px;
}

.gialloCd{
	background-color:#E10098;
}

/**** BKG GIALLO ****/
.bg-cld {
  background-color: #E10098 !important;
	color:#FFF;
}

a.bg-cld:hover, a.bg-cld:focus,
button.bg-cld:hover,
button.bg-cld:focus {
  background-color: #E2001A !important;
	color:#FFF;
}

/**** GIALLO ****/
.text-cld{
	color:#FFFFFF;	
}
.badge-cld{
  color: #212529;
  background-color: #E10098;
  border-color: #E10098;
}
.btn-cld {
  color: #FFF;
  background-color: #E10098;
  border-color: #E10098;
}

.btn-cld:hover {
  color: #E10098;
  background-color: #FDEFF4;
  border-color: #E10098;
}

.btn-cld:focus, .btn-cld.cld {
  color: #E10098;
  background-color: #FDEFF4;
  border-color: #E10098;
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-cld.disabled, .btn-cld:disabled {
  color: #E10098;
  background-color: #FDEFF4;
  border-color: #E10098;
}

.btn-cld:not(:disabled):not(.disabled):active, .btn-cld:not(:disabled):not(.disabled).active,
.show > .btn-cld.dropdown-toggle {
  color: #E10098;
  background-color: #FDEFF4;
  border-color: #E10098;
}

.btn-cld:not(:disabled):not(.disabled):active:focus, .btn-cld:not(:disabled):not(.disabled).active:focus,
.show > .btn-cld.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 0, 152, 0.5);
}

/**** BKG VIOLA ****/
.bg-vla {
  background-color: #C4007A !important;
	color:#FFF;
}
.border-vla{
	border-color: #C4007A !important;
}

/**** BKG CELESTE ****/
.bg-cls {
  background-color: #009DE0 !important;
	color:#FFF;
}
.border-cls{
	border-color: #009DE0 !important;
}

/**** BIANCO ****/
.text-wht{
	color:#FFF;
}

/**** LABEL FORM ****/
.error { color:#F10609}

.hide {
  visibility: hidden;
	display:none;
  /*opacity: 0;
  transition: visibility 0s 2s, opacity 2s linear;*/
}

.show {
  visibility: visible;
	display:block;
  /*opacity: 1;
  transition: opacity 2s linear;*/
}


/********************************************
**								MENU 										 **
********************************************/
.navbar-custom .navbar-nav .nav-link {
    color: #FFF;
		font-size:1.2rem;
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #000;
}

.dropdown-menu {
    min-width: 350px !important;
    width: auto !important;
    /*height: 400px !important;*/
		background-color:#E10098;
		border: 0px;
}

.dropdown-menu .nav-item:hover {
	background-color:#FFF990;
}
/* /MENU */


.row_folder {
	padding: 15px 15px;
	border-bottom: 1px solid #e8e8e8
}
.row_folder:nth-child(odd) {
	background: hsla(180,20%,91%,.12)
}
.row_folder:nth-child(even) {
	background: hsla(180,20%,91%,.4)
}

#videoModal .modal-content {
	height: auto;
	background-color: transparent;
	border:none;
}

video {
	max-width: 100%;
	height: auto;
}

@media (min-width: 992px) {
  #videoModal .modal-dialog {
    max-width: 80%;
  }
}

/******* MENU LATERALE *******/
.side_menu_area {
	background: #FFF;
}
.side_menu {
	margin: 0;
	border: 0;
	display: block
}
.side_menu .nav-item {
	margin: 0
}
.side_menu .nav-item .nav-link {
	display: block;
	padding: 16px 16px 16px 20px;
	-webkit-transition: border-left-color .25s linear;
	-o-transition: border-left-color .25s linear;
	transition: border-left-color .25s linear;
	border-radius: 0;
	border: 0;
	border-left: 4px solid #e6e8ef;
	background: 0 0;
	color: #262a3a;
	position: relative;
	/*white-space: nowrap;*/
}
.side_menu .nav-item .nav-link:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 8px;
	border-color: transparent transparent transparent #E10098;
	position: absolute;
	left: -2px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0
}
.side_menu .nav-item .nav-link.active {
	border-left-color: #E10098;
	color: #000;
}
.side_menu .nav-item .nav-link.active:before {
	opacity: 1
}

.doc-icon{
	height:55px;
}

/**** ACCORDION FAQ ****/
.accordion-faq .panel-default > .panel-heading {
    border: 0;
    background: #f4f4f4;
    padding: 0;
}
.accordion-faq .panel-default > .panel-heading:hover {
    border: 0;
    background: #E10098;
    padding: 0;
}
.accordion-faq .panel-default .panel-title a {
    display: block;
    font-style: italic;
    font-size: 1rem;
		color:#000;
}
.accordion-faq .panel-default .panel-title a:hover {
    text-decoration:none!important;
}
.accordion-faq .panel-default .panel-title a:after {
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 1.5rem;
    content: "\f106";
    color: #1f7de2;
    float: right;
    margin-top: -12px;
}
.accordion-faq .panel-default .panel-title a.collapsed:after {
    content: "\f107";
}
.accordion-faq .panel-default .panel-body {
    font-size: 1rem;
}