.left-menu-icon {
    width: 1.3em;
}

.black {
    color: black !important;
}

.bold {
    font-weight: bold;
}

.user-image-large {
    border-radius: 16px;
    border:1px solid #777;
    margin-left:0.5em;
    margin-right:0.2em;
    height:60px;
    width:60px;
}

#toast-container,.toast {
    width: 420px !important;
}

#toast-container>div {
    width: auto !important;
}

.cursor-pointer {
    cursor: pointer;
}

.border-radius-3 {
    border-radius: 3px;
}

.hide-text {
  width: 13em;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.hide-text:hover {
   white-space: unset;
   text-overflow: unset;
}

.page-size-dropdown-button {
    border: 1px solid #ddd;
}



.b-example-divider {
    flex-shrink: 0;
    width: 1.5rem;
    height: 100vh;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.bi {
    vertical-align: -.125em;
    pointer-events: none;
    fill: currentColor;
}

.dropdown-toggle {
    outline: 0;
}

.btn-toggle {
    display: inline-flex;
    align-items: center;
    padding: .25rem .5rem;
    font-weight: 600;
    color: rgba(0, 0, 0, .65);
    background-color: transparent;
    border: 0;
}

.btn-toggle:hover,
.btn-toggle:focus {
    color: rgba(0, 0, 0, .85);
    background-color: #d2f4ea;
}

.btn-toggle::before {
    width: 1.25em;
    line-height: 0;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    transition: transform .35s ease;
    transform-origin: .5em 50%;
}

.btn-toggle[aria-expanded="true"] {
    color: rgba(0, 0, 0, .85);
}

.btn-toggle[aria-expanded="true"]::before {
    transform: rotate(90deg);
}

.btn-toggle-nav a {
    display: inline-flex;
    padding: .1875rem .5rem;
    margin-top: .125rem;
    margin-left: 1.25rem;
    text-decoration: none;
}

.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
    background-color: #d2f4ea;
}

.scrollarea {
    overflow-y: auto;
}

.fw-semibold {
    font-weight: 600;
}

.lh-tight {
    line-height: 1.25;
}

.static-logo {
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    transform: rotate(25deg);
    margin-right:0.5em;
    border: 2px solid #fed;
    background-color:#fff;
    border-radius: 20px;
}
.spinning-logo {
    animation-name: spin;
    animation-duration: 60000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    margin-right:0.5em;
    border: 2px solid #fed;
    background-color:#fff;
    border-radius: 20px;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.card-body {
    border: 1px solid #333;
    border-radius: 10px;
}

.hidden { display:none; }

.nav-link.active { color: #ba6a49; }
.nav-link-sm.active { color: #ba6a49; }
.nav-flush .nav-link { border-radius: 0; }
.nav-flush .nav-link-sm { border-radius: 0; }
//H1,H2,H3,H4,H5,H6 {color:#544}
.sidebar { margin-top:0em; background-color: #000 !important; color: #fed; min-height: 100vh; }
.sidebar A { color: #fed; }
.sidebar A:hover { color: #dc7c6b; }
.sidebar A:focus { color: #ba6a49; }
.navbar { background-color:#06090c; }
.user-icon { border:1px solid #566; }

footer { position: fixed; bottom: 0px; width: 100%; }
.footer-text { color: #555; font-size:0.8em; font-family:monospace,monospace }
.rotate-180 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.menu-slightly-left { margin: 0 0 0 -5em !important; border:1px solid #333; }