body, html {
    height: 100%;
    width: 100%;
    min-width: 1024px;
    overflow-x: hidden;
    background-color: #223246;    
}

#sidebar-wrapper {
    background-color: #4a5f88;
    position: fixed;
    height: 100%;
    z-index: 1000;
}

.sidebar-scroll {
    position: relative;
    height: 100%;
}

#page-wrapper {
}

#page-core {
    height: calc(100vh - 59px);
}

.form-group label.required:after {
    content: " *";
    color: red;
}

.footer-div {
    background-color: teal;
    z-index: 1;
}

    .footer-div img {
        height: 80px;
        width: 80px;
    }

.marquee {
    width: calc(100% - 80px);
    height: 80px;
}

    .marquee ul {
        margin-bottom: 0px;
    }

        .marquee ul li {
            display: inline-block;
            font-size: 52px;
            color: white;
            font-weight: bold;
        }

.queue-wrapper {
    height: 100%;
}

    .queue-wrapper .bar {
        background-color: teal;
        height: 40px;
    }

    .queue-wrapper .main {
        height: calc(100% - 120px)
    }

    .queue-wrapper .botton {
        background-color: teal;
        height: 80px;
    }

.queue-call-name {
    font-size: 64px;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.nav {
    margin-top: 20px;
}

.link-menu {
    margin-right: 30px;
}

.nav-menu {
    width: 100%;
    text-align: center;
}

    .nav-menu[active] {
        background-color: lightgray;
    }

        .nav-menu[active] > a > i {
            color: white;
        }

        .nav-menu[active] > a > div {
            color: white;
        }

.card-body {
    background-color: #223246;
    color: #dde0e4;
}
.card-header {
    background-color: #2a425f;
    color: #dde0e4;
    font-weight: bold;
}
a {
    color: #dde0e4;
}
    a:hover {
        color: white;
        text-decoration: underline;
    }
.page-core {
    background-color: #2a425f;
}
.bg-light {
    background-color: #4a5f88 !important;
}
.nav-link {
    color: #dde0e4;
   
}

.navbar-brand {
    color: #dde0e4;
    font-weight: bolder;
}

.card {
    border-color: #26374c;
}
.navbar-light .navbar-brand {
    color: #dde0e4;
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    color: #dde0e4;
}
.navbar-light .navbar-nav .nav-link {
    color: #dde0e4;
}

ul.nav a:hover {
    color: red !important;
    background-color: red !important;
}

.nav-item[active] {
    text-decoration: underline;
    FONT-WEIGHT: bold;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
   color:white;
}

.ui-jqgrid .ui-jqgrid-htable .ui-th-div {
    height: 100% !important;
}

.img-home {
    width: 100vw;
    height: 90vh;
}