html {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
	background:black;/*#374a87;*//* #a9a9a9;*/
}

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

.big-title {
    font-size: 1.5em;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 6px;
    margin-top: 0;
}
.small-title {
    font-size: 1.2em;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 3px;
    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; }


#settings:after { background:  url("img/nav/settings.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;}
#booking:after { background:  url("img/nav/booking.png") 30% 30% no-repeat; background-size: 24px 24px;}
#schedule:after { background:  url("img/nav/schedule.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;}
#plus:after { background:  url("img/nav/plus.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: transparent;/*gray;  #000000 {a-active-background-color}*/
    border-color: gray; /* #000000 {a-active-border}*/
    color: #ffffff /*{a-active-color}*/;
    text-shadow: 0 0 0; 
}

/* 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: black;/* #374a87;*//* lightgray*/ /*#000000*/ /*{a-bup-background-color}*/;
    border-color: black;/* #1E7040;*//*gray*/ /*#000000*/ /*{a-bup-border}*/;
    color: #ffffff /*{a-bup-color}*/;
    text-shadow: 0 0 0; 
}

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

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

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

/* no-repeat center center fixed;*/

#pgsettings.ui-page{
    background: url('img/bkg/settings.jpg') 0 0 no-repeat fixed !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
    background-size: cover;
		resize: both;
}
#pgmail.ui-page{
    background: url('img/bkg/mail.jpg') 0 0 no-repeat fixed !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
    background-size: cover;
		resize: both;
}
#pgempcrr.ui-page{
    background: url('img/bkg/mail.jpg') 0 0 no-repeat fixed !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
    background-size: cover;
		resize: both;
}
#pgstart.ui-page{
    background: url('img/bkg/start.jpg') 0 0 no-repeat fixed !important; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
		resize: both;
}
#pglogin.ui-page{
    background: url('img/bkg/login.jpg') 0 0 no-repeat fixed !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
    background-size: cover;
		resize: both;
}
#pgmenu.ui-page{
    background: url('img/bkg/menu.jpg') 0 0 no-repeat fixed !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
    background-size: cover;
		resize: both;
}
#pgpass.ui-page{
    background: url('img/bkg/pass.jpg') 0 0 no-repeat fixed !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
    background-size: cover;
		resize: both;
}
#pgservice.ui-page{
    background: url('img/bkg/service.jpg') 0 0 no-repeat fixed !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
    background-size: cover;
		resize: both;
}
#pgserviceg.ui-page{
    background: url('img/bkg/service.jpg') 0 0 no-repeat fixed !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
    background-size: cover;
		resize: both;
}
#pgservicec.ui-page{
    background: url('img/bkg/service.jpg') 0 0 no-repeat fixed !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
    background-size: cover;
		resize: both;
}
#pgbooking.ui-page{
    background: url('img/bkg/booking.jpg') 0 0 no-repeat fixed !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
    background-size: cover;
		resize: both;
}
#pgschedule.ui-page{
    background: url('img/bkg/schedule.jpg') 0 0 no-repeat fixed !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
    background-size: cover;
		resize: both;
}
#pgtimetable.ui-page{
    background: url('img/bkg/schedule.jpg') 0 0 no-repeat fixed !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
    background-size: cover;
		resize: both;
}
#pgtasks.ui-page{
    background: url('img/bkg/tasks.jpg') 0 0 no-repeat fixed !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
    background-size: cover;
		resize: both;
}
#pgbook.ui-page{
    background: url('img/bkg/book.jpg') 0 0 no-repeat fixed !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
    background-size: cover;
		resize: both;
}
#pgclient.ui-page{
    background: url('img/bkg/client.jpg') 0 0 no-repeat fixed !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
    background-size: cover;
		resize: both;
}
#pgevent.ui-page{
    background: url('img/photo/action.jpg') 0 0 no-repeat fixed !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size:100% 100%;
}

#pgevent1.ui-page{
    background: url('img/photo/action.jpg') 0 0 no-repeat fixed !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size:100% 100%;
}
#pgevent2.ui-page{
    background: url('img/photo/action.jpg') 0 0 no-repeat fixed !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size:100% 100%;
}
#pgevent3.ui-page{
    background: url('img/photo/action.jpg') 0 0 no-repeat fixed !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size:100% 100%;
}
#pgevent4.ui-page{
  background: url('img/photo/action.jpg') 0 0 no-repeat fixed !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-size:100% 100%;
}
#pgevent5.ui-page{
  background: url('img/photo/action.jpg') 0 0 no-repeat fixed !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-size:100% 100%;
}
#pgevent6.ui-page{
  background: url('img/photo/action.jpg') 0 0 no-repeat fixed !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-size:100% 100%;
}
#pgevent7.ui-page{
  background: url('img/photo/action.jpg') 0 0 no-repeat fixed !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-size:100% 100%;
}


#pgsparring.ui-page{
    background: url('img/photo/sparring.jpg') 0 0 no-repeat fixed !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size:100% 100%;
}

#pgpartner.ui-page{
    background: url('igm/photo/sparring.jpg') 0 0 no-repeat fixed !important; 
    -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: 10px 7px;
    position: absolute;
    right: 0px;
    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;
    }
}



#ftr {
   position:fixed;
   left:0px;
   bottom:0px;
   height:30px;
   width:100%;
   background:#999;
}

/* IE 6 */
* html #ftr {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}


h1,h2,h3,h4,h5{
	font-weight: normal;
}
.ui-table th {
  font-weight: normal; 
}

.bkg th{
	font-size: 9px;
}

label.cameraButton {
  display: inline-block;
  margin: 1em 0;
	width: 90%;
	align: center;

  /* Styles to make it look like a button */
  padding: 0.5em;
  border: 2px solid #666;
  border-color: #EEE #CCC #CCC #EEE;
  background-color: transparent;
}

	/* Look like a clicked/depressed button */
	label.cameraButton:active {
	  border-color: #CCC #EEE #EEE #CCC;
	}

	/* This is the part that actually hides the 'Choose file' text box for camera inputs */
	label.cameraButton input[accept*="camera"] {
	  display: none;
	}