#main-form {
  padding: 0px 4px 0;
  /*padding-bottom: 150px;*/
/*  background: url('../img/main-bg.png');
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  /*background-size:cover;*/
/*  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;*/
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
   align-items: center;
  /*height: 100vh;*/
}
#main-form h2, #main-form h3 {
  padding-left: 5px;
}

#main-form p {
  color: #555;
  font-size: 1em;
  padding-left: 5px;
}
#main-form h2 {
  font-size: 1.4em;
  letter-spacing: 3px;
}
.alert-danger p {
    color: #a94442 !important;
    padding: 0 !important;
}
.alert-index .close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 0.6;
}

.close:hover, .close:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 1;
}
.pright {
  float: right;
}
@media handheld, only screen and (max-width: 800px){
  .pright {
    float: none;
  }
  .date-field select {
    text-align: center;
  }
}
.form-g {
  margin-bottom: 16px;
}
/* align glyph */
.left-addon .glyphicon, .left-addon .fa  { left:  0px;}
.right-addon .glyphicon, .right-addon .fa { right: 0px;}

/* add padding  */
.left-addon input  { text-align: center; 
  /*border: 1px solid #ddd; */
}
/* enable absolute positioning */
.inner-addon {
  position: relative;
}

/* style glyph */
.inner-addon .glyphicon, .inner-addon .fa {
  position: absolute;
  padding: 10px;
  pointer-events: none;
  font-size: 20px;
}
.form-control {
  -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 1em;
    height: 40px;
    min-width: 250px;
    /*border: 1px solid #ddd !important;*/
}
.radio-form-g {
  color: #555;
  display: inline-block;
  position: relative;
  margin-top: -20px;
}

.radio-form-g input[type=radio]{
  position: absolute;
  visibility: hidden;
}
.generic-form-table input[type=submit]{padding: 5px 10px; background: grey;color: black;border: 0px;}
.radio-form-g label{
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 1em;
    padding: 3px 18px 0px 46px;
    margin: 27px auto;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
}

.radio-form-g:hover label{
  color: #333;
}

.radio-form-g .check{
  display: block;
    position: absolute;
    border: 3px solid #777;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: 30px;
    left: 20px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

.radio-form-g .check::before {
  display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 2px;
    left: 2px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.radio-form-g input[type=radio]:checked ~ .check {
  border: 3px solid #333;
}

.radio-form-g input[type=radio]:checked ~ .check::before{
  background: #333;
}

.radio-form-g input[type=radio]:checked ~ label{
  color: white;
}
.form-btn {
  
  font-size: 16px;
      border: 1px solid #555;
      padding: 15px 30px;
      
      background: 000;
      margin: 20px 0 20px;

          
    font-size: 16px;
    border: none;
    padding: 15px 30px;
   
    color: #fff;
    background: #555;
    

}

.form-btn:focus, .form-btn:hover {
      
      background: #333;
}
.date-field select{
    display: inline-block;
    width: 100px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.date-field select:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
#main-form h2 {
    font-size: 2.4em;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 900;
    color: white;
    font-family: 'Roboto';
}
#main-form h2, #main-form h3 {
    padding-left: 17px;
}