/*
* Base
*/

html:not(.dark-style) body {
    background: #fff !important;
}

body {
    font-family: "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.navbar .dropdown-menu {
    -webkit-animation: mainDropdownAnimation .25s !important;
    animation: mainDropdownAnimation .25s !important;
}

.navbar {
    z-index: 15;
}

.debug {
    padding: 1em;
    background-color: #2f3337;
    border-radius: 2px;
}

.debug pre {
    color: #fff;
    border-radius: 0;
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    margin: 0;
}

.debug .close {
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
    color: #cecece;
    font-size: 2rem;
}

.debug .close:hover { color: #fff; }

.notifications {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 10000;
}

.notifications .bs4-toast {
    min-width: 250px;
}