.zoomContainer {
	z-index: 10000;
}

.ui-btn:focus {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.ui-icon-sp {	
	color: #38c;
}

*:not(input):not(textarea) {
	-webkit-user-select: none; /* disable selection/Copy of UIWebView */
	-webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */
}       

input[readonly="readonly"] {
	background: #f3f3f3;
}

.ui-block-a .ui-radio label, .ui-block-b .ui-radio label {
	font-size: 12px;
	padding-left: 32px;
}

.listsp {
	background: rgb(255, 255, 255) !important;
}

.listsp:hover {
	background: rgba(255, 255, 255, 0.3) !important;
}

.ui-state-disabled {
	opacity: 1.0;
}

#tasks label {
	font-size: 16px;
	font-weight: normal;
}






.bgwhite {
	background: #fff !important;
}

.pspace {
	font-size: 12px;
	padding: 17px 15px;
	background: #fff !important;
	text-align: left;
}

.pspace:hover {
	cursor: auto;
}

.mytab {
	width: 16.66% !important;  /* 16.66% for 6 tabs wide */
   clear: none !important;
}

.ui-li-aside {
	right: 1em !important;
}

.out-sums {
   display: flex;
   justify-content: space-between;
}

.ping {
	cursor: pointer;
}

.activeLI .ui-btn {
   background-color: #CFF09E !important;
}
.activeLI .ui-btn:hover {
   background-color: #A8DBA8 !important;
}


div[data-role="header"] h1 {
	text-align: left !important;
	margin-left: 10px !important;
}
div[data-role="header"] h1.pl-40 {
	padding-left: 40px !important;
}

div[data-role="header"] a {
	left: auto !important;	
}

div[data-role="header"] a[href^='#mypanel-'] {
	right: 10px !important;
}

ul.leftborder  li a {
	border-left: 8px solid #f3f3f3;
}

div[data-role="panel"] p {
	margin: -1px;	
}

div[data-role="panel"] p a {
	width: 160px;
	text-align: left;
}

table.extra_tbl tbody tr td:first-child{
	width: 130px;//210px;
	vertical-align: top;
}

table.extra_tbl tbody tr td.tbl_right {
	width: 40px;
	text-align: right;	
	vertical-align: top;
}

table.extra_tbl tbody tr td.top {
	vertical-align: top;
}

span.num_right {
	text-align: right;
}

.ui-field-contain {
	border-bottom: 0 !important;
}

form#tbl_order div.ui-field-contain label {
	width: 105px !important;
	float: left !important;
}

form#tbl_order div.ui-field-contain div.ui-input-text {
	width: 120px !important;
	float: right !important;
}

form#tbl_order div.ui-field-contain div.ui-input-text input {
	text-align: right !important;
}

div.ui-field-contain p, div.ui-field-contain textarea {
	margin-top: 8px;
}

.title a {
	color: #333;
	text-decoration: none;
	font-weight: normal;
}

label.ui-focus {	
   box-shadow: none !important;
}

label[for="fl0"].ui-btn-active, label[for="fl1"].ui-btn-active, label[for="fl2"].ui-btn-active, label[for="fl3"].ui-btn-active {	
	color: #333 !important;
	//border-color: #000 !important;	
	border-color: rgb(221, 221, 221) !important;	
	text-shadow: none !important;
	//border-right-width: 1px !important;
	border-width: 1px !important;
	border-right-width: 0px !important;
}

label[for="fl0"].ui-btn-active {		
	background: rgba(172, 172, 172, 1) !important;	
}

label[for="fl1"].ui-btn-active {
	background: rgba(0, 255, 0, 1) !important;	
}

label[for="fl2"].ui-btn-active {
	background: rgba(255, 158, 0, 1) !important;	
}

label[for="fl3"].ui-btn-active {
	background: rgba(255, 0, 0, 1) !important;	
}




#order_sub div form div.ui-field-contain div.ui-input-text {
	width: 50%;	
	display: inline-block;
   border-bottom-width: 0;
	float: right;	
}

#order_sub div form div.ui-field-contain div.ui-input-text input {
	text-align: right;
}

#order_sub div form div.ui-field-contain div.ui-input-text input[readonly='readonly'] {	
	background-color: #c0c0c0;	
}

#order_sub div form div.ui-field-contain label {
	display: inline-block;
   border-bottom-width: 0;
}



.ui-table-reflow td .ui-table-cell-label, .ui-table-reflow th .ui-table-cell-label {
	margin-right: 0;
	min-width: 0;
}


.spemail {
	display: inline-block;
	padding-left: 10px;
	margin: -7px;
	overflow: hidden;
	padding-right: 10px;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 240px;
}




.AppWaitScreen {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 999;
	background: url("../img/icon_ajax.gif") no-repeat;
	background-position: center;
	display: none;
}

.my-badge {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 1px 7px;
  position: absolute;
  //left: 280px;
  top: 0;
  z-index: 999;
  border-radius: .8em;
  //border: 2px solid #fff;
  font-size: 16px !important;
  width: 30px;
  text-align: center !important;
  right: 10px !important;
}

.my-badge_a {	
	background: green;
	right: 60px !important;
}

.my-badge_big {
	width: 45px !important;
}

.my-badge2_big {
	width: 90px !important;
}

.activebadge {
	background: #BA070F;
}

.ui-icon-white:after {    
	 background-color: white;
	 border-radius: unset;
}

.ui-icon-green:after {    
	 background-color: rgb(115, 166, 148);
	 border-radius: unset;
}

.ui-icon-orange:after {    
	 background-color: rgb(239, 203, 123);
	 border-radius: unset;
}

.ui-icon-red:after {    
	 background-color: rgb(222, 97, 66);
	 border-radius: unset;
}


tr {
    //border-bottom: 1px solid lightgray !important;
}




.splist-list tbody th, .splist-list tbody td {
	//height: 24px;
}

.splist-list thead th, .splist-list tbody tr:last-child {
    border-bottom: 1px solid #d6d6d6;
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.splist-list tbody th, .splist-list tbody td {
    border-bottom: 1px solid #e6e6e6;
    border-bottom: 1px solid rgba(0,0,0,.05);
}
.splist-list tbody tr:last-child th, .splist-list tbody tr:last-child td {
    border-bottom: 0;
}
.splist-list tbody tr:nth-child(odd) td, .splist-list tbody tr:nth-child(odd) th {
    background-color: #eeeeee;
    background-color: rgba(0,0,0,.04);
}


.splist-list2 tbody tr:nth-child(odd) td, .splist-list2 tbody tr:nth-child(odd) th {    
    background-color: rgba(0,0,255,.04) !important;
}











.compactTable {
  font-size: 1em;
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ddd;
  //font-size: 18px;
}

.compactTable td {
  text-align: left;
  padding: 3px;
}

.compactTable tr td a {
   font-weight: normal;
   text-decoration: none;
}

.compactTable tr {
  border-bottom: 1px solid #ddd;
}

.compactTable tr:nth-child(odd) {
	background-color: rgba(0,0,255,.04);
}

.compactTable tr td table tr {
	background: transparent !important;
}

.ml-10 {
	margin-left: 10px !important;
}