@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');

body {
  --bs-font-sans-serif: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);
}

/* Only .woff and .ttf exist in /res/fonts */
@font-face {
  font-family: 'Roboto';
  font-weight: 700;
  font-display: swap;
  src: url('/res/fonts/Roboto-Bold.woff') format('woff'),
       url('/res/fonts/Roboto-Bold.ttf') format('truetype');
}

/* 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: #FFFFFF;
}

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

.bg2 {
    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-text,
.navbar-custom .nav-link {
    color: #14182D;
}

.navbar-custom .username {
    color: #000000;
}

.username {
    color: #000000;
}

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

.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: Black;
    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;
}