/*
    ADDITIONAL DEMO STYLE, NOT IMPORTANT TO MAKE THINGS WORK BUT TO MAKE IT A BIT NICER :)
*/
@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
@import "https://fonts.googleapis.com/css?family=Orbitron:300,400,500,600,700";
@import "https://fonts.googleapis.com/css?family=Thasadith:300,400,500,600,700";

* {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

body {
    font-family: 'Poppins', sans-serif;
    background: black;
    color: #ccc;
    font-size: 1rem;
}

input {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -o-user-select: text;
    user-select: text;
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: 0.9rem;
    font-weight: 300;
    line-height: 1.7em;
}

a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0s;
}

#sidebar {
    /* don't forget to add all the previously mentioned styles here too */
    background: rgba(0,0,0,0.9);
    color: #fff;
    transition: all 0.5s;
    border-right: 1px #343a40;
}

#sidebar .sidebar-header {
    padding: 20px 0;
    background: rgba(0,0,0,0.9);
}

#sidebar ul.components {
    padding: 10px 0;
    background: rgba(0,0,0,0.8);
    border-top: 1px #343a40;
    border-top-style: solid;
    border-bottom: 1px #343a40;
    border-bottom-style: solid;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li {
}

#sidebar ul li a:hover {
    border-color: white;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1em;
    display: block;
    border-color: transparent;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
#sidebar ul li a:hover {
    background: rgba(32,32,32,0.4);
}

#sidebar ul li.active > a,a[aria-expanded="true"] {
    background: rgba(32,32,32,0.5);
}
a[aria-expanded="true"] {
    background: unset;
}
ul ul a {
    font-size: 0.95em;
    padding-left: 30px !important;
    background: transparent;
}
#sidebar ul li:hover > ul li {
    border-top-color: white;
}
#sidebar ul li a[aria-expanded="true"] > ul li {
    border-top-color: white;
}
#sidebar ul li:hover > ul li:hover {
    border-top-color: white;
    /*border-bottom-color: transparent;*/
}

#sidebar ul li.logout a {
    color: red;
    border-color: transparent;
    border-top-width: 2px;
    border-bottom-width: 2px;
}
#sidebar ul li.logout a:hover {
    border-top-color: red;
    border-bottom-color: red;
}


ul.lgi-dark li {
    background: rgba(0,0,0,0.8) !important;
    padding: .5rem .5rem;
    margin: 0 .75rem;
}


.lh-condensed { line-height: 1.25; }

.border-bottom-dark-1 {
    border-bottom: 1px #343a40;
    border-bottom-style: solid;
}

.border-top-dark-1 {
    border-top: 1px #343a40;
    border-top-style: solid;
}

/* rest (68.77%) */
.rarity-trivial {
    font-weight: bold;
    color: #9d9d9d;
}
/* 3 per 10 (30%) */
.rarity-common {
    font-weight: bold;
    color: #fff;
}
/* 1 per 100 (1%) */
.rarity-uncommon {
    font-weight: bold;
    color: #1eff00;
}
/* 1 per 500 (.2%) */
.rarity-rare {
    font-weight: bold;
    color: #0070dd;
}
/* 1 per 5,000 (.02%) */
.rarity-epic {
    font-weight: bold;
    color: #a335ee;
}
/* 1 per 10,000 (.01%) */
.rarity-legendary {
    font-weight: bold;
    color: #ff8000;
}
/* one per game */
.rarity-artifact {
    font-weight: bold;
    color: #e6cc80;
}
/* admin-given-gift */
.rarity-gatewars {
    font-weight: bolder;
    color: #926220;
}

.rarity-description {
    font-weight: normal;
}

.navbar-dark {
    background: rgba(0,0,0,0.8);
}

table.table tbody tr:hover {
    border-color: #343a40;
    background: rgba(8,8,8,0.9);
    color: white;
}
table.table tbody tr.dark {
    border-color: #343a40;
    background: rgba(8,8,8,0.9);
}
.page-link.dark {
    border-color: #343a40;
    background: rgba(0,0,0,0.9);
    color: darkgray;
}
.page-link.dark.active {
    border-color: #454b51;
    background: rgba(16,16,16,0.9);
    color: white;
}


.srch_bar {
    display: inline-block;
    text-align: right;
}

.srch_bar input {
    color: #707070;
    border: solid #343a40;
    border-width: 0 0 1px 0;
    padding: .375rem .75rem;
    background: none;
}

.srch_box input {
    color: #707070;
    border: solid #343a40;
    border-width: 0 0 1px 0;
    padding: .375rem .75rem;
    background: none;
}

.srch_box .input-group-text {
    color: #707070;
    border: 1px solid #ff4000;
    background: none;
}

.srch_bar .input-group-addon button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    padding: 0;
    color: #707070;
    font-size: 18px;
}

.srch_bar .input-group-addon {
    /*margin: 0 0 0 -27px;*/
}

.tooltip-inner {
    max-width: inherit;
}



.bar-step {
    position: absolute;
    margin-top: -20px;
    z-index: 1;
    font-size: 12px;
}

.label-txt {
    float: left;
}

.label-line {
    float: right;
    background: #888;
    height: 35px;
    width: 1px;
    /*margin-left: 5px;*/
}

.label-percent {
    float: right;
    margin-left: 5px;
}