@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet');
    body {
      --bs-font-sans-serif: 'IBM Plex', sans-serif;
      --bs-body-font-family: var(--bs-font-sans-serif);
      --bs-font-monospace: 'VT323', monospace;
    }

@font-face {
   font-family: "Roboto-Bold";
   src: url("/res/fonts/Roboto-Bold.eot");
   src: url("/res/fonts/Roboto-Bold.woff") format("woff");
   src: url("/res/fonts/Roboto-Bold.otf") format("opentype");
}

@font-face {
  font-family: 'Roboto';
  src: url('/res/fonts/Roboto-Bold.eot'); /* IE9 Compat Modes */
  src: url('/res/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/res/fonts/Roboto-Bold.woff') format('woff'), /* Modern Browsers */
  url('/res/fonts/Roboto-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('/res/fonts/Roboto-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/* use the font */
H1, H2, H3 {
  font-family: 'Roboto', sans-serif;
}

thead.thead-dark th {
    background-color: #14182D;
    color: White;
}


.bg0, .navbar-custom {
    background-color: Silver;
}

.bg1 {
    background-color: #14182D;
}

.bg2, A.btn {
    background-color: #86B1B2;
}

.bg3 {
    background-color: #DAE8EA;
}

.bg4 {
    background-color: #202B59;
}

.bg5 {
    background-color: #4B806A;
}

.bg6 {
    background-color: #9E9C9F;
}

.bg7 {
    background-color: #4CB963;
}

.bg8 {
    background-color: #FD8D0D;
}


.navbar-custom .navbar-brand,
.navbar-custom .navbar-text,
.navbar-custom .nav-link {
    color: #fff;
}

.navbar-custom .username {
    color: White;
}

.navbar-custom .nav-link:hover {
    color: #ccc;
}

.navbar-custom .dropdown-menu {
    background-color: #000;
}

.navbar-custom .dropdown-item {
    color: #fff;
}

.navbar-custom .dropdown-item:hover {
    color: #000;
    background-color: #fff;
}

.full-height {
    height: 100vh;
}

.filter-section {
    border-right: 1px solid #ddd;
}

.editor-datetime {
    position: relative;
}

.btn {
  --bs-btn-active-bg: #4B806A;
}

TD.login {
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
}

#filter TD {
    border-bottom:  15px solid transparent;
}

A.dropdown-toggle, .logout {
    color: White;
    border-left: 15px solid transparent;
}

H1 {
    border-top: 15px solid transparent;
}

div.alert.alert-success {

    --bs-alert-bg: #86B1B2;

}

button.btn.btn-success {
    background-color: #4CB963;

}

details > summary {
    list-style-type: '';
}

details[open] > summary {
    list-style-type: '';
}

details {
    border: 0px solid gray;
    border-radius: 0.2rem;
    padding: 0.5rem;
}

details[open] > summary {
    margin-bottom: 0.5rem;
}