@font-face {
  font-family: "Beaufort for LOL";
  src: url("../fonts/BeaufortforLOL-Regular.eot?#iefix");
  src: url("../fonts/BeaufortforLOL-Regular.eot?#iefix") format("eot"),
    url("../fonts/BeaufortforLOL-Regular.woff") format("woff"),
    url("../fonts/BeaufortforLOL-Regular.ttf") format("truetype"),
    url("../fonts/BeaufortforLOL-Regular.svg#") format("svg");
  font-weight: 1 699;
}

@font-face {
  font-family: "Beaufort for LOL";
  src: url("../fonts/BeaufortforLOL-Bold.eot?#iefix");
  src: url("../fonts/BeaufortforLOL-Bold.eot?#iefix") format("eot"),
    url("../fonts/BeaufortforLOL-Bold.woff") format("woff"),
    url("../fonts/BeaufortforLOL-Bold.ttf") format("truetype"),
    url("../fonts/BeaufortforLOL-Bold.svg#") format("svg");
  font-weight: 700 999;
}

@font-face {
  font-family: "Spiegel";
  src: url("../fonts/Spiegel-Regular.eot?#iefix");
  src: url("../fonts/Spiegel-Regular.eot?#iefix") format("eot"),
    url("../fonts/Spiegel-Regular.woff") format("woff"),
    url("../fonts/Spiegel-Regular.ttf") format("truetype"),
    url("../fonts/Spiegel-Regular.svg#") format("svg");
}

@font-face {
  font-family: "KorinaLight TYGRA";
  src: url("../fonts/KorinaLightTYGRA.ttf") format("truetype");
}

@font-face {
  font-family: Futura PT;
  font-weight: 400;
  src: url(../fonts/FuturaPT-Book.woff2) format("woff2");
}

@font-face {
  font-family: Futura PT;
  font-weight: 500;
  src: url(../fonts/FuturaPT-Demi.woff2) format("woff2");
}

@font-face {
  font-family: Futura PT;
  font-weight: 600;
  src: url(../fonts/FuturaPT-Demi.woff2) format("woff2");
}

::-webkit-scrollbar {
  width: 15px;
}

::-webkit-scrollbar-track {
  background-color: #242627;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.1);
}

::-webkit-scrollbar-button {
  background-color: #7c2929;
  display: none;
}

::-webkit-scrollbar-corner {
  background-color: black;
}

html,
body {
  height: 100%;
  color: #948f81;
  font-family: "Futura PT", Spiegel;
  background-color: #13171c;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
  margin-top: 11px;
  font-family: "Futura PT", "Beaufort for LOL", YuMincho, "Yu Mincho",
    "MS Mincho", "Hiragino Kaku Gothic ProN", serif;
  color: #d6cba9;
  letter-spacing: 3px;
  text-indent: 8px;
}

h3,
.h3 {
  font-size: 26px;
}
h4,
.h4 {
  font-size: 19px;
}
h5,
.h5 {
  font-size: 15px;
}
h6,
.h6 {
  font-size: 13px;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10.5px;
  margin-bottom: 10.5px;
}

p {
  font-weight: 400;
  font-style: normal;
}
a:hover {
  color: #0056b3;
  text-decoration: none;
}
button:focus {
  outline: 1px dotted;
}
input::placeholder {
  color: #5a5a5a !important;
}

.absolute-center {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.align-middle td,
.align-middle th {
  vertical-align: middle;
}
.table td,
.table th {
  padding: 0.55rem;
  vertical-align: middle;
}

.wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto -60px;
  padding: 0 0 60px;
}

.wrap > .container {
  padding-top: 30px;
}

.absolute-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.bg-warning {
  background-color: #f0ad4e !important;
  color: #211b0b !important;
}

.bg-info {
  background-color: #5bc0de !important;
  background-color: #37839a !important;
  color: white;
}

.bg-success {
  background-color: #5cb85c !important;
  background-color: #578e31 !important;
  color: white;
}
.bg-success a {
  color: #ffb123;
}

.bg-danger {
  background-color: #d9534f !important;
}
.bg-active {
  background-color: #82532354 !important;
}
.bg-primary {
  background-color: #ff8822 !important;
}

.text-primary,
.text-primary:hover {
  /*color: #df691a;*/
  color: #ac7930 !important;
}

.text-success,
.text-success:hover {
  color: #5cb85c !important;
}

.text-danger,
.text-danger:hover {
  color: #d9534f !important;
}

.text-warning,
.text-warning:hover {
  color: #f0ad4e !important;
}

.text-info,
.text-info:hover {
  color: #5bc0de !important;
}

.footer {
  height: 60px;
  /*background-color: #f5f5f5;*/
  border-top: 1px solid #ddd;
  padding-top: 20px;
  background-color: #111215;
  border-top: solid #564931 2px;
  margin-top: 30px;
}

.vertical-center {
  min-height: 100%; /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */
  display: flex;
  align-items: center;
}

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.vertical-align {
  display: flex;
  align-items: center;
}

.vertical-middle {
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 68px;
  }
}

.jumbotron {
  text-align: center;
  background-color: transparent;
  margin-bottom: 0;
}

.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
  margin: 25px 0 15px;
}

.jumbotron h1,
.jumbotron h2 {
  text-transform: uppercase;
}

.not-set {
  color: #c55;
  font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after,
a.desc:after {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-left: 5px;
}

a.asc:after {
  content: /*"\e113"*/ "\e151";
}

a.desc:after {
  content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
  content: "\e153";
}

.sort-numerical a.desc:after {
  content: "\e154";
}

.sort-ordinal a.asc:after {
  content: "\e155";
}

.sort-ordinal a.desc:after {
  content: "\e156";
}

.flex-space-between {
  display: flex;
  justify-content: space-between;
}

.grid-view th {
  white-space: nowrap;
}

.hint-block {
  display: block;
  margin-top: 5px;
  color: #999;
}

.error-summary {
  color: #a94442;
  background: #fdf7f7;
  border-left: 3px solid #eed3d7;
  padding: 10px 20px;
  margin: 0 0 15px 0;
}

label,
.radio label,
.checkbox label,
.help-block {
  font-size: 12px;
}
.label {
  font-weight: normal;
}
.control-label {
  padding-top: 9px;
  margin-bottom: 0;
  text-align: right;
}

.tooltip-inner {
  max-width: 240px;
}

.badge {
  color: #ffffff;
  font-weight: normal;
  /* display: inline; */
  /*padding: .2em .6em .3em;*/
  border-radius: 0.25em;
}

.badge-default {
  background-color: #4e5d6c;
}
.badge-primary {
  background-color: #df691a;
}

.badge-error {
  background-color: #b94a48;
}

.badge-error:hover {
  background-color: #953b39;
}

.badge-warning {
  background-color: #f89406;
}

.badge-warning:hover {
  background-color: #c67605;
}

.badge-success {
  background-color: #468847;
}

.badge-success:hover {
  background-color: #356635;
}

.badge-info {
  background-color: #3a87ad;
}

.badge-info:hover {
  background-color: #2d6987;
}

.badge-inverse {
  background-color: #333333;
}

.badge-inverse:hover {
  background-color: #1a1a1a;
}

.nav {
  list-style: none;
  display: block;
  float: none;
}
.nav.nav-tabs {
  display: flex;
}
/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
  padding: 15px;
  border: none;
}

@media (max-width: 767px) {
  .nav li > form > button.logout {
    display: block;
    text-align: left;
    width: 100%;
    padding: 10px 15px;
  }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
  text-decoration: none;
}

.nav > li > form > button.logout:focus {
  outline: none;
}

.nav-tabs > li > a.active,
.nav-tabs > li.active > a:hover,
.nav-tabs > li > a.active:focus {
  color: #ebebeb;
  cursor: default;
  background-color: #00000024;
  border: 1px solid #4e5d6c;
  border-bottom-color: transparent;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #47494c;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #47494c;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav-pills i {
  margin: 0 5px;
  width: 30px;
  text-align: center;
}

.i0 {
  background: url(../images/ranks.png) no-repeat 0 0;
  width: 28px;
  height: 16px;
}

.i1 {
  background: url(../images/ranks.png) no-repeat 0 -26px;
  width: 28px;
  height: 16px;
}

.i2 {
  background: url(../images/ranks.png) no-repeat 0 -52px;
  width: 28px;
  height: 16px;
}

.i3 {
  background: url(../images/ranks.png) no-repeat 0 -78px;
  width: 29px;
  height: 17px;
}

.i4 {
  background: url(../images/ranks.png) no-repeat 0 -104px;
  width: 29px;
  height: 15px;
}

.i5 {
  background: url(../images/ranks.png) no-repeat 0 -129px;
  width: 28px;
  height: 18px;
}

.i6 {
  background: url(../images/ranks.png) no-repeat 0 -157px;
  width: 30px;
  height: 17px;
}

.i7 {
  background: url(../images/ranks.png) no-repeat 0 -184px;
  width: 29px;
  height: 17px;
}

.i8 {
  background: url(../images/ranks.png) no-repeat 0 -211px;
  width: 28px;
  height: 16px;
}

.i9 {
  background: url(../images/ranks.png) no-repeat 0 -237px;
  width: 28px;
  height: 18px;
}

.i10 {
  background: url(../images/ranks.png) no-repeat 0 -265px;
  width: 29px;
  height: 18px;
}

.i11 {
  background: url(../images/ranks.png) no-repeat 0 -293px;
  width: 29px;
  height: 24px;
}

.i12 {
  background: url(../images/ranks.png) no-repeat 0 -327px;
  width: 29px;
  height: 18px;
}

.i13 {
  background: url(../images/ranks.png) no-repeat 0 -355px;
  width: 29px;
  height: 18px;
}

.i14 {
  background: url(../images/ranks.png) no-repeat 0 -383px;
  width: 29px;
  height: 18px;
}

.i15 {
  background: url(../images/ranks.png) no-repeat 0 -411px;
  width: 29px;
  height: 18px;
}

.i16 {
  background: url(../images/ranks.png) no-repeat 0 -439px;
  width: 29px;
  height: 18px;
}

.i17 {
  background: url(../images/ranks.png) no-repeat;
  background-position: 0 -709px;
  width: 29px;
  height: 18px;
}

.i18 {
  background: url(../images/ranks.png) no-repeat;
  background-position: 0 -734px;
  width: 29px;
  height: 18px;
}

.i19 {
  background: url(../images/ranks.png) no-repeat;
  background-position: 0 -760px;
  width: 29px;
  height: 18px;
}

.i20 {
  background: url(../images/ranks.png) no-repeat;
  background-position: 0 -786px;
  width: 29px;
  height: 18px;
}

.i21 {
  background: url(../images/ranks.png) no-repeat;
  background-position: 0 -812px;
  width: 29px;
  height: 18px;
}

.i22 {
  background: url(../images/ranks.png) no-repeat;
  background-position: 0 -840px;
  width: 29px;
  height: 18px;
}

.i23 {
  background: url(../images/ranks.png) no-repeat;
  background-position: 0 -867px;
  width: 29px;
  height: 18px;
}

.i24 {
  background: url(../images/ranks.png) no-repeat;
  background-position: 0 -894px;
  width: 29px;
  height: 18px;
}

.i25 {
  background: url(../images/ranks.png) no-repeat;
  background-position: 0 -921px;
  width: 29px;
  height: 18px;
}

.i26 {
  background: url(../images/ranks.png) no-repeat;
  background-position: 0 -952px;
  width: 29px;
  height: 18px;
}

.i27 {
  background: url(../images/ranks.png) no-repeat;
  background-position: 0 -983px;
  width: 29px;
  height: 18px;
}

.i28 {
  background: url(../images/ranks.png) no-repeat;
  background-position: 0 -1011px;
  width: 29px;
  height: 18px;
}

.i29 {
  background: url(../images/ranks.png) no-repeat;
  background-position: 0 -1039px;
  width: 29px;
  height: 18px;
}

.i30 {
  background: url(../images/ranks.png) no-repeat;
  background-position: 0 -1066px;
  width: 29px;
  height: 18px;
}

.i31 {
  background: url(../images/ranks.png) no-repeat;
  background-position: 0 -1095px;
  width: 29px;
  height: 18px;
}

.job-radios .job-radio {
  padding: 0 5px;
}
.job-radios input[type="radio"] {
  display: none;
}

.job-radios input[type="radio"]:checked + .job-radio .job-icon {
  border: 2px solid #b3870c;
}

.job-radio .job-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  background-size: contain;
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 50%;
}

.job-icon {
  position: relative;
  margin: 0 auto;
}

.job-all {
  background: url(../images/job-all.png) no-repeat;
  width: 24px;
  height: 24px;
}

.job-0 {
  background: url(../images/job-0.png) no-repeat;
  width: 24px;
  height: 24px;
}

.job-1 {
  background: url(../images/job-1.png) no-repeat;
  width: 24px;
  height: 24px;
}

.job-2 {
  background: url(../images/job-2.png) no-repeat;
  width: 24px;
  height: 24px;
}

.job-3 {
  background: url(../images/job-3.png) no-repeat;
  width: 24px;
  height: 24px;
}

.job-4 {
  background: url(../images/job-4.png) no-repeat;
  width: 24px;
  height: 24px;
}

.job-5 {
  background: url(../images/job-5.png) no-repeat;
  width: 24px;
  height: 24px;
}

.rank-icon {
  margin: 0 auto;
}
.rank-icon.inline {
  display: inline;
  position: absolute;
  margin: 0 5px;
  top: 50%;
  transform: translateY(-45%);
}

.faction-icon {
  width: 25px;
  height: 24px;
  margin: 0 auto;
}

.faction-0 {
  background: url(../images/factions.png) no-repeat center bottom;
}

.faction-1 {
  background: url(../images/factions.png) no-repeat center top;
}

.margin-auto {
  margin: auto;
}

.download-image {
  width: 100%;
  height: 180px;
  object-fit: contain;
}

a {
  color: #ac7930;
}

a:hover,
a:focus {
  color: #5592b6;
}

.navbar-sh {
}

.bg-dark {
  background-color: #121212 !important;
}
.navbar.bg-dark {
  border-bottom: 2px solid #433827;
  border-top: 2px solid #433827;
}

.navbar-brand {
  line-height: 30px;
  font-size: 21px;
  background: url(../images/logo.png) no-repeat center;
  background-size: contain;
  width: 150px;
  margin-top: 5px;
}

@media screen and (min-width: 600px) {
  .navbar-sh {
    background-size: contain;
    background-image: url(../images/header-bg.png);
    background-position: center;
    background-repeat: repeat;
    font-size: 14px;
    border: none !important;
  }

  .navbar-brand {
    line-height: 30px;
    font-size: 21px;
    background: url(../images/logo.png) no-repeat center;
    background-size: contain;
    width: 150px;
    margin-top: 5px;
  }
}

@media (min-width: 1200px) {
  .navbar-sh {
    background-size: contain;
    background-image: url(../images/header-left.png),
      url(../images/header-right.png), url(../images/header-bg.png);
    background-position: left top, right top, center;
    background-repeat: no-repeat, no-repeat, repeat;
    font-size: 14px;
    border: none !important;
  }

  .navbar-brand {
    line-height: 30px;
    font-size: 21px;
    background: url(../images/logo.png) no-repeat center;
    background-size: contain;
    width: 200px;
    height: 70px;
    margin-top: 15px;
  }
}

.navbar-default {
  background-color: #111b20;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #c4b9981f;
}

.navbar-nav > li > a {
  color: #c4b998;
  font-size: 12px;
  font-family: "Futura PT", Beaufort for LOL, serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.navbar-dark .navbar-nav .nav-link {
  color: #c4b998;
}

.navbar-nav > li > a:hover {
  color: #ebebeb;
}

.nav-pills > li > a {
  color: #a59282;
}

.server-statistic {
  color: #d2d2d2;
  text-transform: uppercase;
}

/*.nav > li > a:hover, .nav > li > a:focus {*/
/*    text-decoration: none;*/
/*    background-color: #433827;*/
/*}*/
/*.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {*/
/*    background-color: #ac7930;*/
/*}*/
.breadcrumb {
  border: 1px solid #2f2920;
  background-color: #1b1d1e;
  padding: 8px 15px;
  margin-bottom: 21px;
  list-style: none;
  border-radius: 0;
  font-size: 15px;
}

.breadcrumb > .active {
  color: #cfc1b5;
}
.breadcrumb .separator {
  padding: 0 5px;
}

.panel {
  border: 1px solid #433827;
  /*background-color: #1f3c4d;*/
  background-color: #1b1d1e;
  /*color: #a59282;*/
  color: #c4b998;
  position: relative;
  /*overflow: hidden;*/
  margin-bottom: 21px;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: -1;
  border-top-right-radius: -1;
}

.panel-body {
  position: relative;
  padding: 15px;
}

.no-padding-vertical {
  padding-top: 0;
  padding-bottom: 0;
}

.alert {
  padding: 15px;
  margin-bottom: 21px;
  border: 1px solid transparent;
  border-radius: 0;
  color: #fff;
}
.alert a {
  color: #f0f33b;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert-info {
  /*background-color: #5bc0de;*/
  background-color: #0f96af;
}
.alert-warning {
  background-color: #ac7930;
}
.alert-danger {
  background-color: #d9534f;
}
.alert-success {
  background-color: #5cb85c;
}

.select2-results__option {
  white-space: pre;
}

.dropdown-menu {
  /*background-color: #1b1d1e;*/
  /* border: 1px solid white; */
  /*border: 1px solid #2f2920;*/
  background-color: #121212;
  /*border: 2px solid hsla(0,0%,100%,.05);*/
  border: none;
}

.dropdown-menu .dropdown-item {
  line-height: 32px;
  color: #c4b998;
  font-size: 12px;
  font-family: "Futura PT", Beaufort for LOL, serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-align: center;
}
.dropdown-item:focus,
.dropdown-item:hover {
  background-color: #151515;
}
.dropdown-divider {
  border-top: 1px solid #1f1f1f;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #2c2c2c;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #ac7930;
  border: 2px solid #7e633b;
}

table,
.table {
  font-size: 13px;
  color: inherit;
}

.table th {
  text-align: inherit;
}

.table-bordered {
  border: 1px solid #352e24;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: hsla(0, 0%, 100%, 0.1);
}

table > thead > tr > th,
table > tbody > tr > td,
table > tfoot > tr > td {
  border: 1px solid #1f2021 !important;
}
.table-bordered td,
.table-bordered th {
  border: 1px solid #1f2021 !important;
}

table > thead > tr > th {
  background-color: #1c1d1e !important;
}

.table-userview {
  font-size: 14px;
}

.table-userview td:nth-child(2) {
  text-align: center;
}

.filters {
  background-color: #1f2021;
}

.filters input {
  height: 30px;
  text-align: center;
  margin: 0 auto;
  width: 80%;
  padding: 0;
}

.filters select {
  height: 30px;
  padding: 0 5px;
}

.wrap {
  background: url(../images/background.png) center top no-repeat;
}

.form-control {
  background: #212529;
  background-size: contain;
  border: 1px solid #2e3644;
  color: #999;
  border-radius: 0;
  font-size: 15px;
}

.field-validation-error {
  color: #d9534f;
}
.field-validation-error span {
  vertical-align: middle;
}

.form-check {
  display: flex;
  align-items: center;
  padding: 0;
  cursor: pointer;
}
.form-check-input {
  position: relative;
  margin: 0;
  cursor: pointer;
}
.form-check-label {
  cursor: pointer;
  padding: 0 5px;
}

.form-control:focus {
  background-color: #323a42;
  border-color: #596884;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6);
  color: white;
}

.form-control::-moz-placeholder {
  color: #cccccc;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #cccccc;
}

.form-control::-webkit-input-placeholder {
  color: #cccccc;
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

/*
 * Buttons
 */
.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: transparent;
}

.btn-success:focus,
.btn-success.focus {
  color: #ffffff;
  background-color: #449d44;
  border-color: rgba(0, 0, 0, 0);
}

.btn-success:hover {
  color: #ffffff;
  background-color: #449d44;
  border-color: rgba(0, 0, 0, 0);
}

.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #449d44;
  background-image: none;
  border-color: rgba(0, 0, 0, 0);
}

.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #ffffff;
  background-color: #398439;
  border-color: rgba(0, 0, 0, 0);
}

.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: transparent;
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff;
}

.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: transparent;
}

.btn-info:focus,
.btn-info.focus {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: rgba(0, 0, 0, 0);
}

.btn-info:hover {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: rgba(0, 0, 0, 0);
}

.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #31b0d5;
  background-image: none;
  border-color: rgba(0, 0, 0, 0);
}

.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #ffffff;
  background-color: #269abc;
  border-color: rgba(0, 0, 0, 0);
}

.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: transparent;
}

.btn-info .badge {
  color: #5bc0de;
  background-color: #ffffff;
}

.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: transparent;
}

.btn-warning:focus,
.btn-warning.focus {
  color: #ffffff;
  background-color: #ec971f;
  border-color: rgba(0, 0, 0, 0);
}

.btn-warning:hover {
  color: #ffffff;
  background-color: #ec971f;
  border-color: rgba(0, 0, 0, 0);
}

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ec971f;
  background-image: none;
  border-color: rgba(0, 0, 0, 0);
}

.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #ffffff;
  background-color: #d58512;
  border-color: rgba(0, 0, 0, 0);
}

.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: transparent;
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}

.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: transparent;
}

.btn-danger:focus,
.btn-danger.focus {
  color: #ffffff;
  background-color: #c9302c;
  border-color: rgba(0, 0, 0, 0);
}

.btn-danger:hover {
  color: #ffffff;
  background-color: #c9302c;
  border-color: rgba(0, 0, 0, 0);
}

.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #c9302c;
  background-image: none;
  border-color: rgba(0, 0, 0, 0);
}

.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #ffffff;
  background-color: #ac2925;
  border-color: rgba(0, 0, 0, 0);
}

.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: transparent;
}

.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}

.btn-link {
  font-weight: 400;
  color: #df691a;
  border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}

.btn-link:hover,
.btn-link:focus {
  color: #df691a;
  text-decoration: underline;
  background-color: transparent;
}

/*
 * LoL
 */
.btn.lol {
  cursor: pointer;
  line-height: 1;
  border: none;
  position: relative;
  z-index: 1;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.11);
  transition: color 0.2s;
  min-width: 240px;
  max-width: 100%;
}

.btn.lol:focus {
  outline-offset: 2px;
  outline: #ecc572 dotted 1px;
}

.btn.lol:before {
  content: "";
  display: block;
  position: absolute;
  background: #17191a;
  z-index: -1;
}

.btn.lol {
  font-family: "Futura PT", Beaufort for LOL, serif;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #937341;
}

.btn.lol {
  padding: 15px 20px;
  background: linear-gradient(180deg, #ecc572 0, #815500);
}

.btn.lol:before {
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
}

.btn.lol:active,
.btn.lol:hover {
  color: #c4b998;
}

.btn {
  font-family: "Futura PT", Beaufort for LOL, Arial, sans-serif;
  font-weight: 500;
  transition: 0.4s ease;
  font-size: 12px;
  letter-spacing: 0.3em;
  line-height: 50px;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
  z-index: 3;
  height: 50px;
  vertical-align: middle;
  padding: 0 35px;
  border-radius: 0;
  cursor: pointer;
}

.btn.btn-small {
  position: relative;
  padding: 5px 20px;
  line-height: normal;
  border-radius: 5px;
  letter-spacing: 0.2em;
}

.btn.btn-big {
  padding: 20px 70px;
  font-size: 22px;
  letter-spacing: 5px;
  max-height: none;
  max-width: none;
  height: auto;
}

.btn-default {
  background-color: #14181d;
  color: #987845;
  border: 1px solid #7e633b;
}

.btn-default:hover {
  background-color: #1f242b;
  color: #c7a063;
  border: 1px solid #a78655;
}

.btn-gray {
  background-color: #1d1e1f;
  color: #987845;
  border: 1px solid #61533f;
}

.btn-gray:hover {
  background-color: #2b2c2d;
  color: #c7a063;
  border: 1px solid #a78655;
}

.btn-primary {
  background-color: #2b2f32;
  border-color: #b79345;
}

.btn-primary:hover {
  /*background-color: #00769b;*/
  /*border-color: #b79345;*/
  background-color: #296d9e;
  border-color: #4592b7;
}
.btn-primary.disabled,
.btn-primary:disabled {
  background-color: #68788a;
  border-color: #b79345;
}
.btn-primary:hover.disabled {
  background-color: #68788a;
  border-color: #b79345;
  cursor: default;
}

.btn-middle {
  margin: 0 10px;
  height: auto;
  line-height: inherit;
  padding: 0;
}

.balance-label {
  color: #a59282;
  font-size: 12px;
}

.footer {
  background-color: #121212;
  height: 130px;
  color: #a59282;
  border-top: 1px solid #937341;
}
@media screen and (min-width: 600px) {
  .footer {
    background: url(../images/footer.png) no-repeat center top;
    -ms-background-position-y: -2px;
    background-position-y: -2px;
    height: 130px;
    color: #a59282;
    background-color: #111215;
    border-top: 1px solid #937341;
  }
}

.footer-logo {
  background: url(../images/logo.png) no-repeat center;
  background-size: contain;
  width: 300px;
  height: 120px;
  margin: 0 auto;
  top: 0;
  position: absolute;
}

.scene-heading-mega {
  font-family: "Futura PT", Beaufort for LOL, serif;
  color: #fff;
  font-size: 8vw;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 6px;
  line-height: 1.16;
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
}

.owl-carousel {
  /*padding-top: 100px;*/
}

.owl-item.center {
  z-index: 10;
}

/**
 * NEWS
 */
.news-item {
  margin: 10px 0 15px;
  border: 1px solid #352e24;
}

.news-item:hover {
  border: 1px solid #494236;
}

.news-item .news-header {
}

.news-item .news-header h3 {
  font-family: "KorinaLight TYGRA", serif;
  font-size: 18px;
  text-transform: uppercase;
}

.news-item .news-header h4 {
  font-family: "KorinaLight TYGRA", serif;
  font-size: 16px;
  text-transform: uppercase;
}

.news-item .news-title {
  color: #a88857;
}

.news-date {
  color: gray;
}

.news-item .news-image {
  width: 75px;
  height: 75px;
  border: 2px solid #a08043;
  box-shadow: #494a4c 0 0 4px 2px;
}
.news-item .news-header {
  background: #1d1e1f;
  padding: 5px;
  margin: 0;
}
.news-item .news-content {
  padding: 15px;
  background-color: rgba(33, 34, 35, 0.8);
}

.panel-background {
  /*background-image: url(/images/latestBg.jpg);*/
  /*background-position: 50%;*/
  /*background-size: cover;*/
  opacity: 0.15;
  position: absolute;
  /*top: -150px;*/
  /*right: 0;*/
  /*bottom: 0;*/
  /*left: 0;*/
  /*max-height: 700px;*/
  height: 100%;
  overflow: hidden;
  width: 100%;
  display: block;
  /*z-index: 1;*/
}

.panel-background::before {
  content: " ";
  z-index: 1;
  background-image: url(../images/latestBg.jpg);
  background-size: cover;
  /* opacity: .1; */
  position: absolute;
  top: -200px;
  right: 0;
  /* bottom: 0; */
  left: 0;
  height: 700px;
  max-height: 700px;
  /* height: 100%; */
  /* overflow: hidden; */
  /* width: 100%; */
}

.panel-background:after {
  content: " ";
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 500px;
  background-color: #0a0a0c;
  background-image: -webkit-linear-gradient(
    top,
    #0a0a0c,
    rgba(0, 0, 0, 0),
    #1b1d1e
  );
  background-image: linear-gradient(180deg, #0a0a0c, rgba(0, 0, 0, 0), #1b1d1e);
  background-color: rgba(0, 0, 0, 0);
}

.panel-background .gradient {
  /*position: absolute;*/
  /*top: 0;*/
  /*right: 0;*/
  /*bottom: 0;*/
  /*left: 0;*/
  /* background-color: #0a0a0c;*/
  /* background-image: -webkit-linear-gradient(top,#0a0a0c,rgba(0,0,0,0),#0a0a0c);*/
  /* background-image: linear-gradient(180deg,#0a0a0c,rgba(0,0,0,0),#0a0a0c);*/
  /* background-color: rgba(0,0,0,0);*/
}

/**
 * SOCIAL
 */
.vk {
  padding: 10px;
  margin: 10px 0;
  /*background-color: #4a76a8;*/
  background-color: #476f9c;
  border: 1px solid #4872a3;
  /*border-radius: 7px;*/
}

.vk.vk-tier {
  color: white;
}

.vk a {
  color: white;
}

.vk-logo {
  width: 50px;
  height: 50px;
  margin: auto 5px;
  /*float: right;*/
}

.vk-user {
  display: inline-block;
  /*background: #224b7a;*/
  /*width: 100%;*/
}

.vk-ava {
  margin: auto 10px;
  border-radius: 50%;
}

.vk-name {
  font-size: 16px;
  color: white;
}

.btn.btn-vk {
  text-align: center;
  text-indent: 15px;
  width: 100%;
  background-color: #476f9c;
  color: white;
  border: 1px solid #476f9c;
  /*margin-top: 10px;*/
}

.btn.btn-vk:hover {
  background-color: #467aa6;
}

.btn.btn-vk::before {
  content: " ";
  width: 30px;
  height: 30px;
  background-image: url(/images/social/vk.png);
  background-size: contain;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}

/**
 * LIBRARY
 */
.item {
  font-size: 13px;
  margin: 0;
  /*cursor: pointer;*/
  padding: 10px 15px;
  border-bottom: 1px solid transparent;

  border: 1px solid #433827;
  background-color: #1b1d1e;
  color: #c4b998;
  position: relative;
}
@media screen and (min-width: 768px) {
  .item {
    font-size: 14px;
  }
}

.item .row > div {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.item span {
  vertical-align: middle;
}
.item span {
  white-space: nowrap;
}
.item-sort-0 .item-name {
  color: white;
}
.item-sort-1 .item-name {
  /*color: #0f6674;*/
  /*color: deepskyblue;*/
  color: #05b2d2;
}

.item-sort-2 .item-name {
  color: dodgerblue;
}

.item-sort-3 .item-name {
  color: limegreen;
}

.item-sort-4 .item-name {
  color: yellow;
}

.item-sort-5 .item-name {
  color: goldenrod;
}

.item-sort-6 .item-name {
  color: #de93a0;
}

.item-sort-7 .item-name {
  color: hotpink;
}

.item-sort-8 .item-name {
  color: blueviolet;
}

.desc-color-0 {
  color: gray;
}

.desc-color-1 {
  color: #47cee6;
}

.desc-color-2 {
  color: #6df36d;
}

.desc-color-3 {
  color: yellow;
}

.desc-color-4 {
  color: #ff7777;
}

.desc-color-5 {
  color: gray;
}

.item .item-icon {
  border: 1px solid white;
  padding: 3px;
  /*margin: 0 10px 0 0;*/
  margin: 0 auto;
}

.item .faction-icon {
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
}

.item .job-icon {
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
}

.slot-box,
.item-tooltip .slot-box {
  height: 17px;
  width: 17px;
  display: inline-block;
  background-color: #1b1d1e;
  border: 0.5px solid #6f5d42;
  padding: 0;
  margin: 0 2px;
  vertical-align: middle;
}
.item-tooltip .slot-box {
  background-color: #0a0a0a;
  border: 0.5px solid #423522;
}

.item-sort-1 .item-icon {
  border-color: #05b2d2 !important;
}

.item-sort-2 .item-icon {
  border-color: dodgerblue !important;
}

.item-sort-3 .item-icon {
  border-color: limegreen !important;
}

.item-sort-4 .item-icon {
  border-color: yellow !important;
}

.item-sort-5 .item-icon {
  border-color: goldenrod !important;
}

.item-sort-6 .item-icon {
  border-color: pink !important;
}

.item-sort-7 .item-icon {
  border-color: hotpink !important;
}

.item-sort-8 .item-icon {
  border-color: blueviolet !important;
}

span.item-stats-value {
  color: #fbff00;
  /* font-weight: bold; */
}
span.item-stats-orange {
  color: #f7a000;
}
p.item-stats {
  margin: 0;
}
.item-stats-hp {
  color: palevioletred;
}

.item-stats-sp {
  color: gold;
}

.item-stats-mp {
  color: dodgerblue;
}

.item-stats-str {
  color: indianred;
}

.item-stats-dex {
  color: yellow;
}

.item-stats-rec {
  color: blueviolet;
}

.item-stats-int {
  color: royalblue;
}

.item-stats-wis {
  color: seagreen;
}

.item-stats-luc {
  color: deepskyblue;
}
.item-stats-movement-speed {
  color: #f7f718;
}
.item-stats-attack-speed {
  color: #f7f718;
}

.item-speed {
  /*color: aquamarine;*/
}

.item-speed-0 {
  color: darkred;
}

.item-speed-1 {
  color: darkred;
}

.item-speed-2 {
  color: orangered;
}

.item-speed-3 {
  color: orange;
}

.item-speed-4 {
  color: yellow;
}

.item-speed-5 {
  color: deepskyblue;
}

.item-speed-6 {
  color: yellowgreen;
}

.item-speed-7 {
  color: lightgreen;
}

.item-speed-8 {
  color: limegreen;
}

.lapis-group {
  color: darkgray;
}

.lapis-reqlv {
  color: orange;
}

.lapis-destroy {
  color: indianred;
}

.lapis-rate {
  color: deepskyblue;
}

.item button.no-style {
  background: none;
  border: none;
  width: 100%;
  outline: none;
  color: inherit;
}

.item-tooltip {
  padding: 0 10px 10px;
  letter-spacing: 0.5px;
}
.item-tooltip .desc {
  font-size: 12px;
  margin-top: 10px;
}
.item-tooltip .stats {
  font-size: 13px;
}
.item-tooltip .gems {
  margin-top: 5px;
}

.gem-icon {
  width: 100%;
  height: 100%;
  padding: 1px;
  display: block;
}

.drop-list h3 {
  font-size: 20px;
}

.drop-list .or {
  margin: 30px auto;
  text-indent: 0;
}

.map-list,
.item-list,
.mob-list {
  height: 400px;
  overflow: auto;
}

.map-name {
  cursor: pointer;
}

.minimap {
  width: 100%;
}

.minimap img {
  width: 100%;
  height: 100%;
}

.item-group {
  border: 1px solid #433827;
  background-color: #1b1d1e;
  /*color: #c4b998;*/
  color: #989181;
  position: relative;
  margin-bottom: 5px;
  border-radius: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
}

.item-group:hover {
  background: #1f2122;
}

.drop-item {
  padding: 5px;
  margin: 5px 0;
  /*background: #191b1c;*/
  border: none;
}

.mob-item {
  padding: 2px 5px;
  margin: 2px 0;
  background: #191b1c;
  cursor: pointer;
}

.mob-item:hover {
  background: #1f2122;
}

.mob-item h5 {
  font-size: 14px;
}

.minimap-container {
  padding: 5px;
}

#minimap-canvas {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  border-radius: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  background: #212529;
  background-size: contain;
  border: 1px solid #424242;
  color: #999;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  color: #999;
}

.select2-search--dropdown {
  background: #212529;
  background-size: contain;
}

.select2-container .select2-search--dropdown .select2-search__field {
  border-radius: 0;
  background: #212529;
  border: 1px solid #424242;
  color: #847567;
}

.select2-container .select2-results__option[aria-selected] {
  background: #212529;
  color: #847567;
}

.select2-container .select2-results__option--highlighted[aria-selected] {
  background: none;
  background-color: #337ab7;
  color: #fff;
}

.select2-container .select2-selection__clear {
  color: #847567;
}

.panel-footer {
  background-color: #181a1b;
}

.input-group-addon {
  background-color: #8a754b;
}

.footer a {
  /*color: #476371;*/
}

/* Pagination */
.pagination {
  text-align: center;
  line-height: 1.25em;
  font-size: 1rem;
  justify-content: center;
}

.pagination .page-item {
  background-color: #1b1d1e;
  border: 1px solid #040404;
  box-sizing: content-box;
  line-height: 2.5em;
  cursor: pointer;
  margin: 0.5em 0.1em;
  min-width: 2em;
}

.pagination .page-item:focus,
.pagination .page-item:hover {
  background-color: #13171c;
  color: #fff6f5;
  outline: 0;
}

.pagination .active,
.pagination .active:focus,
.pagination .active:hover {
  background-color: #1b1d1e;
  border-color: #0b5977;
  color: #ffffff;
}

.pagination .disabled,
.pagination .disabled:focus,
.pagination .disabled:hover {
  background-color: #272727;
  cursor: not-allowed;
  color: gray;
  outline: 0;
}

.page-link {
  border: none;
  color: white;
  margin: 0;
  padding: 0;
  min-width: 45px;
  min-height: 40px;
  line-height: 40px;
  background-color: #191d23;
  border: 1px solid #2e3644;
  color: white !important;
}

.page-link:hover {
  z-index: 2;
  text-decoration: none;
  background-color: #1f242b;
  /* color: #c7a063; */
  border: 1px solid #a78655;
  border: 1px solid #515f77;
}

.page-item.active .page-link,
.page-item.active .page-link:hover {
  z-index: 1;
  background-color: #191d23;
  border: 1px solid #2e3644;
}

.page-item .page-link:focus {
  text-decoration: none;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: inherit;
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/*
    mvc-grid
*/
.mvc-grid-title {
  display: inline-block;
  font-size: 14px;
}
.mvc-grid-pager button {
  background-color: #1b1d1e;
  border: 1px solid #433827;
  box-sizing: content-box;
  line-height: 2.5em;
  padding: 0 0.25em;
  cursor: pointer;
  margin: 0.5em 0;
  min-width: 2em;
  color: #ac792b;
}
.mvc-grid-pager button:focus,
.mvc-grid-pager button:hover {
  background-color: #13171c;
  color: #fff6f5;
  outline: 0;
}

.mvc-grid-pager a {
    background-color: #1b1d1e;
    border: 1px solid #433827;
    box-sizing: content-box;
    line-height: 2.5em;
    padding: 0 0.25em;
    cursor: pointer;
    margin: 0.5em 0;
    min-width: 2em;
    color: #ac792b;
  }
  .mvc-grid-pager a:focus,
  .mvc-grid-pager a:hover {
    background-color: #13171c;
    color: #fff6f5;
    outline: 0;
  }

.mvc-grid-pager .active,
.mvc-grid-pager .active:focus,
.mvc-grid-pager .active:hover {
  background-color: #ac792b;
  border-color: #0b5977;
  color: #ffffff;
}
.mvc-grid-pager .disabled,
.mvc-grid-pager .disabled:focus,
.mvc-grid-pager .disabled:hover {
  background-color: #272727;
  cursor: not-allowed;
  color: #777777;
  outline: 0;
}
.mvc-grid-page-sizes select {
  padding: 0.5em;
  background-color: #1b1d1e;
  border: 1px solid #433827;
  color: #ac792b;
}
.mvc-grid-page-sizes select:focus {
  outline: 0;
  border: 1px solid #ac792b;
}

.mvc-grid-sort {
  color: #ac7930;
  /* color: #c4b998; */
  background-color: transparent;
}
.mvc-grid-sort::before {
  opacity: 0.4;
}
.mvc-grid-sort::after {
  opacity: 0.4;
}
.mvc-grid .desc .mvc-grid-sort::after,
.mvc-grid .asc .mvc-grid-sort::before {
  opacity: 1;
}
.mvc-grid-filter {
  color: #6f4f21;
}
.mvc-grid-filter.applied {
  color: #ce8e33;
}
.mvc-grid-sort,
.mvc-grid-filter {
  width: 2.25em;
  border: none;
  margin: 0;
  padding: 0;
  width: 1.75em;
}
.mvc-grid-excel-mode .filterable .mvc-grid-sort,
.mvc-grid-header-mode .filterable .mvc-grid-sort {
  right: 1.75em;
}

/*
    UserPanel
*/
.user-panel h4,
.user-panel h5,
.user-panel h6 {
  margin-top: 0.5rem;
}

/*
    Summernote
*/
.card {
  background-color: #1f2325;
}
.note-toolbar {
  background: hsla(0, 0%, 74%, 0.11);
}
.note-editor.note-airframe .note-statusbar,
.note-editor.note-frame .note-statusbar {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar,
.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
  border-top: 1px solid rgba(125, 125, 125, 0.35) !important;
}
.note-btn-group .note-btn {
  background-color: #3a474e;
  color: #d8ceb9;
  line-height: initial;
  height: auto;
}
.btn-light.focus,
.btn-light:focus {
  box-shadow: none !important;
}
.note-dropdown-menu .dropdown-item {
  color: gainsboro;
}

/*
    Tiered Spender
*/
.ts-icon {
  font-size: 20px;
}
.ts-container {
}

.ts-container .bg-info {
  background-color: #007bff !important;
}
.ts-container .bg-success {
  /*background-color: #5cb85c !important;*/
  background: linear-gradient(#32fd71, #208220) !important;
}
.ts-container .bg-primary {
  /*background-color: #ff8822 !important;*/
  background: linear-gradient(#ffec07, #d66300) !important;
}
.ts-container .bg-info {
  /*background-color: #ff8822 !important;*/
  background: linear-gradient(#208cff, #2d30a0) !important;
}

.ts-container .text-info {
  color: #007bff !important;
  text-shadow: 1px 1px 3px #007bff;
}
.ts-container .text-info:hover,
.ts-container .text-info:focus {
  color: #007bff !important;
}

.ts-container .text-success {
  color: #5cb85c !important;
  text-shadow: 1px 1px 3px #5cb85c;
}
.ts-container .text-success:hover,
.ts-container .text-success:focus {
  color: #5cb85c !important;
}

.ts-container .text-primary {
  color: #ff8822 !important;
  text-shadow: 1px 1px 3px #ff8822;
}
.ts-container .text-primary:hover,
.ts-container .text-primary:focus {
  color: #ff8822 !important;
}

.ts-container .text-secondary:hover,
.ts-container .text-secondary:focus {
  color: #6c757d !important;
}

.ts-container small {
  text-shadow: none;
}

.ts-progress-container {
  display: flex;
  flex-direction: row;
}

.ts-step {
  width: 100%;
  text-align: right;
  color: white;
}
.ts-step .progress {
  border-radius: 0;
  border: 1px solid;
  border-left: 0;
  background-color: #1f2021;
  background: none !important;
}
.ts-container .ts-step:first-child .progress {
  border-left: 1px solid;
}
.ts-step .progress {
  box-shadow: 0 0 3px 0 #007bff;
}
.ts-step .progress.bg-success {
  box-shadow: 0 0 3px 0 #00ff14;
}
.ts-step .progress.bg-warning {
  box-shadow: 0 0 3px 0 #ff8822;
}

.legend {
  margin-right: 10px;
}
.legend span {
  width: 15px;
  height: 15px;
  display: inline-block;
  border: 1px solid;
  vertical-align: middle;
}
.legend small {
  color: white;
  text-transform: uppercase;
}

.ts-step-container {
  margin-top: 20px;
}

.ts-step-container .nav > li > a {
  padding: 10px;
}

.donate-link {
  color: #dcae6c !important;
}
.donate-link:hover {
  color: rgba(255, 255, 255, 0.75);
}

/* User header */
.user-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 35px;
  padding: 0 20px;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .user-header {
    justify-content: flex-end;
  }
}

.user-header .user-menu {
  display: none;
  position: absolute;
  background: #1f1f1f;
  padding: 10px 0;
  min-width: 100%;
  z-index: 50;
  right: -10px;
}

.user-header--leftside {
  display: flex;
}

@media (max-width: 768px) {
  .user-header--leftside {
    display: none;
  }
}

.user-header--rightside {
  display: flex;
  justify-content: flex-end;
}

.user-header__user-block {
  margin-left: auto;
  position: relative;
}

.user-header__user-block:hover .user-menu {
  display: flex;
  flex-direction: column;
}

.user-header__link {
  display: block;
  cursor: pointer;
  transition: color 0.35s ease-out;
  margin-left: 19px;
  color: white;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.06em;
  font-weight: 500;
}

.user-header__link:first-child {
  margin-left: 0;
}

.user-header__link.type-left {
  margin-left: auto;
}

.user-header__link--user {
  display: inline-block;
  position: relative;
  margin-left: 0;
  padding: 10px 20px;
  white-space: nowrap;
  text-align: center;
}

/* Updater news */
.news-icon {
  width: 42px;
  height: 42px;
  margin: auto;
}

/* Simple item */
.simple-item {
  width: 36px;
  height: 36px;
  position: relative;
  cursor: default;
}

.simple-item.big {
  width: 42px;
  height: 42px;
}

.simple-item .item-icon {
  width: 100%;
  padding: 1px;
  border: 1px solid white;
}

.item-sort-1 .item-icon {
  border-color: #05b2d2 !important;
}

.item-sort-2 .item-icon {
  border-color: dodgerblue !important;
}

.item-sort-3 .item-icon {
  border-color: limegreen !important;
}

.item-sort-4 .item-icon {
  border-color: yellow !important;
}

.item-sort-5 .item-icon {
  border-color: goldenrod !important;
}

.item-sort-6 .item-icon {
  border-color: pink !important;
}

.item-sort-7 .item-icon {
  border-color: hotpink !important;
}

.item-sort-8 .item-icon {
  border-color: blueviolet !important;
}

.simple-item .item-count {
  color: white;
  font-size: 11px;
  position: absolute;
  right: 4px;
  bottom: 1px;
  text-shadow: 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black;
}

/* Item selection control */
.item-select {
  min-width: 300px;
  position: relative;
}

.selected-item {
  display: flex;
  background: #212529;
  background-size: contain;
  border: 1px solid #2e3644;
  border-radius: 0;
  font-size: 15px;
}

.item-search {
  background-color: #212529;
  border: 1px solid #424242;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.item-search-results {
  max-height: 190px;
  overflow: auto;
  width: 100%;
  z-index: 2;
}

.search-item {
  display: flex;
  align-items: center;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  cursor: pointer;
}
.search-item:hover {
  background-color: #323a42;
}
.search-item .item-icon {
  width: 28px;
  height: 28px;
  margin-right: 15px;
  border: 1px solid;
}

.item-clear-button {
  background: transparent;
  border: none;
  outline: none;
  color: #999;
  padding: 0 10px;
}

/* Character item */
.character-item {
  display: block;
  position: relative;
  /* margin: 0; */
  /* cursor: pointer; */
  /* font-size: 14px; */
  /* padding: 20px 15px; */
  border: 1px solid #000000;
  /* margin: 3px 0; */
  border: 1px solid #4f5866b0;
  /* background-color: #1b212b9c; */
  /* background-color: #121213e0; */
  background-color: #1212138f;
  /* color: white !important; */
  z-index: 1;
}
.character-item .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.2;
}

.bg.full {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bg.fighter-m {
  background: url(/images/class/fighter_m.png) no-repeat -27px -153px;
}

.bg.fighter-w {
  background: url(/images/class/fighter_w.png) no-repeat -13px -160px;
}

.bg.defender-m {
  background: url(/images/class/defender_m.png) no-repeat -1px -160px;
}

.bg.defender-w {
  background: url(/images/class/defender_w.png) no-repeat 9px -178px;
}

.bg.ranger-m {
  background: url(/images/class/ranger_m.png) no-repeat 0 -160px;
}

.bg.ranger-w {
  background: url(/images/class/ranger_w.png) no-repeat 11px -184px;
}

.bg.archer-m {
  background: url(/images/class/archer_m.png) no-repeat -12px -148px;
}

.bg.archer-w {
  background: url(/images/class/archer_w.png) no-repeat -10px -160px;
}

.bg.mage-m {
  background: url(/images/class/mage_m.png) no-repeat -9px -160px;
}

.bg.mage-w {
  background: url(/images/class/mage_w.png) no-repeat -4px -183px;
}

.bg.priest-m {
  background: url(/images/class/priest_m.png) no-repeat 30px -160px;
}

.bg.priest-w {
  background: url(/images/class/priest_w.png) no-repeat 26px -170px;
}

.bg.warrior-m {
  background: url(/images/class/warrior_m.png) no-repeat 43px -139px;
}

.bg.warrior-w {
  background: url(/images/class/warrior_w.png) no-repeat 36px -150px;
}

.bg.guardian-m {
  background: url(/images/class/guardian_m.png) no-repeat -21px -141px;
}

.bg.guardian-w {
  background: url(/images/class/guardian_w.png) no-repeat -8px -141px;
}

.bg.assassin-m {
  background: url(/images/class/assassin_m.png) no-repeat -8px -180px;
}

.bg.assassin-w {
  background: url(/images/class/assassin_w.png) no-repeat 12px -180px;
}

.bg.hunter-m {
  background: url(/images/class/hunter_m.png) no-repeat 13px -160px;
}

.bg.hunter-w {
  background: url(/images/class/hunter_w.png) no-repeat 19px -175px;
}

.bg.pagan-m {
  background: url(/images/class/pagan_m.png) no-repeat -8px -185px;
}

.bg.pagan-w {
  background: url(/images/class/pagan_w.png) no-repeat -8px -185px;
}

.bg.oracle-m {
  background: url(/images/class/oracle_m.png) no-repeat -9px -170px;
}

.bg.oracle-w {
  background: url(/images/class/oracle_w.png) no-repeat 5px -170px;
}

.htmx-request .btn p {
  visibility: hidden;
}

/* .select2-search__field {
    width: 0.75em;
    margin: 0px;
    padding: 5px 8px;
    font-family: "Futura PT", Spiegel;
    color: rgb(153, 153, 153);
} */

.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
    width: 0.75em;
    margin: 0px;
    padding: 5px 8px;
    font-family: "Futura PT", Spiegel;
    color: rgb(153, 153, 153);
}

.select2-container .select2-selection--multiple {
    padding: 0px;
}

.mvc-grid-pager a {
  margin-left: 2px;
  margin-right: 2px;
}

.swapfamily {
  color: #fd5c93 !important;
  transition: 0.1s;
}

.swapfamily:hover {
  opacity: 0.75;
}

.rainbow-text {
  background: linear-gradient(45deg, #f3f3f3, #ffc0cb, #ff5733, #ffff66, #00ff00, #00ffff, #0000ff, #8a2be2, #f3f3f3);
  background-size: 600% 600%;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  animation: rainbow-animation 12s ease infinite;
}

@keyframes rainbow-animation {
  0% {background-position: 0% 50%}
  50% {background-position: 100% 50%}
  100% {background-position: 0% 50%}
}