/* BISMILLAAHIRRAHMAANIRRAHEEM
Theme Name: RocketStay
Theme URI: 
Text Domain: rocketstay
Version: 1.1
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Default theme for "Rocket Stay"
Author: Muhammad Bilal Khan
Author URI: https://www.mbk-web.com
License: 
License URI: http://www.mbk-web.com/
Tags: rocketstay, multicolor, responsive
*/

* {
	box-sizing: border-box;
}
.footerlinkscontainer {
	height: 40px;
	width: 100%;
	display: flex;
	flex-flow: column wrap; /*flex-direction, flex-wrap*/
	align-items: center;
}
.footerlinkscontainer > a {
	color: #00403b;
	font-weight: normal;
	text-decoration: none;
}
.footerlinkscontainer > a:hover {
	color: var(--acolor);
	font-weight: normal;
	text-decoration: underline;
}
.footerlinkscontainer > ul {
	padding: 0;
	margin: 0;
	display: inline-block;
}
.footerlinkscontainer > ul {
	padding: 0;
	margin: 0;
	display: inline-block;
}
body {
	color: #000000;
	/*background-color: var(--bgcolor);*/
	/*background-color: #00cc0018;*/
	font-family: sans-serif;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}
img {
	border-style: none;
}
a {
	color: var(--acolor);
	text-decoration: none;
}
a:hover {
	color: var(--ahrefcolor);
	text-decoration: underline;
}
#loading {
	position: absolute;
	z-index: 3;
	color: #c0c0c0;
	background: #404040;
	font-size: 72px;
	width: 100%;
	height: 100vh;
	display: block;
}
#lcontainer {
	background: '';
	position: relative;
	margin: auto;
	width: 200px;
	top: 30%;
	transition: all 1s linear;
}
:root {
	--contentbgcolor: #ffffff;
	--lbval1: 5px;
	--lbval2: 20px;
	--lbval3: 50px;
	--lbval4: 75px;
	--color: #404040;
	--bgcolor: #ffffff;
	--dialogbgcolor: #ffffff;
	--themecolor: #805456; /*#ff807b; #8050f0; #00807b; 00605b*/
	--themecoloralt: #00504b;
	--dialogtitlecolor: var(--themecolor);
	--acolor: var(--themecoloralt);/*00504b*/
	--ahrefcolor: var(--themecolor);
}
@keyframes keyload {
	0% {height: var(--lbval1);}
	10% {height: var(--lbval3);}
	
	25% {height: var(--lbval3);}
	35% {height: var(--lbval2);}
	
	50% {height: var(--lbval2);}
	60% {height: var(--lbval4);}
	
	75% {height: var(--lbval4);}
	85% {height: var(--lbval1);}
	
	100% {height: var(--lbval1);}
}
@keyframes rload {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
#rcirc1 {
	animation: rload 1.3s infinite reverse linear;
	animation-delay: 0s;
}
#rcirc2 {
	animation: rload 1.3s infinite reverse;
	animation-delay: -0.3s;
}
#rcirc3 {
	animation: rload 1.3s infinite linear;
	animation-delay: -0.6s;
}
#rcirc4 {
	animation: rload 1.3s infinite reverse;
	animation-delay: -0.7s;
}
#limg {
	font-size: 0px;
	--bar-width : 13px;
	--bar-height : 100px;
	/*transition: box-shadow 0.3s ease-in-out;
	transition: all 1s;*/
	background: '';
	height: 200px;
	text-align: center;
}
#lbar1 {
	background: #ffff68;
	width: var(--bar-width);
	height: var(--bar-height);
	display: inline-block;
	
	animation: keyload 4s ease-in infinite;
	animation-delay: 0s;
}
#lbar2 {
	background: #c83827;
	width: var(--bar-width);
	height: var(--bar-height);
	display: inline-block;
	animation: keyload 4s ease-in infinite;
	animation-delay: -1s;
}
#lbar3 {
	background: #2bbd60;
	width: var(--bar-width);
	height: var(--bar-height);
	display: inline-block;
	animation: keyload 4s ease-in infinite;
	animation-delay: -2s;
}
#lbar4 {
	background: #5190d2;
	width: var(--bar-width);
	height: var(--bar-height);
	display: inline-block;
	animation: keyload 4s ease-in infinite;
	animation-delay: -3s;
}
#lbaridle {
	margin-top: 30px;
	background: #ffcc00;
	width: 0px;
	height: var(--bar-height);
	display: inline-block;
}
#logostrip {
	width: 100%;
	background-color: #ffffff;
	margin: 0;
 	clear: both;
}
#dialog {
	width: 90%;
	/*height: 220px;*/
	/*padding: 0 0 15px 0;
	background: #ffffff;
	color: 00000;*/
	box-shadow: 0px 0px 20px 10px #909090;
	position: absolute;
	z-index: 100;
	text-align: center;
	/*border: 5px solid var(--popupbgcolor);*/
	border-radius: 10px;
	margin-top: 10px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.2s;
}
/*#DialogTitle {
	width: 100%;
	color: #000000;
	background: #9999ff;*/
	/*font-size: 26px;*/
	/*font-size: 20px;
	font-weight: bold;
	height: 24px;
	text-align: center;
	margin-top: 0px;
}*/
#DialogData {
	color: #909090;
	width: 100%;
	/*font-size: 26px;*/
	font-size: 20px;
	font-weight: bold;
	/*height: 30px;*/
	text-align: center;
	margin-top: 0px;
	overflow: auto;
	/*overflow: hidden;*/
}
#DialogControls {
	color: #555;
	width: 100%;
	/*height: 18px;*/
	/*padding: 10px 0 10px 0;*/
	/*background: #0c0;*/
	/*font-size: 26px;*/
	/*font-size: 20px;*/
	/*font-weight: bold;*/
	/*height: 30px;*/
	text-align: center;
	margin-top: 0px;
	overflow: auto;
	/*overflow: hidden;*/
}
.dialogcontrolscontainer {
	padding: 5px 0 2px 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	/*align-items: center;*/
}
.dialogcontrolsfield {
	text-align: left;
	width: 60%;
	border: 1px dashed #ccc;
	margin: 0 0px 0 0;
	padding: 0 5px 3px 5px;
}
.dialogcontrolsbuttons {
	width: 20%;
	border: 1px dashed #ccc;
	margin-left: -1px;
	display: flex;
	flex-flow: row;
	justify-content: flex-start;
}
.dialogcontrolsitems {
	display: block;
	margin: auto;
}
#PMessage {
	font-size: 14px;
	font-weight: none;
	color: #ff0000;
}
.notencrypted {
	font-size: 16px;
	font-weight: bold;
	color: #404040;
}
#topmenu {
	--topmenustripbg: url("images/topmenuhoverbg2.svg"); /*linear-gradient(#919191, #505050, #505050, #505050, #505050, #919191);*/
	--topmenubg: #505050;
	--topmenuhoverbg: #303030;
	width: 100%;
	height: 26px;
	color: #ffffff;
	/*background: url("images/topmenubg.svg");*/
	background: var(--topmenubg);
	font-family: sans-serif;
	font-size: 0px;
	font-weight: none;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-left: 1px;
	clear: both;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
#topmenu a {
	font-size: 18px;
	width: 130px;
	color: #ffffff;
	height: 22px;
	background: var(--topmenubg);
	text-align: left;
	text-decoration: none;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-right: 1px solid #707070;
	display: inline-block;
}
#topmenu a:hover {
	width: 130px;
	height: 22px;
	color: #00ffc0fc;
	/*background: url("images/topmenuhoverbg.svg");*/
	background: var(--topmenuhoverbg);
	text-align: left;
	text-decoration: none;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	/*border-right: 1px solid #ffffff;*/
	display: inline-block;
	/*text-shadow: -1px 0px 1px #ffffff, 1px 0px 1px #ffffff, 0px -1px 1px #ffffff, 0px 1px 1px #ffffff;*/
}
#topmenu ul {
	padding: 0;
	margin: 0;
	/*border-right: 1px solid #ffffff;*/
	display: inline-block;
	/*text-shadow: -1px 0px 1px #ffffff, 1px 0px 1px #ffffff, 0px -1px 1px #ffffff, 0px 1px 1px #ffffff;*/
}
#topmenu li {
	padding: 0;
	margin: 0;
	/*border-right: 1px solid #ffffff;*/
	display: inline-block;
	/*text-shadow: -1px 0px 1px #ffffff, 1px 0px 1px #ffffff, 0px -1px 1px #ffffff, 0px 1px 1px #ffffff;*/
}

#body {
	/*background: url("images/bg26.svg");*//*var(--contentbgcolor);/*#cccc00;*/
	clear: both;
	display: flex;
	flex-flow: row nowrap;
	padding: 5px 5px 80px 5px;
	width: 100%;
}
.bodyminimize {
	width: 0;
	height: 0;
}
.logo {
	color: #a0a0a0;
	/*background:#00cc00;*/
	font-weight: none;
	font-size: 40px;
}
.logo a {
	color: #a0a0a0;
	font-weight: none;
	font-size: 40px;
	text-decoration: none;
}
.logo a:hover {
	color: #a0a0a0;
	font-weight: none;
	font-size: 40px;
	text-decoration: none;
}
#footer {
	width: 100%;
	color: #000000;
	
	font-family: sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	border-top: 2px solid var(--themecolor);
	padding-top: 5px;
	clear: both;
}
#footer a {
	color: var(--acolor);
	font-weight: normal;
	text-decoration: none;
}
#footer a:hover {
	color: var(--ahrefcolor);
	font-weight: normal;
	text-decoration: underline;
}








#leftmenu {
	/*background: var(--contentbgcolor);*/
	width: 20%;
	padding-right: 2px;
	/*display: inline-block;*/
	vertical-align: top;
}
#contents {
	/*background: var(--contentbgcolor);*/
	width: 60%;
	padding-left: 2px;
	padding-right: 2px;
	/*display: inline-block;*/
	vertical-align: top;
}
#rightmenu {
	/*background: var(--contentbgcolor);*/
	width: 20%;
	padding-left: 2px;
	/*display: inline-block;*/
	vertical-align: top;
}

#droparea.active {
	width: 100%;
	min-height: 100px;
	padding: 10px;
	/*background: lightgray;*/
	border: 2px dashed #ccc;
	visibility: visible;
	opacity: 1;
}
#droparea.closed {
	width: 0%;
	height: 0px;
	padding: 0px;
	background: red;
	border: 0px dashed #ccc;
	visibility: hidden;
	opacity: 0;
}
.lighttext {
	width: 100%;
	color: #aaa;
	font-size: 16px;
	padding: 5px;
	text-align: center;
}
/* overflow-x:auto; in table container div to make it responsive*/
#droplist {
	/*background: #f00;*/
	width: 100%;
	text-align: left;
	display: flex;
	flex-flow: column; /*flex-direction, flex-wrap*/
	justify-content: flex-start;
	align-items: flex-start;
	/*display: table;*/
}
.highlight {
	background: #afa;
}
#droplist .file {
	/*background: #0c0;*/
	width: 100%;
	text-align: left;
	display: flex;
	flex-flow: row;
	justify-content: flex-start;
	align-items: flex-start;
	border: 1px dashed #0cf;
	margin-bottom: -1px;
	padding: 3px;
	transition: all 0.5s linear;
	/*display: table-row;*/
}
#droplist .filename {
	/*background: #cc0;*/
	width: 40%;
	overflow-wrap: break-word;
	/*display: table-cell;*/
}
#droplist .progress {
	/*background: #f0f;*/
	width: 60%;
	/*display: table-cell;*/
	display: flex;
	flex-flow: row;
	justify-content: flex-start;
	align-items: flex-start;
	margin: auto;
}
#droplist .progressbar {
	background: #eee; /*#090, #0cf*/
	text-align: left;
	width: 95%;
	padding: 1px;
}
#droplist .progressbarpartialcompleted {
	background: #009;
	text-align: center;
	font-size: 16px;
	/*width: 60%;*/
	display: inline-block;
}
#droplist .progressbarcompleted {
	color: #ffffff;
	background: #090;
	text-align: center;
	font-size: 16px;
	/*width: 60%;*/
	display: inline-block;
}
#droplist .progressbarrunning {
	background: #0cf;
	text-align: center;
	font-size: 16px;
	/*width: 60%;*/
	display: inline-block;
}
#droplist .uploadcancel {
	width: 5%;
	text-align: center;
	padding: 1px;
}
#droplist .uploadcancelbutton {
	color: #ffffff;
	width: 100%;
	background: #ff0000;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	font-size: 16px;
}
#filelist {
	background: #99f;
	width: 100%;
	text-align: left;
	display: flex;
	flex-flow: column; /*flex-direction, flex-wrap*/
	justify-content: flex-start;
	align-items: flex-start;
	/*display: table;*/
}
#filelist .file {
	/*background: #0c0;*/
	width: 100%;
	text-align: left;
	display: flex;
	flex-flow: row;
	justify-content: flex-start;
	align-items: flex-start;
	border: 1px dashed #0c0;
	margin-bottom: -1px;
	padding: 3px;
	height: 90px;
	/*display: table-row;*/
}
#filelist .filename {
	width: 50%;
	/*background: #0c0;*/
	overflow-wrap: break-word;
}
#filelist .thumbnail {
	/*background: #0c0;*/
	width: 27%;
	text-align: center;
}
#filelist .thumbnailpdf {
	/*background: #c00;*/
	width: 13%;
	text-align: center;
}
#filelist .controls {
	/*background: #00c;*/
	width: 10%;
	text-align: center;
	margin: auto;
}
.imgthumbnail {
	vertical-align: bottom;
}
#contactscontainer {
	/*width: 100%;*/
	text-align: left;
	display: flex;
	flex-flow: row; /*flex-direction, flex-wrap*/
	justify-content: flex-start;
	align-items: flex-start;
	border: 2px dashed #ccc;
	/*margin-bottom: -1px;*/
	padding: 3px;
	margin: 0 1px 0 1px;
}
#contactsfieldpane {
	/*background: #c00;*/
	width: 50%;
	/*overflow: auto;*/
	/*padding-left: 4px;*/
}
#contactslistpane {
	/*background: #00c;*/
	width: 50%;
	/*overflow: auto;*/
	/*padding-right: 2px;*/
}
.contactscontainer {
	overflow: auto;
}
.panetitle {
	color: #000;
	background: #fca;
	padding: 0 0 5px 5px;
	text-decoration: underline;
	border: 1px dashed #fff;
}
.contactslistitemcontainer {
	/*background: #f0f;*/
	/*width: 60%;*/
	/*display: table-cell;*/
	display: flex;
	flex-flow: row;
	justify-content: flex-start;
	margin-right: 1px;
	/*align-items: flex-start;*/ /*stretch is default*/
}
.contactslistitemcontainer:hover {
	background: #acf;
}
.contactslistfieldcontainer {
	/*background: #f0f;*/
	/*width: 60%;*/
	/*display: table-cell;*/
	display: flex;
	flex-flow: row;
	justify-content: flex-start;
	/*align-items: flex-start;*/ /*stretch is default*/
	margin-right: 0px;
	margin-left: 1px;
	padding-left: 2px;
}
.contactslistfieldcontainer:hover {
	background: #acf;
}
.contactsitem {
	/*background: #fff;*/
	color: #555;
	font-weight: none;
	width: 90%;
	text-align: left;
	border: 1px dashed #0cf;
	margin-bottom: -1px;
	padding: 3px;
	font-size: 20px;
	overflow-wrap: break-word;
	/*height: 90px;*/
	/*display: table-row;*/
	cursor: default;
}
.contactsitemcontrolcontainer {
	width: 10%;
	/*height: 300px;*/
	height: auto;
	background: #ccc;
	text-align: center;
	padding: 1px;
	display: flex;
	flex-flow: row;
	justify-content: flex-start;
	border: 1px dashed #0cf;
	margin-bottom: -1px;
	margin-left: -1px;
	margin-right: -1px;
}
.contactsitemcontrolcontainer:hover {
	background: #fcc;
	text-align: center;
	font-weight: bold;
}
.contactsitemcontrol {
	color: #000;
	text-align: center;
	font-weight: bold;
	cursor: default;
	margin: auto;
	user-select: none;
}
/* not being used #contactslist ?? */
#contactslist {
	background: #99f;
	width: 100%;
	text-align: left;
	display: flex;
	flex-flow: column; /*flex-direction, flex-wrap*/
	justify-content: flex-start;
	align-items: flex-start;
	/*display: table;*/
}
#contactslist .contactitem {
	/*background: #0c0;*/
	width: 100%;
	text-align: left;
	display: flex;
	flex-flow: row;
	justify-content: flex-start;
	align-items: flex-start;
	border: 1px dashed #0c0;
	margin-bottom: -1px;
	padding: 3px;
	height: 90px;
	/*display: table-row;*/
}
.right {
	text-align: right;
}
.pcenter {
	text-align: center;
}
.pleft {
	text-align: left;
}
.contentbreaker {
	width: 100%;
	height: 10px;
	clear: both;
}


.menubreaker {
	width: 100%;
	height: 10px;
	clear: both;
}



.footerbreaker {
	width: 100%;
	height: 5px;
	clear: both;
}

.breaker {
	width: 100%;
	height: 5px;
	clear: both;
}

.menutoptitlesearch {
	background: url("images/search.svg"), var(--dialogtitlecolor);
	background-repeat: no-repeat;
	background-size: contain;
}
.menutoptitlelogin {
	background: url("images/key.svg"), var(--dialogtitlecolor);
	background-repeat: no-repeat;
	background-size: contain;
}
.menutoptitlemenu {
	background: url("images/menu.svg"), var(--dialogtitlecolor);
	background-repeat: no-repeat;
	background-size: contain;
}
.menutoptitleadvertisement {
	background: url("images/ad8.svg"), var(--dialogtitlecolor);
	background-repeat: no-repeat;
	background-size: contain;
}
.menutoptitleicon {
	width: 100%;
	height: 26px;
	color: #ffffff;
	/*background: var(--dialogtitlecolor);*/
	font-family: sans-serif;
	font-size: 20px;
	font-weight: bold;
	/*text-align: center;*/
	text-align: left;
	/*border-right: 1px solid var(--themecolor);
	border-left: 1px solid var(--themecolor);*/
	padding-top: 0px;/*2px*/
	/*padding-left: 0px;*/
	padding-left: 35px;
	padding-right: 0px;
	display: flex;
	flex-flow: row; /*flex-direction, flex-wrap*/
	justify-content: flex-start;
	align-items: center;
	cursor: default;
}
.menutoptitle {
	width: 100%;
	height: 26px;
	color: #ffffff;
	background: var(--dialogtitlecolor);
	font-family: sans-serif;
	font-size: 20px;
	font-weight: bold;
	/*text-align: center;*/
	text-align: left;
	/*border-right: 1px solid var(--themecolor);
	border-left: 1px solid var(--themecolor);*/
	padding-top: 0px;/*2px*/
	/*padding-left: 0px;*/
	padding-left: 10px;
	padding-right: 0px;
	display: flex;
	flex-flow: row; /*flex-direction, flex-wrap*/
	justify-content: flex-start;
	align-items: center;
	cursor: default;
}
.contentendtitle {
	width: 100%;
	height: 16px;
	color: #ffffff;
	background-color: #404040;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: none;
	text-align: center;
	/*border-right: 1px solid #ff0000;
	border-left: 1px solid #ff0000;*/
	padding-top: 0px;/*2px*/
	padding-left: 0px;
	padding-right: 0px;
}
.contentendtitle a {
	color: #ffffff;
	font-weight: none;
	text-decoration: underline;
}
.contentendtitle a:hover {
	color: #ffffff;
	font-weight: none;
	text-decoration: none;
}
.contenttoptitle {
	width: 100%;
	height: 26px;
	color: #ffffff;
	background-color: var(--dialogtitlecolor);
	font-family: sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	/*border-right: 1px solid #ff0000;
	border-left: 1px solid #ff0000;*/
	padding-top: 0px;/*2px*/
	padding-left: 0px;
	padding-right: 0px;
	display: flex;
	flex-flow: row; /*flex-direction, flex-wrap*/
	justify-content: flex-start;
	align-items: center;
	cursor: default;
}
.contenttoptitleoffset {
	width: 90px;
	height: 26px;
	/*background-color: #009900;*/
}
.contenttoptitletitle {
	width: 100%;
	height: 100%;
	padding-top: 2px;
	/*background-color: #000099;*/
	overflow: hidden;
}
.contenttoptitlecontrols {
	width: 90px;
	height: 100%;
	/*background-color: #009900;*/
	display: flex;
	flex-flow: row; /*flex-direction, flex-wrap*/
	justify-content: flex-start;
	align-items: center;
}
.contenttoptitleclose {
	width: 30px;
	height: 26px;
	text-align: center;
	cursor: pointer;
	border-radius: 20px;
	margin-right: 5px;
	/*background-color: #cc0000;*/
}
.contenttoptitleclose:hover {
	width: 30px;
	height: 26px;
	color: #ee0000;
	/*box-shadow: 0px 0px 2px 2px #8050c0;*/
}

.contenttoptitleexpand {
	width: 30px;
	height: 26px;
	cursor: pointer;
	/*border-radius: 20px;*/
	/*background-color: #00d040;*/
}
.contenttoptitleexpand:hover {
	width: 30px;
	height: 26px;
	/*background-color: #00f060;*/
	/*box-shadow: 0px 0px 2px 2px #8050c0;*/
}
.contenttoptitleexpand > .contenttoptitleexpandshape {
	position: relative;
	left: 6px;
	top: 5px;
	width: 15px;
	height: 15px;
	border-top: 3px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}
.contenttoptitleexpand:hover > .contenttoptitleexpandshape {
	position: relative;
	left: 6px;
	top: 5px;
	width: 15px;
	height: 15px;
	border-top: 3px solid #00cc00;
	border-bottom: 1px solid #00cc00;
	border-right: 1px solid #00cc00;
	border-left: 1px solid #00cc00;
}
.contenttoptitleminimize {
	width: 30px;
	height: 26px;
	cursor: pointer;
	/*border-radius: 20px;*/
	/*background-color: #d0d000;*/ /*#00d040;*/
}
.contenttoptitleminimize:hover {
	width: 30px;
	height: 26px;
	/*background-color: #f0f000;*/
	/*box-shadow: 0px 0px 2px 2px #8050c0;*/
}
.contenttoptitleminimize > .contenttoptitleminimizeshape {
	position: relative;
	left: 20%;
	top: 70%;
	width: 60%;
	height: 20%;
	border-top: 2px solid #ffffff;
	/*border-bottom: 2px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;*/
}
.contenttoptitleminimize:hover > .contenttoptitleminimizeshape {
	position: relative;
	left: 20%;
	top: 70%;
	width: 60%;
	height: 20%;
	border-top: 2px solid #d0d000;
	/*border-bottom: 2px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;*/
}
.contenttopnoticesuccess {
	width: 100%;
	height: 18px;
	color: #ffffff;
	background-color: #007700;
	font-family: sans-serif;
	font-size: 14px;
	font-weight: none;
	text-align: center;
	border-bottom: 1px solid #ffffff;
	padding: 0 0 0 0;
}

.contenttopnoticefail {
	width: 100%;
	height: 18px;
	color: #ffffff;
	background-color: #dd0000;
	font-family: sans-serif;
	font-size: 14px;
	font-weight: none;
	text-align: center;
	border-bottom: 1px solid #ffffff;
	padding: 0 0 0 0;
}

.contenttopnoticegeneral {
	width: 100%;
	height: 18px;
	color: #ffffff;
	background-color: #bb7700;
	font-family: sans-serif;
	font-size: 14px;
	font-weight: none;
	text-align: center;
	border-bottom: 1px solid #ffffff;
	padding: 0 0 0 0;
}

.menu {
	width: 100%;
	background-color: var(--dialogbgcolor);
	font-family: sans-serif;
	font-size: 20px;
	padding-top: 0px;
	display: flex;
	flex-flow: column nowrap;
}
.menu a {
	width: 100%;
	height: 26px;
	color: #000000;
	background-color: var(--dialogbgcolor);
	font-weight: normal;
	text-decoration: none;
	border-top: 1px solid var(--themecolor);
	/*border-bottom: 1px solid var(--themecolor);*/
	padding-top: 1px;
	padding-left: 5px;
	/*transition: all 0.1s linear;*/
}
.menu a:hover {
	width: 100%;
	height: 26px;
	color: #ffffff;
	background-color: var(--themecolor);
	font-weight: normal;
	text-decoration: none;
	border-top: 1px solid var(--dialogbgcolor);
	/*border-bottom: 1px solid var(--themecolor);*/
}




.menucontent {
	width: 100%;
	color: #000000;
	background-color: var(--dialogbgcolor);
	font-family: sans-serif;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 5px;
	display: block;
}
.menucontent a {
	color: var(--acolor);
	background-color: var(--dialogbgcolor);
	font-weight: bold;
	text-decoration: none;
}
.menucontent a:hover {
	color: var(--ahrefcolor);
	background-color: var(--dialogbgcolor);
	font-weight: bold;
	text-decoration: underline;
}


.subcontentright {
	text-align: right;
}
.dialogcontentdiv {
	width: 90%;
	color: #000000;
	background-color: var(--dialogbgcolor);
	font-family: sans-serif;
	font-size: 14px;
	border-left: 1px solid var(--themecolor);
	border-right: 1px solid var(--themecolor);
	border-bottom: 1px solid var(--themecolor);
	margin-bottom: 10px;
	display: block;
	box-shadow: 0px 0px 20px 10px #909090;
	position: absolute;
	z-index: 10;
	text-align: center;
	border-radius: 10px;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	transition: all 0.2s;
}
.contentdiv {
	border-radius: 10px;
	overflow: hidden;
	width: 100%;
	color: #000000;
	background-color: var(--dialogbgcolor);
	font-family: sans-serif;
	font-size: 14px;
	border-left: 1px solid var(--themecolor);
	border-right: 1px solid var(--themecolor);
	border-bottom: 1px solid var(--themecolor);
	margin-bottom: 10px;
	display: block;
}
.content > p, h1, h2, h3, h4, h5, ul, li {
	margin-top: 5px;
	margin-bottom: 10px;
}
.content {
	width: 100%;
	color: #000000;
	background-color: var(--dialogbgcolor);
	font-family: sans-serif;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	overflow: hidden;
	display: block;
}
.minimize {
	height: 0px; /* toptitle 16px, endtitle 26px -> 42px */
	font-size: 0px; /* 14px */
	padding-bottom: 0px;
	padding-top: 0px;
}
.page_item {
	margin-left: 20px;
	padding-left: 0px;
}
.minimize > p, h1, h2, h3, h4, h5, ul, li {
	margin-top: 0px;
	margin-bottom: 0px;
}
.close {
	width: 0px;
	height: 0px;
	font-size: 0px;
	border-left: 0px solid var(--themecolor);
	border-right: 0px solid var(--themecolor);
	border-bottom: 0px solid var(--themecolor);
	margin-bottom: 0px;
}
.content a {
	color: var(--acolor);
	/*background-color: var(--dialogbgcolor);*/
	text-decoration: none;
}
.content a:hover {
	color: var(--ahrefcolor);
	/*background-color: var(--dialogbgcolor);*/
	text-decoration: underline;
}



.input1 {
	width: 100%;
	font-size: 14px;
	height: 22px;
	border: 1px solid var(--themecolor);
	padding; 5px 0 5px 0;
	transition: box-shadow 0.1s ease-in-out;
}
.input1:focus {
	width: 100%;
	font-size: 14px;
	height: 22px;
	border: 1px solid var(--themecolor);
	box-shadow: 0px 0px 2px 2px #8050c0;
}
.inputtextarea {
	width: 100%;
	font-size: 14px;
	height: 170px;
	resize: none;
	border: 1px solid var(--themecolor);
	transition: box-shadow 0.1s ease-in-out;
	margin: 0 0 0 0;
}
.inputtextarea:focus {
	width: 100%;
	font-size: 14px;
	height: 170px;
	border: 1px solid var(--themecolor);
	box-shadow: 0px 0px 2px 2px #8050c0;
}

.inputtiny {
	width: 16%;
	font-size: 13px;
	height: 15px;
}

.inputsmall {
	width: 70%;
	font-size: 13px;
	height: 15px;
}

.inputselect {
	width: 100%;
	font-size: 13px;
	height: 19px;
}


.submit {
	color: #ffffff;
	background-color: var(--themecolor);
	
}

.menuformcontainer {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
}

.menuformsubcontainer {
	width: 100%;
	clear: both;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.menuformlabels {
	width: 50%;
	padding-bottom: 2px;
	padding-top: 5px;
}
.menuformfields {
	width: 50%;
	padding-top: 2px;
	padding-bottom: 2px;
}


.menuformsubmit {
	width: 100%;
	text-align: right;
	padding-top: 2px;
	padding-bottom: 2px;
	clear: both;
}









.contentformcontainer {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10%;
	padding-right: 10%;
	clear: both;
}

.contentformsubcontainer {
	width: 100%;
	clear: both;
}

.contentformlabels {
	width: 50%;
	padding-bottom: 2px;
	padding-top: 5px;
	float: left;
}
.contentformfields {
	width: 50%;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2%;
	float: right;
}


.contentformsubmit {
	width: 100%;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	clear: both;
}

.submitadd {
	color: #000000;
	font-size: 20px;
	height: 40px;
	background-color: #55ee55; /*#80bbb0; #70aba0 #70abc0 #eb70c0 #ebc070; #70c0eb; #00807b*/
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 5px 15px 5px 15px;
	border: 0px solid #e1e1e1;
}

.button:enabled {
	color: #ffffff;
	font-size: 14px;
	background: #009900cc;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	border-radius: 6px;
	border: 0px solid #e1e1e1;
	transition: box-shadow 0.1s ease-in-out;
}
.button:hover:enabled {
	color: #ffffff;
	font-size: 14px;
	background: #34cc35;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	border-radius: 6px;
	border: 0px solid #e1e1e1;
	box-shadow: 0px 0px 2px 2px #50f050;
}
.button:active:enabled {
	color: #ffffff;
	font-size: 14px;
	background: #34cc35;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	border-radius: 6px;
	border: 0px solid #e1e1e1;
	box-shadow: 0px 0px 15px 2px #50f050; /*#8050f0;*/
}
.button:disabled {
	color: #404040;
	font-size: 14px;
	background: #00440033;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	border-radius: 6px;
	border: 0px solid #e1e1e1;
	transition: box-shadow 0.1s ease-in-out;
}
.button:hover:disabled {
	color: #404040;
	font-size: 14px;
	background: #00440033;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	border-radius: 6px;
	border: 0px solid #e1e1e1;
	box-shadow: 0px 0px 2px 2px #f0508055; /*#8050f0;*/
}
.button:active:disabled {
	color: #404040;
	font-size: 14px;
	text-decoration: line-through #cccccc;
	background: #ff0000aa;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	border-radius: 6px;
	border: 0px solid #e1e1e1;
	box-shadow: 0px 0px 2px 2px #f05080ff; /*#8050f0;*/
}
.buttongeneral:enabled {
	color: #ffffff;
	font-size: 14px;
	background: #5577aa;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	border-radius: 6px;
	border: 0px solid #e1e1e1;
	transition: box-shadow 0.1s ease-in-out;
}
.buttongeneral:hover:enabled {
	color: #ffffff;
	font-size: 14px;
	background: #6688bbcc;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	border-radius: 6px;
	border: 0px solid #e1e1e1;
	box-shadow: 0px 0px 2px 2px #5050f0aa;
}
.buttongeneral:active:enabled {
	color: #ffffff;
	font-size: 14px;
	background: #6688bbcc;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	border-radius: 6px;
	border: 0px solid #e1e1e1;
	box-shadow: 0px 0px 15px 2px #5050f0aa; /*#8050f0;*/
}
.contentmessageslistitembody {
	width: 100%;
	height: 32px;
	clear: both;
	background-color: #eeeeee;
}
@media only screen and (max-width: 760px) {
	/* For mobile phones: */
	#topmenu {background: #202020; width: 100%; flex-direction: column; height: 100%;}
	#topmenu a {width: 100%;}
	#topmenu a:hover {width: 100%;}
	#body {flex-flow: column nowrap;}
	#rightmenu {width: 100%; padding: 10px 0px 0px 0px;}
	#contents {width: 100%; padding: 10px 0px 0px 0px;}
	#leftmenu {width: 100%; padding: 0px 0px 0px 0px;}
	.footerlinkscontainer {height: 100%; flex-flow: column nowrap; justify-content: space-around;}
	#dialog {width: 80%;}
	.gap {width: 0px;}
	/*.headerusername {height: 25px; width: 100%; font-size: 20px; vertical-align: bottom; padding-right: 10px;}*/
	/*[class*="menu"] {
		width: 100%;
	}
	[class*="contentmenu"] {
		width: 100%;
	}*/
}