.registration-wrapper, .update-wrapper{
  @include span-columns(12);
  @include shift(2);
  @include pad(20px 0);

  background-color: $container_color_3;
  color: $light_blue;
  box-shadow: 0 0 12px 1px #1F1F1F;

  form{
    @include row;
  }

  .fieldset-main{
    @include span-columns(14);
    @include shift(1);

    background-color: transparent;
  }

  .fieldset-main-legend{
    @include font-attr(20px, $medium_blue, bold);
  }

  .fieldset-child{
    @include fill-parent;
    @include pad(10px 0);

    margin-top: 15px;
    border: solid 1px #B6B6B6;  
  }

  .fieldset-child-legend{
    @include font-attr(17px, $medium_blue, bold);
  }

  .account-details, .account-info, .account-additional, .account-business-hours {
    @include span-columns(12 of 14);
    @include shift(1);
  }

  //account details section style
  .account-details{
    //
  }

  //account info section style
  .account-info{

    //general
    .left-column, .right-column{
      @include span-columns(6 of 12);
    }

    .user_details_phone_number{
      @include span-columns(4 of 6);
    }
    .user_details_phone_extension{
      @include span-columns(2 of 6);
      @include omega;
    }
        .user_details_state{
          @include span-columns(2 of 6);

          select{
            @include pad(0 5px);
            -webkit-appearance: none;
            background: white;

            width: 100%;
            height: 40px;
          }
        }
        .user_details_zip_code{
          @include span-columns(4 of 6);
        }

    .logo_preview{
      .img_container{
        @include border(solid, 1px, $light_blue);
        @include pad(5px);
        height: 106px;
                max-width: 300px;
        overflow: hidden;
        box-shadow: 0 0 1px 1px;

        img{
          max-width: 100%;
          max-height: 100%;
        }
      }

      .headshot{
        max-width:200px;
      }
    }

    .partner_state{
      @include span-columns(2 of 6);

      select{
        height: 40px;
        width: 100%;
        margin-bottom: 0px;
      }
    }

    .upload_actions{
      position: relative;

    .upload_btn{
      @include btn(#fff, 120px, 40px, 1em, $light_blue, #f7f7f7, $light_blue);
      margin: 9px 0;
    }
      input{
        display: none;
      }
    }
  }

  //account additional info style
  .account-additional{
    //general
    .left-column, .right-column{
      @include span-columns(6 of 12);
    }

    .logo_preview{
      .img_container{
        @include border(solid, 1px, $light_blue);
        @include pad(5px);
        height: 200px;
        overflow: hidden;
        box-shadow: 0 0 1px 1px;

        img{
          max-width: 100%;
          max-height: 100%;
        }
      }

      .headshot{
              height: 183px;
              width:165px;
      }
    }

    .upload_actions{
      position: relative;

      .upload_btn{
        @include btn(#fff, 120px, 40px, 1em, $light_blue, #f7f7f7, $light_blue);
              margin-top: 10px;
      }
      input{
        display: none;
      }
    }

        .user_details_license_states{
          margin-top: 15px;
        }

        .user_details_mobile_phone{
          @include span-columns(3 of 6);
          margin-top:15px;
        }

        .user_details_fax{
          @include span-columns(3 of 6);
          @include omega;
          margin-top:15px;
        }

        .user_details_google_plus{
          margin-top: 15px;
        }
  }

  //account business hours section style
  .account-business-hours{
    .days{
      @include span-columns(12);
      @include shift(1);
    }

    .day{
      @include span-columns(6 of 12);
      @include omega;
      margin: 10px 0;
    }

    .day-text{
      @include span-columns(1 of 6);
      font-weight: bold;
    }

    .day-hours{
      @include span-columns(5 of 6);
    }

    .open-time, .close-time{
      @include span-columns(2 of 6);
      margin: 0 5px;
      height: 40px;
      float: left;
      color: inherit;
      text-align:center;
    }

    .divider{
      display: block;
      width: 20px;
      text-align: center;
      height: 40px;
      line-height: 40px;
      color: inherit;
      float: left;
      font-weight: bolder;
    }

    .days-select a{
      margin-top:10px;
      text-decoration: underline;
    }
  }

  .form-actions{
    @include span-columns(14);
    @include shift(1);
    @include pad(20px 0);

    .button-negative{
      margin-left:20px;
    }
  }
}