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

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;}
.wrap {white-space: normal; }

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

.hidden {display: none; }
.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; }

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

/* COLOR */
.aliceblue {color: aliceblue;}
.antiquewhite {color: antiquewhite;}
.aqua {color: aqua;}
.aquamarine {color: aquamarine;}
.azure {color: azure;}
.beige {color: beige;}
.bisque {color: bisque;}
.black {color: black;}
.blanchedalmond {color: blanchedalmond;}
.blue {color: blue;}
.blueviolet {color: blueviolet;}
.brown {color: brown;}
.burlywood {color: burlywood;}
.cadetblue {color: cadetblue;}
.chartreuse {color: chartreuse;}
.chocolate {color: chocolate;}
.coral {color: coral;}
.cornflowerblue {color: cornflowerblue;}
.cornsilk {color: cornsilk;}
.crimson {color: crimson;}
.cyan {color: cyan;}
.darkblue {color: darkblue;}
.darkcyan {color: darkcyan;}
.darkgoldenrod {color: darkgoldenrod;}
.darkgray {color: darkgray;}
.darkgreen {color: darkgreen;}
.darkgrey {color: darkgrey;}
.darkkhaki {color: darkkhaki;}
.darkmagenta {color: darkmagenta;}
.darkolivegreen {color: darkolivegreen;}
.darkorange {color: darkorange;}
.darkorchid {color: darkorchid;}
.darkred {color: darkred;}
.darksalmon {color: darksalmon;}
.darkseagreen {color: darkseagreen;}
.darkslateblue {color: darkslateblue;}
.darkslategray {color: darkslategray;}
.darkslategrey {color: darkslategrey;}
.darkturquoise {color: darkturquoise;}
.darkviolet {color: darkviolet;}
.deeppink {color: deeppink;}
.deepskyblue {color: deepskyblue;}
.dimgray {color: dimgray;}
.dimgrey {color: dimgrey;}
.dodgerblue {color: dodgerblue;}
.firebrick {color: firebrick;}
.floralwhite {color: floralwhite;}
.forestgreen {color: forestgreen;}
.fuchsia {color: fuchsia;}
.gainsboro {color: gainsboro;}
.ghostwhite {color: ghostwhite;}
.gold {color: gold;}
.goldenrod {color: goldenrod;}
.gray {color: gray;}
.green {color: green;}
.greenyellow {color: greenyellow;}
.grey {color: grey;}
.honeydew {color: honeydew;}
.hotpink {color: hotpink;}
.indianred {color: indianred;}
.indigo {color: indigo;}
.ivory {color: ivory;}
.khaki {color: khaki;}
.lavender {color: lavender;}
.lavenderblush {color: lavenderblush;}
.lawngreen {color: lawngreen;}
.lemonchiffon {color: lemonchiffon;}
.lightblue {color: lightblue;}
.lightcoral {color: lightcoral;}
.lightcyan {color: lightcyan;}
.lightgoldenrodyellow {color: lightgoldenrodyellow;}
.lightgray {color: lightgray;}
.lightgreen {color: lightgreen;}
.lightgrey {color: lightgrey;}
.lightpink {color: lightpink;}
.lightsalmon {color: lightsalmon;}
.lightseagreen {color: lightseagreen;}
.lightskyblue {color: lightskyblue;}
.lightslategray {color: lightslategray;}
.lightslategrey {color: lightslategrey;}
.lightsteelblue {color: lightsteelblue;}
.lightyellow {color: lightyellow;}
.lime {color: lime;}
.limegreen {color: limegreen;}
.linen {color: linen;}
.magenta {color: magenta;}
.maroon {color: maroon;}
.mediumaquamarine {color: mediumaquamarine;}
.mediumblue {color: mediumblue;}
.mediumorchid {color: mediumorchid;}
.mediumpurple {color: mediumpurple;}
.mediumseagreen {color: mediumseagreen;}
.mediumslateblue {color: mediumslateblue;}
.mediumspringgreen {color: mediumspringgreen;}
.mediumturquoise {color: mediumturquoise;}
.mediumvioletred {color: mediumvioletred;}
.midnightblue {color: midnightblue;}
.mintcream {color: mintcream;}
.mistyrose {color: mistyrose;}
.moccasin {color: moccasin;}
.navajowhite {color: navajowhite;}
.navy {color: navy;}
.oldlace {color: oldlace;}
.olive {color: olive;}
.olivedrab {color: olivedrab;}
.orange {color: orange;}
.orangered {color: orangered;}
.orchid {color: orchid;}
.palegoldenrod {color: palegoldenrod;}
.palegreen {color: palegreen;}
.paleturquoise {color: paleturquoise;}
.palevioletred {color: palevioletred;}
.papayawhip {color: papayawhip;}
.peachpuff {color: peachpuff;}
.peru {color: peru;}
.pink {color: pink;}
.plum {color: plum;}
.powderblue {color: powderblue;}
.purple {color: purple;}
.red {color: red;}
.rosybrown {color: rosybrown;}
.royalblue {color: royalblue;}
.saddlebrown {color: saddlebrown;}
.salmon {color: salmon;}
.sandybrown {color: sandybrown;}
.seagreen {color: seagreen;}
.seashell {color: seashell;}
.sienna {color: sienna;}
.silver {color: silver;}
.skyblue {color: skyblue;}
.slateblue {color: slateblue;}
.slategray {color: slategray;}
.slategrey {color: slategrey;}
.snow {color: snow;}
.springgreen {color: springgreen;}
.steelblue {color: steelblue;}
.tan {color: tan;}
.teal {color: teal;}
.thistle {color: thistle;}
.tomato {color: tomato;}
.turquoise {color: turquoise;}
.violet {color: violet;}
.wheat {color: wheat;}
.white {color: white;}
.whitesmoke {color: whitesmoke;}
.yellow {color: yellow;}
.yellowgreen {color: yellowgreen;}

.bg-aliceblue { background-color: aliceblue; }
.bg-antiquewhite { background-color: antiquewhite; }
.bg-aqua { background-color: aqua; }
.bg-aquamarine { background-color: aquamarine; }
.bg-azure { background-color: azure; }
.bg-beige { background-color: beige; }
.bg-bisque { background-color: bisque; }
.bg-black { background-color: black; }
.bg-blanchedalmond { background-color: blanchedalmond; }
.bg-blue { background-color: blue; }
.bg-blueviolet { background-color: blueviolet; }
.bg-brown { background-color: brown; }
.bg-burlywood { background-color: burlywood; }
.bg-cadetblue { background-color: cadetblue; }
.bg-chartreuse { background-color: chartreuse; }
.bg-chocolate { background-color: chocolate; }
.bg-coral { background-color: coral; }
.bg-cornflowerblue { background-color: cornflowerblue; }
.bg-cornsilk { background-color: cornsilk; }
.bg-crimson { background-color: crimson; }
.bg-cyan { background-color: cyan; }
.bg-darkblue { background-color: darkblue; }
.bg-darkcyan { background-color: darkcyan; }
.bg-darkgoldenrod { background-color: darkgoldenrod; }
.bg-darkgray { background-color: darkgray; }
.bg-darkgreen { background-color: darkgreen; }
.bg-darkgrey { background-color: darkgrey; }
.bg-darkkhaki { background-color: darkkhaki; }
.bg-darkmagenta { background-color: darkmagenta; }
.bg-darkolivegreen { background-color: darkolivegreen; }
.bg-darkorange { background-color: darkorange; }
.bg-darkorchid { background-color: darkorchid; }
.bg-darkred { background-color: darkred; }
.bg-darksalmon { background-color: darksalmon; }
.bg-darkseagreen { background-color: darkseagreen; }
.bg-darkslateblue { background-color: darkslateblue; }
.bg-darkslategray { background-color: darkslategray; }
.bg-darkslategrey { background-color: darkslategrey; }
.bg-darkturquoise { background-color: darkturquoise; }
.bg-darkviolet { background-color: darkviolet; }
.bg-deeppink { background-color: deeppink; }
.bg-deepskyblue { background-color: deepskyblue; }
.bg-dimgray { background-color: dimgray; }
.bg-dimgrey { background-color: dimgrey; }
.bg-dodgerblue { background-color: dodgerblue; }
.bg-firebrick { background-color: firebrick; }
.bg-floralwhite { background-color: floralwhite; }
.bg-forestgreen { background-color: forestgreen; }
.bg-fuchsia { background-color: fuchsia; }
.bg-gainsboro { background-color: gainsboro; }
.bg-ghostwhite { background-color: ghostwhite; }
.bg-gold { background-color: gold; }
.bg-goldenrod { background-color: goldenrod; }
.bg-gray { background-color: gray; }
.bg-green { background-color: green; }
.bg-greenyellow { background-color: greenyellow; }
.bg-grey { background-color: grey; }
.bg-honeydew { background-color: honeydew; }
.bg-hotpink { background-color: hotpink; }
.bg-indianred { background-color: indianred; }
.bg-indigo { background-color: indigo; }
.bg-ivory { background-color: ivory; }
.bg-khaki { background-color: khaki; }
.bg-lavender { background-color: lavender; }
.bg-lavenderblush { background-color: lavenderblush; }
.bg-lawngreen { background-color: lawngreen; }
.bg-lemonchiffon { background-color: lemonchiffon; }
.bg-lightblue { background-color: lightblue; }
.bg-lightcoral { background-color: lightcoral; }
.bg-lightcyan { background-color: lightcyan; }
.bg-lightgoldenrodyellow { background-color: lightgoldenrodyellow; }
.bg-lightgray { background-color: lightgray; }
.bg-lightgreen { background-color: lightgreen; }
.bg-lightgrey { background-color: lightgrey; }
.bg-lightpink { background-color: lightpink; }
.bg-lightsalmon { background-color: lightsalmon; }
.bg-lightseagreen { background-color: lightseagreen; }
.bg-lightskyblue { background-color: lightskyblue; }
.bg-lightslategray { background-color: lightslategray; }
.bg-lightslategrey { background-color: lightslategrey; }
.bg-lightsteelblue { background-color: lightsteelblue; }
.bg-lightyellow { background-color: lightyellow; }
.bg-lime { background-color: lime; }
.bg-limegreen { background-color: limegreen; }
.bg-linen { background-color: linen; }
.bg-magenta { background-color: magenta; }
.bg-maroon { background-color: maroon; }
.bg-mediumaquamarine { background-color: mediumaquamarine; }
.bg-mediumblue { background-color: mediumblue; }
.bg-mediumorchid { background-color: mediumorchid; }
.bg-mediumpurple { background-color: mediumpurple; }
.bg-mediumseagreen { background-color: mediumseagreen; }
.bg-mediumslateblue { background-color: mediumslateblue; }
.bg-mediumspringgreen { background-color: mediumspringgreen; }
.bg-mediumturquoise { background-color: mediumturquoise; }
.bg-mediumvioletred { background-color: mediumvioletred; }
.bg-midnightblue { background-color: midnightblue; }
.bg-mintcream { background-color: mintcream; }
.bg-mistyrose { background-color: mistyrose; }
.bg-moccasin { background-color: moccasin; }
.bg-navajowhite { background-color: navajowhite; }
.bg-navy { background-color: navy; }
.bg-oldlace { background-color: oldlace; }
.bg-olive { background-color: olive; }
.bg-olivedrab { background-color: olivedrab; }
.bg-orange { background-color: orange; }
.bg-orangered { background-color: orangered; }
.bg-orchid { background-color: orchid; }
.bg-palegoldenrod { background-color: palegoldenrod; }
.bg-palegreen { background-color: palegreen; }
.bg-paleturquoise { background-color: paleturquoise; }
.bg-palevioletred { background-color: palevioletred; }
.bg-papayawhip { background-color: papayawhip; }
.bg-peachpuff { background-color: peachpuff; }
.bg-peru { background-color: peru; }
.bg-pink { background-color: pink; }
.bg-plum { background-color: plum; }
.bg-powderblue { background-color: powderblue; }
.bg-purple { background-color: purple; }
.bg-red { background-color: red; }
.bg-rosybrown { background-color: rosybrown; }
.bg-royalblue { background-color: royalblue; }
.bg-saddlebrown { background-color: saddlebrown; }
.bg-salmon { background-color: salmon; }
.bg-sandybrown { background-color: sandybrown; }
.bg-seagreen { background-color: seagreen; }
.bg-seashell { background-color: seashell; }
.bg-sienna { background-color: sienna; }
.bg-silver { background-color: silver; }
.bg-skyblue { background-color: skyblue; }
.bg-slateblue { background-color: slateblue; }
.bg-slategray { background-color: slategray; }
.bg-slategrey { background-color: slategrey; }
.bg-snow { background-color: snow; }
.bg-springgreen { background-color: springgreen; }
.bg-steelblue { background-color: steelblue; }
.bg-tan { background-color: tan; }
.bg-teal { background-color: teal; }
.bg-thistle { background-color: thistle; }
.bg-tomato { background-color: tomato; }
.bg-turquoise { background-color: turquoise; }
.bg-violet { background-color: violet; }
.bg-wheat { background-color: wheat; }
.bg-white { background-color: white; }
.bg-whitesmoke { background-color: whitesmoke; }
.bg-yellow { background-color: yellow; }
.bg-yellowgreen { background-color: yellowgreen; }


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

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