html {
	font-size:100%;
}

button {
/*  all: unset; */
  background: unset;
  border-color: #ddd;
}

body,
.clsMInput,
.clsTextInput,
select,
optgroup,
textarea,
button,
.ui-btn,
.btn,
h1
 {
/*	line-height:1.3; */
	font-size:100%;
	font-family:sans-serif /*{global-font-family}*/;
}


body {
  -webkit-touch-callout: none !important;   /*disable long press default menu, especially for ios*/
  user-select: none;
  -webkit-user-select: none;
 }
a { -webkit-user-select: none !important; }




button {
  box-sizing: border-box;
	font-weight:bold;           /*only needed to override for IE, but suspect other browsers may not respect unset*/
  text-align:left;
  }

.ui-btn-big, li button, .ui-collapsible button {
  width:100%;
  }

body {
	border-color:	 		#ddd; /*{a-bar-border}*/;
	color:					#333; /*{a-bar-color}*/;
/*	text-shadow:0 1px 0 #f3f3f3; */
	font-weight:bold;
  margin:0px;
  padding:0px;
}

.add-button {         /* for initial add to home screen button etc */
  z-index:999;
  padding:10px;
  position:fixed;
  top:1px;
  left:1px;
  display:none;
  background-color:#fff7c0;
  width:100%;
}

.clsMInput, textarea {
  box-sizing:border-box;
  border-top-right-radius:0;
  border-bottom-right-radius:0;
  margin:.5em 1em 1em 0em;
  border:1px solid #ddd;
  min-height:2.2em;
  text-align:left;
  background:#fff;
  line-height:1.4em;
  display:block;
  -webkit-appearance:none;
  border-radius:.3125em;
  xborder-radius:inherit;
  padding:0em .5em 0em .5em;
  width:100%;
  box-shadow:inset 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
}

.clsMInput:focus,  a:focus, button:focus {
	-webkit-box-shadow:0 0 12px 	#3388cc /*{a-active-background-color}*/;
	-moz-box-shadow:0 0 12px 		#3388cc /*{a-active-background-color}*/;
	box-shadow:0 0 12px 			#3388cc /*{a-active-background-color}*/;
}


.clsMSlider {
  margin-left:-1px;
  width:260px;
}

.cDPArrow img {
  margin-top:2px;
  margin-bottom:-2px;
}

.cDPArrow:hover {
  background-color: #dddddd; /* default; can be overridden in colour files */
}

button:hover {
  background-color: #dddddd; /* default; can be overridden in colour files */
}

.clsAxis td:hover {
  background-color: #ddd; /* default; can be overridden in colour files */
}


label:after {
  content:'\A';       /*this means add a line break after a label*/
  white-space:pre;
  }


.ui-content {
  border-width:0;
/*  overflow-x:hidden; */           /*allows browser horiz scroll */
/*  padding:1em; */
  position:relative;
}

@media print {
body {
	background-color:			#ffffff;
  }
.ui-content {
  overflow:scroll;
  }
}

@media screen {
body {
	background-color:			#f9f9f9;
  }

.ui-content {
  overflow:hidden;    /*provided grid scrolls*/
  }
}


.ui-contentTs {
  border-width:0;
  overflow:visible;
  overflow-x:hidden;
  padding:0px;
  position:relative;
}



.ui-indic {         /*online offline status etc*/
  z-index:900;
  margin:0px;
  padding:0px;
  position:fixed;
  top:1px;
  right:1px;
  height:60px;
  width:8px;
  background:Black;
  cursor:pointer;
}

@media print {
.ui-indic, .ui-noprint {
  display:none;
  }
}

.ui-header {
  top:0px;
  left:0px;
  zright:0px;
  width:100%;
/*  min-height:2.8em; */
  padding-top:0px;
  background-color:#e9e9e9;
  border-color:#ddd;
  border-width:1px 0;
  border-style:solid;
  color:#333;
/*  text-shadow:0px 1px 0px #eee; */
  position:relative;
  z-index:1000;
  }

.ui-footer {
  bottom:0;
  padding-bottom:0px;
  width:100%;
  background-color:#e9e9e9;
  border-color:#ddd;
  border-width:1px 0;
  border-style:solid;
  color:#333;
/*  text-shadow:0px 1px 0px #eee; */
  position:fixed;
  z-index:1000;
  min-height:2.8em;
  }


.ui-page {
  position:relative;
  width:100%;
  min-height:100%;
  visibility_hidden;
  display:none;
  }

.ui-dialog {
  position:fixed;
  width:100%;
  min-height:100%;
  visibility_hidden;
  display:none;
}

.ui-popup {
	background-color:			#f9f9f9;
  padding:0.5em;
  visibility_hidden;
  display:none;

  left:100px;
  top:150px;
  position:absolute;

  border-width: 1px;
  border-style: solid;
  border-color:#ddd;
  -webkit-box-shadow: 0 0 12px rgba(0,0,0,.6);
    -moz-box-shadow: 0 0 12px rgba(0,0,0,.6);
    box-shadow: 0 0 12px rgba(0,0,0,.6);
    -webkit-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: .3125em /*{global-radii-blocks}*/;
    border-radius: .3125em /*{global-radii-blocks}*/;
}

.ui-fullwidth {
  width:100%;
  overflow:auto;
}


/* keyframes for slidein from sides */

@-webkit-keyframes slideinfromright {
    from { -webkit-transform:translate3d(100%,0,0); }
    to { -webkit-transform:translate3d(0,0,0); }
}
@-moz-keyframes slideinfromright {
    from { -moz-transform:translateX(100%); }
    to { -moz-transform:translateX(0); }
}
@keyframes slideinfromright {
    from { transform:translateX(100%); }
    to { transform:translateX(0); }
}
@-webkit-keyframes slideinfromleft {
    from { -webkit-transform:translate3d(-100%,0,0); }
    to { -webkit-transform:translate3d(0,0,0); }
}
@-moz-keyframes slideinfromleft {
    from { -moz-transform:translateX(-100%); }
    to { -moz-transform:translateX(0); }
}
@keyframes slideinfromleft {
    from { transform:translateX(-100%); }
    to { transform:translateX(0); }
}
/* keyframes for slideout to sides */
@-webkit-keyframes slideouttoleft {
    from { -webkit-transform:translate3d(0,0,0); }
    to { -webkit-transform:translate3d(-100%,0,0); }
}
@-moz-keyframes slideouttoleft {
    from { -moz-transform:translateX(0); }
    to { -moz-transform:translateX(-100%); }
}
@keyframes slideouttoleft {
    from { transform:translateX(0); }
    to { transform:translateX(-100%); }
}
@-webkit-keyframes slideouttoright {
    from { -webkit-transform:translate3d(0,0,0); }
    to { -webkit-transform:translate3d(100%,0,0); }
}
@-moz-keyframes slideouttoright {
    from { -moz-transform:translateX(0); }
    to { -moz-transform:translateX(100%); }
}
@keyframes slideouttoright {
    from { transform:translateX(0); }
    to { transform:translateX(100%); }
}
.slide.out, .slide.in {
	-webkit-animation-timing-function:ease-out;
	-webkit-animation-duration:350ms;
	-moz-animation-timing-function:ease-out;
	-moz-animation-duration:350ms;
	animation-timing-function:ease-out;
	animation-duration:350ms;
}
.slide.out {
	-webkit-transform:translate3d(-100%,0,0);
	-webkit-animation-name:slideouttoleft;
	-moz-transform:translateX(-100%);
	-moz-animation-name:slideouttoleft;
	transform:translateX(-100%);
	animation-name:slideouttoleft;

  visibility: hidden;
  display: none;

}
.slide.in {
	-webkit-transform:translate3d(0,0,0);
	-webkit-animation-name:slideinfromright;
	-moz-transform:translateX(0);
	-moz-animation-name:slideinfromright;
	transform:translateX(0);
	animation-name:slideinfromright;

  visibility: visible;
  display: inline;
}
.slide.out.reverse {
	-webkit-transform:translate3d(100%,0,0);
	-webkit-animation-name:slideouttoright;
	-moz-transform:translateX(100%);
	-moz-animation-name:slideouttoright;
	transform:translateX(100%);
	animation-name:slideouttoright;
}
.slide.in.reverse {
	-webkit-transform:translate3d(0,0,0);
	-webkit-animation-name:slideinfromleft;
	-moz-transform:translateX(0);
	-moz-animation-name:slideinfromleft;
	transform:translateX(0);
	animation-name:slideinfromleft;
}


h1 {
  text-align:center;
  display:block;
  margin:0 30%;
  padding:.7em 0;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  outline:0 !important;
}

.listview, .ui-collapse {
    list-style:none;
    padding:0;
}

.listview li a, .listview li button, .ui-collapse, .ui-btn-big {
	  background-color:			#f6f6f6 /*{a-bup-background-color}*/;
    border:1px solid #ddd;
   	color:					#333; /*{a-bhover-color}*/;
    display:block;
    margin-bottom:-1px;
    padding:12px 10px;
    text-decoration:none;
}

.listview {
    margin-top:0px;
}

.ui-collapse {        /*override colour for collapse headers*/
  color: #5544bb;
}

.listview li:first-child a,.listview li:first-child button, .ui-collapse, .ui-btn-big {
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  -webkit-border-top-left-radius:8px;
  -webkit-border-top-right-radius:8px;
}

.ui-collapsible li:first-child a, .ui-collapsible li:first-child button {    /*override rounded corner when collapsible, to merge with collapse header*/
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  -webkit-border-top-left-radius:0px;
  -webkit-border-top-right-radius:0px;
}

.listview li:last-child a, .listview li:last-child button, .ui-collapsed, .ui-btn-big {
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
    -webkit-border-bottom-left-radius:8px;
    -webkit-border-bottom-right-radius:8px;
}

.listview li a:active,ul li a:hover, .listview li button:active,ul li button:hover {
  background-color:	#ededed;
  color:	#333;

}

.listicon li a:after, .listicon li button:after,  .ui-collapse:after, .ui-btn-big:after {
  float:right;
  content:"";
  width:22px;
  height:22px;
  background-color:transparent;
  background-position:center center;
  background-repeat:no-repeat;
  border-radius:1em;
}

.listcheck input {
  float:right;
  margin: 6px 3px 0px 4px;
  }

/* input[type="checkbox"] { */
/*   width:0.5em; */
/*   } */


.ui-btn-right, .ui-btn, .ui-btn-closedialog{
  margin-top:1px;
  margin:0;
  color:#333;
/*  text-shadow:0 1px 0 #f3f3f3; */
  display:inline-block;
  vertical-align:middle;
  border-radius:.3125em;
    top:.2em;
    padding:.5em 0.5em;
    padding-left:1.5em;
    text-align:center;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    user-select:none;
  background-clip:padding-box;
  text-decoration:none !important;
    border-width:1px;
    border-style:solid;
    line-height:1.3;
  border:none;
}

.ui-btn:disabled {
  opacity: 0.2;
}

.ui-btn-closedialog {
  background-color:#f9f9f9;
  border-color:#ddd;
  box-shadow:0 1px 3px rgba(0,0,0,.15);
  }

.ui-btn-right  {
  position:absolute;
}

.ui-btn-h  {
  text-decoration:none !important;
}

.ui-btn {
  position:relative;
}

.ui-collapse {
  position:relative;
}

.ui-header .ui-btn {
  position:absolute;
}

.ui-btn {
  left:.4em;
  }

.ui-btn-right {
  right:.9em;
  padding-left:1.5em;
  }

.ui-btn-right2 {
  right:3.5em;
  padding-left:1.5em;
  }

.ui-btn-right3 {
  right:5.9em;
  padding-left:1.5em;
  }

.ui-btn-right4 {
  right:8.3em;
  padding-left:1.5em;
  }

.clsPopupInset {
  margin:.25em;
  padding:.75em;
  border:1px solid #ccc;
  box-sizing:border-box;
  }

.ui-btn-left2 {
  left:3em;
  padding-left:1.5em;
  }



.ui-btn-right:after, .ui-btn:after, .ui-btn-closedialog:after  {
    left:.37em;
    content:"";
    top:50%;
    margin-top:-11px;
    position:absolute;
    display:block;
    width:22px;
    height:22px;
    background-color:transparent;
    background-position:center center;
    background-repeat:no-repeat;
    -webkit-border-radius: 1em;
    border-radius:1em;
}


.ui-btn-closedialog {
  position:absolute;
  right:-11px;
  top:-11px;
  z-index:1101;
  width:22px;
  height:22px;
}


.ui-btn-notext {
    padding: 0;
    width: 1.75em;
    height: 1.75em;
    text-indent: -9999px;
    white-space: nowrap !important;
    -webkit-border-radius: 1em;
    border-radius: 1em;
  }


.ui-btn-notext:after {
  left:50%;
  margin-left:-11px;
  }