/* SecureForm Default CSS Style File */
/* For SecureForm Form Builder */

table {
  border: 0;
}
tr {
  vertical-align: top;
}
td,
th {
  padding: 5px;
}
th {
  font-weight: bold;
  text-align: left;
}

blockquote {
  margin: 10px 10px 10px 25px;
  border-left: 2px solid #ccc;
  padding-left: 0 0 0 5px;
}

dt {
  font-weight: bold;
  margin-left: 32px;
  text-indent: -32px;
}

dd {
  font-weight: normal;
  margin: 5px 0 10px 25px;
  border-left: 2px solid #ccc;
  padding-left: 5px;
}

h1 {
  font-size: 24px;
}
h2 {
  font-size: 20px;
}
h3 {
  font-size: 16px;
}
h4,
h5,
h6,
h7 {
  font-size: 14px;
}

form,
img {
  padding: 0;
  margin: 0;
}
textarea {
  background: #fff;
  border: 2px solid #ddd;
  font-family: "Courier New", Courier, monospace;
  font-weight: normal;
  padding: 4px;
  border-radius: 5px;
  color: black;
}

input:focus,
select:focus,
textarea:focus {
  background: #eee;
  border: 2px solid #ccc;
  color: black;
}

/* Css + bootstrap-buttons */
input[type="button"],
input[type="submit"] {
  cursor: pointer;
  border: 1px solid #979797;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #eeeeee;
  background-image: -o-linear-gradient(bottom, #ccc 40%, #ffffff);
  background-image: -moz-linear-gradient(bottom, #ccc 40%, #ffffff);
  background-image: -webkit-linear-gradient(bottom, #ccc 40%, #ffffff);
  background-image: -ms-linear-gradient(bottom, #ccc 40%, #ffffff);
  text-shadow: 1px 1px 1px #ffffff;
}

/* Bootstrap reversions */
input.btn {
  border: 1px solid transparent;
  background-image: none;
  text-shadow: none;
  color: #fff;
}
input.btn-primary {
  background-color: #337ab7;
  border-color: #002242;
}
input.btn-success {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
input.btn-info {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
input.btn-warning {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
input.btn-danger {
  background-color: #d9534f;
  border-color: #d9534f;
}
input.btn-default {
  background-color: #ffffff;
  border-color: #cccccc;
  color: #000;
}

/* for IE<9 HTML5 compatibility */
nav,
article,
header,
footer {
  display: block;
}

/* ********************************* */
/* BEGIN FORM VALIDATION CSS */

/* Z-INDEX */
.formError {
  z-index: 990;
}
.formError .formErrorContent {
  z-index: 991;
}
.formError .formErrorArrow {
  z-index: 996;
}
.ui-dialog .formError {
  z-index: 5000;
}
.ui-dialog .formError .formErrorContent {
  z-index: 5001;
}
.ui-dialog .formError .formErrorArrow {
  z-index: 5006;
}

.inputContainer {
  position: relative;
  float: left;
}

.formError {
  position: absolute;
  top: 300px;
  left: 300px;
  display: block;
  cursor: pointer;
  text-align: left;
}

.formError.inline {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
}

.ajaxSubmit {
  padding: 20px;
  background: #55ea55;
  border: 1px solid #999;
  display: none;
}

.formError .formErrorContent {
  width: 100%;
  background: #ee0101;
  position: relative;
  color: #fff;
  min-width: 120px;
  font-size: 11px;
  border: 2px solid #ddd;
  box-shadow: 0 0 6px #000;
  -moz-box-shadow: 0 0 6px #000;
  -webkit-box-shadow: 0 0 6px #000;
  -o-box-shadow: 0 0 6px #000;
  padding: 4px 10px 4px 10px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
}

.formError.inline .formErrorContent {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
}

.greenPopup .formErrorContent {
  background: #33be40;
}

.blackPopup .formErrorContent {
  background: #393939;
  color: #fff;
}

.formError .formErrorArrow {
  width: 15px;
  margin: -2px 0 0 13px;
  position: relative;
}
body[dir="rtl"] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
  margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  margin: 0px 0 0 12px;
  top: 2px;
}

.formError .formErrorArrow div {
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd;
  box-shadow: 0 2px 3px #444;
  -moz-box-shadow: 0 2px 3px #444;
  -webkit-box-shadow: 0 2px 3px #444;
  -o-box-shadow: 0 2px 3px #444;
  font-size: 0px;
  height: 1px;
  background: #ee0101;
  margin: 0 auto;
  line-height: 0;
  font-size: 0;
  display: block;
}

.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
  background: #33be40;
}

.blackPopup .formErrorArrow div {
  background: #393939;
  color: #fff;
}

.formError .formErrorArrow .line10 {
  width: 13px;
  border: none;
}

.formError .formErrorArrow .line9 {
  width: 11px;
  border: none;
}

.formError .formErrorArrow .line8 {
  width: 11px;
}

.formError .formErrorArrow .line7 {
  width: 9px;
}

.formError .formErrorArrow .line6 {
  width: 7px;
}

.formError .formErrorArrow .line5 {
  width: 5px;
}

.formError .formErrorArrow .line4 {
  width: 3px;
}

.formError .formErrorArrow .line3 {
  width: 1px;
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd;
  border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
  width: 3px;
  border: none;
  background: #ddd;
}

.formError .formErrorArrow .line1 {
  width: 1px;
  border: none;
  background: #ddd;
}

/* END FORM VALIDATION CSS */
/* ********************************* */

/* ********************************* */
/* Ink Signatures */

.x_inksig {
  border: 1px inset #ccc;
  border-radius: 5px;
}

/* End Ink Signatures */
/* ********************************* */

/* ********************************* */
/* GeoLocation */

.x_getgeo {
  border: 1px solid #ccc;
  background-color: #eee;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  padding: 2px;
  background-image: url(https://d4hm2u4pioc0c.cloudfront.net/icons/png/o/blue_dark_grey/16x16/earth2.png);
}

/* End GetLocation */
/* ********************************* */

/* SECUREFORM DEFAULT CSS */

/* Do not edit the contents of this block, it will */
/* be auto-regenerated each time you update your form */

body {
	padding: 10px;
	margin: 0;
	background-color: #FFFFFF;
	color: #333333;
   font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	}

td, th, p, li, blockquote, a, dt, dd {
	color: #333333;
   font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	}

h1,h2,h3,h4,h5,h6,h7 {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
	}

.x_getgeo {
   border: 1px solid #CCC;
   background-color: #EEE;
   border-radius:5px;
   padding:2px;
   }	
/* SECUREFORM DEFAULT CSS */






























@import url("https://fonts.googleapis.com/css2?family=lato&display=swap");

#recipient_label {
  display: none !important;
}

.col-md-6 {
  width: 50% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end;
}
.row {
  display: flex !important;
  padding: 1rem 0 !important;
}
.row.stacked {
  display: flex !important;
  flex-direction: column !important;
}
.col-md-12 {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}

textarea {
  min-height: 150px !important;
}

.appt__submit {
  background-color: #734573 !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  background-image: unset !important;
  border: unset !important;
  width: 100% !important;
  max-width: 152px !important;
  text-decoration: none;
  display: inline-block;
  border-radius: 25px !important;
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;
  -webkit-transition: 0.25s ease-in-out !important;
  transition: 0.25s ease-in-out !important;
  font-family: "lato", sans-serif !important;
  font-weight: 400 !important;
}

.appt__name,
.appt__email,
.appt__phone,
.appt__specialty,
.appt__message {
  display: flex;
  flex-direction: column;
}

input {
  display: block !important;
  padding: 8px !important;
  width: 100% !important;
  margin: 0.5em auto 1em !important;
  font-size: 16px !important;
  letter-spacing: 0.025em !important;
  line-height: 1 !important;
  -webkit-transition: border-color 0.15s linear !important;
  transition: border-color 0.15s linear !important;
  -webkit-appearance: none !important;
  border: 1px solid #e1e1e1 !important;
  padding: 8px 6px !important;
  outline: none !important;
  font: 1em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color: #777 !important;
  margin: 0 !important;
  width: 100% !important;
  display: block !important;
  margin-bottom: 20px !important;
  background: #fff !important;
  border-radius: 0px !important;
  border-color: #ebebeb !important;
  background-color: #f8f8f8 !important;
  color: #969696 !important;
}

select {
  color: #7f7f7f !important;
  font-family: "lato", sans-serif !important;
}

.appt__message textarea {
  background-color: #f8f8f8 !important;
  border: 2px solid #d2d2d2 !important;
  border-radius: 5px !important;
  width: 100%;
  max-width: 78%;
  height: 100% !important;
  max-height: 150px !important;
  color: #112f56 !important;
  padding: 12px 16px !important;
  font-family: "Work Sans" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
}

.appt__label {
  font-family: "lato", sans-serif !important;
  text-transform: capitalize!important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  color: #000 !important;
margin-bottom: 12px !important;
}

.secureform full {
  overflow: hidden;
}

.desc {
  font-size: 14px !important;
  font-style: italic !important;
  color: #7f7f7f !important;
  font-family: "lato", sans-serif !important;
}

.row.center {
  justify-content: center !important;
}

#secureform {
  max-width: 643px !important;
  width: 100%;
}

#recipient {
  display: none !important;
}
#area-of-specialty {
      display: block !important;
    padding: 8px !important;
    width: 100% !important;
    margin: 0.5em auto 1em !important;
    /* border: 2px solid #d2d2d2 !important; */
    border-radius: 5px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 0.025em !important;
    line-height: 1 !important;
    background-color: transparent !important;
    -webkit-transition: border-color 0.15s linear !important;
    transition: border-color 0.15s linear !important;
    color: #7f7f7f !important;
    border-color: #ebebeb;
    background-color: #f8f8f8 !important;
    color: #969696 !important;
    -webkit-appearance: none;
    border-radius: 0px !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
    background-position: center right;
    background-repeat: no-repeat;
    border-radius: 2px !important;

}

#appt__submit {
  text-shadow: none;
  background-color: #0c6864 !important;
  color: #ffffff !important;
  border-color: #0a4641 !important;
  max-width: unset !important;
  width: unset !important;
  max-width: 201px !important;
  padding: 10px 20px !important;
}

@media screen and (max-width: 640px) {
  .appt__message textarea,
  input {
    max-width: 48% !important;
  }
  #area-of-specialty {
    max-width: 54% !important;
  }
}

.secureform.full {
  display: flex !important;
  justify-content: center !important;
  background: transparent !important;
  padding: 0px 17px !important;
}

#appt__submit:hover {
  background: #334b49 !important;
  transition: 0.3s all !important;
}

body,
.period_picker_input:before {
  background-color: transparent !important;
}

.container-fluid {
  padding: 0 !important;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  padding-left: 0 !important;
}