@charset "UTF-8";
.vertical-overlay-menu .main-menu .navigation > li > a {
  padding: 4px 30px 4px 15px; }
  .vertical-overlay-menu .main-menu .navigation > li > a > i {
    min-width: 21px;
    text-align: center; }
    .vertical-overlay-menu .main-menu .navigation > li > a > i::before {
      font-size: 18px; }
    .vertical-overlay-menu .main-menu .navigation > li > a > i.fa-warehouse-alt::before {
      font-size: 14px; }

.vertical-overlay-menu .main-menu .navigation > li:first-child > a {
  margin-top: 9px;
  padding: 8px 30px 8px 15px; }

.vertical-overlay-menu .main-menu .navigation > li:first-child + .navigation-header {
  margin-top: 9px; }

.bg-light-primary {
  background-color: #f6f7f9; }

.bg-gray-light {
  background-color: #eeeeee; }

.bg-grey {
  background-color: #F5F7FA; }

html body {
  background: white;
  overflow: hidden !important; }
  html body .animated {
    overflow: hidden;
    -webkit-animation-duration: 0.2s !important;
    animation-duration: 0.2s !important; }
  html body .content .content-wrapper {
    min-height: 47rem; }
  html body .dropdown i {
    min-width: 15px; }
  html body .dropdown .dropdown-menu {
    padding: 0;
    border-radius: 0.25rem; }
    html body .dropdown .dropdown-menu .dropdown-item {
      padding: 10px 50px 10px 12px;
      min-height: 40px;
      line-height: 20px; }
  html body .breadcrumb-wrapper .breadcrumb {
    text-transform: none; }
  html body label {
    margin-bottom: .25rem;
    opacity: .6;
    font-size: 90%; }
    html body label i.text-muted {
      font-size: 90%; }
  html body .progress-sm {
    background-color: #ebdbdb;
    height: 9px;
    font-size: 9px; }
  html body .cursor-pointer {
    cursor: pointer; }
  html body .content-dashboard .card {
    height: 400px !important; }
  html body .cursor-pointer {
    cursor: pointer; }
  html body .opacity-normal {
    opacity: 1; }
  html body .text-link {
    color: #00569D; }
  html body .sidenav-overlay {
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1038; }
  html body .mnh-100 {
    min-height: 100%; }
  html body .overflow-visible {
    overflow: visible !important; }
  html body .list-inline {
    margin-bottom: 0; }
  html body .scrollbar-container {
    position: relative; }
  html body select.form-control-plaintext {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: ''; }
  html body sup {
    position: absolute;
    top: 5px;
    right: -9px;
    font-size: 100%; }
    html body sup.badge {
      padding: 0.1875rem 0.3125rem; }
  html body .border {
    border-color: #ccd6e6 !important; }
  html body .border-separate {
    position: relative; }
    html body .border-separate::after {
      content: '';
      width: 1px;
      height: 20px;
      background: #e5e5e5;
      position: absolute;
      top: 11px;
      right: -12px; }
  html body a.avatar {
    width: 40px;
    height: 40px;
    transition-duration: 200ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }
    html body a.avatar:hover {
      color: #413b3b; }
    html body a.avatar.btn-outline-secondary {
      color: #F4B200; }
      html body a.avatar.btn-outline-secondary:hover {
        background-color: #F4B200; }
    html body a.avatar.btn-avatar {
      background-color: #e9eaed; }
      html body a.avatar.btn-avatar:hover {
        background-color: #e4e6eb; }
    html body a.avatar .feather, html body a.avatar .fa, html body a.avatar .fal, html body a.avatar .far {
      font-size: 18px; }
  html body .row-sm [class*='col-'] {
    padding-right: 7px;
    padding-left: 7px; }
  html body .collapse-icon [data-toggle='collapse']:before, html body .collapse-icon [data-toggle='collapse']:after {
    font-family: "Font Awesome 5 Pro";
    font-size: 17px; }
  html body .collapse-icon [data-toggle='collapse']:before {
    content: "\f055"; }
  html body .collapse-icon [data-toggle='collapse']:after {
    content: "\f056"; }
  html body h1, html body h2, html body h3, html body h4, html body h5, html body h6, html body .btn, html body select, html body .table thead th, html body .badge, html body .content-header-title, html body label, html body form .form-control-plaintext, html body .main-menu.menu-light .navigation > li > a, html body .breadcrumb-item a, html body .form-control::placeholder, html body .css-1wa3eu0-placeholder {
    /*text-transform: capitalize !important;*/
  }
  html body .line-overflow {
    --max-lines: 3;
    position: relative;
    max-height: 28px;
    line-height: 15px;
    overflow: hidden; }
    html body .line-overflow::before {
      position: absolute;
      content: "...";
      bottom: -1px;
      right: 1px; }
    html body .line-overflow::after {
      content: "";
      position: absolute;
      right: 0;
      width: 1rem;
      height: 1rem;
      background: white; }

*::-webkit-scrollbar {
  width: 0.375rem;
  height: 0.375rem;
  background-color: white; }

*::-webkit-scrollbar-track {
  background: #f6f6f6; }

*::-webkit-scrollbar-thumb {
  background-color: #0064B6;
  border-radius: 3px; }

.header-navbar {
  min-height: 4rem;
  height: 4rem; }
  .header-navbar .navbar-header .navbar-brand {
    padding-top: 4px; }
    .header-navbar .navbar-header .navbar-brand .brand-logo {
      width: 130px; }
  .header-navbar .navbar-container {
    padding: 0 8px; }
    .header-navbar .navbar-container .avatar img {
      width: 32px;
      height: 32px; }
    .header-navbar .navbar-container ul.nav li a.dropdown-user-link {
      padding: .8rem .4rem; }
    .header-navbar .navbar-container ul.nav li a.menu-toggle {
      padding: 1.6rem .8rem 1rem 1rem; }
    .header-navbar .navbar-container ul.nav li a.nav-link-label {
      padding: 1.6rem 0 1rem .8rem; }
    .header-navbar .navbar-container ul.nav li a.nav-link-expand {
      padding: 1.65rem 1rem 1.3rem 1rem; }
    .header-navbar .navbar-container .search-input.open input {
      height: 71px; }

.navbar-expand-md .navbar-nav .dropdown-menu {
  margin-top: -.25rem;
  padding: 0; }

.horizontal-menu .navbar-container .search-input.open {
  margin-top: -3px; }

.navbar-dark {
  background-color: #022c4d; }

.dropdown-toggle::after {
  display: none; }

.btn-sm, .btn-group-sm > .btn {
  padding: .8rem 2.5rem; }

.btn-xs, .btn-group-xs > .btn {
  padding: .5rem;
  font-size: 90%; }

.btn-grey {
  background-color: #F5F7FA; }
  .btn-grey:hover {
    background-color: #e9ecef !important; }

.badge-body {
  background-color: #616265; }

.badge-dark {
  background-color: #022c4d; }

.badge-sm {
  padding: .8em .4em;
  min-width: 8rem; }

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0; }

.main-menu.menu-light {
  top: 0;
  height: 100%;
  z-index: 1111; }
  .main-menu.menu-light.menu-shadow {
    box-shadow: 4px 0 10px 0 rgba(0, 0, 0, 0.4); }
  .main-menu.menu-light > .navigation:first-child {
    height: 56px; }
  .main-menu.menu-light .navigation .navigation-header {
    padding: 6px 20px 11px 20px; }
    .main-menu.menu-light .navigation .navigation-header span {
      letter-spacing: 1px; }
    .main-menu.menu-light .navigation .navigation-header:first-child {
      padding-top: 14px; }
    .main-menu.menu-light .navigation .navigation-header .avatar {
      margin-right: 8px; }
      .main-menu.menu-light .navigation .navigation-header .avatar img {
        width: 32px;
        height: 32px; }
  .main-menu.menu-light .navigation > li.open {
    border-color: #F4B200; }
    .main-menu.menu-light .navigation > li.open > a {
      padding-left: 11px !important; }

.menu-open .header-navbar .avatar {
  display: none; }

.table.has-sorting .sorting, .table.has-sorting .sortingAsc, .table.has-sorting .sortingDesc {
  position: absolute;
  top: 3px;
  right: -1.2rem;
  opacity: 1;
  font-size: 0.875rem;
  cursor: pointer;
  font-family: feather !important;
  speak: none;
  font-style: normal;
  font-weight: 600;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

.table.has-sorting .sorting {
  right: -1.8rem;
  opacity: 0; }
  .table.has-sorting .sorting::before {
    content: "\e82d";
    opacity: 1; }
  .table.has-sorting .sorting::after {
    content: "\e82a";
    margin-left: -3px;
    opacity: 1; }

.table.has-sorting .sortingAsc::before {
  content: "\e82d";
  opacity: 1; }

.table.has-sorting .sortingDesc::after {
  content: "\e82a";
  opacity: 1; }

.table caption {
  caption-side: top; }
  .table caption i {
    padding-right: .5rem; }

.table thead th, .table tfoot th {
  background-color: #f6f7f9;
  color: #0064B6;
  font-size: .875rem; }
  .table thead th:last-child > div, .table thead th.action-col > div, .table tfoot th:last-child > div, .table tfoot th.action-col > div {
    display: none !important; }

.table th {
  padding: .75rem 1.5rem; }
  .table th:hover .sorting {
    opacity: .2; }

.table td {
  padding: .2rem 1.5rem;
  line-height: 35px; }
  .table td label a {
    font-size: 1rem; }

.table th, .table tr td {
  vertical-align: middle; }
  .table th.check-col, .table tr td.check-col {
    width: 20px;
    max-width: 10px; }
    .table th.check-col .custom-control-label, .table tr td.check-col .custom-control-label {
      vertical-align: 15px; }
  .table th.action-col, .table tr td.action-col {
    max-width: 10px;
    min-width: 10px;
    text-align: center; }
    .table th.action-col .fa-ellipsis-v-alt, .table tr td.action-col .fa-ellipsis-v-alt {
      margin-right: 25px;
      font-size: 16px; }
    .table th.action-col .dropdown-menu, .table tr td.action-col .dropdown-menu {
      margin: -7px 0 0 -127px !important;
      transition: none; }
      .table th.action-col .dropdown-menu.arrow:before, .table th.action-col .dropdown-menu.arrow:after, .table tr td.action-col .dropdown-menu.arrow:before, .table tr td.action-col .dropdown-menu.arrow:after {
        right: 5px;
        left: auto; }
    .table th.action-col .btn, .table tr td.action-col .btn {
      padding: .5rem; }

.table.table-sm.table-scroll.small-first-col th, .table.table-sm.table-scroll.small-first-col td {
  padding: .5rem .5rem;
  height: 44px; }

.table.table-sm.table-scroll.small-first-col td {
  line-height: 28px; }

.table.table-sm.table-scroll.small-first-col thead th {
  padding: .8rem .5rem; }

.table.table-sm.table-scroll.small-first-col tfoot th {
  background-color: white;
  color: inherit;
  border-bottom: 0; }

.table.table-sm.table-scroll.small-first-col .check-col {
  padding-right: 2rem;
  padding-left: 1rem;
  padding-top: 11px; }

.table.table-xs th, .table.table-xs td {
  padding: 3px; }
  .table.table-xs th.check-col, .table.table-xs td.check-col {
    width: 26px;
    padding: 3px 6px; }
  .table.table-xs th.long-col, .table.table-xs td.long-col {
    min-width: 14rem; }

.table.table-xs thead th {
  padding: 8px; }
  .table.table-xs thead th.check-col .custom-control-label {
    vertical-align: 19px; }

.table.table-xs tr.group {
  background-color: #F5F7FA !important; }

.table.table-xs td .form-control-plaintext {
  padding: .75rem;
  border: 1px solid #ccd6e6;
  color: #272f3c; }
  .table.table-xs td .form-control-plaintext:hover {
    background-color: white; }

.table-fix-header th, .table-fix-header td {
  padding: .5rem 1.5rem;
  line-height: 1.5rem; }

.table-fix-header tr td {
  height: 2.5rem; }
  .table-fix-header tr td:not(.action-col) {
    max-width: 70vh; }

.table-fix-header thead th {
  position: sticky !important;
  top: 0;
  padding: 0;
  height: 3rem;
  font-weight: bold;
  z-index: 2;
  border: 0; }
  .table-fix-header thead th:last-child:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #fff;
    width: 0.125rem;
    height: 100%;
    top: 0;
    right: -0.0625rem; }
  .table-fix-header thead th .th-item {
    height: 100%; }
  .table-fix-header thead th .th-item > span, .table-fix-header thead th .dropdown, .table-fix-header thead th .th-item .input-check, .table-fix-header thead th .column-sort, .table-fix-header thead th .btn-link {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 1.5rem;
    border-bottom: 1px solid #ccd6e6;
    white-space: nowrap; }
  .table-fix-header thead th.text-right .th-item span {
    justify-content: flex-end; }
  .table-fix-header thead th.text-center .th-item span {
    justify-content: center; }

.table-fix-header tbody tr:first-child td {
  border-top: 0; }

.card.card-no-border {
  margin-bottom: 0; }

.card-header {
  min-height: 61px; }
  .card-header.card-header-main {
    display: flex;
    height: 61px;
    align-items: center; }
    .card-header.card-header-main .heading-elements {
      top: 10px;
      right: 15px; }
    .card-header.card-header-main .content-header-title {
      margin: 2px 9px 3px 0; }
      .card-header.card-header-main .content-header-title .badge-sm {
        padding: .4em; }

.card-content {
  padding: 1.5rem; }

.card.max-height {
  min-height: 45rem; }

.card-section {
  margin-bottom: 1rem; }
  .card-section .collapsed .heading-elements {
    display: none; }
  .card-section [data-toggle='collapse']:before, .card-section [data-toggle='collapse']:after {
    right: auto;
    margin-top: -11px;
    left: 0; }
  .card-section .mnh-100[data-toggle='collapse']:before, .card-section .mnh-100[data-toggle='collapse']:after {
    margin-top: -10px; }
  .card-section .card-header {
    margin-bottom: 0;
    padding: 0;
    min-height: auto; }
    .card-section .card-header[data-toggle='collapse'] {
      padding: 0 0 0 1.8rem; }
    .card-section .card-header[aria-expanded='false'] .form-section {
      border-color: transparent; }
    .card-section .card-header .form-section {
      margin-bottom: 0;
      min-height: 3rem; }
  .card-section .card-body {
    padding: 0 0 0 2rem; }
    .card-section .card-body .form-row, .card-section .card-body .row {
      padding: 1.5rem 0 .5rem; }

.card-view .form-control, .card-view .input-group-text {
  background-color: #eeeeee;
  border: 0;
  pointer-events: none; }
  .card-view .form-control i, .card-view .form-control .fa, .card-view .form-control .icon, .card-view .input-group-text i, .card-view .input-group-text .fa, .card-view .input-group-text .icon {
    opacity: .4; }

.card-view select.form-control {
  color: #ceb7b7; }

.card-view .min-height-175 .input-group .form-control:first-child {
  border-right: 2px solid #ccd6e6; }

.card-scroll {
  height: calc(100vh - 8rem);
  overflow-y: auto;
  overflow-x: hidden; }

.card-deck {
  display: flex;
  flex-flow: row wrap;
  margin-right: -15px;
  margin-bottom: 0;
  margin-left: -15px; }
  .card-deck .card {
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px; }
    .card-deck .card.card-3 {
      flex: 1 0 10%; }
    .card-deck .card.card-2 {
      flex: 1 0 15%; }
    .card-deck .card.card-1 {
      flex: 1 0 0; }
    @media (min-width: 576px) {
      .card-deck .card.card-3 {
        flex: 1 0 10%; } }
    @media (min-width: 768px) {
      .card-deck .card.card-3 {
        flex: 1 0 15%; } }
    @media (min-width: 992px) {
      .card-deck .card.card-3 {
        flex: 1 0 20%; } }
    @media (min-width: 1200px) {
      .card-deck .card.card-3 {
        flex: 1 0 20%; } }
  .card-deck + .card-deck label {
    display: none; }

.card-items {
  margin-bottom: 1rem;
  padding: 9px 10px;
  background-color: #eeeeee !important;
  border-radius: 0.25rem; }
  .card-items:hover {
    background-color: #e9dfdf !important;
    cursor: pointer;
    transition-duration: 200ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }

.card-underline .card-title {
  position: relative;
  display: inline-block;
  color: #616265; }
  .card-underline .card-title::before {
    content: '';
    position: absolute;
    bottom: -3px;
    width: 100%;
    height: 3px;
    background-color: #616265; }

.card-underline .card-header.card-header-main .heading-elements {
  top: 14px;
  right: 0; }

.card-underline .border-separate::after {
  top: 5px;
  right: -5px; }

.card-square {
  display: flex;
  text-align: center;
  align-items: center;
  border: 1px solid #ccd6e6;
  border-radius: 0.25rem;
  cursor: pointer; }
  .card-square .card-body {
    padding: 1.5rem .25rem;
    display: inline-grid;
    width: 7rem;
    height: 7rem;
    overflow: hidden; }

.card-dashed {
  border-style: dashed;
  border-width: 2px;
  cursor: pointer; }
  .card-dashed i {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -26px -19px;
    z-index: 11; }
  .card-dashed:hover, .card-dashed:focus {
    background-color: #e1f2fa;
    transition: background-color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s; }

.treeview .list-group {
  position: relative; }
  .treeview .list-group .list-group-item {
    position: relative;
    margin-bottom: -1px;
    padding: .5rem 0;
    height: 39px;
    border-top-width: 1px;
    cursor: default; }
    .treeview .list-group .list-group-item:hover, .treeview .list-group .list-group-item.list-group-item-active {
      background-color: #f8f8f8; }
    .treeview .list-group .list-group-item .expand-icon {
      position: absolute;
      top: 0;
      left: 0;
      width: 39px;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      border-right: 1px solid #e4e7ed; }
    .treeview .list-group .list-group-item span {
      padding-left: 3.5rem; }
      .treeview .list-group .list-group-item span i {
        padding-right: 8px; }
    .treeview .list-group .list-group-item .icon-plus, .treeview .list-group .list-group-item .icon-minus {
      cursor: pointer; }
    .treeview .list-group .list-group-item .icon-circle {
      font-size: 9px; }
    .treeview .list-group .list-group-item .float-right {
      margin-top: -9px; }
      .treeview .list-group .list-group-item .float-right .btn {
        position: relative; }
        .treeview .list-group .list-group-item .float-right .btn::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 1px;
          height: 50%;
          margin: 10px 0 0 -3px;
          background-color: #e4e7ed; }
  .treeview .list-group .level-2 {
    margin: 7px 0 0 39px; }
    .treeview .list-group .level-2 + .level-3 {
      margin: -1px 0 -1px 78px; }
  .treeview .list-group .level-3 {
    margin: 7px 0 -1px 78px; }
  .treeview .list-group .level-4 {
    margin-left: 117px; }
  .treeview .list-group .level-5 {
    margin-left: 156px; }

.was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip {
  position: absolute;
  top: 0;
  right: 1rem;
  display: flex;
  flex-direction: row-reverse; }

.form-simple .was-validated :invalid ~ .invalid-feedback, .form-simple .was-validated :invalid ~ .invalid-tooltip, .form-simple .is-invalid ~ .invalid-feedback, .form-simple .is-invalid ~ .invalid-tooltip {
  top: -1.5rem;
  right: 0; }

.invalid-feedback.with-text-area {
  line-height: 7px; }

article.form-control {
  background-color: #eeeeee;
  border: 0; }

form label {
  position: relative;
  padding-left: .75rem;
  font-weight: 600; }

form .form-section {
  margin-bottom: 1rem;
  font-weight: 500;
  letter-spacing: 2px;
  color: #022c4d;
  border-color: #eeeeee; }
  form .form-section h5 {
    font-weight: 500; }

form .form-control {
  padding: .75rem; }
  form .form-control:hover {
    border-color: #0064B6;
    transition: border 500ms ease-out; }
  form .form-control::placeholder {
    color: rgba(97, 98, 101, 0.4); }
  form .form-control + .input-group-prepend {
    margin-left: -1px; }
  form .form-control:disabled, form .form-control[readonly] {
    border: 0; }
  form .form-control.form-editable {
    padding-left: 0;
    border-color: transparent; }
    form .form-control.form-editable:hover {
      padding-left: .75rem;
      border-color: #ccd6e6; }
      form .form-control.form-editable:hover:focus {
        border-color: #0064B6; }

form .form-control-plaintext {
  padding: .8rem .75rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  cursor: text;
  transition: background-color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s; }
  form .form-control-plaintext.form-control-placeholder {
    color: rgba(97, 98, 101, 0.4); }
  form .form-control-plaintext:hover {
    background-color: #ebecf0; }
  form .form-control-plaintext:focus {
    color: #4E5154;
    border-color: #0064B6;
    outline: none; }
    form .form-control-plaintext:focus:hover {
      background-color: white; }

.form-group.form-group-sm {
  margin-bottom: .6rem; }

.input-group .form-group.has-icon-left {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0; }
  .input-group .form-group.has-icon-left:not(:first-child) .form-control {
    border-radius: 0 0.25rem 0.25rem 0; }
  .input-group .form-group.has-icon-left:not(:last-child) .form-control {
    border-radius: 0.25rem 0 0 0.25rem; }
  .input-group .form-group.has-icon-left .form-control:focus, .input-group .form-group.has-icon-left .form-control:hover {
    position: relative;
    z-index: 1; }
  .input-group .form-group.has-icon-left .invalid-feedback {
    margin-top: -22px;
    right: 1px;
    font-size: 14px; }
  .input-group .form-group.has-icon-left .form-control.is-invalid {
    position: relative;
    z-index: 1; }

.input-group .has-icon-left + .has-icon-left {
  margin-left: -1px; }

.input-group .btn-grey {
  border-color: #ccd6e6; }

.input-group .form-control {
  display: flex;
  align-items: center; }

.input-group .input-group-text.input-group-width {
  min-width: 184px; }

.input-group .input-group-text.input-group-width-lg {
  min-width: 234px; }

.input-group .input-group-text.input-group-width-xl {
  min-width: 254px; }

.filter-wrapper .filter-content {
  right: 2rem;
  width: 340px; }

.custom-checkbox span, .custom-radio span {
  display: inline-block;
  font-size: .875rem;
  margin: 2px 0 0 -11px; }

.custom-checkbox .custom-control-label, .custom-radio .custom-control-label {
  padding-left: 0; }
  .custom-checkbox .custom-control-label::before, .custom-checkbox .custom-control-label::after, .custom-radio .custom-control-label::before, .custom-radio .custom-control-label::after {
    top: 2px;
    width: 16px;
    height: 16px; }

.custom-checkbox .custom-control-label::before, .custom-checkbox .custom-control-label::after {
  border-radius: 0; }

.input-group-sm .custom-checkbox span, .input-group-sm .custom-radio span {
  margin: 5px 0 0 -11px; }

.form-check-inline .form-check-label {
  padding-left: 0;
  font-size: 100%;
  font-weight: normal;
  opacity: 1; }

.input-check {
  margin-bottom: 0;
  cursor: pointer;
  position: relative; }
  .input-check span {
    color: inherit; }

.checkbox-custom input[type=checkbox], .checkbox-custom input[type=radio] {
  width: 0;
  opacity: 0; }
  .checkbox-custom input[type=checkbox] + .check, .checkbox-custom input[type=radio] + .check {
    width: 1rem;
    height: 1rem;
    border: solid 1px #a0a0a0;
    display: inline-flex;
    vertical-align: -0.1875rem;
    position: relative; }

.checkbox-custom input[type=checkbox] + .check {
  align-items: center;
  justify-content: center;
  border-radius: 2px; }
  .checkbox-custom input[type=checkbox] + .check:before, .checkbox-custom input[type=checkbox] + .check:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    transition: all .3s ease-in-out;
    border-bottom: solid 1px;
    border-color: white;
    transform-origin: 0 0;
    opacity: 0;
    border-radius: 0.625rem; }
  .checkbox-custom input[type=checkbox] + .check:before {
    transform: rotate(45deg);
    left: 0.1875rem;
    top: 0.5rem; }
  .checkbox-custom input[type=checkbox] + .check:after {
    transform: rotate(-45deg);
    left: 0.3125rem;
    top: 0.6875rem; }

.checkbox-custom input[type=checkbox]:checked + .check {
  border-color: #e5f5fd;
  background-color: #e5f5fd; }
  .checkbox-custom input[type=checkbox]:checked + .check:before, .checkbox-custom input[type=checkbox]:checked + .check:after {
    border-color: #2A2A2A; }
  .checkbox-custom input[type=checkbox]:checked + .check:before {
    width: 0.25rem;
    opacity: 1; }
  .checkbox-custom input[type=checkbox]:checked + .check:after {
    width: 0.625rem;
    opacity: 1;
    transition-delay: 0.2s; }

.radio-custom input[type=radio] + .check {
  border-radius: 100%; }
  .radio-custom input[type=radio] + .check:before {
    content: '';
    display: block;
    position: absolute;
    background-color: #fff;
    width: 0;
    height: 0;
    border-radius: 100%;
    opacity: 0;
    transition: all .3s ease-in-out;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.radio-custom input[type=radio]:checked + .check:before {
  width: 10px;
  height: 10px;
  background-color: #aed8ed;
  opacity: 1; }

.has-icon-left .form-control {
  padding-left: 2.5rem;
  min-width: 16.5rem; }

.icon-2x {
  font-size: 1.8rem;
  line-height: 1rem; }

.widget-timeline ul {
  padding: 0 0 0 24px; }

.widget-timeline .timeline-items {
  padding: .5rem 0 0 0;
  list-style: none;
  position: relative; }
  .widget-timeline .timeline-items .timeline-title {
    line-height: 18px;
    font-weight: 500; }
  .widget-timeline .timeline-items .timeline-time {
    float: right;
    color: #BABFC7;
    font-size: 0.9rem; }
  .widget-timeline .timeline-items .timeline-subtitle {
    margin-bottom: 0.5rem;
    color: #BABFC7;
    font-size: 13px; }
  .widget-timeline .timeline-items .timeline-title, .widget-timeline .timeline-items .timeline-title span, .widget-timeline .timeline-items .timeline-subtitle, .widget-timeline .timeline-items .timeline-subtitle span {
    font-size: 12px;
    word-break: break-word; }
  .widget-timeline .timeline-items:last-child {
    padding-bottom: 0; }
  .widget-timeline .timeline-items:only-child {
    margin-left: -1.5rem; }
    .widget-timeline .timeline-items:only-child::before {
      display: none; }
  .widget-timeline .timeline-items:not(:last-child):after {
    position: absolute;
    content: '';
    width: 1px;
    background: #DFE3E7;
    left: -21px;
    top: 22px;
    height: 100%; }
  .widget-timeline .timeline-items::before {
    position: absolute;
    content: '';
    left: -27px;
    top: 10px;
    border-radius: 50%;
    background-color: white;
    border: 1px solid #ccd6e6;
    height: 13px;
    width: 13px;
    z-index: 2; }
  .widget-timeline .timeline-items:first-child::before {
    border-color: #0064B6; }

.css-1fhf3k1-control, .select-box__control--is-disabled {
  background-color: #ECEFF1 !important;
  border-color: transparent !important; }

.css-107lb6w-singleValue {
  color: #3f587e !important; }

.css-1okebmr-indicatorSeparator, .css-109onse-indicatorSeparator, .filter-select__indicator-separator, .select-box--is-disabled .select-box__indicators {
  display: none; }

.css-1w5ekmn-control {
  min-height: 40.5px; }

.select-box__placeholder {
  color: #3f587e;
  opacity: .4; }

.select-box__menu {
  text-align: left !important; }

.css-6q0nyr-Svg {
  color: #ddd; }

.select-box__control--menu-is-open .css-6q0nyr-Svg {
  color: #616265; }

.css-d0xm3u-control:hover, .select-box__control:hover {
  border-color: #0064B6 !important; }

.css-h0gpo1-ToastElement {
  margin: 0.5rem !important;
  height: 40px !important; }

.react-toast-notifications__toast {
  margin-bottom: 0 !important;
  width: auto !important; }

.react-toast-notifications__toast__icon-wrapper {
  width: 40px !important; }

.react-toast-notifications__toast__content, .react-toast-notifications__toast__dismiss-button {
  padding: 10px 12px !important; }

.card-square .custom-file-input:lang(en) ~ .custom-file-label::after {
  content: 'Chọn tập tin';
  display: none; }

.card-square .custom-file, .card-square .custom-file-input {
  height: 101px;
  margin-top: -5px;
  cursor: pointer;
  z-index: 111; }

.card-square .custom-file-box .custom-file-label {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 6.5rem;
  width: 6.5rem;
  top: -5.3rem;
  border: 0;
  opacity: 0;
  cursor: pointer; }

.slide-menu {
  position: fixed;
  top: 61px;
  right: -320px;
  width: 320px;
  height: 100%;
  transition: all .3s ease-in;
  z-index: 11; }
  .slide-menu.filter {
    top: 56.6px;
    right: -355px;
    width: 355px; }

.slide-content {
  transition: all .3s ease-in; }

.menu-switch-sm, .menu-switch-xl {
  display: none; }

.slide-menu-sm.open {
  right: 0; }
  .slide-menu-sm.open .card, .slide-menu-sm.open .card-header {
    background-color: #f8f8f8; }
  .slide-menu-sm.open .card-scroll {
    height: calc(100vh - 17rem); }
  .slide-menu-sm.open ~ .slide-content {
    margin-right: 320px; }
    .slide-menu-sm.open ~ .slide-content .fixed-top {
      top: auto; }
    .slide-menu-sm.open ~ .slide-content .was-validated :invalid ~ .invalid-feedback, .slide-menu-sm.open ~ .slide-content .was-validated :invalid ~ .invalid-tooltip, .slide-menu-sm.open ~ .slide-content .is-invalid ~ .invalid-feedback, .slide-menu-sm.open ~ .slide-content .is-invalid ~ .invalid-tooltip {
      top: 4.5rem; }

.slide-menu-xl.show {
  top: 55px;
  right: 0;
  width: 100%; }
  .slide-menu-xl.show .card, .slide-menu-xl.show .card-header {
    background-color: white; }
  .slide-menu-xl.show .card-scroll {
    height: calc(100vh - 7rem); }
  .slide-menu-xl.show ~ .slide-content {
    margin-right: 0; }

.switch-toggle {
  display: flex;
  align-items: center; }
  .switch-toggle .btn {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    border: 1px solid #ccd6e6;
    text-align: center;
    opacity: 1;
    transition: background 600ms ease, color 600ms ease; }
  .switch-toggle input[type="radio"].toggle {
    display: none; }
    .switch-toggle input[type="radio"].toggle + label {
      cursor: pointer;
      min-width: 81px; }
      .switch-toggle input[type="radio"].toggle + label:hover {
        background: none;
        color: #4E5154; }
      .switch-toggle input[type="radio"].toggle + label:after {
        content: "";
        position: absolute;
        top: -1px;
        background: #0064B6;
        height: 40px;
        transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);
        width: 82px;
        z-index: -1; }
    .switch-toggle input[type="radio"].toggle.toggle-left + label {
      border-right: 0;
      margin-left: 0;
      border-radius: .25rem 0 0 .25rem; }
      .switch-toggle input[type="radio"].toggle.toggle-left + label:after {
        left: 100%;
        border-radius: .25rem 0 0 .25rem; }
    .switch-toggle input[type="radio"].toggle.toggle-right + label {
      margin-left: 0;
      border-radius: 0 .25rem .25rem 0; }
      .switch-toggle input[type="radio"].toggle.toggle-right + label:after {
        left: -100%;
        border-radius: 0 .25rem .25rem 0; }
    .switch-toggle input[type="radio"].toggle:checked + label {
      cursor: default;
      color: #fff;
      transition: color 200ms;
      z-index: 1; }
      .switch-toggle input[type="radio"].toggle:checked + label:after {
        left: -1px; }

body, html {
  height: 100%; }

.full-view {
  display: flex;
  flex-flow: column nowrap;
  height: 100%; }

.scrollable {
  height: 100%;
  overflow-y: auto; }

.ReactModal__Content.modal-dialog {
  outline: none; }

.error-dropdown .select-box__control {
  border-color: red; }

.filter-wrapper .filter-content {
  position: fixed; }

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 510px; }
    .modal-dialog p:last-child {
      margin-bottom: 0; }
  .table.table-scroll {
    display: table; }
    .table.table-scroll thead, .table.table-scroll tbody {
      display: table-header-group; }
    .table.table-scroll th, .table.table-scroll td {
      display: table-cell; }
    .table.table-scroll tr {
      display: table-row; }
    .table.table-scroll.small-first-col th.small-col-1, .table.table-scroll.small-first-col th.small-col-2, .table.table-scroll.small-first-col th.small-col-3, .table.table-scroll.small-first-col th.action-col, .table.table-scroll.small-first-col th.check-col, .table.table-scroll.small-first-col td.small-col-1, .table.table-scroll.small-first-col td.small-col-2, .table.table-scroll.small-first-col td.small-col-3, .table.table-scroll.small-first-col td.action-col, .table.table-scroll.small-first-col td.check-col {
      flex-basis: auto; } }

@media (min-width: 768px) {
  .table.table-scroll.small-first-col th.small-col-1, .table.table-scroll.small-first-col th td.small-col-1, .table.table-scroll.small-first-col td.small-col-1, .table.table-scroll.small-first-col td td.small-col-1 {
    flex-basis: 17%; } }

@media (min-width: 992px) {
  .table.table-scroll {
    display: block;
    empty-cells: show;
    border-spacing: 0; }
    .table.table-scroll thead, .table.table-scroll tbody, .table.table-scroll tfoot {
      position: relative;
      display: block;
      width: 100%;
      overflow-y: auto;
      overflow-x: hidden; }
    .table.table-scroll tbody {
      max-height: calc(100vh - 16rem);
      min-height: 12rem; }
    .table.table-scroll tr {
      display: flex;
      width: 100%; }
    .table.table-scroll th, .table.table-scroll td {
      display: block;
      flex-basis: 20%;
      flex-grow: 2; }
    .table.table-scroll.small-first-col td:first-child, .table.table-scroll.small-first-col th:first-child {
      flex-basis: 20%;
      flex-grow: 1; }
    .table.table-scroll.small-first-col th.check-col, .table.table-scroll.small-first-col td.check-col {
      min-width: 20px;
      width: 20px; }
    .table.table-scroll.small-first-col th.action-col, .table.table-scroll.small-first-col th.check-col, .table.table-scroll.small-first-col td.action-col, .table.table-scroll.small-first-col td.check-col {
      flex-basis: 1%; }
    .table.table-scroll.small-first-col th.small-col-50, .table.table-scroll.small-first-col td.small-col-50 {
      flex-basis: 5%; }
    .table.table-scroll.small-first-col th.small-col-1, .table.table-scroll.small-first-col td.small-col-1 {
      flex-basis: 11%; }
    .table.table-scroll.small-first-col th.small-col-2, .table.table-scroll.small-first-col td.small-col-2 {
      flex-basis: 15%; }
    .table.table-scroll.small-first-col th.small-col-3, .table.table-scroll.small-first-col td.small-col-3 {
      flex-basis: 25%; }
    .table.table-scroll .big-col {
      flex-basis: 30%; } }