@charset "UTF-8";
/*$bgcolor: #ECF0F2;
$white: #FFFFFF;
$light_blue: #526FB4;
$lighten_blue:#1B3950;
$light_brown:#3B3B3B;
$light_blue1:#536D78;
$blue:#4065D1;
$gray:#718F9C;
$light_gray:#607D8B;
$lighten_white:#DFDFDF;
$light_brown2:#4D4D4D;
$light-brown3:#D6DDED;
$color1: #f4f4f4;
$color2: #007ABE;*/
/*.form-container{
  width: 95%;*/

/*.scroll-content{
  height:510px;
  overflow-x:auto;
  margin-top: 0px;
  color: #FFFFFF;
}*/

.btn {
  background-color: #4065D1;
  color: #ffffff;
  border-radius: 20px !important;
  font-size: 16px !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 500 !important; }
  .btn:hover {
    color: #ffffff;
    box-shadow: 2px 3px 9px 2px rgba(64, 101, 209, 0.62); }
  .btn:focus {
    box-shadow: none !important;
    outline: none; }

.btn-white {
  background-color: #ffffff;
  color: #4065D1 !important;
  border-radius: 20px;
  border: 1px solid #4065D1;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 500; }
  .btn-white:hover {
    box-shadow: 3px 3px 8px 0px rgba(64, 101, 209, 0.62);
    text-decoration: none; }
  .btn-white:focus {
    box-shadow: none;
    outline: none; }

.btn-edit {
  color: #4065D1 !important;
  font-size: 16px;
  font-weight: 500;
  font-family: "Poppins", sans-serif; }
  .btn-edit:hover {
    box-shadow: none !important;
    text-decoration: underline !important; }

input[type=submit]:disabled {
  box-shadow: none;
  opacity: .65;
  cursor: not-allowed; }

/* .modal {
  z-index: 10000 !important; }
  .modal .modal-dialog {
    max-width: 80%; }
    .modal .modal-dialog .modal-content .modal-header {
      color: #3B3B3B; }
      .modal .modal-dialog .modal-content .modal-header .modal-title {
        font-size: 16px; }
    .modal .modal-dialog .modal-content .modal-body {
      color: #3B3B3B;
      font-size: 14px; }
      .modal .modal-dialog .modal-content .modal-body .term-text {
        font-size: 15px;
        font-weight: 500; }
      .modal .modal-dialog .modal-content .modal-body ul {
        padding-left: 18px !important; }
  .modal .close {
    margin: 0;
    padding: 0; }
    .modal .close:focus {
      outline: none; } */

.multi-select-btn {
  height: auto; }
  .multi-select-btn button {
    background: transparent !important;
    color: #3B3B3B !important;
    font-size: 14px !important;
    border-radius: 0 !important;
    padding: .375rem .75rem;
    font-weight: 400 !important; }
    .multi-select-btn button:hover {
      box-shadow: none;
      outline: none; }
    .multi-select-btn button:after {
      border-top: 0.4em solid;
      border-right: .2em solid transparent;
      border-left: .2em solid transparent; }
    .multi-select-btn button .filter-option-inner-inner {
      min-width: 310px;
      text-overflow: ellipsis;
      white-space: normal;
      outline: none; }
  .multi-select-btn ul li a:hover {
    color: #ffffff !important;
    background: #007bff !important; }
  .multi-select-btn li a {
    color: #3B3B3B !important;
    font-size: 14px; }
  .multi-select-btn .show > .btn-light.dropdown-toggle {
    border-color: transparent !important; }
  .multi-select-btn .bootstrap-select .dropdown-toggle:focus {
    outline: none !important; }
  .multi-select-btn .selected {
    background: #D7DFF5; }

.multi-select-filter-btn {
  margin: 0 25px 0 0 !important; }
  .multi-select-filter-btn button {
    color: #8E8E8E !important;
    background-color: white !important;
    border-color: #DADADA !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    font-family: "Poppins", sans-serif;
    padding: 0.5rem 1rem !important; }
    .multi-select-filter-btn button .filter-option-inner-inner {
      white-space: normal;
      outline: none;
      text-align: center; }
    .multi-select-filter-btn button:hover {
      box-shadow: none; }
  .multi-select-filter-btn ul li a:hover {
    color: #ffffff !important;
    background: #007bff !important; }
  .multi-select-filter-btn li a {
    margin-right: 34px;
    color: #464646;
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    padding-top: 2px; }
  .multi-select-filter-btn .selected {
    background: #D7DFF5; }
  .multi-select-filter-btn .dropdown-menu .inner .show {
    overflow: hidden auto !important; }

.bootstrap-select .dropdown-toggle:focus {
  outline: none !important; }

.multi-select-form-control-height {
  height: auto !important; }
  .multi-select-form-control-height:focus {
    border: 1px solid #4065D1 !important;
    box-shadow: none; }

.row-border-bottom {
  border-bottom: 1px solid #DFDFDF; }

.breadcrumb-container .breadcrumb {
  background: #FFFFFF;
  }
.breadcrumb-container .breadcrumb-item {
  color: #3B3B3B !important;
  font-family: "Poppins", sans-serif;
  font-size: 14px !important;
  font-weight: 500 !important; }
  .breadcrumb-container .breadcrumb-item a {
    color: #3B3B3B; }
    .breadcrumb-container .breadcrumb-item a:hover {
      text-decoration: none; }
  .breadcrumb-container .breadcrumb-item:before {
    content: "›" !important;
    vertical-align: top;
    font-size: 35px;
    line-height: 18px;
    font-weight: 100;
    color: #3B3B3B; }
  .breadcrumb-container .breadcrumb-item:first-child:before {
    content: ' ' !important; }

.radio-label {
  font-family: "Poppins", sans-serif;
  color: #3B3B3B;
  font-size: 14px; }

.form-group .formlabel {
  color: #607D8B;
  font-size: 15px;
  font-family: "Poppins", sans-serif; }
.form-group .label-text {
  font-size: 14px; }
.form-group .bold-label {
  font-size: 16px;
  font-weight: 600; }
.form-group .sub-lable {
  font-size: 13px; }
.form-group .form-control {
  border: 1px solid #718F9C;
  color: #3B3B3B;
  border-radius: 3px;
  box-shadow: none;
  font-family: "Poppins", sans-serif;
  font-size: 14px; }
  .form-group .form-control .default_select {
    color: rgba(113, 143, 156, 0.46); }
  .form-group .form-control:focus {
    border: 1px solid #4065D1 !important;
    box-shadow: none; }
  .form-group .form-control .placeholder-text {
    color: #718F9C;
    font-family: "Poppins", sans-serif;
    font-size: 12px; }
.form-group .mobile-error-msg {
  position: absolute;
  left: 0; }
.form-group .balance-sheet-text {
  color: #607D8B;
  font-family: "Poppins", sans-serif;
  font-size: 12px; }

.radio input[type="radio"] {
  position: absolute;
  opacity: 0; }
  .radio input[type="radio"] + .radio-label:before {
    content: '';
    border-radius: 100%;
    border: 2px solid #607d8b;
    display: inline-block;
    height: 20px;
    width: 20px;
    position: relative;
    margin-right: 1em;
    vertical-align: top; }
  .radio input[type="radio"]:checked + .radio-label:before {
    background-color: #007ABE;
    box-shadow: inset 0 0 0 4px #f4f4f4; }
  .radio input[type="radio"]:hover + .radio-label:before {
    outline: none;
    border-color: #4065D1; }
  .radio input[type="radio"]:focus + .radio-label:before {
    outline: none;
    border-color: #007ABE; }

select option:checked {
  background: #D7DFF5; }

.custom-control-input:focus + label:before {
  box-shadow: none !important; }

.was-validated .form-control:valid, .was-validated .form-control:invalid {
  background-image: none !important;
  border-color: #718F9C !important; }

.was-validated :invalid ~ .invalid-feedback {
  font-family: "Poppins", sans-serif;
  font-size: 12px; }

.was-validated .custom-control-input:valid ~ .custom-control-label {
  color: #607D8B !important; }
  .was-validated .custom-control-input:valid ~ .custom-control-label::before {
    border-color: #607D8B !important;
    background-color: #fff !important; }

.was-validated .form-control:invalid:focus, .was-validated .form-control:valid:focus {
  box-shadow: none !important; }

.custom-control-input:valid ~ .custom-control-label::before {
  border-color: #607D8B !important; }

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
  border-color: #007bff !important;
  background-color: #007bff !important;
  box-shadow: none !important; }

.was-validated .bootstrap-select .selectpicker:valid + .dropdown-toggle, .was-validated .bootstrap-select .selectpicker:invalid + .dropdown-toggle {
  border: #718F9C !important; }

.input[type="checkbox"]:focus {
  outline: none !important;
  box-shadow: none !important; }

.custom-control-label:before {
  border: 1px solid #607D8B; }

.form-container .form-head-lable {
  color: #3B3B3B;
  font-family: "Segoe", sans-serif;
  font-size: 16px;
  font-weight: 600; }

.table .table-head {
  background: #E5E5E5;
  color: #607D8B;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 500; }
.table tbody tr .width-select-department {
  width: 212px; }
.table tbody tr .width-department-head {
  width: 180px; }
.table tbody tr .width-mobile-department {
  width: 150px; }
.table tbody tr td {
  padding: 12px 8px 0; }
  .table tbody tr td .form-group .del-btn {
    background: transparent;
    color: #718F9C;
    border: none;
    margin: 3px 0 0 0;
    font-weight: 400;
    font-size: 16px;
    padding: 0; }
    .table tbody tr td .form-group .del-btn:focus {
      outline: none; }

.add_another {
  height: 40px;
  border-radius: 50%;
  width: 40px;
  background: #fff;
  color: #4065D1;
  border: 2px solid #4065D1; }
  .add_another:focus {
    outline: none; }

.custom-control .formlabel a {
  color: #4065D1;
  font-weight: 500;
  font-size: 16px; }

.summary-fields {
  color: #3B3B3B;
  font-family: "Candara", sans-serif;
  font-size: 14px; }

.amount-sub-text {
  font-size: 14px;
  font-weight: 400; }

.amount-text {
  font-weight: 500; }

.cost-text {
  color: #292929;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 500; }

.secure-text {
  color: #00B667;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 500; }

@media (max-width: 767px) {
  .container.mob-container-margin {
    margin: 0 !important;
    padding-bottom: 0 !important; }

  .form-container .form-group {
    width: 100% !important;
    padding: 0 !important;
    margin: 7px 0 !important; }
    .form-container .form-group .form-control-organization {
      font-size: 13px;
      width: 250px; }
    .form-container .form-group .formlabel {
      font-size: 13px !important;
      margin: 0 !important; }
    .form-container .form-group .bold-label {
      font-size: 14px !important;
      font-weight: 600; }
  .form-container .btn {
    padding: 8px 25px !important;
    margin-top: 14px !important;
    font-size: 14px !important; }
  .form-container .mob-email-padding {
    padding-top: 20px !important; }
  .form-container .mob-number-width {
    max-width: 65%;
    margin: 0 !important; }
  .form-container .btn-white {
    padding: 8px 20px !important;
    margin-top: 14px !important;
    font-size: 14px !important; }
  .form-container .btn-edit {
    font-size: 14px; }
  .form-container .multi-select-btn button {
    margin: 0 !important;
    padding: .375rem .75rem !important; }

  .multi-select-filter-btn {
    width: 125px !important;
    margin: 0 5px 0 0 !important; }
    .multi-select-filter-btn button {
      padding: 8px 15px !important;
      font-size: 11px !important; }

  .breadcrumb-container .breadcrumb {
    margin: 0 !important;
    padding: 7px 7px !important;
    }
    .breadcrumb-container .breadcrumb .breadcrumb-item {
      font-size: 12px !important;
      margin: 0 !important; }
      .breadcrumb-container .breadcrumb .breadcrumb-item:before {
        font-size: 25px;
        line-height: 17px; }
      .breadcrumb-container .breadcrumb .breadcrumb-item a {
        margin: 0 8px !important; }

  .radio-label {
    font-size: 13px;
    margin: 5px 0 !important; }

  .secure-text {
    font-size: 14px; }

  .custom-control .formlabel a {
    font-size: 14px !important; }

  .summary-fields {
    font-size: 13px;
    margin: 0 !important; }

  .text-alignment {
    text-align: left !important; }

  .cost-text {
    font-size: 14px; }

  .amount-sub-text {
    font-size: 11px !important; }

  .modal .modal-dialog {
    max-width: 100% !important; }
    .modal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 14px; }
    .modal .modal-dialog .modal-content .modal-body {
      font-size: 12px; }
      .modal .modal-dialog .modal-content .modal-body .term-text {
        font-size: 13px; }
      .modal .modal-dialog .modal-content .modal-body ol {
        padding-left: 15px !important; }
      .modal .modal-dialog .modal-content .modal-body .mob-term-padding {
        padding: 15px 0px !important; }
}
.category-container {
  background: #ffffff;
  padding-top: 10px; }
  
    .category-container .head-text:after {
      content: "";
      position: absolute;
      /* top: 215px; */
      right: 0;
      left: 0;
      /* height: 1px; */
      width: 86px;
      bottom: -13px;
       }
  .category-container .step-bar {
    background: #E8E8E8;
    height: min-content;}
    .category-container .step-bar input[type="button"] {
      margin-top: 10px; }
    .category-container .step-bar .node {
      border-radius: 50%;
      display: inline-block;
      transition: all 1000ms ease;
      height: 17px;
      width: 17px;
      border: 1px solid #718F9C;
      background-color: #FFFFFF;
    }
    .category-container .step-bar .fill-node {
      height: 11px;
      width: 11px;
      border: 1px solid #718F9C;
      background-color: #718F9C;
      margin: 1px 0 0 5px; }
    .category-container .step-bar .divider {
      position: relative;
      height: 30px;
      width: 2px;
      transition: all 800ms ease;
      background-color: #718F9C;
      border-left: transparent; }
    .category-container .step-bar .node-desktop-head {
      color: #4D4D4D;
      font-size: 14px;
      cursor: pointer;
      display: inline-block;
      position: absolute;
      left: 30px;
      line-height: 17px;
      padding: 0px 2px; }
    .category-container .step-bar .fill-active .node-desktop-head {
      color: #4065D1 !important;
      font-size: 15px;
      font-weight: 500; }
    .category-container .step-bar .active-node .node {
      height: 21px;
      width: 21px;
      margin: 0; }
    .category-container .step-bar .active-node .node-desktop-head {
      color: #4065D1;
      font-size: 15px;
      font-weight: 500;
      display: inline-block;
      margin: 0;
      position: absolute;
      left: 30px;
      line-height: 18px; }
    .category-container .step-bar .done-node {
      /* width: 14px;
      height: 14px; */
      background: #00B667 url("../images/sucess-step.svg") no-repeat center; }
    .category-container .step-bar .activated {
      box-shadow: 0px 0px 3px 2px rgba(194, 255, 194, 0.8); }
    .category-container .step-bar li a:hover {
      text-decoration: none; }
    .category-container .step-bar li {
      position: relative;
      list-style: none;
      /*line-height: 1px;
      display: flex;*/ }
  .category-container .form-content {
    width: 900px;
    border-radius: 20px 20px 20px 20px;
    }
  .category-container .form-container {
    width: 95%;
     }

@media (max-width: 1280px) {
  .form-content {
    width: 885px !important; }

  .category-container .form-container {
    width: 100%;
    padding: 15px 12px !important; } }
@media (max-width: 767px) {
  .category-container {
    padding: 10px 0 !important; }
    .category-container .breadcrumb {
      margin: 0 !important;
      padding: 7px 7px !important; }
      .category-container .breadcrumb .breadcrumb-item {
        font-size: 12px;
        margin: 0 !important; }
        .category-container .breadcrumb .breadcrumb-item:before {
          font-size: 25px;
          line-height: 17px; }
        .category-container .breadcrumb .breadcrumb-item a {
          margin: 0 8px !important; }
    .category-container .node-desktop-head {
      display: none !important; }
    .category-container .step-bar {
      width: 100% !important;
      padding: 35px 12px !important; }
      .category-container .step-bar .node {
        height: 20px;
        width: 20px;
        top: 0 !important;
        z-index: 9;
        margin: 0; }
      .category-container .step-bar .fill-node {
        width: 12px;
        height: 12px; }
      .category-container .step-bar .divider {
        height: 2px;
        width: 53px;}
      .category-container .step-bar .active-node .node {
        width: 22px;
        height: 22px;
        border: 3px solid #4065D1; }
      .category-container .step-bar .done-node {
        width: 17px;
        height: 17px; }
      .category-container .step-bar li {
        line-height: 6px; }
      .category-container .step-bar #progress {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: relative;
        margin: 0; }
    .category-container .head-text {
      padding: 0 !important;
      margin: 0 0 30px 0 !important;
      font-size: 18px;
      text-align: center;}
    .category-container .mob-file-container {
      width: 100%; }
    .category-container .form-content {
      width: 100% !important; } }

#processing{
    height: 100vh;
    position: fixed;
    width: 100%;
    margin: 0px auto;
    z-index: 9999;
    background-color: #FFF;
    background-image: none;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-repeat: repeat;
    background-size: inherit;
    opacity: 0.5;
}

#loading{
    width: 36%;
    height: 22px;
    position: absolute;
    top: 26%;
    left: 32%;
    margin: -28px 0px 0px -25px;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: #000;
}
/*# sourceMappingURL=membership-basic-form.css.map */