html {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
/*	background:#000000;	*/
}
body .ui-body-c, body .ui-overlay-c{
	  text-shadow:0 0 0;
}

.hide{display:none;}
.show{display:block;}

.big-title {
    font-size: 1.5em;
    margin-bottom: 0;
/*    font-weight: bold;*/
    text-transform: uppercase;
    letter-spacing: 6px;
    margin-top: 0;
}
.middle-title {
    font-size: 1.2em;
    margin-bottom: 0;
/*    font-weight: bold;*/
    text-transform: uppercase;
    letter-spacing: 6px;
    margin-top: 0;
}
.nav-icon .ui-btn { padding-top: 40px !important; }
.nav-icon .ui-btn:after { width: 30px!important;
    height: 30px!important;
    margin-left: -15px !important;
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important; }

.fitcalc:after {background:url("img/nav/fitcalc.png") 30% 30% no-repeat; background-size: 24px 24px;}
.home:after { background:  url("img/nav/home.png") 30% 30% no-repeat; background-size: 24px 24px;}
.mail:after { background:  url("img/nav/mail.png") 30% 30% no-repeat;  background-size: 24px 24px;}

.back:after { background:  url("img/nav/arrowl.png") 30% 30% no-repeat;  background-size: 24px 24px;}
.left:after { background:  url("img/nav/left.png") 30% 30% no-repeat;  background-size: 24px 24px;}
.right:after{ background: url("img/nav/right.png") 30% 30% no-repeat;  background-size: 24px 24px;}

.list-img{width:30px;}

.ui-icon-arrowl {
    background-image: url("img/nav/arrowl.png");
    background-repeat: no-repeat;
}

.ui-icon-letter {
    background-image: url("img/nav/mail.png");
    background-repeat: no-repeat;
}


.ui-page-theme-a .nav-icon .ui-btn-active
{
    background-color:	#000000/* #000000 {a-active-background-color}*/;
    border-color: #000000/*#000000 {a-active-border}*/;
    color: #000000/*#ffffff {a-active-color}*/;
    text-shadow: 0 0 0 /*{a-active-shadow-x}*/ 1px /*{a-active-shadow-y}*/ 0 /*{a-active-shadow-radius}*/ #2a2a2a /*{a-active-shadow-color}*/;
}

/* Button up */
.ui-page-theme-a .nav-icon .ui-btn,
/*html .ui-bar-a .ui-btn,*/
/*html .ui-body-a .ui-btn,*/
/*html body .ui-group-theme-a .ui-btn,*/
/*html head + body .ui-btn.ui-btn-a,*/
    /* Button visited */
.ui-page-theme-a .nav-icon .ui-btn:visited,
/*html .ui-bar-a .ui-btn:visited,*/
/*html .ui-body-a .ui-btn:visited,*/
/*html body .ui-group-theme-a .ui-btn:visited,*/
html head + body .ui-btn.ui-btn-a:visited {
    background-color:	#000000 /*#000000 /*{a-bup-background-color}*/;
    border-color: #000000	/*#000000 /*{a-bup-border}*/;
    color: #000000 /*#ffffff /*{a-bup-color}*/;
    text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #2a2a2a /*{a-bup-shadow-color}*/;
}

.ui-bar,
.ui-body {
    position: relative;
    padding: .3em;
    margin-top: -5px;
    margin-bottom: -10px;
    overflow: hidden;
    display: block;
    clear: both;
}

b {color: #808080;
    font-style: normal
}

/*.idate*/
/*{*/
    /*height:42px;*/
    /*font-size: 20px;*/
    /*border-width: 0px;*/
    /*border-style: none;*/
/*}*/


#pglogin.ui-page{
    background:transparent url('img/bkg/login.jpg') 0 0 no-repeat fixed !important; {*no-repeat center center fixed;*}
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size:100% 100%;
}

#pgmenu.ui-page{
    background:transparent url('img/bkg/menu.jpg') 0 0 no-repeat fixed !important; {*no-repeat center center fixed;*}
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size:100% 100%;
}
#pgbooked.ui-page{
    background:transparent url('img/bkg/booked.jpg') 0 0 no-repeat fixed !important; {*no-repeat center center fixed;*}
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size:100% 100%;
}
#pgemployee.ui-page{
    background:transparent url('img/bkg/employee.jpg') 0 0 no-repeat fixed !important; {*no-repeat center center fixed;*}
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size:100% 100%;
}
#pgemployee6.ui-page{
    background:transparent url('img/bkg/employee6.jpg') 0 0 no-repeat fixed !important; {*no-repeat center center fixed;*}
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size:100% 100%;
}
#pgclasses.ui-page{
    background:transparent url('img/bkg/classes.jpg') 0 0 no-repeat fixed !important; {*no-repeat center center fixed;*}
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
--    background-size:100% 100%;
}
#pgvisit.ui-page{
    background:transparent url('img/bkg/visit.jpg') 0 0 no-repeat fixed !important; {*no-repeat center center fixed;*}
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size:100% 100%;
}
#pgprofile.ui-page{
    background:transparent url('img/bkg/profile.jpg') 0 0 no-repeat fixed !important; {*no-repeat center center fixed;*}
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size:100% 100%;
}
#pgaccount.ui-page{
    background:transparent url('img/bkg/account.jpg') 0 0 no-repeat fixed !important; {*no-repeat center center fixed;*}
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size:100% 100%;
}
#pgservice.ui-page{
    background:transparent url('img/bkg/service.jpg') 0 0 no-repeat fixed !important; {*no-repeat center center fixed;*}
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size:100% 100%;
}
#pgfreezing.ui-page{
    background:transparent url('img/bkg/freezing.jpg') 0 0 no-repeat fixed !important; {*no-repeat center center fixed;*}
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size:100% 100%;
}
#pgpass.ui-page{
    background:transparent url('img/bkg/pass.jpg') 0 0 no-repeat fixed !important; {*no-repeat center center fixed;*}
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size:100% 100%;
}



.offline{
  text-align: center;
  color:red;
}

.ui-grid-solo a {
    background-color: #00a0df;
}

.ui-li-count {
    position: absolute;
    font-size: 1em;
"    font-weight: bold;"
    text-align: center;
    border-width: 0;
    border-style: none;
    padding: 0 .48em;
    line-height: 1.6em;
    min-height: 1.6em;
    min-width: .64em;
    right: .8em;
    top: 50%;
    margin-top: -.88em;
}

.p-count{
    position: absolute;
    font-size: 1em;
    right: .8em;
    padding: 0 .48em;

}

.table-stroke{
    color: black;
    background-color: whitesmoke;
}

.head-btn{
    background-color: transparent;
}

.badge {
    background: #BA070F;
    color: #fff;
    padding: 1px 7px;
    position: absolute;
    right: 40px;
    top: -4px;
    z-index: 999;
    border-radius: .8em;
    border: none;
}
@media (max-width: 400px) {
    .badge {
        background: #BA070F;
        color: #fff;
        padding: 1px 7px;
        position: absolute;
        right: 37px;
        top: -4px;
        z-index: 999;
        border-radius: .8em;
        border: none;
    }
}
@media (max-width: 360px) {
    .badge {
        background: #BA070F;
        color: #fff;
        padding: 1px 7px;
        position: absolute;
        right: 27px;
        top: -4px;
        z-index: 999;
        border-radius: .8em;
        border: none;
    
}

.mbadge {
    background: #BA070F;
    color: #fff;
    padding: 1px 7px;
    position: absolute;
    right: 3px;
    top: 4px;
    z-index: 999;
    border-radius: .8em;
    border: none;
}
@media (max-width: 400px) {
    .mbadge {
        background: #BA070F;
        color: #fff;
        padding: 1px 7px;
        position: absolute;
        right: 3px;
        top: 4px;
        z-index: 999;
        border-radius: .8em;
        border: none;
    }
}
@media (max-width: 360px) {
    .mbadge {
        background: #BA070F;
        color: #fff;
        padding: 1px 7px;
        position: absolute;
        right: 3px;
        top: 4px;
        z-index: 999;
        border-radius: .8em;
        border: none;
    }
}
.bkg th{ font-size: 9px; }