@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v29/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaooCP.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXI3I6Li01BKofiOc5wtlZ2di8HDLshdTQ3ig.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJfedw.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/jost/v15/92zPtBhPNqw79Ij1E865zBUv7myjJTVBNI0.ttf) format('truetype');
}
/*-----------Green (ca) Base Colors-----------*/
/*-----------Red/Orange (cc) Base Colors-----------*/
@font-face {
  font-family: 'fontfacetwo';
  src: url('/resource/Styles/Fonts/dosis-regular-webfont.eot');
  src: url('/resource/Styles/Fonts/dosis-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/resource/Styles/Fonts/dosis-regular-webfont.woff') format('woff'), url('/resource/Styles/Fonts/dosis-regular-webfont.ttf') format('truetype'), url('/resource/Styles/Fonts/dosis-regular-webfont.svg#dosis-regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fontfaceone';
  src: url('/resource/Styles/Fonts/TrebuchetMS.eot');
  src: url('/resource/Styles/Fonts/TrebuchetMS.eot?#iefix') format('embedded-opentype'), url('/resource/Styles/Fonts/TrebuchetMS.woff') format('woff'), url('/resource/Styles/Fonts/TrebuchetMS.ttf') format('truetype'), url('/resource/Styles/Fonts/TrebuchetMS.svg#dosis-regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'lobster';
  src: url('/resource/Styles/Fonts/Lobster-Regular.ttf');
  src: url('/resource/Styles/Fonts/Lobster-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'calligraffitti';
  src: url('/resource/Styles/Fonts/Calligraffitti-Regular.ttf');
  src: url('/resource/Styles/Fonts/Calligraffitti-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'luckiestguy';
  src: url('/resource/Styles/Fonts/LuckiestGuy-Regular.ttf');
  src: url('/resource/Styles/Fonts/LuckiestGuy-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'permanentmarker';
  src: url('/resource/Styles/Fonts/PermanentMarker-Regular.ttf');
  src: url('/resource/Styles/Fonts/PermanentMarker-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'anton';
  src: url('/resource/Styles/Fonts/Anton-Regular.ttf');
  src: url('/resource/Styles/Fonts/Anton-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'indieflower';
  src: url('/resource/Styles/Fonts/IndieFlower-Regular.ttf');
  src: url('/resource/Styles/Fonts/IndieFlower-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'syncopate';
  src: url('/resource/Styles/Fonts/Syncopate-Regular.ttf');
  src: url('/resource/Styles/Fonts/Syncopate-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'shadows';
  src: url('/resource/Styles/Fonts/ShadowsIntoLight-Regular.ttf');
  src: url('/resource/Styles/Fonts/ShadowsIntoLight-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'righteous';
  src: url('/resource/Styles/Fonts/Righteous-Regular.ttf');
  src: url('/resource/Styles/Fonts/Righteous-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'badscript';
  src: url('/resource/Styles/Fonts/BadScript-Regular.ttf');
  src: url('/resource/Styles/Fonts/BadScript-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'medulaone';
  src: url('/resource/Styles/Fonts/MedulaOne-Regular.ttf');
  src: url('/resource/Styles/Fonts/MedulaOne-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'condiment';
  src: url('/resource/Styles/Fonts/Condiment-Regular.ttf');
  src: url('/resource/Styles/Fonts/Condiment-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'intolight';
  src: url('/resource/Styles/Fonts/ShadowsIntoLightTwo-Regular.ttf');
  src: url('/resource/Styles/Fonts/ShadowsIntoLightTwo-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'londrina';
  src: url('/resource/Styles/Fonts/LondrinaShadow-Regular.ttf');
  src: url('/resource/Styles/Fonts/LondrinaShadow-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'griffy';
  src: url('/resource/Styles/Fonts/Griffy-Regular.ttf');
  src: url('/resource/Styles/Fonts/Griffy-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fasterone';
  src: url('/resource/Styles/Fonts/FasterOne-Regular.ttf');
  src: url('/resource/Styles/Fonts/FasterOne-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'orbitron';
  src: url('/resource/Styles/Fonts/Orbitron-VariableFont_wght.ttf');
  src: url('/resource/Styles/Fonts/Orbitron-VariableFont_wght.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/*-----------------------------------------------------------------------------------------*/
.orbitron {
  font-family: orbitron;
}
.fontfacetwo {
  font-family: fontfacetwo;
}
.fontfaceone {
  font-family: fontfaceone;
}
.lobster {
  font-family: lobster;
}
.calligraffitti {
  font-family: calligraffitti;
}
.luckiestguy {
  font-family: luckiestguy;
}
.permanentmarker {
  font-family: permanentmarker;
}
.anton {
  font-family: anton;
}
.indieflower {
  font-family: indieflower;
}
.syncopate {
  font-family: syncopate;
}
.shadows {
  font-family: shadows;
}
.righteous {
  font-family: righteous;
}
.badscript {
  font-family: badscript;
}
.medulaone {
  font-family: medulaone;
}
.condiment {
  font-family: condiment;
}
.intolight {
  font-family: intolight;
}
.londrina {
  font-family: londrina;
}
.griffy {
  font-family: griffy;
}
.fasterone {
  font-family: fasterone;
}
.arial {
  font-family: Arial, Helvetica, sans-serif;
}
.arialblack {
  font-family: "Arial Black", Gadget, sans-serif;
}
.georgia {
  font-family: Georgia, serif;
}
.comic {
  font-family: "Comic Sans MS", cursive, sans-serif;
}
.impact {
  font-family: Impact, Charcoal, sans-serif;
}
.palatino {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.times {
  font-family: "Times New Roman", Times, serif;
}
.lucida {
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.tahoma {
  font-family: Tahoma, Geneva, sans-serif;
}
.trebuchet {
  font-family: "Trebuchet MS", Helvetica, sans-serif;
}
.verdana {
  font-family: Verdana, Geneva, sans-serif;
}
.courier {
  font-family: "Courier New", Courier, monospace;
}
.console {
  font-family: "Lucida Console", Monaco, monospace;
}
/*--------------------------------------------Google API Fonts-----------------------------*/
.raleway {
  font-family: 'Raleway', sans-serif;
}
.roboto {
  font-family: 'Roboto', sans-serif;
}
.opensans {
  font-family: 'Open Sans', sans-serif;
}
/*-----------------------------------------------------------------------------------------*/
.temp {
  float: left;
}
.boldtext {
  font-weight: bold;
}
.containerslash {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: #34353A;
  box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.1);
}
.containerslash:before {
  content: '';
  position: absolute;
  left: 30%;
  width: 200%;
  height: 300%;
  background-color: #fff;
  top: 0;
  -webkit-transform: rotate(25deg);
  -moz-transform: rotate(25deg);
  -ms-transform: rotate(25deg);
  -o-transform: rotate(25deg);
  transform: rotate(25deg);
}
.containerfloat {
  position: relative;
  left: 0;
  top: 0;
}
/*=====================================
Widget Area
======================================*/
.widgetcolumn {
  margin: 0;
  padding: 0;
  float: left;
  width: 1050px;
  min-height: 1px;
}
.widgetcolumnmax {
  margin: 0;
  padding: 0;
  float: left;
  min-height: 1px;
  display: block;
  width: 100%;
  min-width: 700px;
}
.widgetcolumntab {
  margin: 0;
  padding: 0;
  float: left;
  min-height: 1px;
  display: block;
  width: 1%;
  height: 100%;
  background-color: transparent;
}
.widgetcolumntabwide {
  margin: 0;
  padding: 0;
  float: left;
  min-height: 1px;
  display: block;
  width: 3%;
  background-color: transparent;
}
.widgetcolumntabmax {
  margin: 0;
  padding: 0;
  float: left;
  height: 100%;
  display: block;
  width: 95%;
  background-color: transparent;
}
.widgetcolumnmaxbar {
  background-color: #5E5E67;
  bottom: 0;
  display: block;
  float: right;
  margin: 0;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 162px;
  width: 200px;
}
.widgetcolumnhalf {
  margin: 0;
  padding: 0;
  float: left;
  width: 525px;
  min-height: 1px;
}
.widgetcolumncontainermax {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  min-height: 100px;
}
.widgetcolumnmaxbar.wide {
  visibility: hidden;
}
.widgetcolumnsmall {
  margin: 0;
  padding: 0;
  float: left;
  width: 262.5px;
  min-height: 10px;
}
.widgetcolumnwide {
  margin: 0;
  padding: 0;
  float: left;
  width: 787.5px;
  min-height: 10px;
}
.widgetcolumnthird {
  margin: 0;
  padding: 0;
  float: left;
  width: 350px;
  min-height: 10px;
}
.widgetcolumntwothird {
  margin: 0;
  padding: 0;
  float: left;
  width: 700px;
  min-height: 10px;
}
.widgetcolumntinywide {
  margin: 0;
  padding: 0;
  float: left;
  width: 840px;
  min-height: 1px;
}
.widgetcolumntiny {
  margin: 0;
  padding: 0;
  float: left;
  width: 210px;
  min-height: 10px;
}
.widgetcolumnfull {
  position: relative;
  top: 0;
  width: 100%;
  float: left;
}
.widgetcolumncontainer {
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -525px;
  width: 1050px;
  float: left;
  padding: 0;
  background-color: transparent;
}
.widgetcolumncontainerlogin {
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -525px;
  width: 1050px;
  float: left;
  padding: 0;
  height: 800px;
  background: url(/resource/images/wyvern_logo_bg.png) no-repeat;
}
.widgetcolumncontainere {
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -525px;
  width: 1050px;
}
.widgetcolumncontainerend {
  padding: 0;
  margin: 0;
  width: 1050px;
  height: 50px;
  float: left;
}
.widgetcolumnper25 {
  padding: 0;
  margin: 0;
  width: 25%;
  float: left;
}
.widgetcolumnper33 {
  padding: 0;
  margin: 0;
  width: 32%;
  float: left;
}
.widgetcolumnper50 {
  padding: 0;
  margin: 0;
  width: 50%;
  float: left;
}
.widgetcolumnper75 {
  padding: 0;
  margin: 0;
  width: 75%;
  float: left;
}
/*=======================================
Main Area
=======================================*/
.mainbackground {
  height: auto;
  min-height: 100%;
}
.headermainfull {
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: transparent;
}
.headersubfull {
  float: left;
  padding-top: 90px;
  width: 100%;
  background-color: transparent;
  margin-left: 535px;
}
.headermain {
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -495px;
  width: 90px;
  float: left;
}
/*=======================================
Header
=======================================*/
.headerlogo {
  float: left;
  margin: 5px 0;
}
.headerlogo img {
  max-width: 70%;
}
/*=======================================
Panel
=======================================*/
.panelbox {
  width: 100%;
  /*border: 2px solid #ff6a00;*/
  background-color: transparent;
  float: left;
  margin: 0 0 10px 0;
  padding: 0;
}
.panelheader {
  width: 100%;
  float: left;
  min-height: 30px;
  text-align: center;
  color: #fff;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
.panelfooter {
  width: 100%;
  border-top: 1px solid #303030;
  background-color: #fff;
  float: left;
  min-height: 30px;
  margin: 0;
  padding: 0;
}
.panelcontent {
  width: 100%;
  background-color: transparent;
  float: left;
  min-height: 1px;
  margin: 0;
  padding: 0;
}
.paneltitle {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 25px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color: #303030;
  text-decoration: none;
  font-weight: bolder;
}
/*=======================================
Panel
=======================================*/
.editpanelbox {
  width: 100%;
  background-color: transparent;
  float: left;
  margin: 0 0 10px 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.editpanelheader {
  width: 100%;
  float: left;
  min-height: 30px;
  text-align: center;
  color: #fff;
  margin: 0;
  padding: 5px 0;
  background: repeating-linear-gradient(45deg, #FF9800, #FF9800 10px, #607d8b 10px, #607d8b 20px);
}
.editpanelfooter {
  width: 100%;
  border-top: 1px solid #303030;
  background-color: #fff;
  float: left;
  margin: 0;
  padding: 0;
}
.editpanelcontent {
  width: 100%;
  background-color: transparent;
  float: left;
  min-height: 1px;
  margin: 0;
  padding: 0;
}
.editpaneltitle {
  float: left;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color: #fff;
  text-decoration: none;
  font-weight: bolder;
  background-color: transparent;
}
.paneledittitle {
  float: left;
}
.paneleditselect {
  float: left;
  color: #fff;
  margin: 0 5px;
  padding: 2px 0 5px 0;
}
.paneleditselectbox {
  float: right;
  padding: 3px 10px;
  margin: 2px 10px 0 5px;
  box-shadow: 4px 3px 1px 2px #00000021;
  background-color: #333;
  border-radius: 5px;
}