.red {color: red}
ol#pglc-register-stage li.active{font-weight: bold;}
ol#pglc-register-stage li.done{}

div.clear{clear:both;}

#pgcl-register-total{font-weight: bold;}
#pglc-register-plugin-container h1, #pglc-register-plugin-container h2{
	padding-bottom:15px;
}

.pglc-register-background-green{background:#5ec91c;}
.pglc-register-background-blue{background:#02b6f5}

#pglc-register-plugin-container input, #pglc-register-plugin-container select{
	font-size:1.2em;
}

#pglc-register-plugin-container p{font-size: 18px; padding-bottom:0!important;}

.pglc-register-rows-container{padding-top:20px;}

.pglc-register-fancy-container{
  background-color: #ececec;
  border-radius: 15px;
  padding: 1em 2em 1em 2em; 
}

#pglc-register-spinner, #pglc-register-no-events{
	font-size:58px;
	font-weight: 999;
	text-align: center;
	position:absolute;	
	left:0;
	top:0;		
	z-index:999;
	width:100%; 
	height:100%;
	background:rgba(255,255,255,0.9);	
}

#pglc-register-event-selection-container{
  margin-bottom:2em;
}

#pglc-register-event-select{width:auto;}

#pglc-register-spinner img{
	position:absolute;	
	top:25%;
	left:40%;
}

#pglc-register-plugin-container hr{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #02b6f5;
    margin: 1em 0;
    padding: 0; 
}

#pglc-register-plugin-container hr.pglc-register-double-line{
  border-top: double #02b6f5!important; 
}


#pglc-register-top-line{
  margin-bottom:3%!important;
  margin-top:3%!important;
}

/** 
  * Register header 
  *
  **/
#pglc-register-header{
	width:100%;
	clear:both;
	font-size: 2em;	
}

#pglc-register-header ol{
	width:100%;
}

#pglc-register-header ol li{
	float:left;
	margin-right:1em;
}

#pglc-register-header ol li:last-of-type{
  margin-right:0;
}

/** End register header **/


/****
	* Start
	*/

#pglc-register-discount-code-container{
	width:50%;
}

#pglc-register-discount-code{
	width:25%;
	margin-right:10px;
}




/** 
  * Register footer
  *
  */
#pglc-register-footer{
	width:100%;
	clear:both;
	padding-top:30px;
}

button.pglc-register-fancy-button{  
  border: none;
  color: white;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;    
  border-radius: 5px;
  transition: transform 150ms ease-out, padding 150ms ease-out;
  padding: 5px 15px;  
}

button.pglc-register-fancy-button:hover{
  padding: 10px 25px;
  box-shadow: 5px 10px rgba(0, 0, 0, 0.1); 
}

#pglc-register-button-container-inner{height:3em; margin-bottom:2em;}
#pglc-register-previous-button{  
  float:left;
  background-color:#02b6f5;    
}

#pglc-register-previous-button:hover{    
  box-shadow: -5px 10px rgba(68,179,243, 0.3); 
}

#pglc-register-next-button{
  float:right;
  background-color:#5ec91c;
}

#pglc-register-next-button:hover{
  box-shadow: 5px 10px rgba(103,203,41, 0.3); 
}

#pglc-register-discount-code-button{
  background-color:#5ec91c;  
}

#pglc-register-discount-code-button:hover{
  padding: 5px 15px; 
  box-shadow: 3px 6px rgba(103,203,41, 0.3);  
}

#pglc-register-total-container{
	width:30%;
	float:right;
}

#pglc-register-total-container-inner p span.pullright{float:right;}

/** End register footer */

/** 
  * Delegate forms 
  *
  **/

  .pglc-register-delegate-title select:focus{border-color:green!important;}

  .pglc-register-delegate{
  	clear:both;
    margin-bottom:2em;
  }

 .pglc-register-delegates-details{
  	width:100%;  
  }

  .pglc-register-delegates-details-inner{
  	width:90%;  	
  }

  .pglc-register-delegate .pglc-register-row{
  	float:left;
    padding-right:10px;   	 	
  }

  .pglc-register-delegate .pglc-register-delegate-email-container{   
    margin-right:0px!important;    
  }

  .pglc-register-delegate .pglc-register-delegate-control-row{
    margin-right:0px!important;     
  }
  

  .pglc-register-delegate-title select{  
  	border: 0!important;
  	padding-top: 8px!important;
    padding-bottom: 7px!important;	
    background:transparent;
  }

  .pglc-register-delegate label{
  	background:transparent;
  }


  #pglc-register-control-add{float:none; clear:both;}


  .pglc-register-delegate-title-container{
    width:11%;    
  }

  .pglc-register-delegate-name-container{  
  	width:15%;	
  }

  .pglc-register-delegate-surname-container{  
    width:15%;  
  }

  .pglc-register-delegate-company-container{ 
  	width:15%;  	
  }

  .pglc-register-delegate-position-container{  
  	width:15%; 	
  }

  .pglc-register-delegate-email-container{
  	width:20%;  	
  }

  #pglc-register-delegate-control-container{
    width: auto;
    padding-right:0;
    float:right;
  }

  #pglc-register-control-add span{    
    font-size: 18px;
    margin-left: 40px;
    line-height: 1.8em;
  }
  #pglc-register-control-add{display: block; margin-top:2em; width:40%; height:32px; background:url(../img/add.png?34) 0 0 no-repeat;}

  .pglc-register-control-delete span{display: none}
  .pglc-register-control-delete{display: block; width:32px; height:32px; background:url(../img/delete32.png) 0 0 no-repeat;}


  .pglc-register-delegate-tickets{
    width:100%;
  }

  .pglc-register-delegate-tickets ul li{
    list-style: none;
    float:left;
    margin-right:1.5em;
    font-size:18px;
    border-radius: 10px;
    padding-right: 0.5em;
    padding-left: 0.5em;
    color: white;
    margin-top:1em;           
  }

  #pglc-register-delegate-list li span{
    margin-right:1.5em;
    font-size:18px;
    border-radius: 10px;
    padding-right: 0.5em;
    padding-left: 0.5em;
    color: white;    
  }

.pglc-register-delegate-tickets ul li label:hover, .pglc-register-delegate-tickets ul li input:hover{
  cursor: pointer;
}
  li.pglc-register-main-ticket{
    background: #5ec91c;
  }

  li.pglc-register-extra-ticket{
    background: #02b6f5;
  }

/** End delegate forms **/


/** Payment screen **/
.pglc-register-column-container{
	width:48%;
	margin-top:3em;
}

#pglc-register-column-payment-details{float:left;}
#pglc-register-column-payment-method{float:right;}
label._error{
  color:red;
  font-size:14px;
}

#pglc-register-payment-agreement{width: auto;}

#pglc-register-agreement {
  text-align: right;
  margin-bottom: 12px;
}

#pglc-register-agreement .errorTxt {
  color: red;
}

/********************/


/** Validation **/

label.error{color:red;}


/** 
  * Fancy input box effect
  *  
  **/

#pglc-register-plugin-container select{
	color: #999;
	box-shadow: 0 1px 0 0 #e5e5e5;
  padding:10px 0 5px 0!important;
}

#pglc-register-payment-type, #pglc-register-delegate-count{
  width:auto!important;
  box-shadow: 0 1px 0 0 #e5e5e5!important;
}


.pglc-register-row {
  position:relative;  
  margin-top: 15px;
  padding-bottom:5px;
}

.pglc-register-row-label {
  position: absolute;
  left: 0;
  top: 10px;
  color: #02b6f5;
  background-color: transparent!important;
  z-index: 10;
  transition: transform 150ms ease-out, font-size 150ms ease-out, color 150ms ease-out;
  font-size: 1.2em;
}

.focused .pglc-register-row-label {
	z-index: 800;
	color: #02b6f5;
  	transform: translateY(-125%);
  	font-size: 1em;
}

.pglc-register-row input, .pglc-register-row select{
	width:100%;
	background: transparent!important;
  z-index: 850;
  position: relative!important;
  padding: 12px 0px 5px 0!important;  
  outline: 0!important;
  border: 0!important;
  box-shadow: 0 1px 0 0 #e5e5e5!important;
  transition: box-shadow 150ms ease-out!important;
  color:#02b6f5!important;
}

.pglc-register-row input.filled, .pglc-register-row select.filled {
  box-shadow: 0 2px 0 0 lightgreen!important;
}

.pglc-register-row input.invalid, .pglc-register-row select.invalid {
  box-shadow: 0 2px 0 0 red!important;
}

/** End Fancy input box effect **/

a.pglc-register-pay-button,
a.pglc-register-pay-button:visited {
  display: inline-block;
  background-color: #02b6f5;
  color: #fff !important;
  padding: 10px 25px;
  border-radius: 5px;
  font-size: 16px;
  text-decoration: none;
}

a.pglc-register-pay-button:hover,
a.pglc-register-pay-button:focus {
  background-color: #0297cc;
  color: #fff !important;
}

.pglc-register-payment-option {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 15px;
}

.pglc-register-payment-option input {
  margin-top: 4px;
}



#pglc-register-complete-container{
  text-align: center;
}

#pglc-register-delegate-list{
  font-size:18px; 
  width:100%; 
  padding-top:2em; 
  padding-bottom:2em;
}

#pglc-register-delegate-list ul{
  text-align: left; 
  display:inline-block; 
  list-style: none; 
  margin-right:2em; 
  padding-top:1em; 
  padding-bottom:1em;  
  white-space: nowrap;
}

#pglc-register-delegate-list ul li{
  margin-right:1em;
}

/*** Responsive Styles Large Desktop And Above ***/
@media all and (max-width: 1061px) {
  #pglc-register-header{
    font-size:1.5em;
  } 

  #pglc-register-plugin-container h2{font-size:1.5em;}
  #pglc-register-plugin-container p{font-size:16px;}
}

@media all and (max-width: 801px) {
  #pglc-register-total-container{
    width:100%;
  }
  #pglc-register-header{
    font-size:1.2em;
  }

  #pglc-register-plugin-container h2{font-size:1.2em;}
  #pglc-register-plugin-container p{font-size:14px;} 

  /* No derop shadow or such on mobile */
  #pglc-register-previous-button:hover, #pglc-register-next-button:hover, #pglc-register-discount-code-button:hover{    
    box-shadow: none!important;
    padding: 5px 15px;
  } 
}

@media all and (max-width: 768px) {
  #pglc-register-event-select{font-size:1em!important;}
  #pglc-register-header ol{height:auto;}
  #pglc-register-header ol li{
    float:none;    
  } 

  #pglc-register-delegates-details-inner .pglc-register-row{
    float:none;
    width:100%;
  }

  #pglc-register-control-add{width:auto;} 
  .pglc-register-control-delete{width: auto}
  .pglc-register-control-delete span{
    display: block;
    font-size: 18px;
    margin-left: 40px;
    line-height: 1.8em;
  }

  #pglc-register-discount-code-container {
    width: 100%;
  }

  #pglc-register-column-payment-details{float:none;}
  #pglc-register-column-payment-method{float:none;}

  #pglc-register-discount-code{width:auto; float:none;}

  #pglc-register-discount-code{width:50%;}

  .pglc-register-column-container{width:100%; margin-top:3em;}

}

/** Messages **/
.pglc-register-message{
  margin:1em 0;
  padding:1em 1.5em;
  border:2px solid #c00;
  border-radius:15px;
  background:#fff5f5;
  color:#900;
  font-size:18px;
}
.pglc-register-inline-message{
  clear:both;
  padding-top:0.5em;
  font-size:16px;
}
.pglc-register-inline-message.invalid{color:#c00;}
#pglc-register-pay-now{margin:1.5em 0;}
#pglc-register-pay-now-link{display:inline-block; text-decoration:none;}