/****************** SCHEDA MAIN INFO ***************/

.show-main-info {
	img { max-height: 260px; margin: auto}
	.title {
		margin-bottom: 10px;
		h3, h4 { margin: 2px 0; }
	}
	.gallery {
		margin-top: 10px;
		.fa { color: @font_color}
		.fa.fa-inverse { color: #FFF}
		.fa-circle { color: @font_color }
		.fa-circle.fa-inverse { color: #FFF }
	}

	a { color: @font_color; }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { 
	.show-main-info img.img-square { float: right }
	.gallery {
    	position: absolute;
    	bottom: 5px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { 
	.show-main-info img { float: right }
}

.show-main-info.alt-color {
	color: #FFF;
	a { color: #FFF; }
}

/****************** SCHEDA MAIN INFO SELL ***************/

.show-sell-main-info {
	img { max-height: 150px;}
}

/****************** SCHEDA MAIN INFO ABBO ***************/

.show-main-abbo-info {
	background: @abbo_bg;
	margin-bottom: 0px;
	img { max-height: 150px;}
}
.show-main-abbo-info-arrow {
	width: 100px;
	height: 50px;
	position: relative;
	overflow: hidden;
}

.show-main-abbo-info-arrow:after {
	content: "";
	position: absolute;
	width: 50px;
	height: 50px;
	background: @abbo_bg;
	transform: rotate(45deg); 
	top: -25px;
	left: 25px;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}


/****************** DETAILS ************************/

.show-info-details {
	.info {
		margin-top: 40px;
		
		&>div {
        	padding-left : 40px;
        	.altezzaMinima (32px);
		}
		&.children>div   { background: url('/wms_images/icons/bambini.png')  no-repeat scroll left top transparent;}
		&.disability>div { background: url('/wms_images/icons/disabili.png') no-repeat scroll left top transparent;}
		&.note>div       { background: url('/wms_images/icons/note.png')     no-repeat scroll left top transparent;}
		&.organizer>div  { background: url('/wms_images/icons/organizzazione.png')  no-repeat scroll left top transparent;}
	}
} 
#info_description { margin-top: 5px;} 
    
.TheatreMap {
	width: 100%;
	height: 220px;
}
    
 
.show_badge [class^="flaticon-"] {
    display: block;
    border-radius: 100%;
    background: #000000;
    color: #fff;
    height: 2.5em;
    width: 2.5em;
    line-height: 2.5em;
    text-align: center;
}    

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { 
	.show_badge   {
		text-align: right;
	}
}


/****************** LISTA **************************/

#sell_online {
	.suggerimento { margin: 5px; }
	table {border-bottom: 1px solid #ddd;}
} 



/****************** CALENDARIO *********************/
/* Calendario date disponibili in evento */

.calendar {
	.altezzaMinima (170px);
	margin: 15px;
}
	
/* Legenda calendario date */
.legenda {
	li {
		position: relative;
		text-indent: -25px;
		padding-left: 25px;
	}
	li:before {
		content: "N";
		font-weight: bold;
		font-size: 14px; 
		text-align: center;
		.inlineBlock;
		width: 20px; height: 20px;
		margin-right: 5px;
		text-indent: 0;
	}

	li.np:before { background-color:@cal_not_sched_bg;      color:@cal_not_sched_color; }
	li.pd:before { background-color:@cal_scheduled_bg;      color:@cal_scheduled_color; }
	li.pn:before { background-color:@cal_full_bg;           color:@cal_full_color; }
	li.ds:before { background-color:@cal_scheduled_sel_bg;  color:@cal_scheduled_sel_color; }
	.descrizione {
		height: 20px; line-height: 10px;
		padding-left: 3px;
		.inlineBlock;
	}
}


@cal-width = 227px;
@cal-cell-height = 21px;
//@cal-date-cell-width = (@cal-width / 7 ) - 1px;
@cal-date-cell-width = 31.42px;
@cal-time-cell-width = (@cal-width / 4 ) - 1px;
@cal-month-width = @cal-width - (@cal-date-cell-width + @cal-date-cell-width + 3);

.date-cal, .time-cal {
	width: @cal-width;
	height: auto; margin-top: 10px;
	overflow: hidden;
	
	ul { margin: 0 0 20px; padding:0; list-style-type:none; }
	li {
		height:@cal-cell-height; line-height:@cal-cell-height;
		margin:0 1px 1px 0; padding:0; 
		float:left;
		display:block;
		list-style-type:none;
		text-align:center;
		font-size:11px; font-weight:bold;
		cursor:default;
		background-color:@cal_bg;
		&.no-event { background-color:@cal_not_sched_bg; color:@cal_not_sched_color; }
		&.inactive { background-color:@cal_full_bg; color:@cal_full_color; }
	}
	a { height:@cal-cell-height; display:block; }
	a:hover { text-decoration:none; }
}
.date-cal {
	li, a { width:@cal-date-cell-width; }
	.month {
		li      { background-color: @cal_title_bg; }
		li.name { width:@cal-month-width; color: @cal_title_color; font-weight: bold; }
		a       { color:@cal_title_color; }
	} 
	.week li         { background-color:@cal_week_bg;            color: @cal_week_color;        font-weight: bold; }
	.days a          { background-color:@cal_scheduled_bg;       color:@cal_scheduled_color; }
	.days a:hover    { background-color:@cal_scheduled_hover_bg; color:@cal_scheduled_hover_color; }
	.days a.selected { background-color:@cal_scheduled_sel_bg;   color:@cal_scheduled_sel_color; }
}
 
.time-cal {
	li, a { width:@cal-time-cell-width; }
	.caption { 
		width:@cal-width; height:@cal-cell-height; line-height:@cal-cell-height;
		margin-bottom:1px;
		background-color: @cal_title_bg; color: @cal_title_color;
		font-size:11px; font-weight:bold;
		text-align:center;
	}
	.times a       { background-color:@cal_scheduled_bg;       color:@cal_scheduled_color; }
	.times a:hover { background-color:@cal_scheduled_hover_bg; color:@cal_scheduled_hover_color; }
} 





/****************** INSERITI DA REDAZIONE *********************/
#dateEvento {
	table { 
		width: 100%;
		border-bottom: 1px solid #DDD;
	}
	td { 
		border-top: 1px solid #DDD; 
		padding: 10px;
		&.eventAction { text-align: right;}
	}
}

/* da togliere */
#dateEvento {
  p.important {
    position: relative;
    text-align: left;
    line-height: 27px;
    margin: 5px;
    font-weight: bold;
  }
  div#dateCalendario {
    padding: 10px;
    position: relative;
    .altezzaMinima (180px);
    overflow: hidden;
  }
  table {
    tr { 
      td { 
        &.eventAction { width: 90px;}
        a.button { position: relative;}

        span.nondisponibile {
            color: @danger_color;
            font-size: 11px; 
            text-transform: uppercase; 
            font-weight: bold;
        }

      }
    }/*fine tr*/
          
  }/*fine table*/
}