:root {
	--pwaMain:darkslategrey;
	--pwaBG:whitesmoke;
	--pwaC:darkslategrey;
	--pwaMenuBG:white;
	--pwaMenuC:darkslategrey;
	--pwaMenuHBG:darkslategrey;
	--pwaMenuHC:white;
}
BODY {
	font-size:12px;
	padding:0px;
	box-sizing:border-box;
	background:var(--pwaBG);
}
.inputClear {
	right:7px;
}
.systemMsg {
	max-height:130px;
}
.einput {
	font-family:Roboto;
	font-size:14px;
	border:1px solid silver;
	color:darkslategray;
	background:white;
	padding:4px;
	border-radius:4px;
	width:100px;
	text-align:left;
	box-sizing:border-box;
}
.rinput {
	font-family:Roboto;
	font-size:15px;
	color:darkslategray;
}
.dbedit.tinput,
.dbedit_ne.tinput,
.dbedit.tinput_ne {
	font-family:Roboto;
	font-size:14px;
	color:darkslategray;
	padding:10px 5px;
	border-radius:0px 5px 5px 5px;
}
.dbedit.tinput_n {
	text-align:left;
}
.dbedit.tinput_txtlog {
	font-family:Roboto;
	font-size:14px;
	padding:10px 5px;
	padding-right:18px;
}
.dbedit.dinput,
.dbedit_ne.input_xlink:not([data-val='']),
.dbedit.input_xlink:not([data-val='']) {
	border-radius:0px 5px 5px 5px;
}
.tinput.numericInput {
	text-align:left;
	padding-right:unset;
	padding-left:5px;
}
.dbedit.dinput {
	width:100% !important;
}
.fieldMultiWrapper input {
	padding-left:26px !important;
}
.dbedit_btnx:hover div {
	left:35px;
}
.tooltip div {
	max-width:350px;
	z-index:101;
}
.fieldDesc div {
	z-index:101;
}
.numberBtn::before {
	width:18px;
}
.nbinput {
	font-size:14px !important;
	font-family:Roboto;
	color:darkslategray;
}
.required_alert {
	left:-16px;
}
.fieldSlug {
	color:silver;
}
.field_row {
	border-top:none;
	max-width:100%;
}
.field_label {
	font-size:12px;
	color:silver;
	padding-bottom:0px;
	width:auto;
	position:relative;
	background:white;
	padding:0px 10px;
	border:1px solid silver;
	border-bottom:none;
	border-radius:5px 5px 0px 0px;
	top:4px;
	z-index:2;
}
.field_label_txt {
	font-size:12px;
	color:silver;
	font-weight:bold;
}
.field_input {
	width:100%;
	display:block;
	margin-left:0px;
	font-family:Roboto;
	font-size:14px;
	color:darkslategray;
}
.dataedit_struct {
	width:95%;
}
.autosuggestBlock .rlink {
	top:7px;
	left:5px;
}
.resourceLinkContainer,
.resourceLinkContainer_as {
	display:block;
}
.resourceLinkBlock {
	margin-bottom:0px;
	white-space:nowrap;
	overflow:hidden;
	padding:4px;
	padding-top:10px;
	box-sizing:border-box;
	border-left:1px solid silver;
	border-right:1px solid silver;
	margin:0px !important;
}
.resourceLink {
	max-width:calc(100% - 85px);
	overflow:hidden;
}
.rlink_notmulti_b,
.rlink_multi_b {
	top:9px;
	left:2px;
}
#loading {
	z-index:9;
}
.ddContainer,
.cboxContainer {
	display:block;
	font-family:Roboto;
	border:1px solid silver;
	font-weight:normal;
	font-size:14px;
	color:darkslategray;
	padding:10px 5px;
	border-radius:0px 5px 5px 5px;
	box-sizing:border-box;
}
#tableBrowse {
	width:100%;
	max-width:500px;
	box-sizing:border-box;
	font-size:15px;
	height:calc(100vh - 85px);
}
#tableBrowseTable::before {
	content:'\f339';
}
.tableBrowseRow {
	width:100%;
	padding:5px 2px;
}
#tableBrowseScroller div {
	right:45px;
}
.moveBtn[data-type='recPrev'] {
	left:40px;
}
.moveBtn[data-type='recNext'] {
	right:40px;
}
.tox-tinymce-aux {
	z-index:15000 !important;
}
.field_container {
	position:relative;
}
#pwaRecordHead {
	height:60px;
	width:100%;
	position:relative;
	text-align:center;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px solid silver;
}
#pwaRecordHead_a {
	font-size:18px;
	font-weight:bold;
	max-height:48px;
	overflow:hidden;
}
#pwaRecordHeadText {
	position:relative;
	top:50%;
	width:100%;
	transform:translate(0%, -50%);
}
#pwaRecordEdit {
	position:absolute;
	top:10px;
	right:10px;
	font-size:18px;
	cursor:pointer;
	z-index:250;
}
#pwaRecordEdit::after {
	font-family:var(--fa);
	font-weight:900;
	content:'\f023';
}
#pwaRecordEdit[data-edit='1']::after {
	content:'\f3c1';
}
#pwaRecordFields {
	height:calc(100% - 65px);
	overflow-x:hidden;
	overflow-y:auto;
	scrollbar-width:none;
}
#pwaRecordFields:focus-visible,
#pwaRecordFields:focus {
	outline:none;
}
#pwaRecordFieldsOverlay {
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background:black;
	z-index:200;
}
.inputClearWrap {
	width:100%;
}
.navbar {
	padding-top:17px;
}
.edit_table {
	margin-top:20px;
	margin-bottom:200px;
}
.edit_table[data-embedded='1'] .field_input {
	width:auto;
}
#resourceParents,
.dbedit.pwaFieldContainer {
	font-family:Roboto;
	border:1px solid silver;
	font-weight:normal;
	font-size:14px;
	color:darkslategray;
	padding:10px 5px;
	border-radius:0px 5px 5px 5px;
	box-sizing:border-box;
}
.dbedit.cinput {
	font-family:Roboto;
	border:1px solid silver;
	font-weight:normal;
	font-size:14px;
	color:darkslategray;
	padding:10px 5px;
	padding-bottom:0px;
	border-radius:0px 5px 5px 5px;
	box-sizing:border-box;
}
.dbedit.tinput:not(.dateInput),
.dbedit.tinput_txtlog:not(.dateInput),
.dbedit_ne.tinput:not(.dateInput),
.dbedit.tinput_ne:not(.dateInput) {
	width:100% !important;
}
.stdBtnNI:hover {
	color:white !important;
	background:darkslategrey;
}
.tagLink[data-id='']::before {
	content:"\f2fd";
	font-weight:300;
}
.formButton {
	padding-right:8px;
	padding-left:8px;
}
.fabtn[data-type='search']::before,
.faicon[data-type='search']::before {
	top:-1px;
}
.sortableContainer .value {
	white-space:normal;
	position:relative;
}
.resourceLinkBlock:not(:last-child) {
	margin-bottom:8px;
}
div[data-type='jumppwa'],
div[data-type='jump'],
#tableBrowseHeader,
#tableFilterLabel {
	display:none;
}
.recordDisplay {
	overflow:hidden;
}
.resourceLinkBlock:first-child,
.autosuggestBlock:first-child {
	border-top:1px solid silver;
	border-radius:0px 5px 0px 0px;
}
.resourceLinkBlock:last-child,
.autosuggestBlock:last-child {
	padding-bottom:10px;
	margin-bottom:-5px !important;
}
.autosuggestBlock {
	white-space:nowrap;
	overflow:hidden;
	padding:4px;
	padding-left:35px;
	padding-top:10px;
	box-sizing:border-box;
	border-left:1px solid silver;
	border-right:1px solid silver;
	margin:0px !important;
	margin-top:4px;
	margin-bottom:12px;
	width:100% !important;
}
.xresourceLinkContainer {
	width:calc(100% - 0px);
	padding-bottom:10px;
	border-bottom:1px solid silver;
	border-top:1px solid silver;
	border-radius:0px 5px 5px 5px;
}
.xresourceLinkContainer[data-count='0'] {
	padding-left:5px;
	margin-bottom:5px;
	width:100%;
}
.resourceLinkContainer[data-multi='1'] .rlink_multi_i,
.resourceLinkContainer[data-multi='0'] .rlink_notmulti_i {
	margin-bottom:0px !important;
}
.dbedit.pwaFieldContainer .resourceLinkContainer,
.dbedit.pwaFieldContainer .autosuggestBlock,
.dbedit.pwaFieldContainer .cinput,
.dbedit.pwaFieldContainer .xtinput,
.dbedit_ne.pwaFieldContainer .xtinput,
.dbedit.pwaFieldContainer .tinput_txtlog,
.dbedit.pwaFieldContainer .tinput_ne {
	border:none;
	border-radius:0px;
}
.cbcopy {
	padding-left:25px;
}
.rlink_notmulti_i input,
.rlink_multi_i input {
	border-radius:5px !important;
}
.resourceLinkContainer[data-multi='1']:not([data-count='0']) .rlink_multi_i {
	margin:0 !important;
}
.recordConnection {
	width:100%;
	padding-bottom:3px;
	border-bottom:1px dotted silver;
}
.recordConnection:last-child,
.navdd_row {
	border-bottom:none;
}
.input_clear {
	padding-right:3px;
	padding-left:3px;
}
.input_readonly {
	padding-right:10px;
	padding-left:10px;
}
.overlay {
	z-index:60;
}
#puser,
#phelp,
#dbext_label,
.lastchange,
.searchName {
	padding-right:5px;
	padding-left:5px;
}
.cboxBlock {
	margin-left:8px;
}
.cboxBlock:first-child {
	margin-left:0px;
}
#pwaRecordLoading {
	border:2px solid midnightblue;
	display:inline-block;
	padding:5px 8px;
	background:white;
	position:relative;
	color:darkslategrey;
	font-size:15px;
	border-radius:20px;
	font-weight:bold;
	left:50%;
	transform:translate(-50%,0);
}
#pwaRecordView {
	padding:10px;
	display:inline-block;
	width:100%;
	max-width:500px;
	margin:auto;
	border:2px solid darkslategrey;
	border-radius:10px;
	background:white;
	position:relative;
	color:darkslategrey;
	box-sizing:border-box;
	font-size:15px;
	height:calc(100vh - 85px);
	border-top-left-radius:0px;
	left:50%;
	transform:translate(-50%,0);
}
#pwaRecordView .displayName {
	display:inline-block;
	position:absolute;
	font-size:.8em;
	font-weight:bold;
	top:-20px;
	left:-2px;
	xtransform:translate(-50%,0);
	border-radius:5px 5px 0 0;
	padding:2px 12px;
	color:darkslategrey;
	background:white;
	border:2px solid darkslategrey;
	border-bottom:none;
	z-index:12;
}
#pwaRecordViewBtns {
	position:absolute;
	top:-11px;
	right:-10px;
	z-index:11;
}
#pwaRecordViewBtns .fabtn,
#pwaRecordViewBtns .stdBtn {
	margin:0px 6px;
}
.tableBrowseTableSelect {
	width:100%;
	text-align:center;
	font-weight:bold;
	font-size:18px;
	cursor:pointer;
	border-bottom:1px dashed darkslategrey;
	margin:5px;
	padding:5px;
}
#tableBrowseTable {
	cursor:pointer;
}
.tableBrowseTableSelect:last-child {
	border:none;
}
.tableBrowseContainer {
	height:calc(100% - 5px);
	overflow:hidden;
}
#tableBrowseResults {
	margin-top:12px;
	height:calc(100% - 40px);
	overflow-x:hidden;
	overflow-y:auto;
	scrollbar-width:thin;
}
.rtable .td {
	padding-top:2px;
}
.quadTableB td,
.quadTableB th {
	border:1px solid silver;
	border-right:1px solid silver;
	border-bottom:1px solid silver;
}
#adminID,
#adminPWD,
#adminUserID,
#setUserid,
#ap_equip,
#iosKey {
	padding:2px 5px;
	background:whitesmoke;
	border:1px solid white;
	width:150px;
	font-size:16px;
	display:none;
	border-radius:10px;
	color:var(--pwaMain);
	margin:5px;
}
.tquad {
	background:white;
}
#quad_0:not([data-scroll='0']),
#quad_1[data-scroll='1'],
#quad_1[data-scroll='3'],
#quad_2[data-scroll='2'],
#quad_2[data-scroll='3'],
#top_bar[data-scroll='1'] {
	-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.8);
	-moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.8);
	box-shadow:0px 0px 15px 0px rgba(0,0,0,0.8);
}
#data_state {
	font-family:var(--fa);
	font-weight:900;
	font-size:18px;
	color:white;
	display:inline-block;
	top:7px;
	left:35px;
	position:absolute;
	white-space:nowrap;
	height:20px;
}
#data_state::before {
	position:absolute;
	content:"\f0c7";
}
#data_state[data-online='1']::before {
	position:absolute;
	content:"\f0ed";
}
#supportClose {
	position:absolute;
	display:inline-block;
	top:5px;
	right:5px;
	font-size:20px;
	color:silver;
	cursor:pointer;
}
#supportButton {
	position:absolute;
	cursor:pointer;
	top:5px;
	right:20px;
	font-size:18px;
	width:20px;
	height:20px;
}
#supportPanel {
	background:white;
	border-radius:10px;
	padding:10px;
	margin-top:20px;
	min-height:200px;
	position:relative;
	color:var(--pwaBackground);
}
.pwa_panel {
	width:100%;
	min-height:100vh;
	height:100%;
	box-sizing:border-box;
	padding:10px;
	background:whitesmoke;
	color:darkslategrey;
}
#splash_state,
.notice_bar {
	max-width:300px;
	min-width:200px;
	font-size:16px;
	border:2px solid white;
	padding:4px 10px;
	border-radius:18px;
	color:white;
	background:#424242;
	position:relative;
	top:25vh;
	display:inline-block;
}
#splash_state_message {
	font-size:11px;
	text-align:center;
	color:silver;
	width:100%;
	position:absolute;
	bottom:-24px;
	left:0px;
}
.splash_screen {
	font-size:14px;
	margin:auto;
	margin-top:30px;
	width:95%;
	color:black;
	padding:20px;
	border-radius:10px;
	border:2px solid white;
	background:white;
	z-index:61;
}
.help_screen {
	font-size:14px;
	margin:auto;
	margin-top:30px;
	width:90%;
	color:black;
	padding:20px;
	border-radius:10px;
	border:2px solid white;
	background:white;
	z-index:61;
	position:fixed;
	max-height:95%;
	left:5%;
	box-sizing:border-box;
	overflow-y:auto;
}
.splash_state {
	min-width:250px;
}
.login_btn {
	display:inline-block;
	padding:4px 14px;
	border-radius:14px;
	border:1px solid white;
	background:DarkSlateGray;
	font-weight:bold;
	cursor:pointer;
}
.login_btn:hover {
	background:white;
	color:DarkSlateGray;
}
#top_bar {
	height:29px;
	width:100vw;
	position:fixed;
	top:0px;
	left:0px;
	z-index:10;
	background:var(--pwaMain);
	color:white;
	border-bottom:1px solid black;
	padding-bottom:5px;
}
#menu_btn {
	font-size:25px;
	cursor:pointer;
	padding:4px;
}
#menu_close {
	position:absolute;
	font-size:18px;
	width:12px;
	height:12px;
	background:white;
	border-radius:12px;
	top:-6px;
	right:-6px;
	cursor:pointer;
	z-index:+1;
	color:red;
}
#menu_close i {
	position:relative;
	top:-6px;
	left:-2px;
}
#menu_close:hover {
	color:black;
}
#menu {
	background:var(--pwaMenuBG);
	color:var(--pwaMenuC);
	opacity:.9;
	position:fixed;
	display:inline-block;
	top:35px;
	left:0px;
	z-index:10;
}
.menu_item {
	padding:5px;
	padding-right:20px;
	padding-left:25px;
	font-size:16px;
	border-top:1px solid var(--pwaMenuC);
	opacity:1;
	cursor:pointer;
	position:relative;
}
.menu_item:hover {
	background:var(--pwaMenuHBG);
	color:var(--pwaMenuHC);
}
.menu_item:first-child {
	border-top:none;
}
.menu_item[data-on='1']::before {
	font-family:var(--fa);
	font-weight:900;
	content:"\f0a9";
	font-size:15px;
	color:gold;
	width:20px;
	display:inline-block;
	position:absolute;
	left:4px;
	top:4px;
}
#loading-image {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:300px;
}
.gen_cbox_lrg {
	display:inline-block;
	cursor:pointer;
}
.gen_cbox_lrg::before {
	font-family:var(--fa);
	font-weight:900;
	content:"\f057";
	font-size:20px;
	color:silver;
	width:21px;
	height:20px;
	display:inline-block;
}
.gen_cbox_lrg[data-on='1']::before {
	content:"\f058";
	color:green;
}
.gen_btn {
	cursor:pointer;
	margin-left:9px;
	font-weight:bold;
	color:var(--mainmenu);
	font-size:14px;
	border:2px solid var(--mainmenu);
	border-radius:5px;
	display:inline-block;
	padding:3px;
}
.pill_btn,
.pill_btn_w {
	display:inline-block;
	padding:4px 14px;
	border-radius:14px;
	border:1px solid white;
	background:whitesmoke;
	font-weight:bold;
	cursor:pointer;
	color:DarkSlateGray;
}
.deleteBtn {
	position:absolute;
	display:inline-block;
	top:-8px;
	right:-8px;
	height:16px;
	font-size:16px;
	color:crimson;
	background:white;
	border-radius:16px;
	border:2px solid white;
	z-index:4;
	cursor:pointer;
}
.deleteBtn[data-confirm='1'],
.deleteBtn[data-confirm='2'] {
	font-size:14px;
	line-height:16px;
	padding:1px 10px;
	border:2px solid crimson;
}
.deleteButton {
	display:inline-block;
	position:relative;
	color:crimson;
	background:white;
	border-radius:16px;
	border:2px solid crimson;
	font-size:16px;
	padding:2px 10px;
	margin:auto;
	cursor:pointer;
}
.inputfileContainer {
	display:inline-block;
	padding:4px 10px;
	background:white;
	width:200px;
	text-align:center;
	border:1px dashed silver;
	border-radius:8px;
	box-sizing:border-box;
}
.inputfile {
	width:0px;
	height:0px;
	overflow:hidden;
}
.inputfile + label {
	color:var(--pwaMain);
	border:1px solid var(--pwaMain);
	padding:2px 10px;
	border-radius:3px;
	background:white;
	cursor:pointer;
	font-weight:bold;
}
.inputfileContainer .progressTotal {
	box-sizing:border-box;
	overflow:hidden;
	border-radius:5px;
	width:100%;
	height:10px;
	margin:5px 0px;
	background:whitesmoke;
	position:relative;
}
.inputfileContainer .progressComplete {
	position:absolute;
	left:0px;
	top:0px;
	width:0px;
	height:10px;
	background:black;
}
.user_btns {
	border:1px solid black;
	border-radius:20px;
	display:inline-block;
	background:white;
	cursor:pointer;
	padding:2px 20px;
	color:black;
	font-size:16px;
	text-align:center;
	font-weight:bold;
}
.square_button,
.square_btn {
	display:inline-block;
	border-radius:4px;
	background:rgba(0,0,0,.2);
	border:1px solid silver;
	color:whitesmoke;
	margin:auto;
	text-align:center;
	padding:0px 10px;
	cursor:pointer;
}
.square_button[data-on='1'],
.square_btn[data-on='1'] {
	background:white;
	color:darkslategrey;
}
@media screen and (max-width: 500px) {
	#pwaRecordView {
		left:calc(50% - 7px);
		width:calc(100% - 14px);
	}
}