body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  
}

.btn-custom {
  color: #FFFFFF;
  background-color: #00146D;
  border-color: #010C3D;
  box-shadow: rgba(0, 20, 109, 0.1) 2px 2px, rgba(0, 20, 109, 0.05) 4px 4px;
}

.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active,
.open .dropdown-toggle.btn-custom {
  color: #FFFFFF;
  background-color: #031C8A;
  border-color: #010C3D;
}

.btn-custom:active,
.btn-custom.active,
.open .dropdown-toggle.btn-custom {
  background-image: none;
}

.btn-custom.disabled,
.btn-custom[disabled],
fieldset[disabled] .btn-custom,
.btn-custom.disabled:hover,
.btn-custom[disabled]:hover,
fieldset[disabled] .btn-custom:hover,
.btn-custom.disabled:focus,
.btn-custom[disabled]:focus,
fieldset[disabled] .btn-custom:focus,
.btn-custom.disabled:active,
.btn-custom[disabled]:active,
fieldset[disabled] .btn-custom:active,
.btn-custom.disabled.active,
.btn-custom[disabled].active,
fieldset[disabled] .btn-custom.active {
  background-color: #00146D;
  border-color: #010C3D;
}

.btn-custom .badge {
  color: #00146D;
  background-color: #FFFFFF;
}

.btn-primary {
  color: #FFFFFF;
  background-color: #00146D;
  border-color: #010C3D;
  box-shadow: rgba(0, 20, 109, 0.1) 2px 2px, rgba(0, 20, 109, 0.05) 4px 4px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #FFFFFF;
  background-color: #031C8A;
  border-color: #010C3D;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #00146D;
  border-color: #010C3D;
}

.btn-primary .badge {
  color: #00146D;
  background-color: #FFFFFF;
}

.card {
  border-radius: 0.1rem;
  border: 0;
  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .07), 0 4px 6px -2px rgba(0, 0, 0, .05);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .07), 0 4px 6px -2px rgba(0, 0, 0, .05);
}

.sidebar-dark {
  background-color: #00146D;
  /*    height: fit-content;*/
}

.navbar-brand {
  padding: 0 20px;
}

@media only screen and (max-width:768px) {
  .sidebar-dark {
    height: fit-content;
  }
}

.table {
  font-size: 13px;
}




/* Custom mobile and PC view */
.mobile-view {

  display: none;
}



/* Responsive styles */
@media (max-width: 768px) {
  .pc-view {
    display: none;
  }

  .mobile-view {
    display: block;
  }

  .no-margin {
    margin: 0 !important;
  }
}