/*Relaxed perfs*/
.lblRelaxed {
	/*background-color:#33a2ff;border:1px solid #5cb85c;color:#ffffff;*/
	display: none;
	background-color:#33a2ff;border:2px solid #5cb85c;color:#ffffff;
	font-size:1.25em;
	height: auto;
	cursor: pointer;
	padding: 2px;
	margin-bottom: 2px;
	margin-top: 4px;
	font-weight:bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/*Default Behaviour*/
.lblAvailable,.lblLimited,.lblSold {font-size:1.25em;height: auto;cursor: pointer;padding: 10px;margin-bottom: 5px;margin-top: 5px;font-weight:bold;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.lblSold:hover {cursor:default;}                                  
.lblSold                {background-color:#ffffff;color:#d9534f;}                                    
                                    
                                    
/*Customisation*/

/* White + border */
.lblAvailable           {background-color:#ffffff;border:2px solid #5cb85c;color:#5cb85c; }
.lblLimited             {background-color:#ffffff;border:2px solid #f0ad4e;color:#f0ad4e; }
.lblAvailablehover      {background-color: #5cb85c;color:#ffffff;}
.lblLimitedhover        {background-color: #f0ad4e;color:#ffffff;}

/* Filled */
/*.lblAvailable           {background-color:#5cb85c;border:2px solid #5cb85c;color:#ffffff;}
.lblLimited             {background-color:#f0ad4e;border:2px solid #f0ad4e;color:#ffffff;}
.lblAvailablehover      {background-color:#ffffff;border:2px solid #5cb85c;color:#5cb85c;}
.lblLimitedhover        {background-color:#ffffff;border:2px solid #f0ad4e;color:#f0ad4e;}*/



/*After - Availability icon (Ticket- /  Circle- / Chevron-)*/ 
.lblAvailable::after       {float: right;margin-top:0px;content: url(../../images/CalendarIcons/Availability/Chevron-Available.png);}
.lblLimited::after         {float: right;margin-top:0px;content: url(../../images/CalendarIcons/Availability/Chevron-Limited.png);}
.lblAvailablehover::after   {float: right;margin-top:0px;content: url(../../images/CalendarIcons/Availability/Chevron-White.png);}
.lblLimitedhover::after     {float: right;margin-top:0px;content: url(../../images/CalendarIcons/Availability/Chevron-White.png);}



/*After - Blank icon (if using Performance Type icons but NOT availability icons*/
/*.lblAvailable::after, .lblLimited::after            {float: right;margin-top:-8px;content: url(../../images/CalendarIcons/Availability/Blank.png);}*/
                                                                                                                                                     
/*After - Performance Type icons*/
.SocialDistancing::after    {float: right;margin-top:-8px;content: url(../../images/CalendarIcons/PerformanceType/sd.png);}
.Signed::after              {float: right;margin-top:-8px;content: url(../../images/CalendarIcons/PerformanceType/sig.png);}
.Relaxed::after             {float: right;margin-top:-8px;content: url(../../images/CalendarIcons/PerformanceType/rel.png);}
.AudioDescribed::after      {float: right;margin-top:-8px;content: url(../../images/CalendarIcons/PerformanceType/aud.png);}
.Captioned::after           {float: right;margin-top:-8px;content: url(../../images/CalendarIcons/PerformanceType/cap.png);}
.ParentAndBaby::after       {float: right;margin-top:-8px;content: url(../../images/CalendarIcons/PerformanceType/pab.png);}
.Dementia::after            {float: right;margin-top:-8px;content: url(../../images/CalendarIcons/PerformanceType/dem.png);}
.Star::after                {float: right;margin-top:-8px;content: url(../../images/CalendarIcons/PerformanceType/vip.png);}
.Press::after               {float: right;margin-top:-8px;content: url(../../images/CalendarIcons/PerformanceType/pn.png);}





    @media (max-width: 767px)
{

    .lblAvailable::after, .lblLimited::after, .SocialDistancing::after, .Signed::after, .Relaxed::after, .AudioDescribed::after , .Captioned::after,.ParentAndBaby::after,.Dementia::after , .Star::after , .Press::after 
{   float:unset;
    margin-top:2px;
    margin-bottom:2px;
    display:block;
}

    /*Comment out if not using ANY icons*/
 
   .lblAvailable, .lblLimited {height:60px;}
     .MobileWithIcon {height:60px;}

    .lblAvailable::after, .lblLimited::after {margin-top:10px;} 
    .SocialDistancing::after, .Signed::after, .Relaxed::after ,.AudioDescribed::after, .Captioned::after, .ParentAndBaby::after, .Dementia::after, .Star::after, .Press::after  {margin-top: 3px;}

    
    
    
   

       }

}