.error {
      color: #F00;
      background-color: #FFF;
  }

  .xs-close-btn:hover {
      fill: red;
  }

  :root {
      --bs-primary: #1db7f3;
  }

  .btn.btn-primary {
      border-color: var(--bs-primary);
      background-color: var(--bs-primary);
  }

  .menu-state-bullet-primary .menu-item .menu-link.active {
      color: var(--bs-primary);
  }

  .aside-custom,
  .aside-custom .aside-logo {
      background-color: #fafafa !important;
  }

  .aside-custom .menu .menu-item .menu-link {
      transition: all ease .5s;
  }

  .aside-custom .menu .menu-item .menu-link.active,
  .aside-custom .menu .menu-item.show>.menu-link,
  .aside-custom .menu .menu-item.here>.menu-link {
      background-color: var(--bs-primary) !important;
  }

  .aside-custom .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here),
  .aside-custom .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
      background-color: var(--bs-primary) !important;
  }

  .aside-custom .menu .menu-item .menu-link.active .menu-icon .svg-icon svg [fill]:not(.permanent):not(g),
  .aside-custom .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon svg [fill]:not(.permanent):not(g),
  .aside-custom .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
      fill: #fff !important;
  }

  .aside-dark .menu .menu-item .menu-link .menu-title {
      color: #252628;
  }


  table.dataTable.no-footer {
      border-bottom: 1px solid #eff2f5 !important;
  }

  .link-primary {
      color: var(--bs-primary) !important;
  }

  @media (min-width: 992px) {
      .aside .aside-logo {
          margin-top: 10px;
      }
  }

  .badge-light-info {
      color: #094e69;
      background-color: #e6f7fd;
  }

  .logo {
      width: 170px;
      height: 54px;
  }

  a.accordion-doc-link[aria-expanded="true"] h5 i {
      transform: rotate(-180deg);
      transition: all ease .5s;
  }

  a.accordion-doc-link[aria-expanded="false"] h5 i {
      transform: rotate(0);
      transition: all ease .5s;
  }

  .btn-active-color-info.active,
  .btn-check:active+.btn.btn-active-color-info,
  .btn-check:checked+.btn.btn-active-color-info,
  .btn.btn-active-color-info.active,
  .btn.btn-active-color-info.show,
  .btn.btn-active-color-info:active:not(.btn-active),
  .btn.btn-active-color-info:focus:not(.btn-active),
  .btn.btn-active-color-info:hover:not(.btn-active),
  .show>.btn.btn-active-color-info {
      color: var(--bs-primary) !important;
  }

  .timeline-label .timeline-label {
      width: 35px;
  }

  .timeline-label:before {
      left: 36px;
  }

  #js-user-list_length option:hover {
      background-color: red !important;
  }

  .h-240px {
      height: 240px !important;
  }

  .bg-primary {
      background-color: var(--bs-primary) !important;
  }

  .disabled-pointer {
      cursor: not-allowed;
      pointer-events: all !important;
  }


  @media (min-width: 1400px) {

      .container,
      .container-lg,
      .container-md,
      .container-sm,
      .container-xl,
      .container-xxl {
          max-width: 100%;
      }
  }

  #kt_toolbar {
      display: none;
  }

  @media (min-width: 992px) {
      .header-fixed.toolbar-fixed .wrapper {
          padding-top: calc(0px + var(--kt-toolbar-height));
      }
  }

  @media (min-width: 992px) {
      .content {
          padding: 20px 0;
      }
  }

  .aside-custom .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
      background-color: #eef3f7 !important;
  }

  .aside-dark .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
      color: #252628;
  }

  .aside-custom .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
      fill: #6d6e71 !important;
  }

  .table.gy-4 td {
      padding-top: 0.5rem !important;
      padding-bottom: 0.5rem !important;
  }

  @media (max-width: 912px) {
      .card .card-header {
          display: inline !important;
      }

      .row {
          --bs-gutter-x: 0rem;
      }

      .col-md-4,
      .col,
      .col-md-6 {
          margin: 0 10px;
      }

      .card-header.notification-header {
          display: flex !important;
      }
  }

  .swal2-styled.swal2-confirm {
      background-color: #1db7f3 !important;
  }

  .aside-menu .menu-item .menu-link {
      padding-top: 1rem;
      padding-bottom: 1rem;
  }

  @media (max-width:912px) {
      .card .card-header {
          padding: 0 15px;
      }
  }

  @media (max-width: 991.98px) {
      .aside .aside-logo {
          display: block !important;
          margin-top: 25px;
      }

      .logo {
          width: 140px;
          height: 37px;
      }
  }

  .btn.btn-danger {
      background-color: #1db7f3 !important;
  }

  .card-custom-scroll {
      max-height: 200px;
      overflow-y: scroll;
      margin-right: 15px;
      margin-bottom: 25px;
  }

  .file-attach-icon {
      position: absolute;
      left: 0;
  }

  /* input.file-attach-field {
       opacity: 0; 
  } */

  /* file upload css  */
  /* .fileUploadWrap {
      padding: 10px;
      position: relative;
      background-color: #f5f8fa;
      height: 45px;
      border-radius: 7px;
  }

  .fileUploadWrap img {
      position: absolute;
      cursor: pointer;
      pointer-events: none;
      width: 50px;
      top: 50%;
      transform: translatey(-50%);
  }

  .fileUploadWrap .fileName {
      position: absolute;
      left: 50px;
      top: 14px;
      pointer-events: none;
      margin-bottom: 0;
  }

  .fileUploadWrap input[type=file] {
      margin-left: -25px;
      opacity: 0;
      position: absolute;
      top: 0;
      height: 45px;
      cursor: pointer;
  } */

  /* file upload css ends  */

  .aside-dark .menu .menu-item .menu-link .menu-bullet .bullet {
      background-color: transparent;
      border: 1px solid;
  }

  .bullet-dot {
      width: 6px;
      height: 6px;
  }

  .activity-wrap {
      padding-left: 0;
      padding-right: 0;
  }

  .aside-dark .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
      height: 7px;
      width: 7px;
      background-color: transparent;
      border-color: #1db7f3;
  }

  input[type="file"] {
      padding: 5px;
      height: 42px !important;
      border-radius: 0.475rem !important;
  }

  .table th:last-child {
      padding-right: 10px !important;
  }

  .custom-selectbox select {
      appearance: auto !important;
  }

  table.dataTable>thead .sorting_asc:after,
  table.dataTable>thead .sorting_desc:after {
      height: auto !important;
      background-image: none;
  }

  table.dataTable>thead .sorting:before,
  table.dataTable>thead .sorting_asc:before,
  table.dataTable>thead .sorting_asc_disabled:before,
  table.dataTable>thead .sorting_desc:before,
  table.dataTable>thead .sorting_desc_disabled:before {
      right: 1em;
      content: "↑" !important;
      opacity: 1 !important;
  }

  @media (max-width:1208px) {
      .custom_btn {
          margin-bottom: 3px;
      }

      .badge {
          margin-bottom: 3px;
      }

      .table>:not(caption)>*>* {
          padding: 0.5rem 0.5rem !important;
      }
  }

  @media (max-width:912px) {

      .custom-selectbox,
      .comment-box,
      .add-block {
          margin-right: 3px;
      }

      .menu.menu-sub.menu-sub-dropdown.show {
          position: absolute !important;
          left: 65% !important;
          top: 10px !important;
      }

      .input_fields_wrap .cust-mr-10 {
          margin-right: 10px;
      }

  }

  .menu-gray-800 .menu-item .menu-link {
      color: #3f4254;
      text-align: center;
      display: block;
      border: 1px solid rgb(56 176 231 / 20%);
  }

  .menu-gray-800 .menu-item .menu-link:hover {
      background-color: transparent !important;
      background: transparent !important;
  }

  button.swal2-confirm {
      transition: 0.3s all ease;
  }

  button.swal2-confirm:hover {
      opacity: .75;
  }

  input:focus,
  input:active {
      outline: none;
      box-shadow: none;
  }

  .tt-modal input[type="file"] {
      margin: 5px 0;
  }

  .notification-text p span {
      color: #009ef7;
      font-size: 1.075rem !important;
  }

  ul.dtr-details {
      width: 100%;
      display: flex !important;
  }

  ul.dtr-details li {
      padding: 0 !important;
      margin: 5px 0;
      margin-right: 10px;
      border-bottom: none !important;
  }

  ul.dtr-details li span.dtr-title {
      font-weight: 500 !important;
      display: none !important;
  }

  ul.dtr-details li span.dtr-data a {
      padding: 5px !important;
  }

  .form-control.inp-password.is-valid:focus {
      background-image: none;
  }

  .form-control.active {
      border-color: #50cd89;
      padding-right: calc(1.5em + 1.5rem);
      /* background-image: url("https://png.pngtree.com/png-clipart/20190705/original/pngtree-vector-tick-icon-png-image_4190811.jpg") !important; */
      background-image: url("../images/green-tick.svg") !important;
      background-repeat: no-repeat;
      background-position: right calc(0.375em + 0.375rem) center;
      background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
  }

  .passwrd-link {
      transition: 0.2s all ease;
  }

  .passwrd-link:hover {
      color: #0092cb !important;
  }

  @media (max-width:991px) {
      .add-doc-btn {
          margin-bottom: 10px;
      }

      .expense_request-wrapper .col-md-5 {
          flex: 0 0 auto;
          width: 100%;
      }
  }


  /* 06.07.2022  */
  .custom-kyc-type-select {
      position: relative !important;
  }

  .custom-kyc-type-select .select2-container--open .select2-dropdown {
      bottom: 0;
  }

  .username_cust,
  .custm_user_email {
      white-space: normal;
      word-break: break-word;
  }

  .row.ask-query-row {
      --bs-gutter-x: 0;
  }

  .qstn-mark-icon {
      margin-right: 5px;
  }

  .post-query-wrap textarea {
      background-color: transparent !important;
  }

  .single-query {
      background: rgb(237 237 237 / 25%);
      padding: 15px;
      border-radius: 5px;
  }

  .post-query-wrap {
      padding: 15px;
      border: 1px solid rgb(137 134 134 / 10%);
      border-radius: 5px;
  }

  .auth-qstn-inner {
      padding: 25px 0;
  }

  .auth-action {
      margin-top: 15px;
  }

  .auth-action a:hover svg path , .auth-action a:hover svg circle {
      fill: #006dab;
  }

  .post-options {
      display: table;
      margin-left: auto;
  }

  .reply-section-wrap .author-detail-wrap {
      display: flex;
      padding-bottom: 20px;
      align-items: center;
  }

  .auth-details p {
      margin-bottom: 0;
  }

  .avatar_comment {
      display: block;
  }

  .avatar_comment img {
      height: 48px;
      width: 48px;
  }

  .auth-reply-wrap {
      margin-left: 40px;
      margin-top: 25px;
      margin-bottom: 10px;
  }

  .box_comment {
      display: block;
      position: relative;
      line-height: 1.358;
      word-break: break-word;
      border: 1px solid #d3d6db;
      word-wrap: break-word;
      background: #fff;
      box-sizing: border-box;
      cursor: text;
      font-family: Helvetica, Arial, sans-serif;
      padding: 15px;
      border-radius: 5px;
  }

  .box_comment textarea {
      min-height: 50px;
      padding: 12px 8px;
      width: 100%;
      border: none;
      resize: none;
  }

  .auth-success-reply {
      margin-left: 25px;
  }

  .auth-success-reply {
      margin-bottom: 30px;
  }

  .hide {
      visibility: hidden;
      position: absolute;
      transition: 0.3s all ease;
  }

  .no-hide {
      visibility: hidden;
      position: absolute;
      transition: 0.3s all ease;
  }

  .box_comment textarea:focus {
      outline: none;
  }

  .box_post {
      margin-top: 10px;
  }

  .auth-qstn-inner .auth-img span svg {
      height: 50px;
      width: 50px;
  }

  .auth-qstn-inner .auth-img span img {
      height: 50px;
      width: 50px;
      margin-right: 10px;
  }

  .auth-success-reply .auth-img span img {
      height: 35px;
      width: 35px;
      margin-right: 10px;
  }

  .box_post .btn--reply,
  .box_post .btn--close {
      border: 0;
      padding: 6px 15px;
      border-radius: 5px;
      line-height: 1.5;
      color: black;
      background: transparent;
      font-weight: 500;
      transition: 0.3s all ease-in-out;
  }

  .box_post .btn--reply {
      border: 1px solid rgb(29 183 243 / 50%);

  }

  .box_post .btn--close {
      color: #7e8299;
      border: 1px solid #f5f8fa;
      background: #f5f8fa;
  }

  .box_post .btn--reply:hover,
  .box_post .btn--close:hover {
      background: #009ef7;
      color: #ffffff;
  }
  .auth-success-reply-wrapper{
    opacity: 0;
    height: 0;
    transition: 0.5s all linear;
  }

  .auth-success-reply-wrapper.active{
    opacity: 1;
    height: 100%;
    transition: 0.5s all linear;
  }

  .modal-open .select2-container--bootstrap5 .select2-dropdown.cust-kyc-select-dropdown {
    bottom: 0;
  }

  .mainListTable tr{
    display: flex;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .mainListTable tr th , .mainListTable tr td {
    flex: 0 0 50%;
    max-width: 50%;
  }

  /* 22.07.2022  */
  .table.gy-4.mainListTable tr td  {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  @media (max-width:1366px){
    .col-xl-4.custom-col {
        flex: 0 0 50%;
        max-width: 50%;
    }
  }