﻿/*v102*/

body   { text-shadow:none !important; }
.login { background: #0064b3 url(../img/logo-blue5.png) !important; background-size:auto 140% !important; }

#Head {
    height:50px;
}
#tblStaff, #tblAdmin {
    margin:auto;
}
#txtShiftNotes {
    width:100%;
    min-height:80px;                   
    background-color:rgba(0,0,0,0.5);
    border-radius:0px;
    border:solid 1px rgba(0,0,0,0.14);
    color:#fff;
    font-size:0.74em;
    text-decoration:none;
    text-shadow:none;
}

#map {
    width:100% !important;
    height:400px;
    border:solid #ddd 0px;
    margin:4px 0 4px 0;

}

.mw{
    min-width:90px;
}

.content {
    max-width: 412px;
    margin:0 auto !important;
    padding-left:20px;
    padding-right:20px;
}
.content-wide {
    max-width: 732px;
    margin:0 auto !important;
    padding-left:16px;
    padding-right:16px;

}

.ui-page.ui-page-theme-a.ui-page-active { background: #0064b3 url(../img/logo-blue5.png); background-size:auto 140%; }
.ui-page.ui-page-theme-a.ui-page-active .ui-header.ui-bar-inherit { background: rgba(0,0,0,0.5); text-shadow:none; border-color:#ddd; border-top:none; }
.ui-page.ui-page-theme-a.ui-page-active .ui-header.ui-bar-inherit .ui-link.ui-btn { background: rgba(0,0,0,0.3); text-shadow:none; }
.ui-page.ui-page-theme-a.ui-page-active .ui-footer.ui-bar-inherit { background: rgba(0,0,0,0.5); text-shadow:none; border-color:#ddd; border-bottom:none; }
.ui-page.ui-page-theme-a.ui-page-active .ui-content .ui-link.ui-btn, .ui-btn.ui-input-btn { background: rgba(0,0,0,0.40); text-shadow:none; }
#home.ui-page.ui-page-theme-a.ui-page-active #home.ui-content #home.ui-link.ui-btn, #home.ui-btn.ui-input-btn { background: rgba(0,0,0,0.40); text-shadow:none; font-size:1.25em; }
.ui-page.ui-page-theme-a.ui-page-active .ui-content .ui-link.ui-btn:hover { background: rgba(0,0,0,0.60); }

#incidents.ui-page.ui-page-theme-a.ui-page-active .ui-li-has-icon .ui-btn { background:rgba(0,0,0,0.5); font-size:0.625em; line-height:2em; }
#incidents.ui-page.ui-page-theme-a.ui-page-active .ui-listview>.ui-li-has-icon>img:first-child, .ui-listview>.ui-li-has-icon>.ui-btn>img:first-child { max-height:1.5em; max-width:1.5em; }
@media (min-width: 412px) {
    #incidents.ui-page.ui-page-theme-a.ui-page-active .ui-li-has-icon .ui-btn { font-size:0.75em; padding-top:1.25em; padding-bottom:1.25em;}
    #incidents.ui-page.ui-page-theme-a.ui-page-active .ui-listview>.ui-li-has-icon>img:first-child, .ui-listview>.ui-li-has-icon>.ui-btn>img:first-child { padding-top:0.625em; }
}

#update.ui-page.ui-page-theme-a.ui-page-active .ui-content { padding-top: 48px; }
#master.ui-page.ui-page-theme-a.ui-page-active .ui-content { padding-top: 48px; }
#home.ui-page.ui-page-theme-a.ui-page-active .ui-content { padding-top: 48px; }
#staffing.ui-page.ui-page-theme-a.ui-page-active .ui-content { padding-top: 48px; }

a, a:visited { color:#fff !important; }
.ui-btn { background: rgba(0,0,0,0.3) !important; text-shadow:none !important;  }

.ui-flipswitch.ui-shadow-inset.ui-bar-inherit.ui-corner-all { background: rgba(0,0,0,0.5); font-size:1em; border:solid 1px #ddd; }
.ui-flipswitch.ui-shadow-inset.ui-bar-inherit.ui-corner-all.ui-flipswitch-active { background: rgba(0,0,0,0.5); font-size:1em; border:solid 1px #ddd; background:#aaa; color:#000; }
.ui-flipswitch-on { font-size:1em !important; background-color:#ddd !important; border:solid 1px #888 !important; }

.img-logo-dpt {
    width: 82px;
    margin: 9px 0;
    border-radius: 60px !important;
    border: 2px solid rgba(0,0,0,0.2);
    padding:0px;
    outline:none;
    border:none;
}
    .img-logo-dpt:active{
        border:none;
    }
.img-logo-pc {
    width: 200px;
    margin: 9px 0;
    padding:0px;
    outline:none;
    border:none;
}
    .img-logo-pc:active{
        border:none;
    }
.hide { display:none !important; }
.ctr { text-align:center !important; }

.tblAdmin {
    border-spacing:0;
}
    .tblAdmin td {
        vertical-align:top;
        padding-top:2px;
    }
.tbl-full {
    width:100%;
    margin:4px 0 4px 0;
}
.tbl-narrow {
    width:60%;
    margin:auto;
}
.section-hdr-top {
    margin-top:0px;
    margin-bottom:10px;
}
.section-hdr-mid {
    margin-top:16px;
    margin-bottom:10px;
}
.tbl-mbl {
    margin-top:0;
}
    .tbl-mbl thead, th {
        margin-top:20px !important;
        background-color:rgba(0,0,0,0.6);
    }
    .tbl-mbl td {
        background-color:rgba(0,0,0,0.5);
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }
@media (max-width: 359px) {
    .tblAdmin th {
        background-color:rgba(0,0,0,0.6);
        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.5);
        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.6);
        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.5);
        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;    
    }
}

.ctr    { text-align:center !important; }
.lft    { text-align:left; }
.rgt    { text-align:right; }
.inc-btn { font-size:8px !important; padding:0px !important; }
.inc-dd {}
.icon-rnd { width:18px; }
.txt { text-shadow:none; font-family: Helvetica, Arial, sans-serif; font-size: 1em; }
.txt-md { text-shadow:none; font-family: Helvetica, Arial, sans-serif; font-size: 0.875em; }
.txt-sm { text-shadow:none; font-family: Helvetica, Arial, sans-serif; font-size: 0.75em; }
.txt-xs {text-shadow:none; font-family: Helvetica, Arial, sans-serif; font-size: 0.625em; }
.m-r-5 { margin-right:5px;}

.wx-txt1 { font-size:0.875em; font-weight:bold; }
.wx-txt2 { font-size:0.75em; font-weight:normal; color:#ccc; }
.wx-txt3 { font-size:0.875em; font-weight:bold; color:#eea; }
.wx-img1 { width:100%; margin:auto auto 0 auto; }
.wx-img2 { width:50px; border:solid 1px #ddd; }

.logout-btn {
    background-color:#d9534f !important;
    height:18px;
    width:60px !important;
    padding:5px 3px 3px 3px !important;
    margin-top:8px !important;
    border-radius:8px;
    color:#fff !important;
    font-weight:bold;
    font-size:14pt;
    text-shadow:none;
}
    .logout-btn:active {
        border:solid 2px #fff !important;
    }
.app-tbl {margin:auto;}
.app-dd { min-width:120px;}

.ui-state-disabled { opacity:1; }
.mbr-tbl td { min-width:46px; height:26px; }

.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:10px !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;
}