.ui-btn, .ui-li-divider { text-shadow:none !important; }

#Content, #Subpage {
    max-width:414px !important;
    margin:auto;
}
#tblStaff, #tblAdmin {
    margin:auto;
}
#Head {
    height:42px;
}
.logo-img {
    width: 60px;
    margin: 9px 0;
    border-radius: 60px !important;
    border: 2px solid rgba(0,0,0,0.2);
    padding:0px;
    outline:none;
    border:none;
    
}
    .logo-img:active {
        border:none;
    }

Body, .ui-page, .ui-content {
    background: -webkit-linear-gradient(right top, #0064B3 , #004) 0 0 no-repeat fixed !important;
    background: -o-linear-gradient(bottom left, #0064B3 , #004) 0 0 no-repeat fixed !important;
    background: -moz-linear-gradient(bottom left, #0064B3 , #004) 0 0 no-repeat fixed !important;
    background: linear-gradient(to bottom left, #0064B3 , #004) 0 0 no-repeat fixed !important;
    background-size:cover;
}

.ui-body-c, .ui-overlay-c { background:#0064B3; }


.subpage {
    max-width:414px !important;
    margin:auto;
}

.login-hdr {
    margin:100px 0 30px 0 !important;
}
.login-btn {
    width:118px;
    height:40px;
    background-size:100% auto !important;
    border:none;
    background: url("/img/Red-signin_Medium_base_32dp.png") !important;
    background-repeat:no-repeat !important;
    margin-top:10px;
    margin-bottom:10px;
}
    .login-btn:hover {
        background: url("/img/Red-signin_Medium_hover_32dp.png") !important;
    }
    .login-btn:active {
        background: url("/img/Red-signin_Medium_press_32dp.png") !important;
    }
.logout {
    display:block;
    margin:100px 0px 30px 0 !important;
}

.logout-hdr {
    display:block;
    font-family:sans-serif;
    font-size:16px;
    font-weight:400;
    color:#fff;
}
.logout-btn {
    background-color:#d9534f !important;
    height:18px;
    width:66px !important;
    padding:5px 3px 3px 3px !important;
    margin-top:20px !important;
    border-radius:8px;
    color:#fff !important;
    font-weight:bold;
    font-size:14pt;
    text-shadow:none;
}
    .logout-btn:active {
        border:solid 2px #fff !important;
    }


.cancel-btn {
    margin-top:20px;
    min-width:118px;
    height:40px;
}
.clear-btn {
    margin-top:20px;
}

.skin-blur-ocean {
    background: #0064B3;
}
.txt-lbl {
    margin-top:10px;
    padding-top:10px;
    padding-right:20px;
    text-align:right;
}
.ctr    { text-align:center !important; }
.lft    { text-align:left; }
.rgt    { text-align:right; }
.hdr    {
        text-decoration: underline;
        font-weight: bold;
}
.font-sm { font-size:0.9em; }
.font-xs { font-size:0.8em; }
.app-tbl    { margin: auto; }
.app-tbl td { padding-bottom:0px; }
.app-dd     { min-width:150px; }
.mbr-dd     { min-width:150px; }
.p-r-20     { padding-right:20px; }
.p-l-20     { padding-left:20px; }
.p-l-10     { padding-left:10px; }
.mbr-tbl td { min-width:46px; height:26px; }
.warn   { color:red; }



.warning { 
    border:solid 2px red; 
    border-radius:6px;
}
.tbl-mbl {
    margin-top:0;
}
    .tbl-mbl thead, th {
        margin-top:20px !important;
        background-color:rgba(0,0,0,0.3);
    }
    .tbl-mbl td {
        background-color:rgba(0,0,0,0.16);
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

.hide {
    display:none !important;
}
.section-hdr-top {
    margin-top:0px;
    margin-bottom:10px;
}
.section-hdr-mid {
    margin-top:16px;
    margin-bottom:10px;
}

.tblAdmin {
    border-spacing:0;
}
.tbl-full {
    width:100%;
}
.tbl-narrow {
    width:60%;
    margin:auto;
}

@media (max-width: 359px) {
    .tblAdmin th {
        background-color:rgba(0,0,0,0.3);
        text-align:left;
        padding:6px 1px 6px 1px;
        font-size:0.7em;
        border-bottom:solid 1px rgba(0,0,0,0);
    }   
    .tblAdmin td {
        background-color:rgba(0,0,0,0.16);
        padding:6px 0px 6px 2px;
        font-size:0.68em;    
        border-bottom:solid 1px rgba(0,0,0,0.08);
    }
    .tbl-mbl thead, th {
        font-size:0.7em;
    }
    .tbl-mbl td {
        font-size:0.68em;    
    }
}

@media (min-width: 360px) {
    .tblAdmin th {
        background-color:rgba(0,0,0,0.3);
        text-align:left;
        padding:6px 2px 6px 6px;
        font-size:0.8em;    
        border-bottom:solid 1px rgba(0,0,0,0);
    }
    .tblAdmin td {
        background-color:rgba(0,0,0,0.16);
        padding:6px 0px 6px 6px;
        font-size:0.74em;
        border-bottom:solid 1px rgba(0,0,0,0.08);
    }
    .tbl-mbl thead, th {
        font-size:0.8em;
    }
    .tbl-mbl td {
        font-size:0.74em;    
    }
}

#txtShiftNotes {
    width:100%;
    min-height:80px;                   
    background-color:rgba(0,0,0,0.16);
    border-radius:0px;
    border:solid 1px rgba(0,0,0,0.14);
    color:#fff;
    font-size:0.74em;
    text-decoration:none;
    text-shadow:none;
}
.ui-state-disabled {
    opacity:0.9;
}
.shift-notes {
    min-height:84px;
}
.txt-sm {
    font-size:0.9em;
}
.m-l-10 {
    margin-left:10px;
}
.m-t-10 {
    margin-top:10px !important;
}
.btn-set {
    width: 54px;
}
.loading{
    margin: 0 auto !important;
}
.img-loading {
    padding-top:100px;
    border-right:solid 8px transparent;
    width:34px;
}