body,
.clsMInput,
.clsTextInput,
select,
optgroup,
textarea,
button,
.ui-btn,
.btn,
h1
 {
  color:#000
}

body {
  color: #333;
  }

th {
 	background-color:			#f9f9f9;
  }


.clsDrsgPad tr, .clsDrsgPad td {
  background-color:#e9e9e9;
  }
.clsDrsgPad div {
  background-color:white;
  border: 3px solid #e9e9e9;
}

.clsDrsgP {
	font-size:60pt;
  width:1.4em;
  background-color:#e9e9e9;
}

.clsDrsgPActive {
  border:3px solid gray;
  box-shadow: -1px 1px 5px 5px rgb(256 256 256 / 30%);
/*  box-shadow: -1px 1px 5px 5px rgb(0 0 0 / 30%); */
  background:#fff;
}


.ui-header, .ui-footer {
  background-color:#e9e9e9;
  color:#333;
}

.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}*/;
}

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

.ui-btnc {
  display:inline-block;
  }
.ui-btnc:hover {
	background-color:	#ddd;
  }


.ui-btn-big:hover, .ui-collapse:hover {
	background-color:	#ededed;
  }

.ui-btn-right:hover, .ui-btn:hover {   /*darker as on darker background*/
	background-color:	#ddd;
  }

/*icons - in svg so can all be in this one css file */

.ui-icon-caret-d:after {
  background-image: url("data:image/svg+xml,%3Csvg id='i-chevron-bottom' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24' fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M30 12 L16 24 2 12' /%3E%3C/svg%3E");
}
.ui-icon-caret-l:after {
  background-image: url("data:image/svg+xml,%3Csvg id='i-chevron-left' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24' fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 30 L8 16 20 2' /%3E%3C/svg%3E");
}
.ui-icon-caret-r:after {      /*right arrow for action items*/
  background-image: url("data:image/svg+xml,%3Csvg id='i-chevron-right' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24' fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 30 L24 16 12 2' /%3E%3C/svg%3E");
}
.ui-icon-caret-u:after {
  background-image: url("data:image/svg+xml,%3Csvg id='i-chevron-top' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24' fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M30 20 L16 8 2 20' /%3E%3C/svg%3E");
}

.ui-icon-cog:after {
  background-image: url("data:image/svg+xml,%3Csvg id='i-settings' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24' fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M13 2 L13 6 11 7 8 4 4 8 7 11 6 13 2 13 2 19 6 19 7 21 4 24 8 28 11 25 13 26 13 30 19 30 19 26 21 25 24 28 28 24 25 21 26 19 30 19 30 13 26 13 25 11 28 8 24 4 21 7 19 6 19 2 Z' /%3E%3Ccircle cx='16' cy='16' r='4' /%3E%3C/svg%3E");
  }


.ui-icon-vellipsis:after {
	background-image: url("data:image/svg+xml,%3Csvg id='i-ellipsis-vertical' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24' fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='16' cy='7' r='2' /%3E%3Ccircle cx='16' cy='16' r='2' /%3E%3Ccircle cx='16' cy='25' r='2' /%3E%3C/svg%3E");
}



.ui-icon-delete:after, .ui-icon-cancel:after, .ui-btn-closedialog:after {
  background-image: url("data:image/svg+xml,%3Csvg id='i-close' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24' fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M2 30 L30 2 M30 30 L2 2' /%3E%3C/svg%3E");
}


.ui-icon-menu:after {
  background-image: url("data:image/svg+xml,%3Csvg id='i-menu' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24' fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 8 L28 8 M4 16 L28 16 M4 24 L28 24' /%3E%3C/svg%3E");
/*  background-image: url("data:image/svg+xml,%3Csvg id='i-menu' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' width='36' height='36' fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 8 L32 8 M4 16 L32 16 M4 24 L32 24' /%3E%3C/svg%3E"); */
}


.ui-icon-edit:after {
background-image: url("data:image/svg+xml,%3Csvg id='i-edit' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24' fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M30 7 L25 2 5 22 3 29 10 27 Z M21 6 L26 11 Z M5 22 L10 27 Z' /%3E%3C/svg%3E");
}

.ui-icon-left:after {
  	background-image:url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23000%22%20points%3D%227%2C5%207%2C0%200%2C7%207%2C14%207%2C9%2014%2C9%2014%2C5%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-icon-minus:after {
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Crect%20y%3D%225%22%20style%3D%22fill%3A%23000000%3B%22%20width%3D%2214%22%20height%3D%224%22%2F%3E%3C%2Fsvg%3E");
}

.ui-icon-print:after {
  background-image: url("data:image/svg+xml,%3Csvg id='i-print' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='20' height='20' fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M7 25 L2 25 2 9 30 9 30 25 25 25 M7 19 L7 30 25 30 25 19 Z M25 9 L25 2 7 2 7 9 M22 14 L25 14' /%3E%3C/svg%3E");
}

.ui-icon-plus:after {
  background-image: url("data:image/svg+xml,%3Csvg id='i-plus' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24' fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 2 L16 30 M2 16 L30 16' /%3E%3C/svg%3E");
}

.ui-icon-refresh:after {
  background-image: url("data:image/svg+xml,%3Csvg id='i-reload' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24' fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M29 16 C29 22 24 29 16 29 8 29 3 22 3 16 3 10 8 3 16 3 21 3 25 6 27 9 M20 10 L27 9 28 2' /%3E%3C/svg%3E");
}

.ui-icon-check:after {
  background-image: url("data:image/svg+xml,%3Csvg id='i-checkmark' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24' fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M2 20 L12 28 30 4' /%3E%3C/svg%3E");
}

.ui-icon-save:after {
  background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="-7 -7 39 39" role="img" xmlns="http://www.w3.org/2000/svg" stroke="%23000000" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="%23000000"><path d="M17.292,3.292 L21,7 L21,20 C21,20.55 20.55,21 20,21 L4,21 C3.44,21 3,20.55 3,20 L3,4 C3,3.44 3.44,3 4,3 L16.58,3 C16.85,3 17.10,3.105 17.29,3.29 Z"/><rect width="10" height="8" x="7" y="13"/><rect width="8" height="5" x="8" y="3"/></svg>')
}

.ui-icon-send:after {
  background-image: url("data:image/svg+xml,%3Csvg id='i-send' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24' fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M2 16 L30 2 16 30 12 20 Z M30 2 L12 20' /%3E%3C/svg%3E");
}

.ui-icon-search:after {
	background-image: url("data:image/svg+xml,%3Csvg id='i-search' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='20' height='20' fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='14' cy='14' r='11' /%3E%3Cpath d='M22 22 L30 30' /%3E%3C/svg%3E");
}

.ui-icon-upload:after {
	background-image: url("data:image/svg+xml,%3Csvg id='i-upload' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='34' fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 22 C0 23 1 12 9 13 6 2 23 2 22 10 32 7 32 23 23 22 M11 18 L16 14 21 18 M16 14 L16 29' /%3E%3C/svg%3E");
}





.ui-icon-pause:after {
  background-image: url("data:image/svg+xml,%3Csvg id='i-pause' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24' fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M23 2 L23 30 M9 2 L9 30' /%3E%3C/svg%3E");
}

.ui-icon-play:after {
  background-image: url("data:image/svg+xml,%3Csvg id='i-play' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24' fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 2 L10 30 24 16 Z' /%3E%3C/svg%3E");
}

.ui-icon-forward:after {
  background-image: url("data:image/svg+xml,%3Csvg id='i-forwards' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24' fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 2 L30 16 16 30 16 16 2 30 2 2 16 16 Z' /%3E%3C/svg%3E");
  }


.ui-icon-trash:after {
  background-image: url("data:image/svg+xml,%3Csvg id='i-trash' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24' fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M28 6 L6 6 8 30 24 30 26 6 4 6 M16 12 L16 24 M21 12 L20 24 M11 12 L12 24 M12 6 L13 2 19 2 20 6' /%3E%3C/svg%3E");
  }

.ui-icon-backwards:after {
  background-image: url("data:image/svg+xml,%3Csvg id='i-backwards' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24' fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 2 L2 16 16 30 16 16 30 30 30 2 16 16 Z' /%3E%3C/svg%3E");
  }

.ui-icon-stop:after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' %3E%3Crect width='24' height='24' x='0' y='0' rx='0' ry='0' style='fill:black;stroke:black;stroke-width:1;opacity:0.5' /%3E%3C/svg%3E");
  }



.ui-icon-search2:after {
  background-image: url("data:image/svg+xml,%3Csvg id='i-search' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24' fill='none' stroke='%23555 stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='14' cy='14' r='12' /%3E%3Cpath d='M23 23 L30 30' /%3E%3C/svg%3E");
  }

}