/*	Lupinia Studios Main Theme - "Showcase"	*/
/*	Generated from SASS	*/
/*	Lupinia Studios Main Theme - "Showcase"	*/
@import url("https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&subset=latin-ext");
@import url("http://fonts.googleapis.com/earlyaccess/notosanscherokee.css");
html {
  width: 100%;
  height: 100%; }

body {
  color: #fff2ff;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  font-family: "Noto Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: small; }

.chr {
  font-family: "Noto Sans Cherokee", "Digohweli", sans-serif;
  font-size: 1.1em; }

.transbox {
  box-shadow: -1px 1px 3px 1px #2a2038;
  background: rgba(42, 24, 60, 0.85); }
  .transbox hr {
    border: none;
    border-bottom: 1px solid #776699;
    margin: 1px;
    height: 1px;
    margin-left: 20px;
    margin-right: 20px; }
  .transbox h2 {
    font-size: x-large; }

h1, h2, h3, h4, h5, h6 {
  margin: 2px;
  padding: 0px; }

fieldset {
  display: block;
  padding: 5px;
  margin-bottom: 15px;
  border: 1px solid #3b3149;
  padding-left: 10px;
  padding-right: 10px; }
  fieldset legend {
    color: #c3beff;
    font-variant: small-caps;
    padding-left: 0px; }

input::-webkit-input-placeholder {
  color: #665588; }

input::-moz-placeholder {
  color: #665588; }

input:-ms-input-placeholder {
  color: #665588; }

input:-moz-placeholder {
  color: #665588; }

input::placeholder {
  color: #665588; }

a:link, a:visited {
  color: #bbbbff;
  text-decoration: underline; }

a:hover, a:active, a:focus {
  color: #ffffff;
  text-decoration: none; }

a.boldlink {
  font-weight: bold; }

.hoverimgs a, .hoverimgs button.hoverimg {
  display: block;
  margin: 0px;
  padding: 0px;
  background-repeat: no-repeat;
  cursor: pointer; }
  .hoverimgs a:link img, .hoverimgs a:visited img, .hoverimgs button.hoverimg:link img, .hoverimgs button.hoverimg:visited img {
    visibility: hidden; }
  .hoverimgs a:hover, .hoverimgs a:active, .hoverimgs a:focus, .hoverimgs button.hoverimg:hover, .hoverimgs button.hoverimg:active, .hoverimgs button.hoverimg:focus {
    background: none !important; }
    .hoverimgs a:hover img, .hoverimgs a:active img, .hoverimgs a:focus img, .hoverimgs button.hoverimg:hover img, .hoverimgs button.hoverimg:active img, .hoverimgs button.hoverimg:focus img {
      visibility: inherit; }

.hoverimgs button.hoverimg img {
  visibility: hidden; }

.hovericons10 a {
  width: 10px !important;
  height: 10px !important;
  display: inline-block;
  padding: 3px;
  margin: 1px;
  border-radius: 3px; }
  .hovericons10 a:link, .hovericons10 a:visited {
    background: none; }
  .hovericons10 a:hover, .hovericons10 a:active, .hovericons10 a:focus {
    background: #5b4a71; }
  .hovericons10 a.blue:hover, .hovericons10 a.blue:active, .hovericons10 a.blue:focus {
    background: #5b4aFF; }
  .hovericons10 a.red:hover, .hovericons10 a.red:active, .hovericons10 a.red:focus {
    background: #c0283a; }
  .hovericons10 a.grey:hover, .hovericons10 a.grey:active, .hovericons10 a.grey:focus {
    background: #5b6364; }

.hovericons10.hovericons-wide a {
  padding: 5px; }

.hovericons16 a {
  width: 16px !important;
  height: 16px !important;
  display: inline-block;
  padding: 3px;
  margin: 1px;
  border-radius: 3px; }
  .hovericons16 a:link, .hovericons16 a:visited {
    background: none; }
  .hovericons16 a:hover, .hovericons16 a:active, .hovericons16 a:focus {
    background: #5b4a71; }
  .hovericons16 a.blue:hover, .hovericons16 a.blue:active, .hovericons16 a.blue:focus {
    background: #5b4aFF; }
  .hovericons16 a.red:hover, .hovericons16 a.red:active, .hovericons16 a.red:focus {
    background: #c0283a; }
  .hovericons16 a.grey:hover, .hovericons16 a.grey:active, .hovericons16 a.grey:focus {
    background: #5b6364; }

.hovericons16.hovericons-wide a {
  padding: 5px; }

.hovericons24 a {
  width: 24px !important;
  height: 24px !important;
  display: inline-block;
  padding: 3px;
  margin: 1px;
  border-radius: 5px; }
  .hovericons24 a:link, .hovericons24 a:visited {
    background: none; }
  .hovericons24 a:hover, .hovericons24 a:active, .hovericons24 a:focus {
    background: #5b4a71; }
  .hovericons24 a.blue:hover, .hovericons24 a.blue:active, .hovericons24 a.blue:focus {
    background: #5b4aFF; }
  .hovericons24 a.red:hover, .hovericons24 a.red:active, .hovericons24 a.red:focus {
    background: #c0283a; }
  .hovericons24 a.grey:hover, .hovericons24 a.grey:active, .hovericons24 a.grey:focus {
    background: #5b6364; }

.hovericons24.hovericons-wide a {
  padding: 5px; }

.hovericons32 a {
  width: 32px !important;
  height: 32px !important;
  display: inline-block;
  padding: 3px;
  margin: 1px;
  border-radius: 5px; }
  .hovericons32 a:link, .hovericons32 a:visited {
    background: #5b4a71; }
  .hovericons32 a:hover, .hovericons32 a:active, .hovericons32 a:focus {
    background: #5b4aFF; }
  .hovericons32 a.blue:hover, .hovericons32 a.blue:active, .hovericons32 a.blue:focus {
    background: #5b4aFF; }
  .hovericons32 a.red:hover, .hovericons32 a.red:active, .hovericons32 a.red:focus {
    background: #c0283a; }
  .hovericons32 a.grey:hover, .hovericons32 a.grey:active, .hovericons32 a.grey:focus {
    background: #5b6364; }

.hovericons32.hovericons-wide a {
  padding: 5px; }

.clearfix {
  height: 1px;
  width: 1px;
  display: block;
  content: " "; }
  .clearfix.clear_right {
    clear: right; }
  .clearfix.clear_left {
    clear: left; }
  .clearfix.clear_both {
    clear: both; }
  .clearfix.float_left {
    float: left; }
  .clearfix.float_right {
    float: right; }

/*	Errors	*/
.error_critical {
  display: block;
  min-height: 45px;
  margin: 3px;
  padding: 5px;
  padding-left: 50px;
  border: 1px solid;
  border-radius: 5px;
  background-position: 10px 10px;
  background-repeat: no-repeat;
  background-image: url('https://cdn.fur.vc/awi-hagata/images/icons/error.png');
  background-color: rgba(100, 0, 0, 0.25);
  color: #FFAAAA;
  border-color: #AA5555; }

.error_warning {
  display: block;
  min-height: 45px;
  margin: 3px;
  padding: 5px;
  padding-left: 50px;
  border: 1px solid;
  border-radius: 5px;
  background-position: 10px 10px;
  background-repeat: no-repeat;
  background-image: url('https://cdn.fur.vc/awi-hagata/images/icons/warning.png');
  background-color: rgba(100, 50, 0, 0.25);
  color: #FFCCAA;
  border-color: #AA8855; }

.error_notice {
  display: block;
  min-height: 45px;
  margin: 3px;
  padding: 5px;
  padding-left: 50px;
  border: 1px solid;
  border-radius: 5px;
  background-position: 10px 10px;
  background-repeat: no-repeat;
  background-image: url('https://cdn.fur.vc/awi-hagata/images/icons/info.png');
  background-color: rgba(0, 0, 100, 0.25);
  color: #AAAAFF;
  border-color: #5555AA; }

.error_critical_nobg {
  display: block;
  min-height: 45px;
  margin: 3px;
  padding: 5px;
  padding-left: 50px;
  border: 1px solid;
  border-radius: 5px;
  background-position: 10px 10px;
  background-repeat: no-repeat;
  background-image: none;
  background-color: rgba(100, 0, 0, 0.25);
  color: #FFAAAA;
  border-color: #AA5555;
  padding-left: 5px; }

.error_warning_nobg {
  display: block;
  min-height: 45px;
  margin: 3px;
  padding: 5px;
  padding-left: 50px;
  border: 1px solid;
  border-radius: 5px;
  background-position: 10px 10px;
  background-repeat: no-repeat;
  background-image: none;
  background-color: rgba(100, 50, 0, 0.25);
  color: #FFCCAA;
  border-color: #AA8855;
  padding-left: 5px; }

.error_notice_nobg {
  display: block;
  min-height: 45px;
  margin: 3px;
  padding: 5px;
  padding-left: 50px;
  border: 1px solid;
  border-radius: 5px;
  background-position: 10px 10px;
  background-repeat: no-repeat;
  background-image: none;
  background-color: rgba(0, 0, 100, 0.25);
  color: #AAAAFF;
  border-color: #5555AA;
  padding-left: 5px; }

#error_css_20170214, #error_css_20170216, #error_css_20171204 {
  display: none !important; }

/*	=====	*/
#djDebug {
  display: none !important; }

.embed_wrapper {
  margin: 5px;
  padding: 5px; }