/*=========================================================================================================================================
    Created On: 2021 - 07 - 07
===========================================================================================================================================
    Purpose: Cascading Style Sheets Supporting Same Named .php Script
=========================================================================================================================================*/
#TitleBar
{
    background-color: #005580;
    border-top: 2px solid #99ccff;
    border-bottom: 2px solid #99ccff;
    border-radius: 0 !important;
    color: #ffff00;
    cursor: pointer;
    font-size: 1.3em;
    margin: 10px 0px;
    padding: 10px 0;
    text-align: center;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
    width: 100%;
}
#TitleBar div
{
    margin-top: 8px;
    font-size: .9em;
}


#TheDialog
{
    max-width: 400px;
    min-width: 300px;
}

#IP
{
    background-color: #ff1a1a;;
    border: 6px solid #d2d2d2;
    border-style: outset;
    margin: 12px 8px 30px;
    padding: 10px 10px;
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
}

#Clock div
{
    margin-bottom: 16px;
    white-space: nowrap;
}
#Clock label
{
    border: 1 dashed greenyellow;
    display: inline-block;
    margin: 0 05px 0 0;
    text-align: right;
    width: 70px;
}
#Clock input
{
    border: 1 dashed blue;
    background-color: #0088cc;
    color: snow;
    padding: 5px 5px;
    width: 80px;
}
#Clock input:focus
{
    background-color: #ccffef;
    color: #0088cc;
}

#TimeCard
{
    background-color: #006600;
    border-radius: 40px;
    color: snow;
    cursor: pointer;
    font-size: 1.4em;
    margin: 16px 0 32px;
    padding: 12px 0;
    width: 90%;
}


.Smaller
{
    font-size: .6em;
}


#Location
{
    border: 3px solid #800000;
    background-color: #ffb3b3;
    text-align: center;
}

#Retry
{
    background-color: #ffff00;
    border: 4px solid #d3d3d3;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: bold;
    margin: 10px 10px;
    padding: 14px 20px;
    text-align: center;
}


.Eye
{
    height: 16px;
    margin-left: 12px;
    width: auto;
}

.ClckStatus, .ClckErrors
{
    border: 6px solid #d2d2d2;
    border-style: outset;
    margin: 8px 8px;
    padding: 10px 10px;
    white-space: nowrap;
}

.ClckStatus
{
    background-color: #cce0ff;
}

.ClckErrors
{
    background-color: #ffb3b3;
}

#Repeat
{
    margin-top: 30px;
}

.GeoFenced
{
    text-align: center;
}