.mainBack {
width:auto;
}

.backImg {
	width: 100%;
}

.resize {
/** position:absolute; **/
left:0;
right:0;
margin:0 auto;

}
.hideOnStart {display:none;}

.fullDiv { position:relative;}

.form-field {margin-bottom: 5px;}
add-child {	margin: 10px 0;}
#add-child:hover{cursor: pointer;}
#add-participant {	margin: 10px 0;}
#add-participant:hover{cursor: pointer;}
#submit-button {
	background: url(https://www.babyfirsttv.com/wp-content/uploads/2019/12/continue-btn-2.png);
	background-repeat : no-repeat;
	background-position : center center;
	background-size : contain;
	width: 190px;
	height: 60px;
	margin: 20px 5px 10px 5px;
}

#form-col-1 {float :left; width : 50%;}
#form-col-2 {float :left; width : 50%; padding : 40px; text-align : center;}
#form-col-2 img {height :250px;}
	
@media only screen and (max-width: 950px)
{
#form-col-1 {
	float :none;
	width : 100%;
}
#form-col-2 { display:none;}
}

#form_submit {
background-color: #f4f1ea;
padding: 30px;
border-radius: 10px;
color: #FF3C5A;
margin: 0 25px;
font-family: "Gotham-Book", "Comic Sans MS", cursive;

}
#form_submit div input[type="text"],#form_submit div select,#form_submit div checkbox{
/* font-family: "Chelsea Market", "Comic Sans MS", cursive; */
border-radius: 5px;
font-size: 18px;
}
#form_submit div input[type="file"] {
font-family: "Gotham-Book", "Comic Sans MS", cursive;
font-size: 16px;
color: #FF3C5A;
}

#form_submit div select {width: 100%;}

#field-agreement {
font-family: PTSansRegular,Arial,Helvetica,sans-serif;
font-size: 14px !important;
line-height: 20px;
width: 100%;
border-radius: 6px;
padding: 10px;
text-align: justify;
font-size: 15px;
height: 150px;
overflow: auto;
background-color: white;	
color: #165372;
}	
#field-agreement p{
	margin : 12px 0;
}
#form_submit div.error input[type="text"],#form_submit div.error  select,#form_submit div.error  checkbox{
border: 1px solid rgb(248, 54, 54);
background-color: rgb(254, 211, 211);
font-size: 18px;
}
#ugc-intro {cursor: pointer;}
#ugc-instruction {display: none; cursor: pointer;}
#ugc-form {display: none;}
#ugc-success {display: none;}
#ugc-form h1 {margin-top:0px; font-family: "Gotham-book", "Comic Sans MS", cursive;}

#form_submit p.errorMsg {color: black;margin-top: 2px;}
#file_error  p{
	padding : 20px;
	border: 1px solid rgb(248, 54, 54);
	background-color: rgb(254, 211, 211);
	margin-top:15px;
	text-align:center;
	border-radius: 5px;
}
#rules {text-align:justify; padding: 30px; background-color: #ededed; border-radius: 10px; margin: 20px;}

#waitPopup, #successPopup, #loader {display:none;}

#loader{
/*   margin: 15vmin auto 0; */
    /* width: 22vmin; */
    /* height: 22vmin; */
    position: fixed;
    margin: auto;
  /*  display: block; */
    /* margin-left: 0; */
    /* margin-right: 0; */
    left: 0;
    right: 0;
    top: 42%;
    /* align-content: center; */
    text-align: center;
}
#loadingIcon {
		-webkit-animation: rotation 2s infinite linear;
		animation: rotation 2s infinite linear;
/*		width: 100%; */
}
#progress{
/*    font-size: 3vmin;*/
    position: absolute;
    top: calc(50% - 1vmin);
    left: 0;
    right: 0;
}


@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}
@keyframes rotation {
		from {
				transform: rotate(0deg);
		}
		to {
				transform: rotate(359deg);
		}
}
#successPopup {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 12px solid #fff;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
#submit-bt {text-align: center;}

.button {
  margin-left: .3em;
  text-align: center;
  cursor: pointer;
  padding-top: 13.5px;
  padding-bottom: 13.5px;
  padding-left: 16px;
  padding-right: 16px;
/*  font-family: "Chelsea Market", "Comic Sans MS", cursive; */
  font-size: 14px;
  letter-spacing: 0.2em;
  font-weight: 600;
  font-style: normal;
  line-height: 15px;
  line-height: 15px;
  text-transform: uppercase;
  border-style: solid;
  border-radius: 4px;
  border-width: 0px;
  color: #ffffff;
  background-color: #4a8ed1;
  margin-top: 20px;
  margin-bottom: 0px;
}
.button:hover {
  background-color: #cc8200;
  border-width: 0px;
  color: #ffffff;
  background-color: #cc8200;

}