button {
  cursor: pointer; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.nav-bar {
  display: flex;
  align-items: center;
  z-index: 2;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-color: white;
  box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.02); }
  .nav-bar .logo img {
    width: 100px; }
  .nav-bar .user-account {
    flex: 1;
    display: flex; }
    .nav-bar .user-account .user-profile {
      flex: 1;
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      .nav-bar .user-account .user-profile .user-image {
        display: flex;
        align-items: center; }
      .nav-bar .user-account .user-profile img {
        width: 30px;
        border-radius: 50%; }
      .nav-bar .user-account .user-profile .user-details {
        margin-left: 10px; }
        .nav-bar .user-account .user-profile .user-details .name {
          font-weight: 600;
          font-size: 11px; }
        .nav-bar .user-account .user-profile .user-details .email {
          color: #cccccc;
          font-size: 0.7rem; }
    .nav-bar .user-account .notifications {
      margin-right: 10px;
      position: relative; }
    .nav-bar .user-account .notification-count {
      position: absolute;
      top: 0;
      right: 0px;
      height: 15px;
      width: 15px;
      padding: 0;
      box-sizing: border-box;
      border: 2px solid white;
      border-radius: 50%;
      background: #ba301f;
      font-size: 10px;
      font-weight: bold;
      color: grey;
      display: flex;
      align-items: center;
      padding-bottom: 1px;
      padding-top: 1px;
      justify-content: center; }
    .nav-bar .user-account .btn-noti {
      border: none;
      background: none;
      padding: 0;
      height: 30px;
      width: 30px;
      display: flex;
      align-items: center; }
      .nav-bar .user-account .btn-noti i {
        font-size: 30px; }
    .nav-bar .user-account .btn-user {
      background: none;
      border: none;
      display: flex;
      align-items: center;
      text-align: left; }
      .nav-bar .user-account .btn-user .email {
        padding-top: 5px; }

.page-wrapper {
  top: 15px;
  left: 0;
  position: relative;
  display: flex; }
  .page-wrapper .applications {
    background-color: #194886;
    width: 100%;
    margin-top: 0px;
    bottom: 0;
    overflow: auto; }
    .page-wrapper .applications::-webkit-scrollbar {
      display: none; }
    .page-wrapper .applications .new-application {
      padding: 30px 0px;
      position: fixed;
      top: 57px;
      left: 0px;
      width: 25%;
      box-sizing: border-box;
      background: #194886;
      border-bottom: 1px solid #6486a7; }
      .page-wrapper .applications .new-application .btn-new {
        background: white;
        border: none;
        width: 100%;
        padding: 10px 0;
        border-radius: 5px;
        border: 1px solid #a1b8d1;
        color: #2f5086;
        font-size: 14px; }
    .page-wrapper .applications .applications-preview {
      padding-bottom: 0px; }
      .page-wrapper .applications .applications-preview .preview-card {
        padding: 15px;
        color: grey;
        border-bottom: 1px solid #6486a7; }
        .page-wrapper .applications .applications-preview .preview-card .applicant-details {
          display: flex;
          align-items: center; }
          .page-wrapper .applications .applications-preview .preview-card .applicant-details .applicant-name {
            flex: 1;
            font-size: 16px;
            font-weight: 300; }
          .page-wrapper .applications .applications-preview .preview-card .applicant-details .application-status {
            display: flex;
            justify-content: flex-end;
            align-content: center;
            padding: 2px 10px;
            box-sizing: border-box;
            vertical-align: middle;
            border-radius: 3px;
            font-size: 11px; }
          .page-wrapper .applications .applications-preview .preview-card .applicant-details .rejected {
            background: #ba301f; }
          .page-wrapper .applications .applications-preview .preview-card .applicant-details .accepted {
            background: #6abd14; }
          .page-wrapper .applications .applications-preview .preview-card .applicant-details .pending {
            background: #ec902b; }
        .page-wrapper .applications .applications-preview .preview-card .applicant-address {
          font-size: 11px;
          padding: 5px 0px; }
        .page-wrapper .applications .applications-preview .preview-card .application-date {
          display: flex;
          padding-top: 10px; }
          .page-wrapper .applications .applications-preview .preview-card .application-date .application-id, .page-wrapper .applications .applications-preview .preview-card .application-date .last-updated {
            flex: 1; }
          .page-wrapper .applications .applications-preview .preview-card .application-date p {
            padding: 5px 0px;
            font-size: 11px; }
          .page-wrapper .applications .applications-preview .preview-card .application-date .head {
            text-transform: uppercase;
            color: #6486a7; }
        .page-wrapper .applications .applications-preview .preview-card .btn-action {
          background: none;
          border: none;
          text-transform: uppercase;
          color: #5cbbf2;
          font-size: 11px; }
        .page-wrapper .applications .applications-preview .preview-card .btn-status {
          background: none;
          border: none;
          font-size: 11px;
          display: flex;
          align-items: center;
          padding: 0; }
          .page-wrapper .applications .applications-preview .preview-card .btn-status i {
            color: #cccccc;
            font-size: 16px;
            margin-left: 10px; }
          .page-wrapper .applications .applications-preview .preview-card .btn-status span {
            padding-top: 5px; }
      .page-wrapper .applications .applications-preview .active {
        background-color: #12396d;
        border-left: 6px solid #5cbbf2;
        padding: 15px 10px;
        padding-right: 15px; }
  .page-wrapper .application-details {
    width: 100%;
    padding: 20px 40px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start; }
    .page-wrapper .application-details .application-overview {
      width: 40%; }
      .page-wrapper .application-details .application-overview .overview-card {
        padding: 20px;
        border-radius: 5px;
        box-sizing: border-box;
        background: white; }
        .page-wrapper .application-details .application-overview .overview-card .applicant-details {
          display: flex;
          align-items: center; }
          .page-wrapper .application-details .application-overview .overview-card .applicant-details .applicant-name {
            flex: 1;
            font-size: 16px;
            font-weight: 300; }
          .page-wrapper .application-details .application-overview .overview-card .applicant-details .application-status {
            display: flex;
            justify-content: flex-end;
            align-content: center;
            padding: 2px 10px;
            box-sizing: border-box;
            vertical-align: middle;
            border-radius: 3px;
            font-size: 11px; }
          .page-wrapper .application-details .application-overview .overview-card .applicant-details .rejected {
            background: #ba301f; }
          .page-wrapper .application-details .application-overview .overview-card .applicant-details .accepted {
            background: #6abd14; }
          .page-wrapper .application-details .application-overview .overview-card .applicant-details .pending {
            background: #ec902b; }
        .page-wrapper .application-details .application-overview .overview-card .applicant-address {
          font-size: 11px;
          padding: 5px 0px; }
        .page-wrapper .application-details .application-overview .overview-card .application-date {
          display: flex;
          padding-top: 10px; }
          .page-wrapper .application-details .application-overview .overview-card .application-date .application-id, .page-wrapper .application-details .application-overview .overview-card .application-date .last-updated {
            flex: 1; }
          .page-wrapper .application-details .application-overview .overview-card .application-date p {
            padding: 5px 0px;
            font-size: 11px; }
          .page-wrapper .application-details .application-overview .overview-card .application-date .head {
            text-transform: uppercase;
            color: #6486a7; }
        .page-wrapper .application-details .application-overview .overview-card .btn-action {
          background: none;
          border: none;
          text-transform: uppercase;
          color: #5cbbf2;
          font-size: 11px; }
        .page-wrapper .application-details .application-overview .overview-card .btn-status {
          background: none;
          border: none;
          font-size: 11px;
          display: flex;
          align-items: center;
          padding: 0; }
          .page-wrapper .application-details .application-overview .overview-card .btn-status i {
            color: #cccccc;
            font-size: 16px;
            margin-left: 10px; }
          .page-wrapper .application-details .application-overview .overview-card .btn-status span {
            padding-top: 5px; }
        .page-wrapper .application-details .application-overview .overview-card .applicant-name {
          font-weight: 600 !important; }
      .page-wrapper .application-details .application-overview .status-card {
        padding: 20px;
        border-radius: 5px;
        box-sizing: border-box;
        background: white;
        margin-top: 10px;
        padding-bottom: 10px; }
        .page-wrapper .application-details .application-overview .status-card .applicant-details {
          display: flex;
          align-items: center; }
          .page-wrapper .application-details .application-overview .status-card .applicant-details .applicant-name {
            flex: 1;
            font-size: 16px;
            font-weight: 300; }
          .page-wrapper .application-details .application-overview .status-card .applicant-details .application-status {
            display: flex;
            justify-content: flex-end;
            align-content: center;
            padding: 2px 10px;
            box-sizing: border-box;
            vertical-align: middle;
            border-radius: 3px;
            font-size: 11px; }
          .page-wrapper .application-details .application-overview .status-card .applicant-details .rejected {
            background: #ba301f; }
          .page-wrapper .application-details .application-overview .status-card .applicant-details .accepted {
            background: #6abd14; }
          .page-wrapper .application-details .application-overview .status-card .applicant-details .pending {
            background: #ec902b; }
        .page-wrapper .application-details .application-overview .status-card .applicant-address {
          font-size: 11px;
          padding: 5px 0px; }
        .page-wrapper .application-details .application-overview .status-card .application-date {
          display: flex;
          padding-top: 10px; }
          .page-wrapper .application-details .application-overview .status-card .application-date .application-id, .page-wrapper .application-details .application-overview .status-card .application-date .last-updated {
            flex: 1; }
          .page-wrapper .application-details .application-overview .status-card .application-date p {
            padding: 5px 0px;
            font-size: 11px; }
          .page-wrapper .application-details .application-overview .status-card .application-date .head {
            text-transform: uppercase;
            color: #6486a7; }
        .page-wrapper .application-details .application-overview .status-card .btn-action {
          background: none;
          border: none;
          text-transform: uppercase;
          color: #5cbbf2;
          font-size: 11px; }
        .page-wrapper .application-details .application-overview .status-card .btn-status {
          background: none;
          border: none;
          font-size: 11px;
          display: flex;
          align-items: center;
          padding: 0; }
          .page-wrapper .application-details .application-overview .status-card .btn-status i {
            color: #cccccc;
            font-size: 16px;
            margin-left: 10px; }
          .page-wrapper .application-details .application-overview .status-card .btn-status span {
            padding-top: 5px; }
        .page-wrapper .application-details .application-overview .status-card .status {
          padding-bottom: 20px;
          border-bottom: 1px solid #efe6e6; }
        .page-wrapper .application-details .application-overview .status-card .head {
          flex: 1;
          font-size: 11px;
          color: #6486a7;
          text-transform: uppercase; }
        .page-wrapper .application-details .application-overview .status-card .status .rejected span {
          color: #ba301f; }
        .page-wrapper .application-details .application-overview .status-card .status-details {
          display: flex;
          align-items: center;
          padding: 10px;
          border: 1px solid #cccccc;
          border-radius: 3px;
          margin-top: 10px; }
          .page-wrapper .application-details .application-overview .status-card .status-details .check {
            height: 30px;
            padding: 5px 0px;
            padding-right: 10px; }
            .page-wrapper .application-details .application-overview .status-card .status-details .check i {
              font-size: 30px; }
            .page-wrapper .application-details .application-overview .status-card .status-details .check .done {
              color: green; }
            .page-wrapper .application-details .application-overview .status-card .status-details .check .not-done {
              color: #ba301f; }
          .page-wrapper .application-details .application-overview .status-card .status-details .status-comment {
            font-size: 12px;
            flex: 1; }
          .page-wrapper .application-details .application-overview .status-card .status-details .status-action {
            min-width: 90px;
            text-align: right; }
          .page-wrapper .application-details .application-overview .status-card .status-details .done {
            color: #cccccc; }
        .page-wrapper .application-details .application-overview .status-card .details-wrapper {
          padding-bottom: 100px; }
        .page-wrapper .application-details .application-overview .status-card .status-footer {
          border-top: 1px solid #efe6e6;
          padding-top: 10px;
          display: flex;
          align-items: center; }
          .page-wrapper .application-details .application-overview .status-card .status-footer .submit {
            flex: 1;
            display: flex;
            justify-content: flex-end; }
            .page-wrapper .application-details .application-overview .status-card .status-footer .submit .btn-submit {
              background: #194886;
              color: grey;
              border-radius: 3px;
              border: none;
              padding: 10px; }
    .page-wrapper .application-details .application-form {
      width: 100%;
      box-sizing: border-box;
      margin-left: 2px; }
      .page-wrapper .application-details .application-form .form-wrapper {
        padding: 20px 20px;
        }
        .page-wrapper .application-details .application-form .form-wrapper::-webkit-scrollbar {
          display: none; }
      .page-wrapper .application-details .application-form .form-card {
        border-radius: 3px;
        background: white;
        position: relative;
        top: 0;
        left: 0;
        bottom: 0;
        box-sizing: border-box; }
      .page-wrapper .application-details .application-form .kyc-upload {
        padding-bottom: 30px;
        border-bottom: 1px solid #efe6e6; }
        .page-wrapper .application-details .application-form .kyc-upload .head {
          font-size: 16px;
          font-weight: 600; }
        .page-wrapper .application-details .application-form .kyc-upload p {
          font-size: 11px;
          padding: 20px 0; }
        .page-wrapper .application-details .application-form .kyc-upload label {
          font-size: 11px; }
      .page-wrapper .application-details .application-form .kyc-input {
        position: relative;
        width: 100%; }
      .page-wrapper .application-details .application-form .kyc {
        width: 250px; }
      .page-wrapper .application-details .application-form input {
        display: block;
        padding: 10px 40px 10px 10px;
        width: 100%;
        margin: 5px 0;
        border-radius: 3px;
        box-sizing: border-box;
        border: 1px solid #cccccc; }
        .page-wrapper .application-details .application-form input::placeholder {
          font-size: 11px;
          text-transform: none; }
      .page-wrapper .application-details .application-form .submit {
        position: absolute;
        top: 10px;
        right: 10px; }
        .page-wrapper .application-details .application-form .submit .kyc-submit {
          background: none;
          border: none;
          padding: 0;
          color: green; }
          .page-wrapper .application-details .application-form .submit .kyc-submit i {
            font-size: 16px; }
      .page-wrapper .application-details .application-form .browse-card {
        border-bottom: 1px solid #efe6e6; }
      .page-wrapper .application-details .application-form .browse-documents {
        display: flex;
        padding: 10px 10px;
        padding-top: 15px;
        width: 65%;
        border: 1px dashed #efe6e6;
        margin: 30px 0px; }
        .page-wrapper .application-details .application-form .browse-documents .applicant-details {
          display: flex;
          align-items: center; }
          .page-wrapper .application-details .application-form .browse-documents .applicant-details .applicant-name {
            flex: 1;
            font-size: 16px;
            font-weight: 300; }
          .page-wrapper .application-details .application-form .browse-documents .applicant-details .application-status {
            display: flex;
            justify-content: flex-end;
            align-content: center;
            padding: 2px 10px;
            box-sizing: border-box;
            vertical-align: middle;
            border-radius: 3px;
            font-size: 11px; }
          .page-wrapper .application-details .application-form .browse-documents .applicant-details .rejected {
            background: #ba301f; }
          .page-wrapper .application-details .application-form .browse-documents .applicant-details .accepted {
            background: #6abd14; }
          .page-wrapper .application-details .application-form .browse-documents .applicant-details .pending {
            background: #ec902b; }
        .page-wrapper .application-details .application-form .browse-documents .applicant-address {
          font-size: 11px;
          padding: 5px 0px; }
        .page-wrapper .application-details .application-form .browse-documents .application-date {
          display: flex;
          padding-top: 10px; }
          .page-wrapper .application-details .application-form .browse-documents .application-date .application-id, .page-wrapper .application-details .application-form .browse-documents .application-date .last-updated {
            flex: 1; }
          .page-wrapper .application-details .application-form .browse-documents .application-date p {
            padding: 5px 0px;
            font-size: 11px; }
          .page-wrapper .application-details .application-form .browse-documents .application-date .head {
            text-transform: uppercase;
            color: #6486a7; }
        .page-wrapper .application-details .application-form .browse-documents .btn-action {
          background: none;
          border: none;
          text-transform: uppercase;
          color: #5cbbf2;
          font-size: 11px; }
        .page-wrapper .application-details .application-form .browse-documents .btn-status {
          background: none;
          border: none;
          font-size: 11px;
          display: flex;
          align-items: center;
          padding: 0; }
          .page-wrapper .application-details .application-form .browse-documents .btn-status i {
            color: #cccccc;
            font-size: 16px;
            margin-left: 10px; }
          .page-wrapper .application-details .application-form .browse-documents .btn-status span {
            padding-top: 5px; }
        .page-wrapper .application-details .application-form .browse-documents .applicant-name {
          font-size: 11px !important;
          font-weight: 600 !important; }
        .page-wrapper .application-details .application-form .browse-documents .image-selection {
          flex-basis: 60px; }
          .page-wrapper .application-details .application-form .browse-documents .image-selection p {
            font-size: 10px; }
          .page-wrapper .application-details .application-form .browse-documents .image-selection img {
            width: 120px;
            padding: 0px 10px;
            padding-top: 5px; }
        .page-wrapper .application-details .application-form .browse-documents .application-status {
          padding: 0 !important; }
        .page-wrapper .application-details .application-form .browse-documents .btn-action {
          text-transform: none;
          color: #cccccc; }
        .page-wrapper .application-details .application-form .browse-documents .image-requirements {
          flex-basis: calc(100% - 60px);
          padding-left: 10px; }
          .page-wrapper .application-details .application-form .browse-documents .image-requirements .image-condition {
            font-size: 10px;
            padding-top: 5px; }
        .page-wrapper .application-details .application-form .browse-documents a {
          color: black; }
      .page-wrapper .application-details .application-form .address-input {
        width: 100%;
        float: left;
        padding-top: 20px;
        margin: 0 20px; }
      .page-wrapper .application-details .application-form .off-address {
        padding-top: 30px; }
      .page-wrapper .application-details .application-form .input-wrapper {
        margin: 0 -20px; }
      .page-wrapper .application-details .application-form .form-footer {
        border-top: 1px solid #efe6e6;
        padding-top: 10px;
        display: flex;
        align-items: center;
        position: absolute;
        padding-bottom: 10px;
        width: 100%;
        bottom: 0;
        left: 0;
        height: 56px;
        background: white;
        box-sizing: border-box; }
        .page-wrapper .application-details .application-form .form-footer .submit {
          flex: 1;
          display: flex;
          justify-content: flex-end; }
          .page-wrapper .application-details .application-form .form-footer .submit .btn-submit {
            background: #194886;
            color: grey;
            border-radius: 3px;
            border: none;
            padding: 10px; }
      .page-wrapper .application-details .application-form .form-wrapper {
        position: relative;
         }

/*# sourceMappingURL=stylesheet.css.map */