@CHARSET "ISO-8859-1";

 	  form {width:100%;}
      #topBarForm .topbar {z-index:9999;}
      tr.ticket-addon {border:1px solid black;padding:10px;margin-bottom:20px;}
      tr.ticket-addon td{padding:10px;padding-bottom:20px;border:1px solid black;}

      /*### CUSTOM DUA LIST */
      .dl-box-container label {}
      .dl-box-container .dl-box-row-visible {display:flex;}
      .dl-box-container .dl-box-row-hidden {display:none;}

      .event-tabview .ui-tabs-nav {display:block;width:100%;text-align:left;display:none;}

      .ticket-card {
        background: var(--surface-e);
        box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
        border-radius: 5px;
        margin-bottom: 25px !important;
        padding:5px !important;
        border:1px solid #518895;
        /*border-left: solid 8px #518895;*/
      }
      .ticket-card .ui-icon {position:absolute;left:2px;}
       
       .showMssg{
       	background-color: #dcedf5;
       	padding: 10px;
       	font-size:15px;
       	
       	transition: all 0.5s ease-out;
       }
      
      .ui-sticky {top: 75px !important;}
      
      .ticket-card-header{
      	width:40px !important; 
      	padding:1px !important; 
      	background-color: #518895;
        writing-mode: vertical-lr;
  		transform: scale(-1, -1);
        text-align:center; 
        font-weight: bold;
        font-size: 25px; 
        color:white;
       }
       
      .ticket-card-header-circle{
      	position: relative;
      	margin:auto;
      	height: 35px; 
      	width: 35px; 
      	background-color: white; 
      	border-radius: 50%; 
      	display: inline-block; 
        color: #518895; 
        font-size:25px;
       }
       
	  .timerDetails{
 		display:none !important;
      }
      
      .seatGroupSelectionFull{
      	width:100% !important;
      }
      .seatGroupSelectionHalf{
      	width:50% !important;
      }

      @media screen and (max-width: 60em) {
      	.ui-sm-12-2 {
      		padding: 0.5em;
      		width: 100%;
      	}
      	.ticketRow {
      		display: block !important;	
      	}
      	
      }
      @media screen and (min-width: 750px) {
      	.ui-md-4-3 {
      		width: 33.3333%;
      	}
      }
      @media screen and (max-width: 749px) and (min-width: 450px) {
      	.ui-md-4-3 {
      		width: fit-content;
      	}
      }
      @media screen and (max-width: 449px) {
      	.ui-md-4-3 {
      		width: 100%;
      	}
      	.ui-md-4-3 button {
      		width: 100%;
      	}
      }
      @media screen and (min-width: 690px) {
      	.nonMobilePopUp {
      		display: contents;
      	}
      	.mobilePopUp {
      		display: none;
      	}
      }
      @media screen and (max-width: 640px) {
      	.nonMobilePopUp {
      		display: none;
      	}
      	.mobilePopUp {
      		display: contents; 
      	}
      	.ticket-card-header{ 
      		width: 100% !important;
      		writing-mode: horizontal-tb;
      		transform: scale(1, 1);
       	}
       	.ui-md-6 {
			width: 100%;
		}
		.ui-grid .ui-grid-row {
			display: block;
		}
		.seatGroupSelectionHalf{
			width:100% !important;
		}
      }
	
	.layout-wrapper .topbar {
  		z-index: 1 !important;
  	}