body {font: normal 12px Tahoma; }
body * {box-sizing: border-box; }

.error404 {padding: 100px 100px; color: red; }

a {text-decoration: none; color: blue; }
a:hover {color: red; background: rgba(200,200,200,0.2); }

.tal {text-align: left; }
.tar {text-align: right; }
.tac {text-align: center; }
.taj {text-align: justify; }

.vat {vertical-align: top; }
.vam {vertical-align: middle; }
.vab {vertical-align: bottom; }
.vabl {vertical-align: baseline; }

.fl {float: left; }
.fr {float: right; }

.cl {clear: left; }
.cr {clear: right; }
.cb {clear: both; }

.db {display: block; }
.dib {display: inline-block; }

.wsnw,.nowrap { white-space: nowrap; }
.wsp,.pre { white-space: pre;}
.wspl,.pre-line { white-space: pre-line;}
.wspw,.pre-wrap { white-space: pre-wrap;}

.pos-abs {position: absolute; }
.pos-fix {position: fixed; }
.pos-rel {position: relative; }

.scroll {overflow: scroll; }
.scroll-x {overflow-x: scroll; }
.scroll-y {overflow-y: scroll; }

.nowrap {white-space: nowrap; }
.hidden {display: none; }
.wrap {white-space: normal; }

.hide {display: none !important; }
.show {}

.info-hide {display: none; }
.info-show {}

.bold {font-weight: bold; }
.italic {font-style: italic; }

.w100p {width: 100%; }
.h100p {height: 100%; }


.tbl {display: table; }
.tbl .row {display: table-row; }
.tbl .col {display: table-cell; }

.tbl .tr {display: table-row; }
.tbl .td {display: table-cell; }

.xcol {display: inline-block; }
.xrow {display: block; }


.darkred {color: darkred; }
.red {color: red; }
.blue {color: blue; }
.green {color: green; }
.skyblue {color: skyblue; }
.magenta {color: magenta; }

.new {color: red; font-weight: bold; }


.disabled {}
.readonly {}
.editable {}

.standard {}
.darkened {}
.brighted {}
.critical {}

.default {background: lightgrey; color: black; border-color: black; }
.success {background: rgba(0,255,0,0.4); 		color: darkgreen; 	border-color: darkgreen; }
.failure {background: rgba(255,50,50, 0.4); 	color: darkred; 	border-color: darkred; }
.warning {background: #FED8B1; color: black; border-color: black; }
.primary {background: rgba(80,80,255,0.6); color: darkblue; border-color: darkblue; }
.silvery {background: rgba(228, 228, 228, 0.4); color: rgb(10,10,10); border-color: darkgrey; }

.inverse {background: darkblue; color: white; border-color: darkblue;}
.intense {}


.urgent {}
.normal {background: lightgrey; color: black; border-color: black; }
.danger {	background: pink; color: darkred; 		border-color: red; }


.msg {
	width: 100%; 
	line-height: 1;
	font-size: 1em; 
	border-radius: 1em; 
	padding: 1em; 
}
.btn {
	border-radius: 0.3em; 
	padding: 0.2em 0.7em;
}
.btn:hover {
	cursor: pointer;
	border: magenta 2px solid; 
  border-image-source: linear-gradient(to left, #743ad5, #d53a9d);
	/* linear-gradient(135deg, rgba(249,0,0,1) 0%, rgba(207,3,192,1) 48%, rgba(0,212,255,1) 100%); */
}


.func {box-sizing: border-box; }
.func * {box-sizing: border-box; }

.test-style-css {background: red; }
.print_rr {margin-left: 180px; font-size: 8px; }
.textarea-auto:focus {height: 150px; }
textarea.auto:focus {height: 150px; }

.alert {background: lightyellow; padding: 10px 5px; color: darkred; }


.th-title1 {font-size: 14px; color: darkblue; font-weight: bold; padding: 3px; line-height: 1.1em; }
.th-title2 {margin: 5px; font-size: 13px; color: darkblue; font-weight: bold; }
.th-title3 {margin: 5px; font-size: 11px; color: darkred; font-weight: bold; }
.own-info {font-weight: normal; color: darkred; padding-left: 5px; padding-right: 5px; }


#toplevel_page_Display-Admin {background: rgba(100,200,200, 0.8) !important; }
.th-menu-admin {font-weight: bold;  }
.th-menu-new {color: red; }
.th-menu-wp {font-style: italic; }

/* ADMIN AUTO MENU */
.btn-func:nth-child(n+2):before {content: ' | '; margin: 2px; color: lightgrey; }
.link {text-decoration: none; padding: 1px 4px; }
.link:hover {color: red; background: pink; }

.pointer:hover {cursor: pointer; }

@media screen and (max-width: 600px) {
	.nav-tab-wrapper {overflow: scroll; white-space: nowrap; display: block; }
	.nav-tab-wrapper {
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	.nav-tab-wrapper .nav-tab { white-space: nowrap; display: inline-block; float: none; }
	
}
@media screen and (min-width: 600px) {
	.nav-tab-wrapper .nav-help {float: right; margin-right: 20px; }
}

.popup-cont {
	position: fixed;
	right: 150px; 
	top: 40px;
	width: 0px;
	height: 0px; 
	z-index: 9999999;
}
.popup-cont #popup-div {
	background: rgba(255,255,255,0.95);
	padding: 5px 10px 5px 10px; 
	z-index: 9999999;
}


#wpfooter {display: none; }

.th-widget .menu-item {
	padding: 2px 4px;	
}

input[disabled], textarea[disabled] {
}
input[readonly], textarea[readonly] {
}
input[enabled], textarea[enabled] {
	
}
input[editable], textarea[editable] {
	background: rgba(255,255,100, 0.4); 
	border: rgba(100,100,100, 0.4) 1px solid; 
	border-radius: 0.2em;
}