/* NOTA BENE: Questa istruzione DEVE rimanere all'interno del custom.css di FlexbenHeader,
   in quanto metterlo nel tema andrebbe a modificare gli header di tutto il portale */
.aui .internal-user-header {
	display: block;
}

/* Fix per evitare che le immagini vengano stretchate (nell'aui.css � settato come max-width: 100%, regola che va in conflitto gli stili dello styles.css per mantenere l'aspect ratio)  */
.aui img {
	max-width: none;
}

.header-effect {
	z-index: 1 !important;
}

/* Fix per la rimozione dello sfondo blu sulle option selezionate in Internet Explorer */
select:focus::-ms-value {
    background-color: white;
    color:#000;
}

.welfare-box {
	max-width: 780px;
	margin: 50px auto;
}

/* Fix per far s� che i tooltip non vengano nascosti qualora sforino i tab-content */
.aui .tab-content {
    overflow: visible;
}

/* Fix per adattare la grandezza delle immagini delle card al div nelle quali sono contenute */
.aui .liferay-bootstrap .service-item .image-container img {
	height: 100%;
}
.aui .liferay-bootstrap .benefit-cards-container .benefit-card-img img {
	height: 100%;
}
.aui .liferay-bootstrap .refund-recap .image-container img {
	height: 100%;
}

.aui .liferay-bootstrap .loader-overlay {
	position: absolute;
	z-index: 9999;
}

.aui .liferay-bootstrap .welfare-loader > .large {
	width: 96px;
	height: 96px;
	transform-origin: 48px 49px;
}

.aui .liferay-bootstrap .loader-overlay .lightbox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
}

.aui .welfare-main-header, .aui .liferay-bootstrap .welfare-main-header {
	padding: 37px 15px 0 0 !important;
}

.aui .welfare-main-header .welfare-main-menu-list, .aui .liferay-bootstrap .welfare-main-header .welfare-main-menu-list {
	padding-top: 9px;
}

.aui .welfare-main-header .welfare-main-menu-list a:not(.welfare-btn), .aui .liferay-bootstrap .welfare-main-header .welfare-main-menu-list a:not(.welfare-btn) {
	text-decoration: none !important;
	height: 70px;
}

.aui .welfare-modules .welfare-main-menu-list .ico, .aui .liferay-bootstrap .welfare-modules .welfare-main-menu-list .ico {
	font-size: 15px;
}

.aui .liferay-bootstrap .attachments-item {
	width: 220px;
    height: 100px;
    margin-right: 30px;
    padding-top: 38px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.aui .liferay-bootstrap .attachments-item .attachments-metadata {
    width: 160px;
}

.aui .liferay-bootstrap .service-item .service {
	min-height: 54px;
}

.aui .liferay-bootstrap .welfare-tooltip--top {
    transform: translate3d(0, 12px, 0) !important;
    left: -170px !important;
    width: 300px;
    min-width: 300px !important;
    text-align: justify !important;
}

.aui .liferay-bootstrap .welfare-tooltip--top:after {
    left: auto !important;
    right: 120px;
}

@media screen and (max-width: 500px) {
	.ptl-header .col-sm-3, .aui .ptl-header .col-sm-3 {
		display: none;
	}

	.aui .welfare-main-header, .aui .liferay-bootstrap .welfare-main-header {
		padding: 53px 10px 0 !important;
	}
	
	.aui .welfare-main-header .welfare-main-menu-list, .aui .liferay-bootstrap .welfare-main-header .welfare-main-menu-list {
		margin-top: 17px !important;
	}
	
	.aui .welfare-main-header .welfare-main-menu-item.active:after, .aui .liferay-bootstrap .welfare-main-header .welfare-main-menu-item.active:after {
	 	display: none;
	}
}

@media screen and (min-width: 501px) and (max-width: 767px) {
	.ptl-header .col-sm-3, .aui .ptl-header .col-sm-3 {
		display: none;
	}
	
	.aui .welfare-main-header, .aui .liferay-bootstrap .welfare-main-header {
		padding: 58px 10px 0 !important;
	}

	.aui .liferay-bootstrap .welfare-tooltip--top {
	    width: 250px;
	    min-width: 250px !important;
	    left: -205px !important;
	}
	
	.aui .liferay-bootstrap .welfare-tooltip--top:after {
	    right: 32px;
	}
}


@media screen and (min-width: 768px) and (max-width: 1079px) {
	.aui .liferay-bootstrap .welfare-tooltip--top {
	    left: -167px !important;
		width: 250px;
	    min-width: 250px !important;
	}
	
	.aui .liferay-bootstrap .welfare-tooltip--top:after {
	    right: 73px;
	}
}

/* Fix per rendere della stessa altezza le celle di una riga */
.aui .liferay-bootstrap .rows-equal-height {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}