/*
  Free to use CSS by Katie (#106445).
  This code may be altered, edited, or re-uploaded.
*/

@import url('https://fonts.googleapis.com/css?family=Cinzel');
body {
        background: url('http://pixeljoint.com/files/icons/full/wasteland.png') center center fixed;
        background-size: 100%;
        font-family: 'Cinzel', serif;
        color: #01060a;
}

.center.b {
        color: black !important;
}

.feature {
        background: rgba(134, 139, 119, 0.8) !important;
        color: black !important;
        border: 1px solid black !important;
}

.topbar {
        background: rgba(181, 186, 165, 0.6);
        border: none;
        border-top: none;
        color: black;
        border-radius: 5px;
        font-family: 'Cinzel', serif;
        color: #01060a;
}

.navbar {
        background: rgba(181, 186, 165, 0.6);
        border-bottom: none;
        font-family: 'Cinzel', serif;
        color: black;
        border-radius: 5px;
}

.navbar li a {
        color: black !important;
}

.navbar li a:hover {
        background: rgba(75, 81, 77, 0.8) !important;
}

.container.main {
        background: rgba(134, 139, 119, 0.4);
        border: 1px solid black;
        box-shadow: none;
        border: none;
        border-radius: 5px;
}

.col-md-9 {
        background: none;
}

.breadcrumb {
        background: rgba(181, 186, 165, 0.8);
}

.breadcrumb .active {
        color: black;
}

.alert {
        background: rgba(181, 186, 165, 0.6);
        border: none;
        color: black;
}

.alert-warning,
.alert-danger {
        background: rgba(181, 186, 165, 0.6);
        color: black;
}

div.left {
        background: rgba(95, 123, 130, 0.6);
        border: 1px solid black;
}

.panel {
        background: rgba(181, 186, 165, 0.6) !important;
        box-shadow: none !important;
        border: none !important;
}

.progress {
        background: rgba(181, 186, 165, 0.6);
}

.progress-div {
        color: black;
}

.progress-bar {
        background: rgba(77, 84, 77, 0.6);
}

.s-chat-message:nth-child(even) {
        background: rgba(181, 186, 165, 0.6) !important;
        border: none !important;
}

.s-chat-message:nth-child(odd) {
        background: rgba(181, 186, 165, 0.6) !important;
        border: none !important;
}

.s-chat-message__pinned {
        background: rgba(95, 123, 130, 0.6) !important;
        color: black !important;
        border: none !important;
}

.s-chat-message_timestamp {
        color: black !important;
}

div#chatMessageContainer {
        border: 1px solid black !important;
}

button#label_currentChannel {
        border: 1px solid black !important;
        background: rgba(95, 123, 130, 0.6) !important;
}

h1 {
        color: #01060a;
        font-size: 72px;
        text-align: center;
}

h2 {
        color: #01060a;
        font-size: 24px;
        text-align: center;
}

h3 {
        color: #01060a !important;
        font-size: 24px !important
}

.table {
        background: rgba(181, 186, 165, 0.6);
        border: 1px solid black !important;
        border-collapse: separate;
        border-radius: 5px;
}

.top,
.bottom,
th {
        background: rgba(181, 186, 165, 0.6) !important;
        color: black !important;
        border-radius: 5px;
}

.table .left {
        background: rgba(134, 139, 119, 0.6)
}

.inner-table .left {
        background: rgba(181, 186, 165, 0.6) !important;
}

.inner-table .right {
        background: rgba(181, 186, 165, 0.6)
}

.right_odd {
        background: none !important;
}

.right_cub {
        background: rgba(181, 186, 165, 0.6) !important;
}

.item-header {
        background: rgba(95, 123, 130, 0.6) !important;
        color: white !important;
}

.item {
        background: rgba(134, 139, 119, 0.6) !important;
        border: 1px solid black !important;
}

.sub_menu {
        background: rgba(134, 139, 119, 0.6) !important;
}

.sub_menu_item_selected {
        background: rgba(95, 123, 130, 0.6) !important;
}

.cave-grid,
.mound-grid {
        background: rgba(134, 139, 119, 0.6);
        border: 1px solid black !important;
}

a:link,
a:visited {
        color: black !important;
}

a:hover {
        color: #7d8472 !important;
}

input,
select,
textarea {
        background: rgba(181, 186, 165, 0.6) !important;
        border: 1px solid black !important;
        border-color: brown;
        border-radius: 5px;
        box-shadow: none !important;
        color: black !important;
        text-shadow: none !important;
}

.boxcontainer {
        background: none;
        height: auto;
        padding: 0px;
        display: flex;
        justify-content: center
}

.Box1 {
        float: left;
        background: rgba(181, 186, 165, 0.6);
        color: black;
        padding: 15px;
        border: 1px solid black;
        border-radius: 5px;
        margin: 15px;
        float: left;
        height: 250px;
        width: 250px;
        overflow: hidden;
        margin-bottom: 35px;
        transition: 1s
}

.Box1:hover {
        overflow-y: auto;
}

.Box2 {
        float: left;
        background: rgba(181, 186, 165, 0.6);
        color: black;
        padding: 15px;
        border: 1px solid black;
        border-radius: 5px;
        margin: 15px;
        float: right;
        height: 250px;
        width: 250px;
        overflow: hidden;
        margin-bottom: 35px;
        transition: 1s
}

.Box2:hover {
        overflow-y: auto;
}

.Box3 {
        float: left;
        background: rgba(181, 186, 165, 0.6);
        color: black;
        padding: 15px;
        border: 1px solid black;
        border-radius: 5px;
        margin: 15px;
        float: right;
        height: 250px;
        width: 820px;
        overflow: hidden;
        margin-bottom: 35px;
        transition: 1s
}

.Box3:hover {
        overflow-y: auto;
}

.credit {
        background: rgba(181, 186, 165, 0.6);
        color: white;
        padding: 10px;
        border: 1px solid black;
        position: fixed;
        text-align: center;
        border-radius: 5px;
        left: 0px;
        bottom: 0px;
        width: 180px;
        height: 40px;
        overflow: auto;
        font-size: 12px;
}

::-webkit-scrollbar {
        width: 7px;
        height: 7px;
}

::-webkit-scrollbar-track {
        background: #79806e;
}

::-webkit-scrollbar-thumb {
        background: #071313;
        border-radius: 4px;
}

div#lion_image {
        opacity: 0.7;
}

table#player img {
        opacity: 0.7;
        border: none !important;
        filter: alpha(opacity=70);
        border: none !important;
}