@import url(//fonts.googleapis.com/css?family=Roboto:400,300,100,200,500,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:200,100,300);
body {
    font-family: 'Roboto', 'Open Sans', sans-serif;
	overflow-x: hidden;
	font-weight: 300;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.dimRow
{
	cursor: pointer;
}
.btn-metrics
{
	background-color: #551A8B;
	border-color: #3f0a6f;
}
.btn-metrics:hover,.btn-metrics:focus,.btn-metrics:active
{
	background-color: #551A8B;
	border-color: #3f0a6f;
}
.invoice-Unpaid
{
	color: #d9534f;
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
#serverLabel
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.invoice-Paid
{
	color: #40ac48;
}
.btn-other-install
{
	max-width: 160px;
	word-wrap: break-word;
	white-space: normal;
}
.appdownload
{
	color: #40ac48;
}
.appdownload:hover
{
	color: #28672D;
	text-decoration: none;
}
#statsbutton
{
	width: 230px;
	height:57px;
    margin-left: -125px;
	top: -13px;
	text-align: center;
}
.tutorial
{
	
}
.loadingBar
{
	width: 100vw;
	height:5px;
	display: none;
	position: fixed;
	z-index: 5000;
	background:#343434;
	color: #299a38;
	border-bottom: 1px solid #434343;
}
.nanobar .bar {
  background: #299a38;
  border-radius: 4px;
  box-shadow: 0 0 10px #299a38;
  /*margin: 0 auto;*/
}
.floatHelptext
{
	font-family: 'Raleway', 'Roboto', sans-serif;
	font-weight: 100;
	color: rgba(255,255,255,0.9);
	font-size: 0.8em;
}
.floatHelp
{
	bottom: 25px;
	right: 25px;
	padding-top: 14px;
	display: none;
	border-radius: 45px;
	width: 90px;
	text-align: center;
	color: rgba(255,255,255,0.9);
	height:90px;
	background: #343434;
	position: fixed;
	z-index: 2000;
}
.floatHelp:hover
{
	color: #4cae4c;	
	cursor: pointer;
	font-weight: 200 !important;
}
.btn-social
{
	color: rgba(255,255,255,0.6);
}
.btn-social:hover, .btn-social:active, .btn-social:focus
{
	color: rgba(255,255,255,1);
}
.socialMedia
{
    z-index: 20;
    position: absolute;
    top: 50px;
    right: 0px;
    height: 147px;
    padding-top: 5px;
    padding-left: 1px;
    width: 50px;
    font-size: 32px;
    color: rgba(255,255,255,0.8);
    background: rgba(0,0,0,0.4);
}
.titleControls
{
	position: absolute;
	top: 215px;
	overflow: hidden;
	right: 0px;
	width: 37px;
	z-index: 10;
}
.superwrap
{
	min-height: 100%;
    position: relative;
	display: block;
}
.footer
{
	position: absolute;
	margin-top: 20px;
	width: 100%;
	min-height: 34px;
	line-height: 34px;
	bottom: -64px;
	background: #676767;
	font-size: 0.9em;
	color: rgba(255,255,255,0.9);
	font-weight: 200;
}
.loadingInner
{
	max-width: 1024px;
	margin: 0 auto;
	border-radius: 5px;
}
.loadingInner .col-md-1
{
	min-width: 57px;
	min-height: 57px;
}
.loadingInner .col-md-1 > img
{
	padding-top: 50px;
	max-height: 150px;
	max-width: 150px;
	display: none;
}
.CodeMirror
{
	border-radius: 5px;
    height: auto !important;
}
.fe-context
{
	
}
.pageTitle
{
	height:130px;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 50px;
	text-align: center;
	z-index: 1;
}
.pageTitleBG-Wrap
{
	width: 100%;
	position: absolute;
	overflow: hidden;
	height: 147px;
}
.pageTitleBG
{
	height: 195px;
	width: 105%;
	background-color: #343434;
	margin: -20px -30px -30px -20px;
	z-index: 2;
	-webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
	background-position: center;
}
.pageTitleContent
{
	height: 130px;
	width: 100%;
    padding-right: 50px;
    padding-top: 20px;
	color: rgba(255,255,255,1);
	z-index:3;
	position: absolute;
}
.pageTitleContent > h1
{
    text-align: center;
    font-weight: 200;
    font-size: 3.5rem;
    width: 100%;
	padding-left: 50px;
    top: 58px;
    background-color: rgba(0,0,0,0.4);
    text-shadow: #000000 1px 1px 2px;
    font-family: 'Raleway';
}
.pageTitleContent > h1 > a
{
	color: rgba(255,255,255,1);
}
.pageTitleContent > h1 > a:hover
{
	color: #40ac48;
	text-decoration: none;
}
.pageTitleContent > span
{
	font-weight: 200;
	text-align: center;
	text-transform: capitalize;
	padding-left: 50px;
	font-variant: small-caps;
	text-shadow: 1px 1px #000000;
}
.storeMenu
{
	/*Placeholder because jquery is a bundle of sticks*/
}
.storeContext
{
	opacity: 1;
	color: rgba(255,255,255,1);
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 25px;
	height: 25px;
	margin: 0 auto;
	
	text-align: center;
	text-transform: capitalize;
	padding: 3px;
	background: rgba(0,0,0,0.6);
	border-radius: 0px 0px 5px 0px;
	font-variant: small-caps;
	text-shadow: 1px 1px #000000;	
}
.purchaseBox
{
	opacity: 1;
	color: rgba(255,255,255,1);
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	text-transform: capitalize;
	padding: 3px;
	background: rgba(0,0,0,0.8);
	border-radius: 0px 0px 5px 0px;
	font-variant: small-caps;
	text-shadow: 1px 1px #000000;	
}
.purchaseBox:hover
{
	background-color: rgba(75,173,77,0.8);
}
.storePrice, .storeStatus
{
	opacity: 1;
	color: rgba(255,255,255,1);
	position: absolute;
	display: block;
	top: 0px;
	right: 0px;
	text-transform: capitalize;
	padding: 3px;
	background: rgba(0,0,0,0.8);
	border-radius: 0px 0px 0px 5px;
	font-variant: small-caps;
	text-shadow: 1px 1px #000000;
}
.quickStats-Label
{
	font-variant: small-caps;
	text-shadow: 1px 1px #000000;
}
.serverInfoStuff {
    position: absolute;
    line-height: 15px;
	/*align: center;
	text-align: center;*/
	left:50px;
	width:135px;
	top: 50px;
    font-size: 8px;
    font-variant: small-caps;
}
.instanceCtls
{
	display: inline-block;
	position: relative;
	text-align: center;
	top: -50px;
	height: 30px !important;
	width: 240px !important;
	opacity: 0.9;
	margin: 0 auto;
	padding 0px 10px 10px 10px;
}
.instanceCtls > .btn-primary
{
	width: 100%;
	margin-left: 10px;
	border-radius: 0px 0px 5px 5px;
}
.instanceCtls > .btn-group
{
	width: 100%;
	margin-left: 10px;
	border-radius: 0px 0px 5px 5px;
}
.instanceCtls > .btn-group > .btn-warning
{
	width: 50%;
	border-radius: 0px 0px 0px 5px !important;
}
.instanceCtls > .btn-group > .btn-danger
{
	width: 50%;
	border-radius: 0px 0px 5px 0px !important;
}
.instancebtn
{
	
}
.overallNav
{
	
}
.instancebtn2
{
	margin-left: 0px !important;
}
.storeItem, .gameItem
{
	display: inline-block;
	position: relative;
	text-align: center;
	height: 240px !important;
	width: 240px !important;
	background-image: url('../../images/serviceGrid/mc-inactive.jpg');
	background-size: cover;
	opacity: 0.9;
	margin: 0 auto;
	margin: 10px;
}
.storeItem:hover, .gameItem:hover
{
	opacity: 1;
}
.storeName
{
	bottom: 0;
	left: 0;
	width: 240px;
	text-align: center;
	font-size: 1.4em;
	padding: 10px;
	color: white;
	white-space: nowrap;
	background: rgba(0,0,0,0.8);
  	overflow: hidden;
  	text-overflow: ellipsis;
	word-wrap: break-word;
	font-variant: small-caps;
	display: inline-block;
	word-break: break-word;
	position: absolute;
	text-shadow: 1px 1px #000000;
}
.storeDesc
{
	height:100px;
	background: rgba(0,0,0,0.8);
	color: rgba(255,255,255,1);
	width: 240px;
	display: block;
	overflow-x: none;
	overflow-y: auto;
	font-size: 0.8em;
	white-space: normal !important;
	word-wrap: break-all;
	position: absolute;
	bottom: -100px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 15px;
}
.storeDisabled
{
	opacity: 0.9 !important;
	cursor: not-allowed !important;
	-webkit-filter: grayscale(95%);
    filter: gray(0.95);
}
.storeInstalled
{
	/*opacity: 0.9 !important;
	cursor: not-allowed !important;
	-webkit-filter: grayscale(95%);
    filter: gray(0.95);*/
}
.storeIcon
{
	width: 100px;
	margin: 20px;
	margin-top: 33px;
	height: 100px;
	background-color: rgba(0,0,0,0.8);
	filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12,
Color='#444')";
	filter: url(#drop-shadow);
	-webkit-filter: drop-shadow(12px 12px 7px rgba(0,0,0,0.5));
	filter: drop-shadow(12px 12px 7px rgba(0,0,0,0.5));
	filter: gray(0.95);
	-webkit-filter: grayscale(95%);
	border-radius: 8px;
}
.storeIcon
{
	filter: gray(0);
	-webkit-filter: grayscale(0%);
}
.dz-message
{
	color: rgba(0,0,0,0.8);
	font-size: 2em;
}
.myDropzone
{
  min-height: 150px;
  border: 2px dashed rgba(0, 0, 0, 0.4) !important;
  background: rgba(0,0,0,0.2) !important;
  padding: 20px 20px; 
  margin-bottom: 20px;
}
.fe-title
{
	line-height: 46px;
	font-size: 2em;
}
.fe-title-container
{
	margin: 10px;
}
.fe-object
{
	margin-bottom: 40px;
	height: 150px;
	width: 148px;
	border-radius: 5px;
	align: center;
	z-index: 5;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.fe-object:hover
{
	background-color: rgba(0,0,0,0.2);
	cursor: pointer;
}
.fe-name
{
	text-overflow: ellipsis;
	width: 128px;
	overflow: hidden;
	white-space: nowrap;
}
.fe-icon
{
	margin: auto;
	width: 128px;
	height: 128px;
}
.fe-uponelevel
{
	display: none;
}
.fe-directory
{
	
}
.fe-file
{

}
.fe-icon-directory
{
	background-image: url('/images/fe-icons/directory.png');
	background-size: cover;
}
.fe-icon-directory:hover
{
	background-image: url('/images/fe-icons/directory-open.png');
}
.fe-icon-file
{
	background-image: url('/images/fe-icons/file.png');
	background-size: cover;
}
.centered
{
	text-align: center;
}
.newsExpanderContainer
{
	text-align: center;
}
.newsExpander
{
	background-color: rgba(0,0,0,0.6);
	color: rgba(255,255,255,0.8);
	border-radius: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
}
.instanceTextactive
{
	color: rgba(255,255,255,0.9) !important;
	font-size: 1.8em !important;
}
.instanceTextactive:hover
{
	color: rgba(255,255,255,1) !important;
	font-size: 2em !important;
}
#instance-info
{
	color: rgba(0,0,0,0.6);
}
#instance-info:hover
{
	color: rgba(0,0,0,1);
	cursor: pointer;
}
.newsTitle
{
	color: #299a38;
	font-size: 1.2em;
	font-weight: 100;
}
.newsExpander:hover
{
	background-color: rgba(0,0,0,0.9);
	cursor: pointer;
}
.scheduledTask
{
	
}
.logDetails
{
	
}
.btn-cron-edit
{
	
}
.btn-cron-info
{
	
}
.btn-config
{
	
}
.btn-cron-save
{
	
}
.scheduledGame
{
	
}
.btn-delete-world
{
	
}
.invoice-Refunded
{
	color: #f0ad4e;	
}
 #instance a
{
	color: rgba(0, 128, 0, 0.7);
}
 #instance a:hover
{
	color: rgba(0, 128, 0, 1);
	text-decoration: none;
}
.navmenu-header
{
	margin-left: 20px;
	height: 35px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAxCAYAAADA1GkGAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAACjgAAAo4B/8QTjgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAS1SURBVFiF7ZhbbBRlFMf/3zeX7vSyu7Ns2XahlJao1JQWofTeLqnWguA1+OKLUWMIQTARiTUFEx+M1qCJGvHBhBheTHzgknDRcGkLtlgoxIAREGoVgo2kbHe33e3uzOwcH2BL2x3abcsDMZynyXfO+f/ONzPf+WY+hhQt6+unqzn4h4xBIcY+CG44fDyVPDZVgH3n6koOtBDR2nGJDJ2IY1tg04/tMwKoO1eVmIRtAF6eooajxKkltOGn0ykB1K+eWWJyczuAdZMVYAWCyd8PbjrUYwnI/XZNUUSLfwTghWkKjzUCsE+UlZZbb+69CAA84dm8OPJWrcdwA+zmDMUBwJ+epbrm5hRsTAyIiQtZgNDgjdfV58ZjJ/qFk53/So8SyJNi3f50u3pBnZOzgjHuY8QuJQFGBxjSGrzxujpPPHysXzxxZkAsIqJsS2HG/OlK1gU1e94yxrnPKoRbDQKAJCBj1XyjvnlJNL3UbXYwYPBuxTRsUzI7vAseE12ePB/jPOteOkkzsAI9n6f7mrwIHbgut/dpTqju3GWcC5YVTxuQMJsA+7qF2spdgfmppgCY5BbdL3sIeIAABKL7JWqyu1qjACWGrSBqBuCfhXYIoFZFEpsTA0lds7ilpmx5Ef+kpEBcDgbnRP+uwLJkWUbD+ULg/OPKrXd21O3vHutKWmjX/QZd6+RPHuzWw6tXSB1LF4mlVqCEcJ4QOuvL+GupzOLVxGFMDLnnStYMlrH/lOE7fEYPrq2UjxQXCOUMcAAACGE3gt1Nzr+Xp8GYtGVM2So0gzn2/Kw3HjqtB56rkdsjw34M/nq1tKmRS2ngjqnyU+5FUQ3OH9q0lUCi1csp5f2PFtpDwEPAgwE4cEp/MXNT3bhvqPsKuDWElwTT6HNurP4i4+0KjyVAXKCoACIzx7AMAjaLhnBFfbe2ZbQXOXY/WyBIQjMIb4i5ZiD+R+AMBvVyApRpMwQ2zBdmneM5tq1iQpgRXgfdbn5M5nPEYpePdHMgfjlwmgb1CgC2KWsXeIwvyuzgHlspGHwAwBvd+m4RtAoWnZVJ3C0Wu3xSudvP7FIbgKiVMBEN/X7NbL+50CnwHJtv7AYlVjljtZWOmHl2KO3UsUGbN07IT1JIE7xiqcuLEfMf40rgKgX1CgAgIHz1BvXs69JKIlFaKVWzixDGp96+JQy8zB6reiJL0zsDUndXUMkzAW8SSOFescTlpUj88rkbkYHvj4/EwlGadEcb9xYJjKR6VavYmh/KrrFHT3Kgf0J8WBaUE3NzF7l6Nbc7HCXXZOKjM5hoAiPJ54rV1aqadjxg6+oJpc2TBVuvM8NTzJhQfyfsklVuSoAxILlRHalWberJ87GchvFOHk5BPzDjlWwv9O5loEYAVv/HQ2Cs1SC9MOVN38qC3/xyFMBRx4bKp4ixj0HEwXirYWqtwVcODgKACEavgdh2AIWzBB1z59dkDrzXOTTWx7dUtX+XKYcWA3gVQO8sJkQTxYE7r+n6srP6luq23ZlyqOgO6M8pxIaZib5UqOMecgI05HAXEbAewI0J8WEi+hLEH/ltzWdHUgFMeibxeVeVQlDW94zk+C7Ecnu5wD4937RjWkcN/wGqh6NW/pTKbwAAAABJRU5ErkJggg==');
	background-size: 15px;
	background-repeat: no-repeat;
}
.invoice-Cancelled
{
	text-decoration: line-through;
	color: rgba(127,127,127,0.5);
}
.navmenu-pad .nav >li > a:hover
{
	color: #A0F9A7;
}
.nav
{
	font-weight: normal;
}
.navmenu .nav > li > a:hover
{
	color: #A0F9A7;
}
#navmenu-servicename
{
	margin-left: 39px;
	color: #fff
}
.servicegridLabel
{
	position: relative;
}
.serviceImageInactive
{
	object-fit: cover;
	position:absolute;
	min-width: 100%;
	height: 100px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 2px;
}
.serviceImage
{
	object-fit: cover;
	position:absolute;
	min-width: 100%;
	height: 100px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 2px;
	display: none;
}
#clabs-pullout
{
	z-index: 2100;
	line-height:20px;
	height: 20px;
	width: 120px;
	position: absolute;
	text-decoration: none;
	color: rgba(255,255,255,0.6);
}
#clabs-pullout:hover
{
	color: rgba(255,255,255,1);
}
.loadingCat
{
	float: auto;
	width: 200px;
	display: block;
  	margin-left: auto;
  	margin-right: auto;
}
.loadingCat img
{
	max-height: 200px;
	max-width: 200px;
}
@import url('https://fonts.googleapis.com/css?family=Inconsolata');
.clabs-console
{
	margin-right:15px;
    overflow-y: scroll;
    overflow-wrap: break-word;
    max-height: 500px;
    min-height: 500px;
    background-color: #171717;
    font-size: 12px;
    font-family: 'Inconsolata', monospace, "微软雅黑", STXihei, "华文细黑", 'Open Sans', sans-serif;
    font-weight: 400;
    color: white;
    padding-left: 6px;
}
#pullout-clabs
{
	transform: rotate(90deg);
	transform-origin: left top 0;
	text-align: center;
	top: 175px;
	height:120px;
	float: left;
	margin-left: 20px;
	position: absolute;
}
.livechat
{
	position: fixed;
	bottom: -300px;
	right: 50px;
	height: 320px;
	color: rgba(255,255,255,0.8);
	z-index: 100;
	background-color: #101010;
	border-radius: 5px 5px 0px 0px;
	width: 300px;
	text-align: center;
}
#livechat
{
	cursor: pointer;
}
#livechat > hr
{
	margin-top: 3px;
}
.livechat-content
{
	margin-left: 10px;
	margin-right: 10px;
}
.livechat-hidden
{
	background-color: #101010;
}

.livechat-hidden:hover
{
	background-color: #101010;
	height: 322px;
	color: rgba(255,255,255,1);
	font-size: 1.1em;
	font-color: #fff;
}
.creeperlabs-container
{
	right: 0px;
	width: 25px;
	background-color: #101010;
	position: absolute;
	margin-top: 20%;
	display: none;
	z-index: 2000;
	height: 500px;
	border-radius: 10px 0px 0px 10px;
}
.creeperlabs-inner
{
	margin-left: 10px;
	display: none;
}
.serviceObject
{
	min-width: 100%;
	height: 100px;
	line-height: 100px;
	vertical-align: middle;
	text-align: center;
	text-overflow: ellipsis;
	background-size: cover;
	cursor: pointer;
}
.serviceObject > a
{
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
	font-size: 20px;
	color: rgba(255,255,255,0.6);
	text-decoration: none;
}
.serviceObject > a:hover
{
	font-size: 22px;
	color: rgba(255,255,255,1);
	text-decoration: none;
}
.version-name
{
	
}
.spindownMinigame
{
	
}
#statsbutton:active, #statsbutton:focus, #statsbutton:hover
{
	border: 0px !important;
}
.statsinfo
{
	text-align: left;
	text-transform: capitalize;
	font-variant: small-caps;
	background-color: rgb(41, 154, 56);
	width: 100%;
	padding-left: 5px;
	padding-right: 5px;
	height: 90px;
	line-height: 20px;
	margin-bottom: 10px;
}
#hostname,#datacentre
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	max-width: 180px;
}
.statsmain
{
	position: fixed;
	/*margin-top:57px;
	margin-left: -150px;*/
	left: 350px;
	width: 300px;
	z-index: 15000;
	display: none;
	z-index: 1033;
	color: #fff;
	background-color: #40ac48;
}
#navmenu-servicename
{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.invoice-Collections
{
	font-weight: 1000;
	color: #d43f3a;
}
.loadingScreen
{
	position: fixed;
	z-index: 500;
	top: 0px;
	z-index: 10000;
    left: 0px;
	padding-top: 250px;
	width: 100%;
	text-align: center;
	height: 100%;
    color: rgba(255,255,255,0.9);
	background: rgba(0,0,0,0.8);
	display: none;
}
.tutorial-main
{
	display: none;
	position: absolute;
	z-index: 1040;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#tutorial-left
{
	background: rgba(255,255,255,1) url('https://www.creeperhost.net/img/creeperysmile.png') no-repeat right top;
	background-color: rgba(255,255,255,1);
	margin-top:52px;
	position: absolute;
	width:300px;
	height:100%;
}
#tutorial-top
{
	background-color:  rgba(255,255,255,1);
	position: absolute;
	height:52px;
	width: 100%;
}
#tutorial-content
{
	position: absolute;
	top: 52px;
	left: 300px;
	padding-left: 10px;
	color: rgba(0,0,0,0.8);
	background-color: rgba(255,255,255,1);
	width: 100%;
	height: 100%;
}
.btn-debug
{
	opacity: 0.4;
	position: absolute;
	margin: 5px;
	z-index: 99;
}
.btn-debug:hover
{
	opacity: 0.9;
}
.login-container
{
    margin-top: 100px;
    max-width: 400px;
    max-height: 250px;
    border-radius: 5px;
    padding: 0px;
    z-index: 2;
}
.login-help
{
    margin-top: 10px;
    color: rgba(255,255,255,0.6);
}
.login-help:hover
{
    text-decoration: none;
    color: rgba(255,255,255,1);
}
.login-logo-img
{
  content:url('/images/logo.svg');
}
.login-bg 
{
    margin-top: 15%;
    background-color: #14671A;
    height: 250px;
    overflow: hidden;
    z-index: 98;
}
.login-bg > img
{
    position: relative;
    opacity: 0.2;    
    max-width: 400px;
    max-height: 250px;
    overflow: hidden;
    border-radius: 5px;
    z-index: 97;
}
.login-content
{
    padding: 5px;
    margin-top: -275px;
    position: absolute;
    z-index: 99;
}
.login-header > img
{
    margin-top: -36% !important;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    max-width:100%;
    max-height:100%;
}
.login-header
{
    border-bottom: none;
}
.main-login-content
{
    flex: 1;
}
.table-striped>tbody>tr>td
{
	border-top: none;
}
.login-body
{
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    background-color: #343434;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}
#headertel
{
	position: absolute;
	line-height: 80px; font-weight: 500; right: 20px; font-size: 1.5rem; color: #ffffff !important; text-shadow: #000000 1px 1px 2px;
}
#headertel:hover, #headertel:focus
{
	text-decoration: none;
	color: #299a38 !important;
}
.login-form
{
    padding-left: 5px;
    padding-right: 5px;
}
.login-form-input
{
    /*Border transparent until validator changes it!*/
    border: 1px solid rgba(0, 0, 0, 0.0);
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover,
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus
{
	border-bottom: 2px solid #299a38;
	background-color: #343434 !important;
	color: #4BAD4D !important;
	
}
.dropdown
{
	z-index: 6;
}
.dropdown-menu,
.dropdown-menu>li>a
{
	background-color: #343434;
    color: #ffffff !important;
	font-weight: 200;
    text-shadow: #000000 1px 1px 2px;
}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover
{
	color: #4BAD4D !important;
	background-color: #343434 !important;
}
.navbar-nav > li > a
{
	font-size: 1.5rem;
    color: #ffffff !important;
    text-shadow: #000000 1px 1px 2px;
}
.login-footer
{
    min-height: 45px;
    color: #c2c2c2;
    background-color: #414141;
    padding-left: 5%;
    padding-right: 5%;
    line-height: 45px;
    font-size: small;
    bottom:0;
    position:absolute;
    width: 100%;
    z-index: -1;
}
.starter-template {
    padding: 40px 15px;
    text-align: center;
}

.navbar-inverse {
    /*background-color: #40ac48;
    border-bottom: 2px solid #299a38;*/
	box-shadow: 1px 0 5px #000;
    min-height: 40px;
    background: #343434;
	border: 0px !important;
    color: #ffffff;
}

.navmenu-inverse {
    background-color: #434343;
    border: none;
}
.navbar-center
{
	position: absolute;
	float: none !important;
	max-height: 40px;
	margin-left: 50%;	
}
.navbar-ontop {
    z-index: 5000
}
.navbar .nav > li > a
{
	line-height: 27px;
}
.console {
    border: solid black 1px;
    overflow-y: auto;
    overflow-wrap: break-word;
    max-height: 69vh;
    min-height: 69vh;
    background-color: rgba(0,0,0,0.9);
    font-size: 12px;
    font-family: 'Inconsolata', monospace, "微软雅黑", STXihei, "华文细黑", 'Open Sans', sans-serif;
    font-weight: 400;
    color: white;
    padding-left: 6px;
}
.consoleTimestamp
{
	display: inline-block;
	width: 58px;
	color: gray;
}
.consoleLink
{
	color: #299a38;
}
.consoleLink:hover
{
	color: #40ac48;
	text-decoration: underline;
}
.emoji {
    width: 1.2em !important;
    height: 1.2em !important;
    display: inline-block !important;
    margin-bottom: 0.10em !important;
}
.player-list {
    border: solid black 1px;
    overflow-y: auto;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-height: 69vh;
    min-height: 69vh;
    background-color: rgba(0,0,0,0.9);
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: white;
    padding-left: 6px;
}

.player {
    display: block;
    height: 34px;
}

.player > img {
    float: left;
    padding-right: 5px;
}

.server-info
{
    height: 66px;
    font-size: 20px;
	line-height: 20px;
}

.motd
{
    font-size: 16px;
}
#players
{
	font-size: 14px;
}
.server-info > img {
    display: block;
    float: left;
    padding-right: 5px;
}

.console-input {
    border-color: #000;
    border-radius: 0 !important;
	font-family: 'Inconsolata', monospace, "微软雅黑", STXihei, "华文细黑", 'Open Sans', sans-serif;
    background-color: rgba(0,0,0,0.9);
    border: 2px;
    color: white;
}
.activeGame
{
	background: #40ac48;
}
.activeNav
{
	
}
.activeNav > i
{
	-webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
    filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
	color: rgba(255,255,255,1);
}
.form-control:focus {
    border-color: #40ab48;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(64, 171, 72, 0.6);
}

.navmenu .nav > li > a {
    opacity: .60;
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    color: #fff;
    text-decoration: none;
    dow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.navbar .nav > li > a {
    margin-right: 10px;
    color: rgba(255, 255, 255, 0.6);
}

.fa-embiggen {
    font-size: 20px;
}
.navbar-brand
{
	padding-top: 5px;
	padding-left: 30px;
	height: 35px;
	width: auto;
}
#alert > .close
{
    position: absolute;
    top: 0px;
    right: 8px;
}
.navmenu-pad .nav >li > a {
    padding-left: 60px;
    font-size: 16px;
}

.navmenu-icon
{
    padding-left: 0px !important;
	width: 49px;
	overflow-x: hidden;
	overflow-y: hidden;
}
.navmenu-icon .glyphicon {
    font-size: 15px;
}
.fa-embiggen
{
	font-size: 19px;
}
.navmenu-icon>a
{
    text-align: center;
}

.navbar
{
    display: block;
}
.navmenu
{
	margin-left: 70px;
}
.gameSelect
{
	width: 90px;
	left: 0;
	top:0;
	height: 100vh;
	z-index: 1031;
	background-color: rgb(41, 154, 56);/*#343434;*/
	color: #fff;
	position: fixed;
	padding-top: 90px;
}
.creeperDevice
{
	height: 70px;
	width: 90px;
	z-index: 1040;
	background: url('../images/creeper_penis_vsg.svg') no-repeat center; 
	background-size: contain;
	position: fixed;
	-webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.4));
    filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.4));
	top: 0;
	left: 0;
}
.creeperDevice:hover
{
	cursor: pointer;
	-webkit-filter: drop-shadow(1px 1px 2px #000000);
    filter: drop-shadow(1px 1px 2px #000000);
}
.logoutSelect
{
	position: fixed;
	z-index: 9000;
	left: 28px;
	bottom: 15px;
	color: rgba(255,255,255,0.8);
	cursor: pointer;
}
.logoutSelect:hover
{
	color: rgba(255,255,255,1);
}
.pageSelect
{
	width: 260px;
	left: 90px;
	top:0;
	height: 100vh;
	z-index: 1030;
	background-color: #40ac48;/*#434343;*/
	color: #fff;
	position: fixed;
	font-family: 'Raleway', sans-serif;
	font-weight: 200;
	font-size: 1.3em;
	white-space: nowrap;
	padding-top: 90px;
}
.gameSelectNav
{
	cursor: pointer;
}
.serverSelect
{
	padding-top:10px;
	width: 260px;
	background: rgb(41, 154, 56);
	z-index: 1031;
	left: 90px;
	text-align: center;
	position: fixed;
	top:0;
	cursor: pointer;
	font-size: 1.5em;
	height: 90px;
}
.serverSelect > span
{
	font-size: 0.7em;
	font-weight: 300;
	font-family: 'Raleway', sans-serif;
}
.pageSelect>li
{
	list-style: none;
	position: relative;
	padding: 8px;
	overflow: hidden;
	color: rgba(255,255,255,0.6);
}
.pageSelect>li:hover
{
	color: rgba(255,255,255,0.9);
	background-color: rgb(41, 154, 56);
	text-decoration: none;
}
.gameSelect>li>img
{
	-webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
    filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
}
.pageSelectNav
{
	cursor: pointer;
	font-weight: 400;
	color: rgba(255,255,255,0.9);
}
.pageSelectNav:hover
{
	color: rgba(255,255,255,1);
}
.pageSelect>li>i
{
	font-size: 2.3em;
	padding-top: 5px;
	padding-bottom: 5px;
}
#services
{
	display: none !important;
}
.tooltip-ch
{
    /*border-bottom: 1px dotted black;*/
	padding-top: 15px;
	padding-bottom: 15px;
}

.tooltip-ch .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
	margin-top:24px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 110%;
}

.tooltip-ch .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
}
.tooltip-ch:hover .tooltiptext {
    visibility: visible;
}
.gameSelect>li
{
	list-style: none;
	position: relative;
	max-height: 65px;
	padding-left: 12px;
	margin: 0;
	min-width: 65px;
	width: 90px;
}
.gameSelect>li>img
{
	max-width: 65px;
	padding: 6px;
	/*padding-top: 6px;*/
	margin-top: -15px;
	padding-bottom: 6px;
}
.navmenu>li
{
    height: 75px;
}

.navmenu-icon>li
{
    font-size: 18px;
    line-height: 1.33;
}

.progress-bar
{
    background-color: #40ac48;
}

/* Custom container */
.container-full {
    margin: 0 auto;
    width: 100%;
}
.container-moar
{
	margin-left: 305px;
	width:85%;
}
.navmenu-nav>.active>a {
    opacity:.6;
}
.btn
{
	border-radius: 0;
}
.btn-overall-control
{
	width: 100px !important;
	text-align: left;
	opacity: 0.8;
	margin: 0 !important;
}
.btn-viewticket
{
	
}
.btn-server
{
	background: #343434;
	color: rgba(255,255,255,0.8);
	font-family: 'Raleway', sans-serif;
	font-weight: 200;
	font-size: 1.3em;
}
.btn-server:hover
{
	background: #434343;
	color: rgba(255,255,255,0.9);
}
.btn-activeServer
{
	background: #40ac48;
	color: rgba(255,255,255,0.8);
}
.btn-activeServer:hover,.btn-activeServer:focus,.btn-activeServer:active
{
	background: rgb(41, 154, 56);
	color: rgba(255,255,255,0.9);
}
.locationimg
{
	height: 30px;
}
.btn-control
{
	width: 90px;
	height: 40px;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}
.btn-control:hover
{
	opacity: 1;
}
.btn-primary {
    background-color: #40ac48;
    border-color: #299a38;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
    background-color: #299a38;
    border-color: #299a38;
}

.btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus {
    background-color: #659a62;
    border-color: #659a62;
}

.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus {
    background-color: #659a62;
    border-color: #659a62;
}

.info-title {
    display: inline-block;
    font-size: 14px;
    width: 80px;
    font-weight: 600;
    height: 40px;
}

.info-text {
    font-size: 14px;
    font-weight: 300;
}

@media (min-width: 992px) {
    body {
        /*padding: 0 0 0 300px;*/
    }
    .navmenu {
        padding-top: 0;
    }
}

.navbar-fixedontop {
    position: relative;
    /*z-index: 1032;*/
}

#contextMenu {
    position: absolute;
    display:none;
}
#dircontextMenu {
    position: absolute;
    display:none;
}

.modpackIcon {
    width: 48px;
    max-height: 48px;
    padding-right: 5px;
    float: left;
}

.modal-dialog {
    margin: 100px auto;
}

.installButton {

}

.ticketbody {
    vertical-align: top !important;
    background-color: #e0e0e0;
	margin-top: 10px;
	margin-bottom: 10px;
}

.ticketrow {
    padding-bottom: 20px;
}

.ticketheader {
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.3);*/
    margin-bottom: 5px;
    font-size: 18px;
}

.sender {
    font-family: 'Open Sans', sans-serif;
    background-color: #2c8224 !important;
    background-position: top right, top;
    background-repeat: no-repeat, repeat-x;
}

.staff {
    font-family: 'Open Sans', sans-serif;
    background-color: #bfbfbf !important;
    background-position: top right, top;
    background-repeat: no-repeat, repeat-x;
    text-align: center;
}

.avatarcont {
    max-width: 150px;
    background: rgba(0,0,0,.1);
    padding: 15px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px rgba(255,255,255,.7) solid;
    box-shadow: inset 0px 0px 20px rgba(0,0,0,.35);
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.avatarcont > img {
    border-radius: 5px;
    border: 1px #cccccc solid;
    box-shadow: 0px 0px 10px rgba(0,0,0,.35);
    width: 120px;
    height: auto;
    margin-bottom: 5px;
    -webkit-filter: none;
    filter: none;
}

.avatarcont > h1 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    font-size: 20px;
    color: #fff;
    text-shadow: 0px 2px 0px #676767;
    font-weight: normal;
}

.avatarcont > h2 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    font-size: 12px;
    color: #dadada;
    font-weight: normal;
    text-shadow: 0px 2px 0px #676767;
}

.invoicerow > td {
    vertical-align: middle !important;
}

.ticketrow > td {
    vertical-align: middle !important;
}

.pluginrow > td {
    vertical-align: middle !important;
}

.pluginrow > td > a {
    vertical-align: middle !important;
}

/* columns of same height styles */
.gameDot, .instanceDot
{
	
}
.row-full-height {
    height: 100%;
}
.col-full-height {
    height: 100%;
    vertical-align: middle;
}
.row-same-height {
    display: table;
    width: 100%;
    /* fix overflow */
    table-layout: fixed;
}
.col-xs-height {
    display: table-cell;
    float: none !important;
}
/*Internet explorer is a bundle of sticks*/
@media screen and (min-width:0\0)
{
  .login-logo-img
  {
    content:url('images/login-logo.png');
  }
  .main-login-content
  {
  padding-top: 200px;
  }
}
@media (max-width: 768px)
{
    .login-container
    {
        max-width: 220px;
    }
    .login-bg
    {
        max-width: 220px;
    }
	.loadingScreen span h1
	{
		font-size: 1.5em;
	}
}
@media (max-height: 500px)
{
    .login-footer
    {
        display: none;
    }
}
@media (min-width: 768px) {
    .col-sm-height {
        display: table-cell;
        float: none !important;
    }
}
@media (max-width: 1000px)
{
	.overallNav {
		display: none;
	}
	.pageTitleContent
	{
	    padding-right: 0px;
		width: 100%;
	}
	.socialMedia
	{
		display: none;
	}
	.pageTitleContent > h1
	{
		padding-left: 0px;
	}
	.gameDot
	{
		display: none !important;
	}
}
@media (min-width: 992px) {
    .col-md-height {
        display: table-cell;
        float: none !important;
    }
}
@media (min-width: 1200px) {
    .col-lg-height {
        display: table-cell;
        float: none !important;
    }
}