/* Popups */

.modal-dialog { top:100px !important; z-index:1111111}

.modal-content { background: #fff !important; /*border:2px solid #ff0000;*/}

.modal-title { text-align:center !important; font-weight:bold !important; color:#fff !important; }

.modal-body p { color:#000 !important; }

.modal-title { text-align:center !important; font-weight:bold !important; color:#fff !important; }


/* Forms */

.answer-box input[type="Radio"] {
  margin-right: 24px !important;
  margin-left: 10px !important;
  margin-bottom: 5px !important;
}

.answer-box input[type="checkbox"] {
  margin-right: 24px !important;
  margin-left: 10px !important;
  margin-bottom: 5px !important;
}

#RndcaptchaALL #code {  width: 100%;  max-width: 100px !important; text-align:center; letter-spacing:7px; display:block !important; margin:10px auto 0 auto !important; }

.Rotator input { display: block; margin:0 auto 5px auto !important; width: 95%; padding: .30rem .30rem; font-size: 18px; line-height: 1.5; color: #000000; background-color: #fff; background-clip: padding-box;
border: 1px solid #ced4da; border-radius: .25rem; }

.Rotator textarea { display: block;margin:0 auto 5px auto !important; width: 95%; padding: .30rem .30rem; font-size: 18px; line-height: 1.5; color: #000000; background-color: #fff; background-clip: padding-box;
border: 1px solid #ced4da; border-radius: .25rem; }

.Rotator select { display: block; width: 95%; padding: .30rem .30rem; font-size: 18px; line-height: 1.5; color: #000000; background-color: #fff; background-clip: padding-box;
border: 1px solid #ced4da; border-radius: .25rem; }

.RotatorFormButton
	{ padding: 5px 15px; width: auto; margin: 0 auto; color:#000; border:0px; }

.MainFormButton 
	{ padding: 5px 15px; width: auto; margin: 0 auto; color:#000; border:0px; }

#Rndcaptcha1 {color: #fff}
#Rndcaptcha2 {color: #fff}

/* DWS-OFFER START */
.dws-offer { width:100%; max-width:600px; text-align:center; display:block; margin:0 auto; }
.dws-offer img { width:100%; max-width:600px; }
.dws-offer-expires { color:#ff0000; }

.Rotator { display: block; margin: 0 auto; width: 95%; max-width: 400px;}
/** 
#Rotator1 { display: block; margin: 0 auto; width: 100%; max-width: 300px; text-align: center;}
**/
.Rotator  input { width:95%; max-width:300px; margin:3px 0 !important; font-size:18px; display: inline-block !important;}
.Rotator  textarea { width:95%; max-width:300px; font-size:18px;  }
.RotatorFormButton { background:#007da5; padding:10px 15px;  display:block; margin:0 auto !important; color:#fff; border:0px; font-size:18px; }

#rCode { display: inline-block !important; margin:5px auto !important; width:100%; max-width:100px !important; font-size:22px; text-align:center; letter-spacing:5px;  }

#code {  width: 100%;  max-width: 100px; text-align:center; letter-spacing:2px; display:block !important; margin:0 auto !important; }

.Form-Smile-Analysis #code {  width: 100%;  max-width: 30px; text-align:center; letter-spacing:2px; display:block !important; margin:0 auto !important; }



/** #rname { width: 95% !important; display: block;} **/

/* DWS-OFFER END */


/* CONTACT-FORM START  */

.dws-contact-form { width: 100%; max-width: 400px; margin: 0 auto; display: block;} 

#code { width:100%; max-width:100px !important; font-size:22px; text-align:center; letter-spacing:5px; margin:5px auto 0 auto;  }

#frmForm2 { width:100%; max-width:400px; margin:0 auto; display:block; }

#name, #phone, #email, #subject, #message { width:100%; max-width:400px; font-size:18px;}

#RndcaptchaALL { text-align: center;}

#Rndcaptcha2 { text-align: center; }
/* CONTACT-FORM END  */

/* APPIONTMENT-FORM START */

.dws-appointment-form {display:block; margin:0 auto; width:100%; max-width:650px;}

.main-form-div { width:100%; max-width:700px; margin:0 auto; padding:10px 0 0 0; }

.col-100 { width:100%;   display:inline-block; }

.form-div { margin-bottom:15px; }

.col-50 { float:left;  width:49%;  flex: 0 0 50%;}

.col-50 > input { width:96% !important; }

.col-30 { float:left;  width:32.6%;  flex: 0 0 50%;}

.col-30 > input { width:92% !important; }

#frmForm246 #email { width:100%; max-width:100%; }

#frmForm246 #Ci-ty, #frmForm246 #state, #frmForm246 #Zip { width:100%; max-width:31%; margin:0 5px 0 0; display:inline-block; }

#frmForm749 #email { width:100%; max-width:100%; }

#frmForm749 #City, #frmForm749 #state, #frmForm749 #Zip { width:100%; max-width:29.6%; margin:5px 5px 0 0; display:inline-block; }


input { display: block; width: 100%; padding: .30rem .30rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box;
border: 1px solid #ced4da; border-radius: .25rem; }

textarea { display: block; width: 100%; padding: .30rem .30rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box;
border: 1px solid #ced4da; border-radius: .25rem; }

select { display: block; width: 100%; padding: .30rem .30rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box;
border: 1px solid #ced4da; border-radius: .25rem; }

label { margin-bottom:5px; display:inline-block; }

.margin-right { margin-right:5px; }

.RotatorFormButton, .MainFormButton { border: 0 !important; font-size: 18px !important; color: #fff !important; width: auto !important; padding: 10px 15px !important; display: block; margin: 0 auto !important; background: var(--submit-btn-bg-color) !important; }

@media screen and (max-width: 1024px) {
		.main-form-div { width:100%; padding:0 15px; max-width:800px; }
		.col-30 { width:100%; }
		.col-30 > input { width:97% !important; }
}

@media screen and (max-width: 860px) {
		.main-form-div { width:100%; padding:0 15px; max-width:90%; }
		.col-30 { width:100%; }
		.col-30 > input { width:97% !important; }
}

@media screen and (max-width: 768px) {
		.main-form-div { width:100%; padding:0 15px; max-width:90%; }
		.col-30 { width:100%; }
		.col-30 > input { width:97% !important; }
}

@media screen and (max-width: 459px) {
		.main-form-div { width:100%; padding:0 15px; max-width:90%; }
		.col-30 { width:100%; }
		.col-30 > input { width:90% !important; }
		input { width:90%; }
		select { width:98%; }
		textarea { width:90% !important; }

}