/* Registration CSS */

#registration {
    clear:left;
}

#registration h3 {
    clear:left;
    padding-top:0;
    margin-top:0;
}

.block {
    margin-bottom:8px;
    padding: 8px 0;
    border-bottom:1px solid #e2e2e2;
    overflow: hidden;
}

.block p {
    font-size: 12px;
}

.block label span {
    font-size:11px;
}

.stats_block label,
.contact_block label,
.address_block label,
.ec_block label,
.insurance_block label {
    float:left;
    width:32%
}

/* contact preferences section */
.contact_preferences_block label {
    width:100%;
    float:none;
    display:flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
}

.contact_preferences_block select {
    display:inline-block;
    width:auto;
}

#registration select {
    margin-bottom: 3px; /* otherwise float rules are messed up */
}

#registration .stats_block select {
    width: 90%;
}

.stats_block label input[type=text] {
    width:90%;
}

input[type="checkbox"] {
    float: left;
    margin: 5px 10px 0 0;
}

.group-signup-notice {
  background-color: #f90;
  border-radius: 4px;
  color: #000;
  font-weight: bold;
  margin: 0 0 20px;
  padding: 20px;
}
.group-signup-notice a {
    color:#FFF;
    font-weight:bold;
}

.HEIGHT,
.WEIGHT,
.PWD1,
.PWD2 {
    width:48%;
    float:left;
}

.USERNAME {
 width:48%;
}

.privacy {
    height:180px;
    overflow:scroll;
    overflow-x:hidden;
    background-color:#ccc;
    padding:8px;
    border-radius:8px;
}

.privacy h1 {
    font-size:18px;
}

.privacy h2 {
    font-size:16px;
    color:#036;
}
.privacy div,
.privacy p,
.privacy li {
    font-size:10px;
    line-height:1.3em;
}

/* Credit card block*/

.block.credit_card_block {
    overflow: hidden;
    padding-bottom: 15px;
}

.cc_card_details, .cc_person_details {
    background-color: #CCCCCC;
    border-radius: 6px 6px 6px 6px;
    float: left;
    margin-right: 4%;
    padding: 1%;
    width: 46%;
}

.cc_expiration {
    display: inline-block;
}

.cc_expiration_year {
    margin-left: -50px;
}

.cc_person_details {
    margin-right:0;
}

.cc_expiration > input {
    width: 80px;
    display: inline-block;
}

label.cc_cvv input {
    width: 50px;
}

.cc_zip {
    float: left;
    margin-right: 5%;
    width: 40%;
}

.cc_state {
    float: left;
    width: 40%;
}

.cc_transfer_details.button {
    float: right;
    font-size: 10px;
    padding: 4px 6px;
}

.cc_cvv input.core_cc_data {
    width: 80px;
}


/*Signature block at bottom*/
.accept {
    padding:8px 0;
}

.accept p {
    font-size: 18px;
    text-align: center;
}

.clearButton {
    background-color: #FF9900;
    border-radius: 0 0 4px 4px;
    font-size: 10px;
    font-weight: bold;
    height: auto;
    right: calc(50% - 49px);
    margin-bottom: 0;
    padding: 4px 8px;
    position: absolute;
    bottom: -30px;
    white-space: nowrap;
}

.clearButton a {
    color: #ffffff;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 11px;
    text-decoration: none;
}

.signature_block {
    border: 1px solid;
    margin: auto;
    overflow: visible;
    position: relative;
    width: 75%
}

input.button.add.register {
    font-size: 18px;
}

/*Styles for inside EMR*/
.emr_embedded {
    background: none repeat scroll 0 0 #FFFFFF;
}

.show_in_emr {
    font-family: Georgia;
    padding: 15px;
}

.show_in_emr input[type=text] {
	border: 1px solid #CCCCCC;
    border-radius: 4;
    color: #666666;
    padding: 3px;
    width: 95%;	
}

.show_in_emr textarea {
    border-radius:6px;
    border: 1px solid #CCCCCC;
    color: #666666; 
    padding:6px; 
    width:99%;
}

.show_in_emr select {
    border: 1px solid #CCCCCC;
    border-radius: 6px 6px 6px 6px;
    padding: 3px;
    pointer-events: none;
}

.show_in_emr select.datepicker {
    width: auto;
    pointer-events: none;
}

/*HP field for form */
label.client-specific-form-field {
    position: absolute;
    top: -9900px;
}

.show_in_emr .button_box {display:none;}
.show_in_emr .button_frame {display:none;}
.show_in_emr .password_block {display:none;}
.show_in_emr .signature_block .clearButton {display:none;}
.emr_nav_menu {padding:15px 15px 0px; margin-bottom:-10px;}
.emr_nav_menu > a {
    background-color: #FFAA00;
    color: #000000;
    display: inline-block;
    font-family: arial;
    font-size: 11px;
    margin: 3px 3px 0 0;
    padding: 3px 5px;
    text-decoration: none;
}
.emr_nav_menu > a:hover {
	color:#fff;
	background-color:#333;	
}

.show_in_emr .block label {
    display:block;
}

.accept{
    margin-bottom: 22px;
}


/*DOB*/
#registration .stats_block select.datepicker-month {
    width: 85px;
  }

  #registration .stats_block select.datepicker-day {
    width: 72px;
  }

  #registration .stats_block select.datepicker-year {
    width: 79px;
  }

  #registration .stats_block div.dob-wrapper {
    float: left;
    width: 32%;
    position: relative;
    padding: 9px 4px 1px 4px;
  }

  #registration .stats_block div.dob-wrapper span {
    color: #666666;
    font-size: 11px;
    line-height: 150%;
    font-weight: bold;
    display: block;
  }

/* Captcha Styling */
.g-recaptcha {padding-top:8px;}
.g-recaptcha > div {margin: auto; width:fit-content; margin-top:10px;}


/* RESPONSIVE */
@media only screen and (max-width: 800px) {
    div .stats_block label,
    div  .contact_block label,
    div  .ec_block label,
    div  .insurance_block label,
    div  .address_block label,
    div  .country,
    div .HEIGHT,
    div  .WEIGHT,
    div  .PWD1,
    div  .PWD2 {
      display: block;
      float: none;
      width: auto;
    }

    div .block label span {
        font-size:15px;
        color:#999;
    }

    div.cc_card_details,
    div.cc_person_details {
      clear: both;
      display: block;
      float: none;
      margin: 15px 0;
      overflow: hidden;
      width: auto;
    }

    #registration .stats_block div.dob-wrapper{
        display: block;
        float: none;
        width: auto;
    }

    #registration .stats_block div.dob-wrapper span {
        font-size: 15px;
        color: #999;
        font-weight: 400;
    }
}


@media only screen and (max-width: 400px){
    #registration .stats_block div.dob-wrapper select{
      display: block;
      width: 90%;
    }
  }

/* STYLES FOR PRINTING */
@media print {
 	body,html {
        background-color:#FFF;
        background-image:none;
    }

	header {
        display:none;
    }

	.portal_menu {
        display:none;
    }

	.wrapper,
    .content,
    .content_inner {
        width:auto;
        max-width:none;
    }

	div.button_box {
        display:none;
    }

	div.privacy {
        height:auto;
        background-color:#FFF;
        border:1px solid #999;
    }

	span.clearButton {
        display:none;
    }

	#registration h3 {
	  page-break-before: avoid;
	}

	.block {
	  page-break-inside: avoid;
	}
}