﻿.table.informative {
}

    .table.informative > thead > tr > th,
    .table.informative > tbody > tr > th,
    .table.informative > tfoot > tr > th,
    .table.informative > thead > tr > td,
    .table.informative > tbody > tr > td,
    .table.informative > tfoot > tr > td {
        padding: 2px;
    }

.visit-status-setter {
    position: fixed;
    background-color: white;
    padding: 15px;
    box-shadow: 1px 1px 3px rgba(0,0,0,.4);
}

.dashboard-container {
    padding: 30px;
}

.dashboard-item {
    background-color: white;
    display: inline-block;
    width: 100%;
    box-shadow: 3px 3px 3px #ccc;
    margin-bottom: 20px;
    height: 135px;
    overflow: hidden;
}

    .dashboard-item > div.dashboard-content {
        text-align: center;
        font-size: 2em;
        padding: 7%;
        font-weight: bold;
        color: #aaa;
        font-style: italic;
    }

        .dashboard-item > div.dashboard-content h3 {
            margin-top: 0px;
            font-size: .7em;
        }

    .dashboard-item > div.dashboard-icon {
        text-align: center;
        padding: 15% 0px;
        font-size: 3em;
        color: white;
    }

        .dashboard-item > div.dashboard-icon i {
            text-shadow: 0px 0px 5px rgba(0,0,0,.35);
        }

.dashboard-icon.db-green {
    background-color: #3BB27C;
}

.dashboard-icon.db-blue {
    background-color: #1A79BD;
}

.dashboard-icon.db-blue {
    background-color: #1A79BD;
}

.dashboard-icon.db-yellow {
    background-color: #F8D247;
}

.dashboard-number {
}

.queue-container {
    text-align: center;
    padding: 10em 5em;
}

    .queue-container h2 {
        text-align: center;
    }

.queue-number {
    font-size: 8em;
}

.queue-name {
    font-size: 5em;
}

.image-bg{
    background-image:url('./../images/login_cover.jpg');
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:center;
    height:100%;
}

.white-bar {
    padding: 15px;
    background-color: white;
    border-radius: 4px;
    display: inline-block;
    width: 100%;
    border: 1px solid #ddd;
    margin-bottom: 15px;
}

@media (max-width:780px) {
    .dashboard-item {
        height: unset;
    }
}
