/* Licence Status*/
.lic-status-panel {
    background-color: #f1f1f1; /* #d4d1d1;*/
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
    border: ridge;
    line-height: 1;
}

.lic-lite {
    border: none;
    background-color: black;
    margin-bottom: 0px;
    border-radius: 0px;
}

    .lic-lite .progress {
        height: .5em;
    }

    .lic-lite .col-4 {
        padding-left: 2px;
        padding-right: 2px;
    }

/*minimise and hide for mimimised menu*/
.e-close .lic-lite {
    display: none;
}


.lic-status-panel .progress {
    background-color: #cecece;
}


.lic-dash {
    font-size: .85em;
    color: #8a8a8a;
}

    .lic-dash .status-header {
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        font-weight: bold;
        color: black;
    }

    .lic-dash .dash-info {
    }

        .lic-dash .dash-info div {
            /* display: inline-flex;*/
        }

.sites .legend
{
    height:10px;
    border-radius:20%;
}

.legend {
    height: 15px;
    width: 15px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.legend.activated, .bg-vcred-activated {
    background-color: #1baadb; /*#28a745*/
}

.legend.invites, .bg-vcred-invites {
    background-color: #ffc107;
}

.legend.available {
    background-color: #cecece;
}
    .legend.shortfall, .bg-shortfall {
        /*background-color: #dc3545 !important;*/ /*red*/
        background-color: #b78b04 !important; /*off yellow*/
        /*background-color: #9b7a13 !important;*/
    }

.dash-info .col-4 *, .lic-status-panel .progress-bar {
    cursor: help;
}

.lic-lite .dash-info span, .lic-lite.lic-status-panel .total {
    color: white;
    font-weight: bold;
}

.dash-info span, .lic-status-panel .total {
    color: black;
    font-weight: bold;
}

.lic-dash .sk-chase {
    margin-left: auto;
    margin-right: auto;
}
/*#3bc05a
        \#ffd556
    */
/*zero credentials #ff5656*/
}
/*End Licence Status*/

/*pager*/

.btn-pager {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}
.btn-pager:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-pager i.fa
{
    vertical-align:middle;
}
/*PAGER Styles*/
.pager button:hover {
    opacity: .5;
    cursor: pointer;
}

.pager button[disabled]:hover {
    cursor: not-allowed;
}

.pager {
    padding-bottom: 5px;
}
/*PAGER Styles END*/