/***change profile pix size******/
#scheduling .provider-image img{
  width: 88px;
  height: 100px;
}

/****change the font weight and size*******/
#scheduling .profile-data .field-title{
  font-size: 1.5625rem;
  font-weight: 400;
}

/*****hide the rating from below the provider name, need to create a different class name********/
#scheduling .hide {
  display: none;
}

/*********change practice text*********/
#scheduling .profile.profile-header .profile-details .row .profile-data .scheduling-text {
  font-size: 1.25rem;
}


/*********width of picture and rating column***********/
#scheduling .col-lg-2 {
    -ms-flex: 0 0 7.666667%;
    flex: 0 0 7.666667%;
    max-width: 7.666667%;
}

/*********width of the name and practice column***********/
#scheduling .provider-image + .col-lg-10{
  flex: 0 0 23.333333%;
  max-width: 23.333333%;
}

/*********take away the left margin from the practice address********/
#scheduling .offset-lg-2 {
    margin-left: 1%;
}

/*********width of the practice place*************/
#scheduling .col-lg-10 {
    flex: 0 0 50%; /***43%**/
    max-width: 50%;
}

/********practice name font*************/
#scheduling .field-practice-name {
  font-size: 1.5625rem;
  font-weight: 400;
}

/******get the fields in one line and change the font*********/
#scheduling .field-address-line-1, .field-address-line-2, .field-city, .field-state, .field-zip-code, .one-line {
    display: inline;
    /*font-size: 1.25rem;*/
    padding-left: 3px;
}

/******add a comma after the 2nd address******/
#scheduling .field-address-line-2:after {
  content: ",";
}

/*****width of the whole content********/
#scheduling .RelatedProviders .col-md-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

/********the practice name and address*******/
#scheduling .profile.profile-header .profile-location {
    margin-bottom: 0px;
}

/*****change phone icon color***********/
#scheduling .profile-details .fa-phone {
  color: #009543;
}

/******change gps icon color**********/
#scheduling .fa-map-marker {
  color: #003798;
}


/*****remove background color**********/
#scheduling .profile.profile-header {
    background: #ffffff;
}

/******width of start over button*******/
#scheduling .offset-sm-3 +.col-lg-10{
      flex: 0 0 12%; 
      max-width: 12%;
}

/******change edit icon color**********/
#scheduling .fa-edit {
  color: #003798;
}

/******adjust insurance dropdown field*********/
#insurance input, #insurance button, #insurance select, #insurance .radio {
    height: 3.0625rem !important;
}

/*****adjust the input fields 2-7*********/
#insurance .form-control {
    height: 3.0625rem;
    border: 1px solid #B2B2B2;
    border-radius: 0rem;
}

/*******fix the field labels**********/
#insurance h5 {
    font-size: .9375rem;
    font-weight: 800;
    margin-bottom: .5rem;
    width: 100%;
    display: inline-block;
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: .0761905em;
}

/******align fields center********/
#insurance .row {
      justify-content: center;
}

/********padding left and right***********/
#insurance .col-md-5{
    padding-right: 34px;
    padding-left: 34px;
}

/**********add margin bottom to fields 2-7************/
#txtinsuranceGroup, #txtmemberid, #txtsubscriberid, #txtsubscriberName, #subscriberdateOfBirth, #txtinsuranceGroup-secondary, #txtmemberid-secondary, #txtsubscriberid-secondary, #txtsubscriberName-secondary, #subscriberdateOfBirth-secondary {
    margin-bottom: 2rem;
}

/*******add margin below no button*********/
#insurance .form-wrapper .button:last-child {
    margin-bottom:13px;
}

/*******remove margin bottom of the form***********/
#insurance .profile.profile-header {
    margin-bottom: 0rem;
}

#insurance .profile-header .pb-md-4, #insurance .profile-header .py-md-4 {
    padding-bottom: 1.6875rem !important;
}

#insurance .profile-header .pt-md-5, #insurance .profile-header .py-md-5 {
    padding-top: 0rem !important;
}

/******** changes created by 1-15-2021 **********/
/******gives border*********/
#step1 .form-checkbox-wrapper .form-check-label {
    margin-bottom: 0rem;
border-width: 1px;
border-style: solid;
border-color: #b2b2b2;
}

/********adjust the row/size of radios**********/
#step1 .form-flow .question-content:nth-child(2) .form-wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 78.666667%;
    flex: 0 0 78.666667%;
    max-width: 78.666667%;
    width: 78%;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
}

/******gives border on hover*********/
#step1 .form-checkbox-wrapper .form-check-label:hover {
    z-index: 90;
    border-width: 1px;
    border-style: solid;
    border-color: #4d4d4d;
}


/********** changes created at 1-15-2021 **********/
/********change the font*********/
#sub-step1a h6 {
    font-size: .9375rem;
    font-weight: 800;
    margin-bottom: .5rem;
    width: 100%;
    display: inline-block;
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: .0761905em;
}

/*******fix padding on visit purpose********/
#sub-step1a .form-flow {
    padding: 0rem .625rem 1.25rem .625rem;
}

/*******dropdown box**********/
#sub-step1a select {
    height: 3.125rem !important;
    max-width: 446px;
    text-align: left !important;
}

/*******input padding********/
#sub-step1a .sitecore-form select{
  padding: 9px 12px;
  margin-bottom: 1.5rem;
}

/*****button font******/
#sub-step1a .button-primary a{
font-weight: 600;
  min-width: 8.9375rem;
}

/******button padding*******/
#sub-step1a .button-primary {
    margin-bottom: -webkit-0;
    margin-bottom: 0;
    margin-right: 0px;
}

/********message bottom********/
#sub-step1a p{
    text-align: left;
    color: #fff;
    font-size: 1.25rem;
}

/*******message bottom background and padding*********/
#sub-step1a .card-body > div:nth-child(2){
    background: #868485;
    padding: 24px 38px;
}