  
  table.br-table.dataTable {
    border-collapse: separate !important;
  }
  
  table.br-table.dataTable thead th, table.dataTable thead td {
    border-bottom: 0 !important;
  }
  
  table.br-table.dataTable.no-footer {
    border-bottom: 0 !important;
  }
  
  .br-table {
    margin: 1em 0;
    border-radius: 0.4em;
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 0 15px !important;
    font-size: 0.875rem;
    border-bottom: 0 !important;
  }
  .br-table.br-table-hover tbody tr:hover {
    background: var(--primary);
    color: white;
  }
  .br-table thead {
    font-size: 0.7rem;
    color: #99a0ac !important;
  }
  .br-table thead tr {
    font-size: 12px;
    background: transparent;
  }
  .br-table thead tr th {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    border-bottom: 0 !important;
  }
  .br-table tbody tr {
    border: 1px solid rgba(0, 0, 0, 0.5);
    background: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
  }
  .br-table tbody tr td {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 0 rgba(160, 175, 185, 0.05), 0 -1px 0 rgba(160, 175, 185, 0.05);
  }
  .br-table tbody tr td:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
  }
  .br-table tbody tr td:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
  }
  .br-table tr {
    border: 0;
  }
  .br-table th, .br-table td {
    padding: 0.75rem;
    vertical-align: middle;
  }
  
  .hw-listview .hw-listview-list .hw-listview-item {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 5px solid;
    border-radius: 30px;
    display: flex;
    align-items: center;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    background: white;
    padding: 20px;
    margin-bottom: 10px;
    justify-content: space-between;
    cursor: pointer;
  }
  .hw-listview .hw-listview-list .hw-listview-item:hover {
    background: rgba(0, 0, 0, 0.05);
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(0) {
    border-left-color: #7713f3;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(1) {
    border-left-color: #2e51b8;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(2) {
    border-left-color: #9a1b7d;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(3) {
    border-left-color: #835539;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(4) {
    border-left-color: #aafb3a;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(5) {
    border-left-color: #0677dd;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(6) {
    border-left-color: #b06f5c;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(7) {
    border-left-color: #92e5c9;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(8) {
    border-left-color: #8955e1;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(9) {
    border-left-color: #4584d7;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(10) {
    border-left-color: #eaf99e;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(11) {
    border-left-color: #55135e;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(12) {
    border-left-color: #248867;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(13) {
    border-left-color: #91f3fa;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(14) {
    border-left-color: #3cde64;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(15) {
    border-left-color: #71e63f;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(16) {
    border-left-color: #22dfd4;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(17) {
    border-left-color: #8fa85b;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(18) {
    border-left-color: #52faa2;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(19) {
    border-left-color: #9738f2;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(20) {
    border-left-color: #50be21;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(21) {
    border-left-color: #3fe196;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(22) {
    border-left-color: #b7b402;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(23) {
    border-left-color: #d789cf;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(24) {
    border-left-color: #76b307;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(25) {
    border-left-color: #f7238b;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(26) {
    border-left-color: #96285d;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(27) {
    border-left-color: #a0e4de;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(28) {
    border-left-color: #f56d9d;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(29) {
    border-left-color: #d84a65;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(30) {
    border-left-color: #ec9a86;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(31) {
    border-left-color: #a6b13f;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(32) {
    border-left-color: #93323a;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(33) {
    border-left-color: #b1969b;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(34) {
    border-left-color: #ec817a;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(35) {
    border-left-color: #ef1e58;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(36) {
    border-left-color: #5509a3;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(37) {
    border-left-color: #4d7aa9;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(38) {
    border-left-color: #748295;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(39) {
    border-left-color: #09d8b1;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(40) {
    border-left-color: #968287;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(41) {
    border-left-color: #2b3774;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(42) {
    border-left-color: #77f647;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(43) {
    border-left-color: #5ef8d7;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(44) {
    border-left-color: #341f81;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(45) {
    border-left-color: #1eca8b;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(46) {
    border-left-color: #7be837;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(47) {
    border-left-color: #861df0;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(48) {
    border-left-color: #e8e094;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(49) {
    border-left-color: #981e3b;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(50) {
    border-left-color: #03747b;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(51) {
    border-left-color: #6e2f7d;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(52) {
    border-left-color: #9ed6fa;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(53) {
    border-left-color: #07ebf0;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(54) {
    border-left-color: #b1730f;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(55) {
    border-left-color: #6cb1a7;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(56) {
    border-left-color: #b90398;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(57) {
    border-left-color: #0c1f91;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(58) {
    border-left-color: #cc2d65;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(59) {
    border-left-color: #80235f;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(60) {
    border-left-color: #d70d48;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(61) {
    border-left-color: #b694f5;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(62) {
    border-left-color: #92215c;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(63) {
    border-left-color: #55233a;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(64) {
    border-left-color: #393dd2;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(65) {
    border-left-color: #cb85b9;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(66) {
    border-left-color: #92d15b;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(67) {
    border-left-color: #757f46;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(68) {
    border-left-color: #9df454;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(69) {
    border-left-color: #1b95a2;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(70) {
    border-left-color: #170f53;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(71) {
    border-left-color: #868cff;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(72) {
    border-left-color: #51f6f2;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(73) {
    border-left-color: #3be5e9;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(74) {
    border-left-color: #828a86;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(75) {
    border-left-color: #89251d;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(76) {
    border-left-color: #1aab16;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(77) {
    border-left-color: #877dc5;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(78) {
    border-left-color: #a50beb;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(79) {
    border-left-color: #464f15;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(80) {
    border-left-color: #8dc614;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(81) {
    border-left-color: #3667c9;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(82) {
    border-left-color: #74eb47;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(83) {
    border-left-color: #8b113e;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(84) {
    border-left-color: #c2c8f1;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(85) {
    border-left-color: #5053b3;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(86) {
    border-left-color: #8247bd;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(87) {
    border-left-color: #70780d;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(88) {
    border-left-color: #853922;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(89) {
    border-left-color: #4348e0;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(90) {
    border-left-color: #b4590b;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(91) {
    border-left-color: #b50dad;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(92) {
    border-left-color: #c370ca;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(93) {
    border-left-color: #aa91a5;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(94) {
    border-left-color: #369d59;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(95) {
    border-left-color: #4baa6a;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(96) {
    border-left-color: #83b3a3;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(97) {
    border-left-color: #3cb2b5;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(98) {
    border-left-color: #afa1d9;
  }
  .hw-listview .hw-listview-list .hw-listview-item:nth-child(99) {
    border-left-color: #de1e24;
  }
  .hw-listview .hw-listview-list .hw-listview-item .hw-listview-item-title {
    font-size: 15px;
    font-weight: bold;
  }
  .v-select .vs__dropdown-toggle .vs__clear {
    display: none !important;
  }
  
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
  }
  
  .hw-scrollbar::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
  }
  
  .hw-scrollbar::-webkit-scrollbar-thumb {
    background-color: #135f9c;
  }
  
  .hw-badge {
    border: 2px solid;
    width: 10px;
    height: 10px;
    display: inline-block;
  }
  .hw-badge.hw-badge-circle {
    border-radius: 100%;
  }
  
  .hw-list .hw-list-item {
    align-items: center;
    margin-bottom: 15px;
  }
  
  .hw-welcome {
    display: flex;
    align-items: center;
  }
  .hw-welcome .hw-welcome-img img {
    width: 200px;
  }
  
  .hw-grid {
    display: grid;
    width: 100%;
  }
  
  .hw-grid.hw-grid-4 {
    grid-template-columns: 25% 25% 25% 25%;
  }
  
  .hw-menu-app {
    margin-bottom: 50px;
  }
  .hw-menu-app .hw-menu-app-header {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
  }
  .hw-menu-app .hw-menu-app-body {
    margin: 20px 0;
    display: flex;
  }
  
  .hw-feature {
    width: 120px;
    margin-right: 30px;
  }
  .hw-feature .hw-feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .hw-feature .hw-feature-icon .hw-feature-icon-item {
    background: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 15px;
    border-radius: 10px;
    width: 70px;
    height: 70px;
  }
  .hw-feature .hw-feature-icon .hw-feature-icon-item img {
    width: 100%;
  }
  .hw-feature .hw-feature-label {
    width: 100%;
    margin-top: 10px;
    font-size: 16px;
    text-align: center;
    word-wrap: break-word;
  }
  
  @media (max-width: 768px) {
    .hw-welcome {
      flex-direction: column;
    }
    .hw-welcome .hw-welcome-img img {
      width: 200px;
    }
  
    .hw-feature {
      width: 50px;
    }
    .hw-feature .hw-feature-icon .hw-feature-icon-item {
      padding: 10px;
      width: 50px;
      height: 50px;
    }
    .hw-feature .hw-feature-label {
      font-size: 12px;
    }
  }
  .login-wrapper .wave {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 100%;
    z-index: -1;
  }
  .login-wrapper .container {
    width: 100vw;
    height: 100vh;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 7rem;
    padding: 0 2rem;
    margin: 0 auto;
  }
  .login-wrapper .img {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .login-wrapper .login-content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
  }
  .login-wrapper .img img {
    width: 500px;
  }
  .login-wrapper form {
    width: 360px;
  }
  .login-wrapper .login-content img {
    height: 100px;
  }
  .login-wrapper .login-content h2 {
    margin: 15px 0;
    color: #333;
    text-transform: uppercase;
    font-size: 2.9rem;
  }
  .login-wrapper .login-content .input-div {
    position: relative;
    display: grid;
    grid-template-columns: 7% 93%;
    margin: 25px 0;
    padding: 5px 0;
    border-bottom: 2px solid #d9d9d9;
  }
  .login-wrapper .login-content .input-div.one {
    margin-top: 0;
  }
  .login-wrapper .i {
    color: #d9d9d9;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .login-wrapper .i i {
    transition: 0.3s;
  }
  .login-wrapper .input-div > div {
    position: relative;
    height: 45px;
  }
  .login-wrapper .input-div > div > h5 {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    font-size: 18px;
    transition: 0.3s;
  }
  .login-wrapper .input-div:before, .login-wrapper .input-div:after {
    content: "";
    position: absolute;
    bottom: -2px;
    width: 0%;
    height: 2px;
    background-color: var(--primary);
    transition: 0.4s;
  }
  .login-wrapper .input-div:before {
    right: 50%;
  }
  .login-wrapper .input-div:after {
    left: 50%;
  }
  .login-wrapper .input-div.focus:before, .login-wrapper .input-div.focus:after {
    width: 50%;
  }
  .login-wrapper .input-div.focus > div > h5 {
    top: -5px;
    font-size: 15px;
  }
  .login-wrapper .input-div.focus > .i > i {
    color: var(--primary);
  }
  .login-wrapper .input-div > div > input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    background: none;
    padding: 0.5rem 0.7rem;
    font-size: 1.2rem;
    color: #555;
    /* font-family: 'poppins', sans-serif; */
  }
  .login-wrapper .input-div.pass {
    margin-bottom: 4px;
  }
  .login-wrapper a {
    display: block;
    text-align: right;
    text-decoration: none;
    color: #999;
    font-size: 0.9rem;
    transition: 0.3s;
  }
  .login-wrapper a:hover {
    color: var(--primary);
  }
  .login-wrapper .btn {
    display: block;
    width: 100%;
    height: 50px;
    border-radius: 25px;
    outline: none;
    border: none;
    background-image: linear-gradient(to right, var(--primary), var(--primary), var(--primary));
    background-size: 200%;
    font-size: 1.2rem;
    color: #fff;
    /* font-family: 'Poppins', sans-serif; */
    text-transform: uppercase;
    margin: 1rem 0;
    cursor: pointer;
    transition: 0.5s;
  }
  .login-wrapper .btn:hover {
    background-position: right;
  }
  @media screen and (max-width: 1050px) {
    .login-wrapper .container {
      grid-gap: 5rem;
    }
  }
  @media screen and (max-width: 1000px) {
    .login-wrapper form {
      width: 290px;
    }
    .login-wrapper .login-content h2 {
      font-size: 2.4rem;
      margin: 8px 0;
    }
    .login-wrapper .img img {
      width: 400px;
    }
  }
  @media screen and (max-width: 900px) {
    .login-wrapper .container {
      grid-template-columns: 1fr;
    }
    .login-wrapper .img {
      display: none;
    }
    .login-wrapper .wave {
      display: none;
    }
    .login-wrapper .login-content {
      justify-content: center;
    }
  }
  
  .card .card-footer .btn {
    border-radius: 30px;
  }
  
  table.form-preview-1 tbody tr {
    border: 2px solid;
  }
  table.form-preview-1 tbody tr td {
    height: 30px;
    border: 2px solid;
    font-size: 12px;
  }
  table.form-preview-1 tbody tr td.row1 {
    height: 60px;
  }
  table.form-preview-1 tbody tr td.row2 {
    height: 90px;
  }
  table.form-preview-1 tbody tr td.row3 {
    height: 100%;
  }
  table.form-preview-1 tbody tr td.row3 > div {
    min-height: 120px !important;
    padding: 10px;
  }
  table.form-preview-1 tbody tr td.bg_blue {
    background: #333f4f;
    color: white;
    font-weight: bold;
    border-color: black;
  }
  table.form-preview-1 tbody tr td.bg_blue_light {
    background: #deeaf6;
  }
  
  .form-preview.type-1 .parameter_wrapper {
    border: 1px solid black;
    display: flex;
  }
  .form-preview.type-1 .parameter_wrapper .parameter_row_wrapper {
    width: 100%;
  }
  .form-preview.type-1 .parameter_wrapper .parameter_row_wrapper .parameter_row_title {
    background: #333f4f;
    height: 30px;
    border: 1px solid black;
    font-weight: bold;
    color: white;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .form-preview.type-1 .parameter_wrapper .parameter_row_wrapper .parameter_column {
    display: flex;
  }
  .form-preview.type-1 .parameter_wrapper .parameter_row_wrapper .parameter_column .parameter_column_wrapper {
    width: 100%;
  }
  .form-preview.type-1 .parameter_wrapper .parameter_row_wrapper .parameter_column .parameter_column_wrapper .parameter_column_title {
    text-align: center;
    background: #deeaf6;
    height: 40px;
    border: 1px solid black;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 12px;
  }
  .form-preview.type-1 .parameter_wrapper .parameter_row_wrapper .parameter_column .parameter_column_wrapper .parameter_column_value {
    text-align: center;
    height: 30px;
    border: 1px solid black;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .form-preview .bg_blue {
    background: #333f4f;
  }
  .form-preview .bg_blue_light {
    background: #deeaf6;
  }