/*Form Related*/

  .form_wrapper {
    margin: 0px auto;
  }

  form {
    padding: 0px 25px;
  }

  .footer {
    float: none;
    width: auto;
  }

  //input[type="text"],input[type="email"], select, label, textarea { display: inline; width: 100%; margin-bottom: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  //label { margin-bottom: auto; }
  //input[type="checkbox"], input[type="radio"] { display: inline-block; width: 20px; }
  //input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; width: 90%; margin-bottom: 10px; }
  //textarea { height: 125px; }
  //input[type="submit"] { margin: 0px auto; width: 75%; background-color: #0281AA; color: #ffffff; padding:8p
  x 20px; font-size: 14px; border:1px solid #046383; display: block; }
  .required {
    color: red;
    font-weight: bold;
    display: inline;
    left: 0px;
  }

  label.error {
    color: white;
    font-weight: bold;
    margin-bottom: 10px;
  }

  select.error,
  input.error {
    margin-bottom: auto;
    border-color: red;
    border-width: 2px;
  }

  .data1 {
    width: 110px;
	padding-left: 20px;
	background-color: #e11b22;
	 padding-bottom: 5px;
  }

  .data2 {
    width: 450px;
    background-color: #e11b22;
    padding: 0px;
}

 

  .footer {
    margin: auto;
    float: none;
  }

  .redbutton:link,
  .redbutton:visited {
    background-color: red;
    color: white;
    padding: 14px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: 'StoneSansIIITCW01-Bk';
  }

  .redbutton:hover,
  .redbutton:active {
    background-color: gray;
  }

  .button-img {
    float: none; 
    height: 25px;
    margin: 0px;
    display: block;
  }
  .close-btn2{
  color: white;
    font-size: 42px;
    font-weight: bold;
    display: flex;
    justify-content: flex-end;
	}
	
	.close-btn2:hover,
  .close-btn2:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  
  .modal2 {
    display: none;
	box-sizing: border-box;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto !important;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
  }
  
  .modal-content2 {
    position: relative;
    background-color: rgba(225, 27, 34, .94);
    margin: auto;
    width: 60%;
    max-width: 850px;
    padding: 25px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
}

.button {
    background-color: #EB0017;
    border: none;
    color: #FFFFFF;
    padding: 15px 30px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    width: 200px;
    height: 52px;
    text-decoration: none !important;
}

.close-btn2{
  color: white;
    font-size: 42px;
    font-weight: bold;
    display: flex;
    justify-content: flex-end;
	}
	
	.close-btn2:hover,
  .close-btn2:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  
  .modal2 {
    display: none;
	box-sizing: border-box;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto !important;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
  }
  
  .modal-content2 {
    position: relative;
    background-color: rgba(225, 27, 34, .94);
    margin: auto;
    width: 60%;
    max-width: 850px;
    padding: 25px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
}


@media only screen and (min-width: 320px) and (max-width: 767px) {
    .table1 {
        width: 100%
        display: contents;
    }
	.table1 tr{
        width: auto !important;
        
        display: contents;
    }	

    .table1 td{
        width: auto !important;
        
        display: contents;
    }	

    .modal-content2 {
    width: 90%
    }
	
	.modal-content1 {
    width: 90%
    }
}

}
</style>