@import url(https://fonts.googleapis.com/css?family=Open+Sans);

html {
    
    height: auto;
    min-height: 100%;
}

#date{
    color: black;
}

div.island_list_menu_backgroun, div.island_buildings {
    border-radius: 10px;
}

div.island_detail
{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}


div.island_list h2
{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

table.player_list {
    border-radius: 10px;

}

input {
    background: rgba(69, 43, 24, 0.734);
    color: white;
}

textarea 
{
    background: rgba(69, 43, 24, 0.734);
    color: white;
}


button {
    background: rgba(69, 43, 24, 0.734);
    color: white;
}

input.forum_topic_name
{
    width: 50ch;
}

textarea.forum_comment
{
    width: 80%;
}

/* form.forum_comment
{
    width: 100%;
} */

table.forum_comment 
{
    width: 100%;
}

textarea.forum_topic_text
{
    height: 10ch;
    width: 100%;

}

table.createTopicForm
{
    width: 100%;
}

#time{
    color: black;
}

table.createTopicForm
{
    width: 90%;
}

table.createTopicFormHeaders
{
    
}

table.forum_post_header
{
    min-width: 30%;
    max-width: 30%;
}

a.grouped_link
{
    margin-right: 5%;
}

span.forum_post_role_name
{
    font-size: 80%;
}

span.forum_post_author_name
{
    color:white;
    white-space: nowrap;
}
span.forum_post_creation_timestamp
{
    font-size: 70%;
    white-space: nowrap;
}
.forum_post_role_name_stylization_admin
{
    color:rgb(255, 0, 0);
    /* background:rgba(0, 0, 0, 0.226);
    padding-left:10px;
    padding-right:10px;
    border-radius: 10px; */
}

.forum_post_role_name_stylization_gm
{
    color:yellow;
}

.forum_post_role_name_stylization_core_gm
{
    color:rgb(255, 145, 0);
}


#signout-button{
    text-align: center;
    background-color: rgba(71, 46, 21, 0.9);
    border-radius: 10px;
    border-style:double;
    border-color: white;
    color: rgb(255, 255, 255);
    padding-left:2ch;
    padding-right:2ch;
    width: 100%;
}

body {
    font-family: 'Open Sans', sans-serif;
    background-image: url("../images/background.jpeg");
    background-size: cover; /* Makes sure the image covers the entire screen */
    background-position: center; /* Keeps the image centered */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    margin: 0;
    min-height: 100vh;
    background-attachment: fixed;
    /* background: #092756;
    background: -moz-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%),-moz-linear-gradient(top,  rgba(57,173,219,.25) 0%, rgba(42,60,87,.4) 100%), -moz-linear-gradient(-45deg,  #670d10 0%, #092756 100%);
    background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -webkit-linear-gradient(top,  rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -webkit-linear-gradient(-45deg,  #670d10 0%,#092756 100%);
    background: -o-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -o-linear-gradient(top,  rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -o-linear-gradient(-45deg,  #670d10 0%,#092756 100%);
    background: -ms-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -ms-linear-gradient(top,  rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -ms-linear-gradient(-45deg,  #670d10 0%,#092756 100%);
    background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), linear-gradient(to bottom,  rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), linear-gradient(135deg,  #670d10 0%,#092756 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3E1D6D', endColorstr='#092756',GradientType=1 ); */
    /* min-height: 100%; */
    /*color: rgba(200,200,200);*/
}

tr.island_summary_title {
    font-weight: bold;
}



.islandbuildings.name {
    display: block;
    font-size: 130%;
}

td {
    text-align: center;
    padding-left: 10px; /* Adjusted */
    padding-right: 10px; /* Adjusted */
}

.island_summary {
    margin-left: auto;
    margin-right: auto;
    color: black;
    background: white;
    /*color: rgba(200,200,200);*/
}

.island_summary a{
    color: black;
}

.top_panel {
    color: rgba(200,200,200);
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
    
}


.bot_panel {
    position: fixed;
bottom: 0;
width: 100%;
z-index: -1; 
text-align: right;

}

.logged_out_top_panel
{
    background: rgba(0,0,0,50%);

}

#top_panel {
    background: rgba(0,0,0,50%);
    margin: 0;
    width: 100%;
}

#top_panel a.right-side {
    text-align: center;
    /* padding-right: 10px; */
}

#top_panel div.right-side table {
    margin-right: 100px;
}

a.top_panel {
    margin-right: 2%;
    display: inline;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

a.islands{
    color: white;
}

.not_enough_resources{
    color: rgb(253, 83, 83);
}

h4.island_building_name{
    max-width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

h4.island_building_name:hover{
    background-color: rgb(255, 255, 255);
    color: black;
}

h4.island_detail_wilderness{
    max-width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

h4.island_detail_wilderness:hover{
    background-color: rgba(0, 0, 0, 0.3);
    color:white;
}

a {
    text-decoration: none; 
    color: white;
    /*color: white;*/
}

span.top_panel.right-side {
    text-align: center;
    color: white;
}

div.top_panel {
    padding-left: 30%;
}



.barracks_units input{
    max-width: 3ch;
}

table.barracks_units{
    margin:0 auto;
}

table.barracks_units th{
    padding-left: 1ch;
    padding-right: 1ch;
}

h3.barracks_units{
    text-align: center;
}

h4.unit_queue_empty{

}

h4.barracks_unit_queue{
    text-align: center;
}

div.builder_mode{
    max-width: 20%;
}

table.barracks_unit_queue {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    vertical-align:top;
}

table.barracks_unit_queue td {
    text-align: center;

}
table.barracks_unit_queue th {
    text-align: center;
    padding-left: 1%;
}

table.barracks_unit_queue h3
{
    text-align: center;
}

div.barracks_unit_queue {
    overflow: hidden;
    max-width: 15%;
    text-align: center;
    background: white;
    color: black;
    margin-left: 5%;
    margin-top: 1%;
    border-style: double;
    border-color: black;
}



#content_container {
    color: white;
    margin: 0 auto;
    padding: 0;
    width: 100%; /* Adjusted */
    display: flex;
    flex-wrap: nowrap;
    /* height: calc(100% - 40px); */
    min-height: 100%;
    margin-bottom: 5%;

}

#main_content {
    min-height: 100%;
    border-style: double;
    border-color: white;
    border-radius: 30px;
    flex-grow: 1;
    padding: 20px 20px 20px 20px;
    background: rgba(116, 73, 33, 80%);
    color:rgb(207, 207, 207);
    margin-left: 10%;
    margin-right: 5%;
    /* background-image: url('../../images/background_grassy.jpeg'); */
    background-size: cover; /* Makes sure the image covers the entire screen */
    background-position: center; /* Keeps the image centered */
    /* background-repeat: no-repeat; Prevents the image from repeating */
}

tr.title {
    font-weight: bold;
}

td.construction_time
{
    vertical-align:top;
}

table.island_detail {
    margin-left: auto;
    margin-right: auto;
}

table.island_summary{
    border-style:double;
}

table.island_summary .title td{
    border-bottom-style:solid;
    border-bottom-width: 2px;

}

table.island_summary td{
    border-bottom-style:solid;
    border-bottom-width: 1px;
}


div.player_list{

}

table.player_list{
    background: rgba(0,0,0,20%)
}


table.player_list{
    border-style: solid;
    border-color: rgba(69, 43, 24, 0.734);
    width:70%;
    margin: 0 auto;
    color: white;
}

table.player_list a{
    color: white;
}

a.player_list_link{
    /* display: block; */
}

td.player_list_level, th.player_list_level{
    max-width: 20ch;
}

.player_list_name{
    width: 100%;
}

table.player_list tr:hover{
    background: rgba(0, 0, 0, 15%);
}
table.player_list td a:hover{
    color: gold;
}
table.player_list td{
    border-top-style:solid;
    border-top-width: 1px;
    border-color: rgba(69, 43, 24, 0.734);
    /* width:100%; */
}

h2.player_list 
{
    text-align: center;
    background-color: rgba(0, 0, 0, 50%);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

table.player_list tr.title td{
    border-bottom-style: solid;
    border-bottom-width: 2px;
    background-color: rgba(0, 0, 0, 20%);
}

.building_block{
    margin-top: 2ch;
    background-repeat: no-repeat;
    /* background-size: contain; */
    background-size: contain;
    background-position: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.building_background_shading
{
    background-color: rgba(0, 0, 0, 0.3);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

div.clay_mine{
    background-image: url("../images/buildings/clay_mine.png");
}

table.building_next_level_data
{
        background: rgba(255, 255, 255, 0.2);
        width: 80%;
}

table.building_management
{
    width:100%;
    margin-top: 40px;
}



.building_subblock{
    background: rgba(0, 0, 0, 0.4);
    color: white;
    max-width:75%;
    margin: 0 auto;
    padding-left: 1ch;
    padding-right: 1ch;
    padding-bottom: 1ch;
    padding-top: 1ch;
    margin-bottom: 1ch;

}

div.building_construction_countdown
{
    text-align: center;
}

.building_level_block{
    background: rgba(0, 0, 0, 0.5);
    color: white;
    max-width:75%;
    margin: 0 auto;
    margin-top: 2ch;
}

a.building_level_up
{
    margin: 0 auto;
    text-align: center;
}
table.building_next_level_data {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    vertical-align:top;
}

table.building_next_level_data td {
    text-align: center;

}
table.building_next_level_data th {
    text-align: center;
    padding-left: 1%;
}

table.building_next_level_data h3
{
    text-align: center;
}

table.vendor_items
{
    width: 100%;
}

div.left-side {
    margin-left: 5%;
}
div.island_detail{
    /* max-width:70%; */
    /* margin-left: 15%; */
    border-style: solid;
    border-color: rgba(69, 43, 24, 0.734);
}

div.right-side {
    text-align: center;
    float: right;
    margin-bottom: 2ch;
    /* color: rgba(0, 0, 0, 0.90) */
}

div.right-side td {
    /*padding-left: 10px;  
    padding-right: 10px;*/
} 

div.building_construction_status
{
    margin-bottom: 10px;
    color: gold;
    font-size: 85%;
}
.island_buildings div.building_construction_status
{
    margin-bottom: 0px;
    color: gold;
}

table.island_buildings
{
    width: 100%;
    max-width: 100%;
    table-layout: fixed;
}

table.island_buildings select
{
    min-width: 25%;
    max-width: 35%;

}

span.building_construction_status
{
    color: gold;
}


#container {
    content: "";
    display: table;
    clear: both;
}


.storage_full{
    color: red;
}

.storage_above_90{
    color: goldenrod
}

.copper
{
 color: rgb(165, 77, 42);
}

.iron
{
 color: grey;
}

.bronze
{
 color: #CD7F32;
}

.tin
{
 color: #d3d4d5;
}

.stone
{
 color: grey;
}

.wood
{
 color: rgb(114, 36, 36);
}

.gold
{
 color: gold;
}

.clay
{
 color: rgb(112, 31, 31)
}

div.right_menu {
    /* float: right; */
    min-width: 18%;
    text-align: center;
    margin-left: 1%;
    font-size: 95%;
}

div.right_menu_subblock{
    border-style: double;
    border-color: white;
    border-radius: 30px;
    background: rgba(116, 73, 33, 0.5);
    color:rgb(207, 207, 207);
    padding: 5px 0px 10px 0px;
    text-align: center;
}

div.right_menu_subblock div.user_menu{
    background: rgba(0, 0, 0, 0.425);
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 5%;
    padding-bottom: 5%;
    border-radius: 10px;

}

div.right_menu_subblock div.island_list_menu{
    background: rgba(0, 0, 0, 0.199);
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 5%;
    padding-bottom: 5%;
    border-radius: 10px;

}

div.right_menu_subblock table{
    min-width: 100%;
    text-align: center;
}

.stats_update_positive{
    color: rgb(118, 197, 108);
    font-size:75%;
}

.stats_update_negative{
    color: rgb(253, 114, 114);
    font-size:75%;
}


div.island_list div.island_detail{
    background: rgba(0, 0, 0, 25%);
}

h2.island_detail_island_name 
{
    text-align: center;
    background-color: rgba(0, 0, 0, 50%);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/* h4.send_message{
    text-align: center;
    background-color: rgba(0, 0, 0, 50%);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
} */
div.user_detail div.top_menu a{
text-align: center;
background-color: rgba(0, 0, 0, 50%);
border-radius: 10px;
padding-left:3ch;
padding-right: 3ch;
padding-bottom: 0.5ch;
padding-top: 0.5ch;
color: rgb(255, 255, 255);
}

h1 {
    text-align: center;
    background-color: rgba(0, 0, 0, 50%);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

h2 {
    text-align: center;
    background-color: rgba(0, 0, 0, 50%);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

h3 {
    text-align: center;
    background-color: rgba(0, 0, 0, 50%);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

h4 {
    text-align: center;
    background-color: rgba(0, 0, 0, 35%);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

h5.quest_name
{
    font-size: medium;
}
div.available_quest_block
{
    background-color: rgba(0, 0, 0, 0.35);
}

div.active_quest_block
{
    background-color: rgba(0, 0, 0, 0.2);
}

div.quest_mgmt
{
    text-align: center;
}

a.quest_mgmt_button
{
}

h1.forum
{
    font-size: 150%;
}

h2.forum
{
    font-size: 130%;
}

h3.forum
{
    font-size: 100%;
}

h4.forum
{
    font-size: 80%;
}

div.forum_subcategory
{
    width: max-content;
}

td.forum_subcategory_name
{
    text-align: left;
    width: 70%;
}

table.forum_category
{
    width:100%;
    border-style:inset;
    border-radius: 5px;
}

table.forum_subcategory
{
    width:100%;
    border-style:inset;
    border-radius: 5px;
}

table.forum_subcategory td
{
    border-bottom-style: dotted;
    border-width: 0.1px;
    border-color: rgb(69, 43, 24);
}

table.forum_subcategory tr.data_row:hover
{
    background-color: #cd8032a9;
    border-color: #cd8032a9;
}

.unread_messages
{
    color:goldenrod;
}

div.messages h3 {
    text-align: center;
    background: rgba(0, 0, 0, 30%);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

div.user_messages_top_menu input{
    text-align: center;
    background-color: rgba(0, 0, 0, 50%);
    border-radius: 10px;
    width: 100%;
    color: rgb(189, 189, 189);
}

div#building_data{
    margin-top: 2ch;
}

div.send_message table{
    background: rgba(0, 0, 0, 25%);
    width: 100%;
    padding: 2%;
    text-align: center;
}

div.send_message input, div.send_message textarea, div.send_message select{
    background: rgba(69, 43, 24, 0.734);
    color: white;
}

.send_message_topic{
    max-width: 50ch;
    float:left;
}

.send_message_text{
    max-width: 70ch;
    min-width: 70ch;
    min-height: 40ch;
    float:left;
}

.send_message_button{
    max-width: 12ch;
    float:left;
    background-color: rgba(0, 0, 0, 20%);
    color: white;

}

.send_message_recipient{
    max-width: 30ch;
    float:left;
}

div.user_home div.top_menu a{
    text-align: center;
    background-color: rgba(0, 0, 0, 50%);
    border-radius: 10px;
    padding-left:3ch;
    padding-right: 3ch;
    padding-bottom: 0.5ch;
    padding-top: 0.5ch;
    color: rgb(255, 255, 255);

}

div.income_messages table{
    background: rgba(0, 0, 0, 25%);
    width: 100%;
    padding: 2%;
}

tr.message{
    border-bottom-width: 1px;
    border-bottom-color: black;
}

div.message table{
    width: 100%;
}

div.message_type_primal
{
    font-size: 100%;
}

div.message_type_reply
{
    font-size: 80%;
    opacity: 50%;
}

div.message{
    width: 100%;
    background: rgba(0, 0, 0, 25%);
}

td.message_text
{
    color:white;
    padding: 10px;
}

.reply_message_text
{
    width: 100%;
    min-height: 10ch;
}

tr.message_seen a
{
    color:rgb(153, 153, 153);
}

tr.message_unseen a
{
    
}

hr.message_separator
{
    max-width: 75%;
}

tr.message:hover,.message a:hover
{
    color:rgba(246, 255, 114, 0.5) ;
}

tr.message:hover,tr.message a:hover
{
    background-color:rgba(0, 0, 0, 0.05) ;
}

.reply_message_button
{
 text-align: center;
 max-width: 25%;
}

div.user_messages_top_menu form{
    float:left;
}

div.user_messages_top_menu{
    margin-bottom: 2%;
    padding-bottom: 2ch;
}


div.send_message{

    /* margin-right: 70%; */
}

div.send_message input, select{

    /* margin-right: 70%; */
    width: 100%;
}

td.message_text{
    text-align: center;
}

h4.island_menu {
    background: rgba(0, 0, 0, 30%);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

div.island_detail_island_type 
{
    text-align: center;
    margin:0 35% 0 35%;
    background-color: rgba(0, 0, 0, 50%);
}

div.island_detail_island_type a
{
    text-align: center;

}

div.knowledge{
}

h3.building_name
{
    text-align: center;
}

h4.building_next_level_data
{
    text-align: center;
}

h4.knowledge_name{
    text-align: center;
    background-color: rgba(0, 0, 0, 50%);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
}

tr.knowledge_name, th.knowledge_name{
    width: 100%;
    min-width: 100%;

}

tr.completed_task{
    color:grey;
}

div.building_level
{
    /* background: rgba(0, 0, 0, 0.5); */
    text-align: center;
}

div.building_max_level_reached_message
{
    text-align: center;
}

div.island_buildings
{
    text-align: center;
    /* background: white; */
    color: black;
    width:90%;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 1%;
    border-style: solid;
    border-color: rgba(69, 43, 24, 0.734);
    border-radius: 10px;


    background-size: cover; /* Makes sure the image covers the entire screen */
    background-position: center; /* Keeps the image centered */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    /* background-attachment: fixed; */
}

div.building_level_up_button
{
    text-align: center;
}

div.building_level
{
    text-align: center;
}

p.not_enough_resources
{
    text-align: center;
}


/* INVENTORY and STASH*/

div.inventory td{
    /* background: rgba(0,0,0,0.5); */
    width: 5ch;
    height: 5ch;
}

div.inventory td:hover{
    /* background: rgba(247, 168, 0, 0.5); */
    width: 5ch;
    height: 5ch;
}

img.inventory_item_image
{
    max-width: 120%;
    max-height: 120%;
}

img.backend_item_image
{
    float:right;
}
img.backend_npc_image
{
    float:right;
    max-width: 30%;
    max-height: 30%;
}

img.backend_item_list_image
{
    max-width: 35px;
    max-height: 35px;
}
img.backend_npc_list_image
{
    max-width: 100;
    max-height: 100px;
}

div.backend_list
{
    overflow-x: auto;
}

div.backend_list table
{
    margin: 0 auto;
    width: 100%;
}

div.backend_list table tr:nth-child(even)
{
    background-color: rgba(0, 0, 0, 0.1)
}

/* div.backend_list table th {
  position: sticky;
  z-index: 2;
  top: 0;
} */

.low_focus
{
    opacity: 50%;
}

div.inventory img.inventory_item_image:hover
{
    background-color: rgba(255, 241, 52, 0.2);
}
div.stash img.inventory_item_image:hover
{
    background-color: rgba(255, 241, 52, 0.2);
}

a.inventory_item_option
{
    margin: 5%;
}

table.backend_npc_stats
{
    max-width: max-content;
}

div.player_setup_form 
{ 

}

div.player_setup_form table
{
    margin: 0 auto; 
    width: 100%;
}

img.welcome_npc
{
    max-width: 30%;
    max-height: 30;
    display: block;
    margin: auto; 
}

img.npc_img
{
    max-width: 30%;
    max-height: 30%;
    display: block;
    margin: auto; 
}

img.npc_img_island
{
    max-width: 20%;
    max-height: 20%;
    /* display: block;
    margin: auto; */
}

img.npc_island_slot_img
{
    max-width: 100%;
    max-height: 100%;
    /* display: block;
    margin: auto; */
}

div.island_npcs
{
    text-align: center;
}

a.npc_island_img
{
    /* width: 10%; */
}



div.stash{
    margin: 0 auto;
    background-image: url("../images/background_inventory.png");
    background-size: 100% 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


div.stash td{
    /* background: rgba(0,0,0,0.5); */
    width: 5ch;
    height: 5ch;
}

div.stash td:hover{
    /* background: rgba(247, 168, 0, 0.5); */
    width: 5ch;
    height: 5ch;
}

td.empty_gear_field {
    background: rgba(0,0,0,0);
    width: 5ch;
    height: 5ch;
}

td.gear_field {
    background: rgba(0,0,0,0.2);
    width: 5ch;
    height: 5ch;
}
td.gear_field:hover{
    background: rgba(247, 168, 0, 0.5);
    width: 5ch;
    height: 5ch;
}

div.inventory {
 width:100%;
 background-image: url("../images/background_inventory.png");
 background-size: 100% 100%;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
}

table.inventory {
    width:100%;
    
    
   }

div.gear{
    margin-right: 0ch;
    background-image: url("../images/background_inventory.png");
    background-size: 100% 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

div.ivnentory_data {
    max-width: 20%;

}

div.ivnentory_data h3 {
    max-width: 20%;
}


table#inventory_player_stats{
    float:right;
}

#itemData {
    position: absolute;
    color: white;
    border-top: 1px solid black;
    border-left: 3px solid black;
    border-right: 1px solid black;
    border-bottom: 3px solid black;
    border-radius: 5px;
    border-collapse: collapse;
    background: rgb(61, 58, 55);    
    z-index: 1000;
    display: none;
    padding: 2ch;
    min-width: 20%;
}

.rarity_0
{
    color:grey;
}

.rarity_1
{
    color:white;
}

.rarity_2
{
    color:rgb(58, 214, 58);
}

.rarity_3
{
    color:rgb(0, 79, 197);
}

.rarity_4
{
    color:rgb(255, 145, 0);
}

.rarity_5
{
    color:rgb(148, 108, 0);
}

.rarity_6
{
    color:rgb(155, 0, 0);
}


#itemData th, #itemData td {
    /* border: 1px solid black; */
    padding-left: 5px;
    padding-right: 5px;
    /* background: rgba(116, 73, 33, 80%); */
    background: none;    

}

#itemData th{
    /* background: rgba(83, 53, 24, 0.8); */
    background: none;    

}

table.stash{
    width: 100%;
}

.inventory_item_low_level{
color:red;
text-align: center;
margin-bottom:1ch;
background:rgba(0, 0, 0, 25%)
}

table.gear{


}

div.page_subblock {
    /* background: rgba(0, 0, 0, 0.5); */
    color: white;
    max-width:85%;
    margin: 0 auto;
    padding-left: 1ch;
    padding-right: 1ch;
    padding-bottom: 1ch;
    padding-top: 1ch;
    margin-bottom: 1ch;

}

.wilderness{
    padding-top: 2ch;
}

.wilderness_subblock{
    background: rgba(0, 0, 0, 0.5);
    color: white;
    max-width:75%;
    margin: 0 auto;
    padding-left: 1ch;
    padding-right: 1ch;
    padding-bottom: 1ch;
    padding-top: 1ch;
    margin-bottom: 1ch;
    text-align: center;
    display: flow-root;
}

.page_subblock{
    background: rgba(0, 0, 0, 0.5);
    color: white;
    max-width:75%;
    margin: 0 auto;
    padding-left: 1ch;
    padding-right: 1ch;
    padding-bottom: 1ch;
    padding-top: 1ch;
    margin-bottom: 1ch;
    text-align: center;
    display: flow-root;
}

div.oponents{
    display: flow-root;
    margin-bottom: 3ch;
}

.wilderness_subblock a{
    /* float:left; */
}

.corpse{
    min-width: 30%;
    max-width: 30%;
    float: left;
    margin-right: 2ch;
}

div.laying_item{
    min-width: 15%;
    max-width: 15%;
    float: left;
    margin-right: 1%;
}

div.corpse_detail h3{

}

table#corpse_player_stats{
    /* float:left; */
}

.wilderness_subblock #corpse{


}


div.corpse_detail{
    max-width: 30%;
}
div#corpse table.gear{
    float:left;
}


div#corpse table.inventory{
    width: 100%;
    /* padding-top: 2ch; */

}

div#corpse div.inventory{
    width: 100%;
}

table.wilderness_building{
    
}

div.wilderness_building{
    width: 23%;
    box-sizing: border-box; 
    padding: 10px;
    margin: 5px;
    text-align: center;
    background: rgba(255, 255, 255, 0.078);
    font-size: 95%;
}

div.island_rename_form{
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

div.island_rename_form form{
    margin: 0 auto;
}

div.island_rename_form input{
    text-align: center;
}


div.building_type{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

h2.building_type{
    min-width: 100%;
}


div#corpse_menu table{
    margin: 0 auto;
    width: 100%;
    text-align: center;
}


.corpse_loot{
    min-width: 100%;
    text-align: center;
    float:left;
    
}

.corpse_loot table{
    /* margin: 0 auto; */
}



table.fight_log{
    margin:0 auto;
    min-width: 75%;
}

div.loot{
    float: left;
    margin:0 auto;
    text-align: center;
}

table.loot{
    margin:0 auto;
    /* float:left; */
}

table.fight_log tr.player{
    padding-bottom: 4ch;
}



table.fight_log tr.npc{
    color:rgba(255, 255, 255, 0.7);
    padding-bottom: 4ch;
}

table.fight_log th{
    padding-bottom: 4ch;
}

div.wild_npc{
    min-width: 25%;
    max-width: 40%;
    margin-left: 5ch;
    float:left;

}

div.wild_npc table{
    width: 100%;
    text-align: center;
}

div.wild_npc_middle_menu{
    /* float:left;
    text-align: center; */
}

div.player_stats{
    max-width: 40%;
    margin-right: 5ch;
    float:right;
    min-width: 25%;
    text-align: center;
}

div.player_stats table{
    width: 100%;
}

div.wild_npc_menu{
    margin: 0 auto;
}

table.wild_npc_menu
{
    margin-top: 5ch;
    float:left;
    width:fit-content;
    text-align: center;
    
}

table.wild_npc_menu td
{
    padding-bottom: 3ch;
}

td.attack_npc{
    padding-top:3ch;
}

a.attack_npc{

}

td.back_to_wilderness{
    padding-top:2ch;
}

td.continue_hunting{
    padding-top:2ch;
}

h3.winner{
    background-color: rgb(0, 120, 0);
}

h3.looser{
    background-color: rgb(141, 0, 0);
}

table.recipes tr.row_1
{
    background-color: rgba(0, 0, 0, 0.2);
}

table.recipes tr.row_2
{
    background-color: rgba(0, 0, 0, 0);
}

table.recipes
{
    width:100%;
}


/* Google auth button */
div.google_auth{
    text-align: center;
}
a.google_auth{
    color: black;
}

.gsi-material-button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-appearance: none;
  background-color: WHITE;
  background-image: none;
  border: 1px solid #747775;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #1f1f1f;
  cursor: pointer;
  font-family: 'Roboto', arial, sans-serif;
  font-size: 14px;
  height: 40px;
  letter-spacing: 0.25px;
  outline: none;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  text-align: center;
  -webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;
  transition: background-color .218s, border-color .218s, box-shadow .218s;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
  max-width: 400px;
  min-width: min-content;
}

.gsi-material-button .gsi-material-button-icon {
  height: 20px;
  margin-right: 12px;
  min-width: 20px;
  width: 20px;
}

.gsi-material-button .gsi-material-button-content-wrapper {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.gsi-material-button .gsi-material-button-contents {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-family: 'Roboto', arial, sans-serif;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.gsi-material-button .gsi-material-button-state {
  -webkit-transition: opacity .218s;
  transition: opacity .218s;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.gsi-material-button:disabled {
  cursor: default;
  background-color: #ffffff61;
  border-color: #1f1f1f1f;
}

.gsi-material-button:disabled .gsi-material-button-contents {
  opacity: 38%;
}

.gsi-material-button:disabled .gsi-material-button-icon {
  opacity: 38%;
}

.gsi-material-button:not(:disabled):active .gsi-material-button-state, 
.gsi-material-button:not(:disabled):focus .gsi-material-button-state {
  background-color: #303030;
  opacity: 12%;
}

.gsi-material-button:not(:disabled):hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
}

.gsi-material-button:not(:disabled):hover .gsi-material-button-state {
  background-color: #303030;
  opacity: 8%;
}

/*  Google auth button end  */


div.gm_menu{
    text-align: center;
}

div.gm_menu a{
    margin-left: 1%;
    margin-right: 1%;
}