body, html {
    margin: 0px;
    /*background-color: rgb(19, 20, 24);
    color: rgba(227, 242, 253, .50);*/
    background-color: rgb(23, 43, 77);
    color: rgba(255, 255, 255, .50);
}

.navbar-link {
    background-color: rgb(19, 20, 24);
    color: rgb(227, 242, 253);
}

    .navbar-link:hover, .navbar-link:visited, .navbar-link:focus, .navbar-dropdown:focus, .navbar-dropdown:visited, .navbar-dropdown:hover {
        background-color: rgb(39, 40, 42) !important;
        color: rgb(227, 242, 253) !important;
    }

.navbar-link:not(.is-arrowless)::after {
    border-color: rgb(227, 242, 253);
}

.navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.navbar-divider {
    background-color: rgb(227, 242, 253);
    height: 1px;
}

.navbar-dropdown  {
    border-top: 0px;
    border-bottom: 1px solid #000;
    background-color: rgb(39, 40, 42);
    color: rgb(227, 242, 253);
}

.navbar-dropdown .title, .navbar-dropdown p {
    color: rgb(227, 242, 253);
}

.navbar-burger {
    color: rgba(255, 255, 255, .50);
}

.menu {
    margin-left: 1rem;
}
.menu-label {
    color: rgb(136, 152, 170);
}

.menu-list li .icon {
    margin-right: 0.75rem;
}

.label {
    color: rgba(255, 255, 255, .50);
    font-size: 0.95rem;
}

.menu-list li :hover {
    background-color: #999;
}

.menu-list li a {
    color: #fff !important;
    font-size: 0.95rem;
}

.menu-header {
    padding: 1rem;
    max-width: 225px;
    width: 225px;
}

.page-header {
    padding: 1rem;
}

table {
    font-size: 0.9rem;
}

    table td, table th {
        vertical-align: middle !important;
    }

.pagination-link, .pagination-link:hover {
    color: rgba(255, 255, 255, .50);
}

    .pagination-link:hover {
        border-color: #3273dc;
        color: #fff;
    }

.user-avatar {
}
    .user-avatar img {
        height: 36px;
        width: 36px;
        border-radius: 50% !important;
    }

.body-content {
    border-top: 1px solid rgba(255, 255, 255, .08);
    padding-top: 1rem;
    padding-right: 1rem;
}

.navbar {
    background-color: inherit;
}

.logo-hero img {
    width: 325px;
}

.logo-hero .subtitle {
    color: inherit;
}

#numberInfo .field-label {
    min-width: 150px;
}

.modal-full-screen .modal-content {
    height:80%;
    width:80%;
}

pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

#numberInfo .label {
    color: rgb(54, 54, 54);
}

.li-item {
    color: rgb(23, 43, 77);
}

    .li-item strong {
        float: left;
        width: 140px;
    }

    .li-item > .ul-item::before {
        float: none;
        content: ':';
    }

    ul ul .li-item strong {
        float: left;
        margin-left: 50px;
    }