main {
  max-width: 100% !important;
  margin: 40px auto !important;
}
button, input, optgroup, select, textarea {
    margin: 0;
        margin-bottom: 0px;
    font: inherit;
        font-size: inherit;
        line-height: inherit;
        font-family: inherit;
    color: inherit;
}
.icon-col {
  width: 13% !important;
}
.payments-icon-col {
  width: 6% !important;
}
.inputs-col {
  width: 87%;
}
.payments-inputs-col {
  width: 94%;
}
.bg-info {
  background: #0167FF !important;
}
select.form-control {
  color: rgba(0, 0, 0, 0.6) !important;
}
.input-group-addon {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    padding-top: 19px;
}
.input-group-addon, .input-group-btn {
    white-space: nowrap;
}
.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
  .form-control {
  border: 1px solid #99a2a7;
  background-color: #ffffff;
  border-radius: 0px;
  box-shadow: none;
  font-size: 16px;
  min-height: 44px; }
  .form-control:focus {
    box-shadow: none;
    border: 1px solid #99a2a7; }
  .form-control::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.6); }
  .form-control:-moz-placeholder {
    color: rgba(0, 0, 0, 0.6); }
  .form-control::-moz-placeholder {
    color: rgba(0, 0, 0, 0.6); }
  .form-control:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.6); }

.form-group {
  margin-bottom: 22px; }
.recaptcha {
  padding-left: 37%;
}

select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: hidden;
  background: url("../frontend/images/arrow-down.svg");
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: top 18px right 18px; }

textarea.form-control {
  resize: none; }

.form-control-lg {
  min-height: 53px; }

.form-control-sm {
  min-height: 31px; }

.bootstrap-tagsinput {
  border: 1px solid #99a2a7;
  background-color: #ffffff;
  border-radius: 0px;
  box-shadow: none;
  font-size: 16px;
  min-height: 44px;
  width: 100%;
  background-image: url("../frontend/images/add-icon.svg");
  background-position: top 11px right 10px;
  background-repeat: no-repeat;
  padding-right: 30px;
  line-height: 2.1em; }
  .bootstrap-tagsinput input {
    min-height: 34px;
    padding-right: 30px; }
  .bootstrap-tagsinput .tag {
    font-size: 13px;
    border-radius: 0px;
    padding-top: 6px;
    padding-bottom: 5px; }
    .bootstrap-tagsinput .tag span {
      font-size: 18px; }

.toggle {
  border-radius: 15px;
  border-color: #004b93; }
  .toggle .toggle-on {
    padding-left: 2px; }
  .toggle .toggle-off {
    padding-right: 2px;
    box-shadow: none;
    border: none;
    background-color: #cccccc !important;
    color: #ffffff; }
    .toggle .toggle-off:hover {
      background-color: #cccccc !important;
      color: #ffffff !important;
      border: none !important;
      outline: none !important; }
  .toggle.btn-sm {
    min-height: 24px;
    min-width: 24px;
    height: 24px !important;
    width: 60px !important; }
  .toggle .btn-sm {
    padding-top: 2px;
    padding-bottom: 0px;
    text-transform: uppercase; }
  .toggle .toggle-handle {
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 50%;
    background-color: #ffffff;
    box-shadow: none;
    border: none;
    height: 100%;
    width: 22px; }
    .toggle .toggle-handle:hover {
      background-color: #ffffff !important;
      border: none !important;
      box-shadow: none !important; }
  .toggle.off {
    border-color: #cccccc; }
    .toggle.off:hover {
      border-color: #cccccc !important; }
    .toggle.off .toggle-handle {
      right: calc(50% - 22px); }
  .rounded-groups .form-control {
  height: 70px !important;
  border: none;
  font-size: 14px; }
.rounded-groups .input-group-addon {
  width: 68px;
  border: none;
  border-radius: 0px; }
.rounded-groups .shadow-box {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16); }
.rounded-groups .btn {
  border-radius: 20px;
  height: 56px;
  font-size: 18px; }
.rounded-groups .form-group {
  border-radius: 20px; }
  .rounded-groups .form-group .input-group {
    border-bottom: 1px solid #cccccc;
    /*overflow: hidden;*/
    width: 100%; }
    .rounded-groups .form-group .input-group .input-group-addon {
      font-size: 24px; }
    .rounded-groups .form-group .input-group:first-child .input-group-addon {
      border-top-left-radius: 20px; }
    .rounded-groups .form-group .input-group:first-child select {
      border-top-right-radius: 20px; border-left: 1px solid #cccccc; }
    .rounded-groups .form-group .input-group:last-child input {
      border-top-right-radius: 20px; }
    .rounded-groups .form-group .input-group:last-child {
      border-bottom: none; }
      .rounded-groups .form-group .input-group:last-child .input-group-addon {
        border-bottom-left-radius: 20px; }
      .rounded-groups .form-group .input-group:last-child input {
        border-bottom-right-radius: 20px; }
    .rounded-groups .two-cols input{
      flex: 0 0 50%;
      width: 50%;
      min-width: 0;
    }

  @media (max-width: 767px) {
    .login-page-style .swapable-row {
      display: flex;
      flex-direction: column; }
      .login-page-style .swapable-row > [class^="col-"]:first-child {
        order: 2; }
      .login-page-style .swapable-row > [class^="col-"]:nth-child(2) {
        order: 1; } }
  .login-page-style .form-control {
    background: #ffffff; }
  .login-page-style select.form-control {
    background-image: url("../frontend/images/caret-down.png");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: top 33px right 18px; }
  .login-page-style .form-control-group {
    display: flex; }
    .login-page-style .form-control-group .form-control:first-child {
      border-right: 1px solid #cccccc;
      border-top-right-radius: 0px !important;
      border-bottom-right-radius: 0px !important; }
  .login-page-style .cards-box {
    height: 111px;
    background: #ffffff; }
    .login-page-style .cards-box .cards-box-inner {
      padding: 15px 12px; }
    .login-page-style .cards-box .inline-list li {
      margin-right: 5px; }
  .login-page-style .media-boxes .media .media-left {
    padding-right: 25px;
    vertical-align: middle;
    text-align: left; }
    @media (max-width: 991px) {
      .login-page-style .media-boxes .media .media-left {
        display: block;
        padding-right: 0px;
        text-align: center;
        padding-bottom: 15px; }
        .login-page-style .media-boxes .media .media-left .media-object {
          margin: 0 auto; } }
  .login-page-style .media-boxes .media .media-body {
    vertical-align: middle;
    text-align: left;
    width: 100%; }
    @media (max-width: 991px) {
      .login-page-style .media-boxes .media .media-body {
        display: block; } }
  .login-page-style .media-boxes .media .media-heading {
    margin-bottom: 15px; }
  .login-page-style .media-boxes + .rounded-groups {
    margin-bottom: 30px; }
  .login-page-style .two-column-cards {
    display: flex;
    padding-bottom: 65px; }
    .login-page-style .two-column-cards:before, .login-page-style .two-column-cards:after {
      content: none; }
    .login-page-style .two-column-cards > [class^="col-"] {
      float: none;
      flex: 1 1 auto;
      position: relative;
      display: flex;
      flex-direction: column; }
      .login-page-style .two-column-cards > [class^="col-"] > .media-boxes {
        flex: 1 1 auto;
        display: flex;
        align-items: center;
        cursor: pointer; }
        .login-page-style .two-column-cards > [class^="col-"] > .media-boxes + .rounded-groups {
          position: absolute;
          width: 100%;
          left: 0;
          bottom: -86px;
          padding-left: 15px;
          padding-right: 15px; }
    @media (max-width: 767px) {
      .login-page-style .two-column-cards {
        display: block; }
        .login-page-style .two-column-cards > [class^="col-"] {
          position: relative;
          display: block; }
          .login-page-style .two-column-cards > [class^="col-"] > .media-boxes + .rounded-groups {
            position: relative;
            bottom: 0;
            padding-left: 0;
            padding-right: 0; } 
      .landlord-num {
        text-align: center !important;
      }
      .landlord-num img {
        width: 100px;
      }
      .recaptcha {
        padding-left: 10%;
      }
      .payments-icon-col {
        width: 10% !important;
      }
      .payments-inputs-col {
        width: 89% !important;
      }
    }
  @media (max-width: 767px) {
    .login-page-style h2 {
      font-size: 24px; }
    .login-page-style h3 {
      font-size: 20px;
      font-weight: 600; }
    .login-page-style .small {
      font-size: 16px; } }

  .btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{
    color:#333;
    background-color:#e6e6e6;
    border-color:#adadad
  }
  .btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{
    color:#333;
    background-color:#d4d4d4;
    border-color:#8c8c8c
  }







table.top-loan-table { 
    border-collapse: collapse; 
    width:100%; 
    clear: both;
}
table.top-loan-table tr:first-child th:first-child { 
    border-top-left-radius: 10px; 
}
table.top-loan-table tr:first-child th:last-child { 
    border-top-right-radius: 10px; 
}
table.top-loan-table tr:last-child td:first-child { 
    border-bottom-left-radius: 10px; 
}
table.top-loan-table tr:last-child td:last-child { 
    border-bottom-right-radius: 10px; 
}
.change-loan-product {
    margin-top: 10px;
    margin-left: 2px !important;
    text-align: left;
}
.pl-0 {
    padding-left: 0px;
}
.loan-agrmnt-wrap {
    height:300px; 
    overflow:auto; 
    border: 1px solid; 
    margin-bottom: 20px; 
    background-color: white;
}
.esig_first, .esig_last {
    float:left;
    border: none;
    border-bottom: 1px solid;
}
.esig_first {
    margin-right:5px;
}
.credit-card-wrapper select, .credit-card-wrapper input {
    background-color: #FFFFE0 !important;
}

.golden-btn + .golden-btn { margin-top: 1em; }

.golden-btn {
  display: inline-block;
  outline: none;
  font-family: inherit;
  font-size: 1em;
  box-sizing: border-box;
  border: none;
  border-radius: .3em;
  height: 2.75em;
  line-height: 2.5em;
  text-transform: uppercase;
  padding: 0 1em;
  box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(110,80,20,.4),
              inset 0 -2px 5px 1px rgba(139,66,8,1),
              inset 0 -1px 1px 3px rgba(250,227,133,1);
  background-image: linear-gradient(160deg, #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07);
  border: 1px solid #a55d07;
  color: rgb(120,50,5);
  text-shadow: 0 2px 2px rgba(250, 227, 133, 1);
  cursor: pointer;
  transition: all .2s ease-in-out;
  background-size: 100% 100%;
  background-position:center;
}
.golden-btn:focus,
.golden-btn:hover {
  background-size: 150% 150%;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23),
                inset 0 -2px 5px 1px #b17d10,
                inset 0 -1px 1px 3px rgba(250,227,133,1);
  border: 1px solid rgba(165,93,7,.6);
  color: rgba(120,50,5,.8);
}
.golden-btn:active {
  box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(110,80,20,.4),
              inset 0 -2px 5px 1px #b17d10,
                inset 0 -1px 1px 3px rgba(250,227,133,1);
}

.loan-agrmnt-wrap table {
    margin: 0 auto !important;
}
.initial-box {
    display: none;
}
#termsTabContent .fade {
    opacity: 1 !important;
}
.term-cells {
    background-color: white;
    border: 0.5px solid #99a2a7;
    font-size: 16px;
    font-color: #676767;
    padding: 10px 5px;
}
.term-cells:first {
    border-radius: 5px
}
.term-thead {
    background-color: #28a745 !important;
    border: 0.5px solid #99a2a7;
    padding: 10px 5px;
    font-weight: normal;
}
#changePlanModal {
  padding-top: 50px;
  background: rgba(0, 0, 0, .4);
}
#changePlanModal .modal-header h4 {
  float:left;
}
#changePlanModal .modal-header .close {
  float:right;
}

.plan-card {
    border: 1px solid; 
    border-radius: 5px; 
    padding: 5px; 
    cursor:pointer;
    margin-bottom: 10px;
}
div.plan-card:last-child {
    margin-bottom: 50px;
}
.fixed-button {
    position: fixed; 
    bottom: 17px; 
    width: 92%; 
    z-index: 999;
}
.plan-card:hover, .p-selected {
    background-color:#E8E8E8;
}
.modal-body {
    max-height: 500px;
    overflow:scroll;
}
.first-sproduct {
    /*margin-top: -40px;*/
}
.signup-cimage {
    position:relative;
    z-index:200;
    top:-10px;
}
.spheading {
    color: #004b93;
}
.signup-cdetective {
    position:relative;
    z-index:200;
}
.error {
  color:red;
}
.emp-img {
  margin-top:170px;
}

#signatureparent {
  border: 1px solid;
  margin-bottom: 10px;
}
.initials-title {
  float: left;
}
@media (max-width: 450px) {
  .signup-img-col {
    margin-top: 10px !important;
  }
  .signup-inputs-col {
    margin-top: 50px !important;
  }
  .emp-img {
    margin-top:0px;
  }
  .emp-fields-col {
    margin-top: 20px;
  }
  .initial-btn, .initial-box {
    width: 30% !important;
  }
  .term-text {
    width: 68% !important;
  }
}

.upload-container .form-container {
    background: #F0F0F0;
    border: #e0dfdf 1px solid;
    padding: 20px;
    border-radius: 2px;
    width: 100%;
    /*height: 450px;*/
}

.upload-container form {
    display: block;
    margin: 10px;
    background: #d3d3d3;
    border-radius: 3px;
    padding: 15px
}

.upload-container .progress {
    display: none;
    position: relative;
    margin: 20px;
    width: 400px;
    background-color: #ddd;
    border: 1px solid blue;
    padding: 1px;
    left: 15px;
    border-radius: 3px;
}

.upload-container .progress-bar {
    background-color: green;
    width: 0%;
    height: 30px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.upload-container .percent {
    position: absolute;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -20px;
    -webkit-border-radius: 4px;
}

.upload-container #outputImage {
    display: none;
}

.upload-container .error {
    color: #ad7b7b;
    background: #ffb3b3;
    padding: 10px;
    box-sizing: border-box;
    margin: 10px;
    border-radius: 3px;
    border: #f1a8a8 1px solid;
}

.upload-container input#uploadImage {
    border: #f1f1f1 1px solid;
    padding: 6px;
    border-radius: 3px;
}

.upload-container #outputImage img {
    max-width: 300px;
}

.upload-container #submitButton {
    padding: 7px 20px;
    background: #9a9a9a;
    border: #898a89 1px solid;
    color: #F0F0F0;
    margin-left: 10px;
    border-radius: 3px;
    font-size: 0.8em;
}