/*
    FoosFit Progressive Web App
	Developed by Aptus Engineering, Inc. for WeFoos LLC
	Author(s): Narendran Muraleedharan <narendran.m@aptus.aero>
			   Rakshith Subramanyam <rakshith.s@aptus.aero>
			   James Guerra <james.g@aptus.aero>

	__DISCLAIMER__
	THIS SOFTWARE IS PROVIDED "AS IS" AND ANY EXPRESSED OR IMPLIED WARRANTIES,
	INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY
	AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
	REGENTS OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
	SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
	PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS;
	OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY,
	WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR
	OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF
	ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/

/*KPI Database Control*/

.database-control-kpi-full-view-class {
    display:block;
	position: relative;
    background-color: rgb(19, 19, 19);
    min-height: calc(70% - 5px);
    margin-top:10px;
    
}

.database-kpi-title-refresh-div-class {
    display:block;
    position:relative;
    margin:0;
    padding:0;
    margin-top:3px;
    margin-bottom:8px;
}

.database-kpi-title-div-class {
    margin:0;
    padding:0;
}

.database-kpi-title-h6-class {
    color:white;
    text-align:left;
    font-size:18px;
    margin:0;
    padding:0;
}

.database-kpi-refresh-class {
    color:white;
    text-align:right;
    font-size:10px;
}

.database-refresh-kpi-data-input-class {
    height:18px;
    margin-top:3px;
}

.padding-0{
    padding-right:0;
    padding-left:0;
}

/* Left Side KPI */
/* ------------- */
    #left-full-kpi-container-id {
        /*height:200px;*/
        background-color:none;
    }

    /* Left Spacer line */
        .left-line-spacer-kpi-class {
            height:1px;
            background-color: rgb(75, 75, 75);
            margin-bottom:5px;
        }


    /* Datafilled Users */
        .left-datafilled-users-kpi-container-class {
            min-height:50px;
            background-color:rgb(41, 41, 41);
            margin-bottom:5px;
            flex-grow:10;
        }

        .left-datafilled-users-title-kpi-class {
            color:white;
            font-size:16px;
            margin-bottom:10px;
        }

        .left-total-datafilled-users-name-kpi-class {
            color:white;
            font-size:12px;
            margin-left:10px;
        }

        .left-total-datafilled-users-value-kpi-class {
            color:white;
            font-size:12px;
            margin-bottom:10px;
        }

        .left-total-active-datafilled-users-name-kpi-class {
            color:white;
            font-size:12px;
            margin-left:10px;
        }

        .left-total-active-datafilled-users-value-kpi-class {
            color:white;
            font-size:12px;
            margin-bottom:10px;
        }

        /*Total Subscribers Datafilled*/
        .left-total-subs-datafilled-users-name-kpi-class {
            color:white;
            font-size:12px;
            margin-left:10px;
        }

        .left-total-subs-datafilled-users-value-kpi-class {
            color:white;
            font-size:12px;
            margin-bottom:10px;
        }

        /*Total Subscribers Permission Active*/
        .left-total-subs-permactive-users-name-kpi-class {
            color:white;
            font-size:12px;
            margin-left:10px;
        }

        .left-total-subs-permactive-users-value-kpi-class {
            color:white;
            font-size:12px;
            margin-bottom:10px;
        }        

        /*Total Subscribers Permission Active Stripe*/
        .left-total-subs-permactivestripe-users-name-kpi-class {
            color:white;
            font-size:12px;
            margin-left:10px;
        }

        .left-total-subs-permactivestripe-users-value-kpi-class {
            color:white;
            font-size:12px;
            margin-bottom:10px;
        }        



    /* Current Login Details */
        .left-current-login-details-kpi-container-class {
            min-height:50px;
            background-color:rgb(41, 41, 41);
            margin-bottom:5px;
            flex-grow:1;
        }

        .left-current-login-details-title-kpi-class {
            color:white;
            font-size:16px;
            margin-bottom:10px;
        }

        .left-total-currently-loggedin-name-kpi-class {
            color:white;
            font-size:12px;
            margin-left:10px;
        }

        .left-total-currently-loggedin-value-kpi-class {
            color:white;
            font-size:12px;
            margin-bottom:10px;
        }

        .left-listofusers-loggedin-name-kpi-class {
            color:white;
            font-size:12px;
            margin-left:10px;
        }

        .left-listofusers-loggedin-value-kpi-class {
            color:white;
            font-size:12px;
            height:58px;
            border:1px solid rgb(121, 121, 121);
            margin-bottom:5px;
            overflow:auto;
        }

        .left-listofusers-loggedin-ul-kpi-class {
            text-decoration:none;
            list-style: none;
            padding-left:5px;
        }


    /* Utilized Modes */
        .left-utilized-modes-kpi-container-class {
            min-height:50px;
            background-color:rgb(41, 41, 41);
            margin-bottom:5px;
            flex-grow:1;
        }

        .left-utilized-modes-title-kpi-class {
            color:white;
            font-size:16px;
            margin-bottom:10px;
            padding:0;
        }

        .left-utilized-modes-dropdown-date-div-class {
            text-align:center;
        }

        .left-utilized-modes-dropdown-date-li-class {
            text-decoration:none;
            list-style: none;
            padding:0px;
            background:none;
            font-size:12px;
        }

        .left-utilized-modes-date-select-class {
            border:1px;
            border-style:solid;
            border-color:rgb(63, 63, 63);
            background-color:rgb(41, 41, 41);;
            color:white;
            font-size:12px;

        }

        .left-manual-mode-usage-name-kpi-class {
            color:white;
            font-size:12px;
            margin-left:10px;
        }

        .left-manual-mode-usage-value-kpi-class {
            color:white;
            font-size:12px;
            margin-bottom:5px;
        }

        .left-practice-mode-usage-name-kpi-class {
            color:white;
            font-size:12px;
            margin-left:10px;
        }

        .left-practice-mode-usage-value-kpi-class {
            color:white;
            font-size:12px;
            margin-bottom:5px;
        }

        .left-playback-mode-usage-name-kpi-class {
            color:white;
            font-size:12px;
            margin-left:10px;
        }

        .left-playback-mode-usage-value-kpi-class {
            color:white;
            font-size:12px;
            margin-bottom:5px;
        }


/* Right Side KPI */
/* -------------- */

    #right-full-kpi-container-id {
        /*height:200px;*/
        background-color:none;
    }

    /* Right Spacer line */
    .right-line-spacer-kpi-class {
        height:1px;
        background-color: rgb(75, 75, 75);
        margin-bottom:5px;
    }

    /* Logins */
        .right-logins-kpi-container-class {
            min-height:100px;
            background-color:rgb(41, 41, 41);
            margin-bottom:5px;
            flex-grow:1;

        }

        .right-logins-title-kpi-class {
            color:white;
            font-size:16px;
            margin-bottom:10px;
        }

        .right-logins-dropdown-date-div-class {
            text-align:center;  
        }

        .right-logins-dropdown-date-li-class {
            text-decoration:none;
            list-style: none;
            padding:0px;
            background:none;
            font-size:12px;
        }

        .right-logins-date-select-class {
            border:1px;
            border-style:solid;
            border-color:rgb(63, 63, 63);
            background-color:rgb(41, 41, 41);;
            color:white;
            font-size:12px;
        }


        /* Recent Logins */
        .right-recent-logins-title-kpi-class {
            color:white;
            font-size:12px;
            margin-left:10px;
            margin-bottom:3px;  
        }

        .right-listofusers-recent-logins-name-kpi-class {
            color:white;
            font-size:12px;
        }

        .right-recent-logins-player-name-class {
            width: 110px;
        }

        .right-listofusers-recent-logins-value-kpi-class {
            color:white;
            font-size:12px;
            height:150px;
            border:1px solid rgb(121, 121, 121);
            margin-bottom:5px;
            overflow:auto;
        }

        .right-listofusers-recent-logins-ul-kpi-class {
            text-decoration:none;
            list-style: none;
            padding:0;
            margin:0;
            margin-left:-10px;
            margin-right:-10px;
        }

        .right-recent-logins-li-kpi-class {
            padding:0;
            margin:0;
        }

        /* Most Logins */
        .right-most-logins-title-kpi-class {
            color:white;
            font-size:12px;
            margin-left:10px;
            margin-bottom:3px;  
        }

        .right-listofusers-most-logins-name-kpi-class {
            color:white;
            font-size:12px;
        }

        .right-listofusers-most-logins-value-kpi-class {
            color:white;
            font-size:12px;
            height:150px;
            border:1px solid rgb(121, 121, 121);
            margin-bottom:5px;
            overflow:auto;
        }

        .right-listofusers-most-logins-ul-kpi-class {
            text-decoration:none;
            list-style: none;
            padding:0;
            margin:0;
            margin-left:-10px;
            margin-right:-10px;        
        }

        .right-most-logins-li-kpi-class {
            padding:0;
            margin:0;
        }
        

        /* Subscriber FailedLogins */
        .right-subscribers-title-kpi-class {
            color:white;
            font-size:12px;
            margin-left:10px;
            margin-bottom:3px;  
        }

        .right-listofusers-subscribers-failedlogins-name-kpi-class {
            color:white;
            font-size:12px;
        }

        .right-subscribers-failedlogins-player-name-class {
            width: 110px;
        }

        .right-listofusers-subscribers-failedlogins-value-kpi-class {
            color:white;
            font-size:12px;
            height:150px;
            border:1px solid rgb(121, 121, 121);
            margin-bottom:5px;
            overflow:auto;
        }

        .right-listofusers-subscribers-failedlogins-ul-kpi-class {
            text-decoration:none;
            list-style: none;
            padding:0;
            margin:0;
            margin-left:-10px;
            margin-right:-10px;        
        }

        .right-subscribers-failedlogins-li-kpi-class {
            padding:0;
            margin:0;
        }


        /* Subscriber Permission Inactive Connect Attempts */
        .right-listofusers-subscribers-perminactiveconnectattempt-name-kpi-class {
            color:white;
            font-size:12px;
        }

        .right-subscribers-perminactiveconnectattempt-player-name-class {
            width: 110px;
        }

        .right-listofusers-subscribers-perminactiveconnectattempt-value-kpi-class {
            color:white;
            font-size:12px;
            height:150px;
            border:1px solid rgb(121, 121, 121);
            margin-bottom:5px;
            overflow:auto;
        }

        .right-listofusers-subscribers-perminactiveconnectattempt-ul-kpi-class {
            text-decoration:none;
            list-style: none;
            padding:0;
            margin:0;
            margin-left:-10px;
            margin-right:-10px;        
        }

        .right-subscribers-perminactiveconnectattempt-li-kpi-class {
            padding:0;
            margin:0;
        }


        /* Subscriber Blacklisted Connect Attempts */
        .right-listofusers-subscribers-blconnectattempt-name-kpi-class {
            color:white;
            font-size:12px;
        }

        .right-subscribers-blconnectattempt-player-name-class {
            width: 110px;
        }

        .right-listofusers-subscribers-blconnectattempt-value-kpi-class {
            color:white;
            font-size:12px;
            height:150px;
            border:1px solid rgb(121, 121, 121);
            margin-bottom:5px;
            overflow:auto;
        }

        .right-listofusers-subscribers-blconnectattempt-ul-kpi-class {
            text-decoration:none;
            list-style: none;
            padding:0;
            margin:0;
            margin-left:-10px;
            margin-right:-10px;        
        }

        .right-subscribers-blconnectattempt-li-kpi-class {
            padding:0;
            margin:0;
        }


        /* Total Logins */
        .right-total-logins-name-kpi-class {
            color:white;
            font-size:12px;
        }

        .right-total-logins-value-kpi-class {
            color:white;
            font-size:9px;
            margin-bottom:5px;
        }

        /* Total Unique Logins */
        .right-total-unique-logins-name-kpi-class {
            color:white;
            font-size:9px;
        }

        .right-total-unique-logins-value-kpi-class {
            color:white;
            font-size:9px;
            margin-bottom:5px;
        }

    /* Total Log Count */
    .right-total-log-count-name-kpi-class {
        color:white;
        font-size:16px;
    }

    .right-total-log-count-value-kpi-class {
        color:white;
        font-size:14px;
        margin-bottom:10px;
    }