.event_term_condition
{
    height: 300px;
    overflow-y: scroll;
    border: thin solid gray;
    padding: 5px;
}

.registration_left
{
    width: 68.5%;
    float:left;
    margin-right:1.5%;
}
.registration_right
{
    width: 30%;
    float:left;
    font-size: 12px;
    font-weight: normal;
}

.registration_right h3
{
    font-size: 170%;
    font-weight: 400;
    color: #3a3a3a;
    margin: 5px auto 30px;
    padding-bottom: 20px;
    text-transform: uppercase;
    border-bottom: none;
}

#component
{
    width: 100% !important;
}

.event_left
{
    float: left;
    width: 70%;
    margin-right: 1%;
}

.event_right
{
    float: left;
    width: 29%;
}

.event_right  a:hover
{
    color: white;
}

.event_registration table
{
    width:100%;
}

.event_registration input[type="text"] {
    width: 97%;
    border: 1px solid rgb(177, 177, 177);
    font-family: arial;
}

.event_registration textarea {
    width: 97%;
    border: 1px solid rgb(177, 177, 177);
    font-family: arial;
}

.event_registration select {
    width: 98%;
    font-family: arial;
}

.td_label
{
    padding: 5px 5px 5px 5px;
    color: black;
    font-size: 12px;
    font-weight: bold;
    max-width: 200px;
    width:30%;
}

.registration_form_div
{
    padding: 5px;
    border:thin solid rgb(197, 197, 197);
}

.form_title
{
    font-size: 14px;
    border-bottom: thin solid gray;
    font-weight: bold;
    margin-bottom: 10px !important;
}

.event_left .form_title
{
    display: none;
}

.event_right .form_title:first-child {
    margin: 0 auto 30px;
}
.event_right .form_title
{
    font-size: 170%;
    font-weight: 400;
    color: #3a3a3a;
    margin: 40px auto 30px;
    padding-bottom: 20px;
    text-transform: uppercase;
    border-bottom: none;
}

.registration_left .form_title
{
    font-size: 170%;
    font-weight: 400;
    color: #3a3a3a;
    margin: 10px auto 10px;
    padding-bottom: 20px;
    text-transform: uppercase;
    border-bottom: none;
}

.event_series b
{
    color: #0092cb;
}


.button_div
{
    margin-top: 10px;
    font-size: 172%;
    color: #3a3a3a;
    border: 0;
    text-transform: uppercase;
}

.event_title
{
    font-size: 18px;
    font-weight: 400;
    color: black;
    margin-bottom: 10px;
    margin: 0 !important;
    font-family: 'Oswald', sans-serif;
}

.event_title_final
{
    font-size: 18px;
    font-weight: bolder;
    color: black;
    margin-bottom: 10px;
}

.event_date
{
    margin-bottom: 10px;
}

.event_status_msg
{
    margin-bottom: 10px;
}

.span_radio_category
{
    display: block;
}

td
{
    vertical-align: top;
}

.help_tooltip
{
    color: red;
    display: inline-block;
    padding-left: 5px;
}

.information 
{
    font-size: 10px;
}

.button_div
{
    margin-top: 10px;
}

.fee_label
{
    font-weight: bold;
}

.fee
{
    text-align: right;
    font-size: 18px;
}

.field_label
{
    width:20%;
    font-weight: bold;
    padding: 5px 5px 5px 10px;
}

div.AnyTime-win
{
    z-index: 999;
}

.r_series_div
{
    width: 100%;    
}

select.series_ddl 
{
    width: 100%;
    padding: 5px;
    font-size: 16px;
    border: 1px solid #ccc;
    height: 30px;
    -webkit-appearance: none;
    margin-right: 10px;
    max-width: 280px;
    margin-bottom: 5px;
    height: 30px;
    background: url(images/down_icon.png) no-repeat right;
    background-color: white;
}

.registration_form{
    font-size: 10px;
}

.r_label
{
    display: none;    
}

.r_complete_invoice
{
    display:none;
}

.reg_process
{
    width:100%;    
    margin-top: 50px;
}

.reg_step
{
    display: inline-block;
    margin:10px;
    margin-top: 20px;
    opacity: 0.3;
    font-weight: bold;
}

.reg_step.active
{
    opacity: 1;
}

.reg_step:first-child
{ 
    margin-left: 0px;
}

.invoice_box_info
{
    background-color: #FFF1C4;
    padding:15px;
    width: 640px;
    border: thin solid #FFCA1C;
    margin-bottom: 15px;
    
}

.nFailure 
  {
    background-color: rgb(255, 142, 142);
    color: white;
    padding: 10px;
    margin-bottom: 10px;
    border: thin solid red;
    font-size: 12px;
    
  }
  
.nFailure li
  {
    background: none !important;
    margin-bottom: 0 !important;
    
  }
  .event_option
  {
    margin-bottom: 20px;
  }
  
  .personal_detail
  {
    margin-bottom: 20px;
  }
  
  .emergency_contact 
  {
    margin-bottom: 20px;
  }
  
  .registration_left h3
  {
    margin-bottom: 10px;
  }
  
  .event_fee 
  {
    margin-bottom: 20px;
  }
  
/* btn event */
.button_div input {
    text-align: center;
    color: #fff!important;
    background: #0aba99!important;
    cursor: pointer;
    display: inline-block;
    border:none;
    outline: none;
    text-align: left;
    text-decoration: none;
    padding: 6px 10px;
    font-family: 'Oswald', sans-serif;
    font-size: 100% !important;
    /*border-radius: 10px;*/
}
.button_div input:hover {
    color: #000!important;
    background: #00ffcf!important;
}
.button_div input:active {
    position:relative;
    top:1px;
}

/* responsive */

@media (min-width: 850px) {
    
  .r_div
  {
     display: none;
  }
  
  
  
  
  
}

@media (max-width: 849px) {
    
  .event_left 
  {
     width: 100% !important;
     padding-right: 10px;
  }
  
  #component
  {
     padding: 10px;
  }
  .event_right,.registration_right
  {
     display: none!important;
  }
  
  .registration_left
  {
    width: 95%;
    margin-right: 20px;
  }
  
  .event_option h3
  {
    margin-bottom: 10px;
  }
  
  .emergency_contact h3
  {
    margin-bottom: 10px;
  }
  .event_option,.event_additional_info
  {
    margin-bottom: 20px;
  }
  
  .event_additional_info h3
  {
    margin-bottom: 10px;
  }
  
  #component .event_registration .event_date
  {
    margin: 0px !important;
  }
  
  .personal_detail h3
  {
    margin-bottom: 10px;
  }
  
  #right 
  {
    padding: 0 !important;
    background: none !important;
  }
  
  
  #content_container
  {
    padding: 20px 0 60px !important;
  }
    
  .content_grey_header
  {
    background: none!important;
  }  
  
  .event_date
  {
    display: block !important;
  }
  
  
}

@media (max-width: 700px) {
    
  .complete_invoice
  {
    display:none;
  }
  
  .r_complete_invoice
  {
    margin-top: 30px;
    display:block;
    width:100%;
    text-align: center;
  }
  
  .reg_step
  {
    display: block;
    margin-left: 0; 
  }
    
  .reg_step.active
  {
  }
  
  
  
}


@media (max-width: 400px) {
    
    .registration_form{
        margin-top: 10px;
    }
    
  

  .td_label 
  {
     display: none;
  }
  
  .field_label
  {
    display: none;
  }
  .r_label
  {
     display: block;
     font-size: 12px;
     font-weight: bold;
     margin-top: 10px;
  }
  
  .registration_left h3
  {
    margin-bottom: 10px;
  }

  
  .registration_table tr
  {
    display: table-header-group;
    margin-bottom: 20px;
  }
  
  
  .registration_table td
  {
     width:100%;
  }
  
  .event_title
  {
    margin-bottom:20px;  
  }
  
  .event_date
  {
    display: none;
  }
  
  .event_registration input[type="text"] {
    width: 100%;
    border: 1px solid rgb(177, 177, 177);
}
  
}




/* for delta event */
.event_date
{
    display: none;
}