@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;
}
/*=======================================
Wyvern Menu
========================================*/
.wyvernmenu {
  text-align: center;
  font-weight: normal;
  float: right;
  overflow: hidden;
  margin: -40px 50px 0 0;
  padding: 0;
  background-color: #33353A;
  font-family: fontfacetwo, Arial, Verdana, Helvetica, sans-serif;
  list-style: none;
}
.wyvernmenu a span {
  margin: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.wyvernmenuli {
  float: left;
  padding: 5px 10px;
  margin: 0;
  list-style-type: none;
  height: 20px;
  font-size: 16px;
  border-bottom: 1px solid transparent;
  text-transform: uppercase;
  z-index: 1;
  color: #fff;
}
.wyvernmenu .wyvernmenuli a,
.wyvernmenu .wyvernmenuli a:visited {
  padding: 0;
  color: #fff;
}
.wyvernmenuliselected a,
.wyvernmenuliselected a:visited {
  color: #33353A;
  background-color: #fff;
}
.wyvernmenu li ul {
  left: -999em;
  margin: 5px 0 0 0;
  position: absolute;
  width: 180px;
  z-index: 9999;
  background-color: #33353A;
}
.wyvernmenu li ul a {
  background: none;
  border: 0 none;
  margin-right: 0;
  width: 140px;
  padding: 5px 10px;
  color: #ffffff;
  float: left;
  margin: -5px -5px 0 0;
}
.wyvernmenu li a:hover,
.wyvernmenu li:hover > a {
  border-bottom: 1px solid red;
}
.wyvernmenu li ul a:hover > a {
  border-bottom: 1px solid green;
}
.wyvernmenu li:hover ul {
  left: auto;
}
.wyvernmenu li li ul {
  margin: -1px 0 0 160px;
  visibility: hidden;
}
.wyvernmenu li li:hover ul {
  visibility: visible;
}
.wyvernmenuliselected {
  float: left;
  padding: 5px 10px;
  margin: 0;
  list-style-type: none;
  height: 20px;
  font-size: 16px;
  border-bottom: 1px solid #fff;
  text-transform: uppercase;
  z-index: 1;
  color: #33353A !important;
  background-color: #fff;
}
/*=======================================
Wyvern Menu Images
========================================*/
.wyvernmenuimage {
  text-align: center;
  font-weight: normal;
  position: absolute;
  left: 50%;
  top: 200px;
  width: 700px;
  margin: 0 0 0 -350px;
  padding: 0;
  background-color: transparent;
}
.wyvernmenuimage .row {
  float: left;
  width: 700px;
}
.wyvernmenuimage a span {
  margin: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.wyvernmenuimage li {
  float: left;
  padding: 5px 10px;
  list-style-type: none;
  width: 300px;
  height: 100px;
  font-size: 16px;
  background-color: transparent;
  text-transform: uppercase;
}
.wyvernmenuimage .selected {
  background-color: blue;
  border-bottom: 2px solid #A5A5A9;
}
.wyvernmenuimage .admin {
  background: url(/Resource/Images/WyvernMenuImage_Admin.png) no-repeat;
}
.wyvernmenuimage .admin:hover {
  background: url(/Resource/Images/WyvernMenuImage_Admin_Selected.png) no-repeat;
}
.wyvernmenuimage .browse {
  background: url(/Resource/Images/WyvernMenuImage_Browse.png) no-repeat;
}
.wyvernmenuimage .browse:hover {
  background: url(/Resource/Images/WyvernMenuImage_Browse_Selected.png) no-repeat;
}
.wyvernmenuimage .magichub {
  background: url(/Resource/Images/WyvernMenuImage_MagicHub.png) no-repeat;
}
.wyvernmenuimage .magichub:hover {
  background: url(/Resource/Images/WyvernMenuImage_MagicHub_Selected.png) no-repeat;
}
.wyvernmenuimage .query {
  background: url(/Resource/Images/WyvernMenuImage_Query.png) no-repeat;
}
.wyvernmenuimage .query:hover {
  background: url(/Resource/Images/WyvernMenuImage_Query_Selected.png) no-repeat;
}
.wyvernmenuimage .reporting {
  background: url(/Resource/Images/WyvernMenuImage_Reporting.png) no-repeat;
}
.wyvernmenuimage .reporting:hover {
  background: url(/Resource/Images/WyvernMenuImage_Reporting_Selected.png) no-repeat;
}
.wyvernmenuimage .scheduler {
  background: url(/Resource/Images/WyvernMenuImage_Scheduler.png) no-repeat;
}
.wyvernmenuimage .scheduler:hover {
  background: url(/Resource/Images/WyvernMenuImage_Scheduler_Selected.png) no-repeat;
}
.wyvernmenuimage .template {
  background: url(/Resource/Images/WyvernMenuImage_Template.png) no-repeat;
}
.wyvernmenuimage .template:hover {
  background: url(/Resource/Images/WyvernMenuImage_Template_Selected.png) no-repeat;
}
/*=======================================
Wyvern Tab Menu
========================================*/
.wyvernmenutab {
  text-align: center;
  font-weight: normal;
  float: left;
  margin: 5px 0 0 0;
  padding: 0;
  background-color: transparent;
}
.wyvernmenutab a span {
  margin: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.wyvernmenutab li {
  float: left;
  padding: 2px 5px;
  margin: 10px 0 0 5px;
  list-style-type: none;
  width: auto;
  font-size: 12px;
  background-color: transparent;
}
.wyvernmenutab li:hover {
  border-bottom: 1px solid #191919;
}
.wyvernmenutab .iconselected {
  float: left;
  padding: 2px 5px;
  margin: 10px 0 0 5px;
  list-style-type: none;
  width: auto;
  font-size: 12px;
  background-color: transparent;
  border-bottom: 1px solid #191919;
  background: url(/Resource/Images/IconCircle2.png) no-repeat;
}
.wyvernmenutab li a,
.wyvernmenutab li a:hover {
  color: #000000 !important;
  background-color: transparent !important;
  margin: 0 0 0 16px;
  padding: 0 !important;
}
.wyvernmenutab .icon {
  background: url(/Resource/Images/IconCircle.png) no-repeat;
}
/*=======================================
Wyvern Browse Tab Menu
========================================*/
.wyvernmenubrowsetab {
  text-align: center;
  font-weight: normal;
  float: left;
  margin: 5px 0 0 0;
  padding: 0;
  background-color: transparent;
}
.wyvernmenubrowsetab a span {
  margin: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.wyvernmenubrowsetab li {
  float: left;
  padding: 2px 5px;
  margin: 10px 0 0 5px;
  list-style-type: none;
  width: auto;
  font-size: 12px;
  background-color: transparent;
}
.wyvernmenubrowsetab li:hover {
  border-bottom: 1px solid #191919;
}
.wyvernmenubrowsetab .iconselected {
  float: left;
  padding: 2px 5px;
  margin: 10px 0 0 5px;
  list-style-type: none;
  width: auto;
  font-size: 12px;
  background-color: transparent;
  border-bottom: 1px solid #191919;
}
.wyvernmenubrowsetab li a,
.wyvernmenubrowsetab li a:hover {
  color: #000000 !important;
  background-color: transparent !important;
  margin: 5px 0 0 5px;
  padding: 0 !important;
  float: left;
}
/*=======================================
Wyvern Tab Menu List
========================================*/
.wyvernmenutablist {
  text-align: center;
  font-weight: normal;
  float: left;
  margin: 5px 0 0 0;
  padding: 0;
  background-color: transparent;
  width: 600px;
  margin: 5px 30px;
}
.wyvernmenutablist a span {
  margin: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.wyvernmenutablist li {
  float: left;
  padding: 2px 5px;
  margin: 15px 0px 0px 5px;
  list-style-type: none;
  width: 100%;
  font-size: 12px;
  background-color: transparent;
}
.wyvernmenutablist li:hover {
  border-bottom: 1px solid #191919;
}
.wyvernmenutablist .iconselected {
  float: left;
  padding: 2px 5px;
  margin: 10px 0 0 5px;
  list-style-type: none;
  width: auto;
  font-size: 12px;
  background-color: transparent;
  border-bottom: 1px solid #191919;
  background: url(/Resource/Images/IconCircle2.png) no-repeat;
}
.wyvernmenutablist li a,
.wyvernmenutablist li a:hover {
  color: #000000 !important;
  background-color: transparent !important;
  margin: 0 0 0 16px;
  padding: 0 !important;
  font-size: 18px;
  float: left;
  margin: -5px 0 0 20px;
}
.wyvernmenutablist .icon {
  background: url(/Resource/Images/IconCircle.png) no-repeat;
}