body form.form input.text, body form.form select, form.form textarea.standard {
    border: 1px solid #22a72d !important;
}

body form.form input.text, body form.form select {
    color: #22a72d !important;
}

form.form {
    margin: 0;
}

input[type="text"]::placeholder {
    color: #22a72d;
}

textarea {
    color: #22a72d;
}

textarea::placeholder {
    color: #22a72d !important;
}

form.form p.submit input {
    background-color: #22a72d !important;
}



body form.form p.form-col-1 {
	float: left !important;
	clear: left !important;
	width: 48% !important;
	padding-left: 0 !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	padding-bottom:10px;
}
body form.form p.form-col-2 {
	float: right !important;
	clear: right !important;
	width: 49% !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	padding-bottom:10px;
}
body form.form p.form-col-full {
	width: 100%;
	padding-right: 0 !important;
	padding-left: 0 !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	padding-bottom:10px;
        clear:both;
}
body form.form input.text, body form.form select {
	width: 100% !important;
}
/* Captcha fix */
form.form .pd-captcha {
    position: relative !important;
    width: 190px !important;
    left: 0 !important;
    display: inline-block !important;
    
}

/*my style*/
input::placeholder {
  color: #281767;
}

textarea::placeholder {
  color: #281767;
}

body form.form input.text, body form.form select {
    width: 100% !important;
    height: 56px;
    font-family: "Avenir";
    font-size: 1rem;
    color: #281767;
}

form.form textarea.standard {
    height: 205px;
    overflow: auto;
    padding: 2px;
    width: 100%;
    float: none;
    resize: none;
    font-family: "Avenir";
    font-size: 1rem;
}

body form.form input.text, body form.form select, form.form textarea.standard {
    padding: 0.625rem 0.9375rem;
    border: 1px solid #281767;
    border-radius: 0;
    background-color: #fff;
    box-sizing: border-box;
}

form.form p.submit {
    margin: 15px 0px 0px;
    padding: 0;
    text-align: end;
}

form.form p.submit input {
    display: inline-block;
    vertical-align: middle;
    padding: 0.625rem 0.9375rem;
    border: 1px solid transparent;
    margin: 0 !important;
    border-width: 1px;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    background-color: #281767;
    color: #ffffff;
    font-family: "Avenir";
    font-weight: 700;
    line-height: 1.7;
    font-size: 20px;
    width: 156px;
    text-transform: uppercase;
    cursor: pointer;
    height: 55px;
    border-radius: 30px;
}

form.form p.submit input:hover {
    background-color: #1a608b;
}

form.form#pardot-form .error input, form.form#pardot-form .error select, form.form#pardot-form .error textarea {
    border-color: #ec7a7a;
    background-color: #ffe8e8;
}

p.error.no-label {
    display: none;
}

form.form p {
    display: flex;
    flex-direction: column !important;
    align-items: flex-start !important;
    margin-inline: 0px !important;
    padding-inline: 0px !important;
}

form.form span.value {
     margin-left: 0 !important; 
}


form.form input.text::placeholder {
    font-size: 16px !important;
}

/* calendar icon */

form.form .form-field.Birth_Date.pd-text.required {
    position: relative; 
}

.text.hasDatepicker {
    margin-left: 60px; 
    max-width: 130px;
}

#calendarIcon {
    position: absolute;
    left: 5px;
    top: 40px;
    height: 50px;
    width: 50px;
}

 /*date picker open */

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #281767 !important;
    background: #281767 !important;
    color: #fff !important;
}

.ui-widget.ui-widget-content {
    border: 1px solid #281767 !important;
}


.ui-widget-header {
    border: 1px solid #fff !important;
    background: #fff !important;
    color: #281767 !important;
    font-weight: 700;
}

.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
    border: 1px solid #281767 !important;;
    background: #fff !important;;
    font-weight: 400 !important;;
    color: #281767 !important;;
}

.ui-datepicker-current-day a.ui-state-default ui-state-active {
        background: #281767 !important;;
    font-weight: 400 !important;;
    color: #ffffff !important;;
}


/* radio button */


    #pardot-form .pd-checkbox label {
      position: relative;
      margin-left: 0px !important;
    }
    
     #pardot-form .pd-radio label {
      position: relative;
      margin-left: 0px !important;
    }
      #pardot-form .pd-radio input+label:before {
      content: '';
      background: #fff;
      border: 1px solid #281767;
      display: inline-block;
      vertical-align: middle;
      width: 15px;
      height: 15px;
      padding: 0px;
      margin-right: 10px;
      text-align: center;
      font-size: 15px;
      line-height: 15px;
    }
    /* style the unchecked checkbox */
    #pardot-form .pd-checkbox input+label:before {
      content: '';
      background: #fff;
      border: 1px solid #281767;
      display: inline-block;
      vertical-align: middle;
      width: 15px;
      height: 15px;
      padding: 0px;
      margin-right: 10px;
      text-align: center;
      font-size: 15px;
      line-height: 15px;
    }
     
    /* style the checked checkbox */
    #pardot-form .pd-checkbox input:checked+label:before {
      content: "";
      background: #281767;
      /*color: #5C8898;*/
    }
     #pardot-form .pd-radio input:checked+label:before {
      content: "";
      background: #281767;
      /*color: #5C8898;*/
    }
    
    /* hide the regular checkbox */
    #pardot-form .pd-checkbox input {
      opacity: 0;
      position: absolute;
    }
     #pardot-form .pd-radio input {
      opacity: 0;
      position: absolute;
    }
     
    /* position the label */
    #pardot-form .pd-checkbox input, #pardot-form .pd-checkbox label {
      display: inline-block;
      vertical-align: middle;
      margin: 5px;
      font-size: 14px;
      cursor: pointer;
    }
        #pardot-form .pd-radio input, #pardot-form .pd-radio label {
      display: inline-block;
      vertical-align: middle;
      margin: 5px;
      font-size: 14px;
      cursor: pointer;
    }
p.form-field.form-col-1.Birth_Date.pd-text.required.required-custom label, 
p.form-field.Bed_Time.pd-text.required.required-custom label, 
p.form-field.Wake_Up_time.pd-text.required.required-custom label  {

    padding-bottom: 12px !important;
}

@media only screen and (max-width: 600px) {
body form.form p.form-col-1, body form.form p.form-col-2 {
    width: -webkit-fill-available !important;
  }
  
  form.form p.submit input {
    margin: 17px 10px 0 0 !important;
}

form.form p.submit {
    text-align: left;
}
}

@media only screen and (max-width: 600px) {
body form.form p.form-col-2 {
    margin-top: 0px; !important;
  }
}

form.form p label {
    color: #281767 !important;
    background: none !important;
    width: unset !important;
    text-align: left !important;
    font-size: 16px !important;
}

.time-dropdown-container div {
    margin-left: 10px;
    padding-inline: 20px;
    font-weight: 300;
}
.time-dropdown-container select:first-of-type {
    margin-right: 5px;
}
.time-dropdown-container select:last-of-type {
    margin-left: 5px;
}