@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
:root {
    --primary50: #E8EDFB;
    --primary100: #CBE9FD;
    --primary200: #98D0FB;
    --primary300: #64AEF3;
    --primary400: #3D8EE8;
    --primary500: #0460D9;
    --primary600: #0460D9;
    --primary700: #001B68;
    --primary900: #001B68;

    --netralgray500: #333333;
}
body {
    font-family: 'Inter', Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
}

.table {
    font-family: 'Inter', Arial, Helvetica, sans-serif !important;
}
.table thead tr th {
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    line-height: 20px;
    /* identical to box height, or 143% */

    /* Neutral/Gray 500 P */
    color: var(--netralgray500) !important;
}

.table tbody td, .table, table.dataTable td, table.dataTable td a {
    font-size: 13px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: var(--netralgray500) !important;

}
.table tbody td, table.dataTable td, table.dataTable td, table.dataTable td a {
    font-family: 'Inter';
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    color: var(--netralgray500) !important;
}

.table td, .table th {
    border-top: none;
}
.table thead th {
    border-bottom: none;
}
.table {
    border: 1px solid #dee2e6;
    border-radius: 0.5rem!important;
}

.table thead {
    border-radius: 8px !important;
}


h3 {
    font-size: 1.25rem;
}

#wrapper {
    width: 100%;
}

.menu-title {
    color: #C2C2C2 !important;
}
#sidebar-menu li {
    margin-left: 20px;
}
.nav-second-level {
    margin-left: -40px !important;
}
.metismenu {
    color: rgba(98,103,115,0.8) !important;
}
#sidebar-menu>ul>li>a {
    color: inherit !important;
}
#sidebar-menu .active,
.nav-second-level li.active
 {
    background-color: var(--primary50);
    border-radius: 8px;
    max-width: 200px;
    border-color: #E6EFFB;
    color: #0000ff !important;
}
.btn, .form-control {
    border-radius: 8px;
}
.table thead, table.dataTable thead {
    background-color: var(--primary50) !important;
    border-radius: 8px !important;
}
table {
    border-spacing: 0px;
}

.nav-second-level li {
    margin-left: -40px;
}
.btn-info {
    background-color: var(--primary50) !important;
    color: var(--primary500) !important;
    font-weight: bold !important;
    border-color: var(--primary50) !important;
}
.btn-info:hover {
    color: white !important;
}
.btn-primary {
    font-weight: bold !important;
}
.btn-primary:hover {
    background-color: var(--primary600) !important;

    font-weight: bold !important;
}
.user-label {
    border: solid 1px #ccc;
    padding: 8px;
    border-radius: 30px;
    margin-right: 10px;
}
.tabs-bordered li a.active {
    color: var(--primary500) !important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: inherit !important;
}

.border {
    border-color: #eee !important;
}

.table tr:nth-child(even) {background-color: #F8FAFC !important;}
.even{background-color: #F8FAFC !important}


.table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
  }
  /* table tr th,
  table tr td {
    border-right: 1px solid #dee2e6 !important;
    border-bottom: 1px solid #dee2e6 !important;
  }
  table tr th:first-child,
  table tr td:first-child {
    border-left: 1px solid #dee2e6 !important;
  }
  table tr th {
    border-top: 1px solid #dee2e6 !important;
  } */

  /* top-left border-radius */
  .table tr:first-child th:first-child {
    border-top-left-radius: 8px !important;
  }

  /* top-right border-radius */
  .table tr:first-child th:last-child {
    border-top-right-radius: 8px !important;
  }

  /* bottom-left border-radius */
  .table tr:last-child td:first-child {
    border-bottom-left-radius: 8px !important;
  }

  /* bottom-right border-radius */
  .table tr:last-child td:last-child {
    border-bottom-right-radius: 8px !important;
  }