/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 2; /* Sit on top */
  padding-top: 235px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 782px;
  height: 242px;
  border-radius: unset;
}

.modal-content p {
  padding: 20px;
  text-align: center;
  margin-bottom: 7px;
  font-size: 17px;
}

.close2 {
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
}

.close2:hover,
.close2:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}

.frm_btn {
border: none;
/* max-width: 228px; */
background: #9fd41e;
padding: 15px;
color: #fff;
height: 55px;
}
.frm_email {
width: 62%;
padding: 20px 10px;
margin-bottom: 20px;
  font-size: 11px;
  font-weight: 300;
}
.frm_email:focus{
border-radius: unset!important;
}
.popup_frm {
text-align: center;
}


#prompt_msg {display: none; padding: 10px; font-weight: bold;  margin-bottom: 7px; margin-top: -20px; font-size: 14px;}
.success_prompt_msg {color: #4BB543; }
.failed_prompt_msg {color: #ca4b4b; }
.FormReq {box-shadow: 0 0 3px #d92800 !important; border: 1px solid #d92800 !important;}

#email-exist {display: none; padding: 10px; color: #4BB543; font-weight: bold;  margin-bottom: 7px; margin-top: -20px; font-size: 14px;}
#email-not-exist {display: none;  padding: 10px; color: #ca4b4b; font-weight: bold;  margin-bottom: 7px; margin-top: -20px; font-size: 14px;}
#email-required {display: none;  padding: 10px; color: #ca4b4b; font-weight: bold;  margin-bottom: 7px; margin-top: -20px; font-size: 14px;}
#invalid-msg {display: none;  padding: 10px; color: #ca4b4b; font-weight: bold;  margin-bottom: 7px; margin-top: -20px; font-size: 14px;}

.text_info {color: red!important; margin-top: 20px; margin-bottom: 0px!important;}
.text_info2 {color: #000!important; margin-top: 20px; margin-bottom: 0px!important;}
#group2,#group3 {padding: 10px 0;}
.form_box_col1.form_col2 {
  top: -9px;
  position: relative;
}
.input-file {
    display: unset!important;
  }

.fieldheader2 {
text-transform: uppercase;
padding: 33px 10px;
text-align: center;
color: #fff !important;
margin-bottom: 10px;
font-size: 32px;
background-color: #067000;
}
.fieldheader{background: #303440 !important;color: #fff !important;}
#italize {font-style: italic; font-size: 13px;}
#bold {font-weight: bold;}
.subHeader{margin-top: 10px; color: #002193!important; font-weight: bold;}
.subHeader2{margin: 17px 0 0 0!important; color: #002193!important; font-weight: bold;}
fieldset {	margin-top: 10px;border: 2px solid #e5e5e5;padding: 15px;border-radius: 15px;}
legend {color: #002193; font-weight: bold;}
.group2 label{color:#0ca772; }
.modal {z-index: 2!important;}
.container5 {padding: 27px;}
.file, .file2 {width: 100%; height: 63px; border-radius: 15px; padding: 17px;color: #5c5c5c; font-size: 16px; box-shadow: 0 7px 10px rgba(182, 182, 182, 0.05);}

@media only screen
and (max-width : 947px) {
  .modal-content p{
    font-size: 13px;
  }
.modal-content {
   height: 300px;
  width: 95%;
}
.frm_email {
  width: 100%;
}
.frm_btn {
  width: 100%;

}
}

@media only screen
and (max-width : 513px) {
.modal-content {
  height: 323px;
 width: 95%;
}
}

@media only screen
and (max-width : 379px) {
.modal-content {
  height: 340px;
 width: 95%;
}
}

@media only screen
and (max-width : 350px) {
.modal-content {
  height: 383px!important;
 width: 95%!important;
}
}
/* @media only screen
and (max-width : 947px) {
  .modal-content p{
    font-size: 13px;
  }
.modal-content {
   height: 308px;
  width: 95%;
}
.frm_email {
  width: 100%;
}
.frm_btn {
  width: 100%;

}
} */

@media only screen
and (max-width : 830px) {
  .adjustTop {
   margin-top: 5px !important;
   }
   .adjustTop2{
   margin-top: 10px !important;
   }
   #group3 {padding-top:0px;}

}
 /* @media only screen
and (max-width : 606px) {
.modal-content {
  height: 285px;
   width: 75%;
}
} */

/* @media only screen
and (max-width : 535px) {
.modal-content {
  height: 315px;
 width: 90%;
}
} */

/* @media only screen
and (max-width : 350px) {
.modal-content {
  height: 383px!important;
 width: 90%!important;
}
} */
