@font-face{font-family:"Cantarell";
	src: url('cantarell.ttf') format("truetype");
	font-display: swap;}
	@font-face{font-family:"Djakarta";
	src: url('Djakarta.ttf') format("truetype");
	font-display: swap;} 
	@font-face{font-family:"Cardo-Regular";
	src: url('Cardo-Regular.ttf') format("truetype");
	font-display: swap;} 
 body
            {
                margin: 0px;
                padding: 0px;
		width:100%;
                overflow-y: scroll;
				overflow-x: hidden;
                scrollbar-base-color: #69d6b5;
				background-color: #353e3c;
				
            }
            #ChatWindow
            {
				
				margin-top:25px;
                width: 95%;
            }
.chat_entry {
	padding: 2px;
	border-radius: 10px;
	width:95%;
	word-wrap:break-word;
	vertical-align: text-top;
	display:inline-block;
	margin-bottom:10px;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	position:relative;
	/* overflow:hidden; */


}
.chat_entry-other{
	text-align:right;
	float:right;
	clear:both;


}
.chat_entry_ooc {
	padding: 2px;
	border-radius: 10px;
	width:100%;
	word-wrap:break-word;
	vertical-align: text-top;
	display:inline-block;
	margin-bottom:0px;
}
.chat_entry_battle {
	padding: 2px;
	border-radius: 0px;
	width:100%;
	word-wrap:break-word;
	vertical-align: text-top;
	display:inline-block;
	margin-bottom:0px;
}

.chat_entry_system {
	padding: 2px;
	border-radius: 0px;
	width:100%;
	word-wrap:break-word;
	vertical-align: text-top;
	display:inline-block;
	margin-bottom:0px;
}

.chat_avatar {
  border-radius:50%;
border-style: solid;
border-color: #f2c355; 
 position:relative;
 height:auto;
width:96px;
 z-index:2;
 }
 
 .battle_img {
 position:relative;
 height:auto;
width:16px;
 z-index:2;
	float:left;
	vertical-align:middle;
}
.chat_avatar-other{
border-color: #fc5874;
z-index:2;
height:auto;
width:96px;
}
.chat_avatar_bg{
box-shadow: 0px 2px 0px 2px grey;
border-radius:50%;
border-style: solid;
border-color: #f2c355;
height:auto;
width:96px;
z-index:-2;
position:absolute;
opacity:0;
}
.chat_avatar_bg-self{
left:0%;
height:auto;
width:96px;
}
.chat_avatar_bg-other{
border-color: #fc5874;
left:clear;
right:0%;
height:auto;
width:96px;
}

.chat_message {
	background-color: #f2c355;
	position: relative;
	width:100%;
	border-radius: 10px;
	margin-left:0px;
	white-space: pre-line;
	word-wrap: break-word;
	color:white;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	font-family:"Tahoma","Cardo-Regular",sans-serif;
	font-size:16px;
	border-bottom:2px solid #bbb;
	border-top:1px solid #ddd;
}
.chat_message-other{
	background-color: #fc5874;
}
.chat_content {
	width:100%;
	z-index:2;
	position:relative;
}
.chat_only_text {
 	z-index:10;
	position:relative;
}

.self_talk {
position:relative;
}
.other_talk{
position:relative;
}
a:hover, a:visited, a:link, a:active
{
	color:#f7b314;
    text-decoration: none;
}
.skill_link{
	color:#f7b314;
	cursor:pointer;
}
.chat_name {
	font-family:"Tahoma","Cardo-Regular",sans-serif;
	font-weight:bold;
	z-index:2;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	cursor:pointer;

}

.chat_name-3D{
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);}

.chat_world{
	background-color:#cfcc88;
	width:80%;
	padding-top:10px;
	padding-bottom:10px;
	margin:auto;

	border-style: double;
	position: relative;
	clear:both;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	text-align:center;
	font-family:"Tahoma","Cardo-Regular",sans-serif;
}
.chat_ooc{
	<!-- font-family:"Djakarta"; -->
	width:60%;
	margin-top:1px;
	margin-bottom:1px;
	position: relative;
	clear:both;
	background-color:transparent;
	color:white;
	text-indent:4px;
	word-wrap:break-word;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	font-family:"Tahoma","Cardo-Regular",sans-serif;
}
.chat_world_cont{
	margin-top:10px;
	margin-bottom:10px;
	opacity:0;
	width:100%;
	
}
.chat_battle{
	<!-- font-family:"Djakarta"; -->
	width:60%;
	margin-top:1px;
	margin-bottom:1px;
	border-radius:0px;
	position: relative;
	clear:both;
	background-color:transparent;
	color:white;
	text-indent:4px;
	word-wrap:break-word;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	font-family:"Tahoma";
	font-size:14px;
	border-bottom:0px solid #bbb;
	border-top:0px solid #ddd;
}
.battle_img {
	height:auto;
	width:16px;
	top:2px;
}
.button_wrapper{
	display: table;
	table-layout:fixed;
	position:fixed;
	top:0px;
	width:100%;
	background-color:#2a2a2a;
	z-index:100;
}
.top_button{
	display:table-cell;
	font-family:"Tahoma";
	font-size:16px;
	width:2%;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	/* border:0.16em solid rgba(255,255,255,0); */
	text-align:center;
	vertical-align:middle;
	color:white;
	position:relative;
	background-color:#40639f;
	border: 1px outset;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}
.top_button:hover{
/* border-color: rgba(255,255,255,1); */
cursor:default;
}
.top_button_disabled{
background-color: rgba(0, 0, 0, 0.5);      
position: absolute;
z-index:101;
left: 0;
right: 0;
top: 0;
bottom: 0;
pointer-events:none; 
touch-action:none;
opacity:0;
}

.button_ic{
}

.options_menu{
z-index:100;
position: fixed;
width: 80%;
height: 75%;
top: 12.5%;
left: 10%;
border: 1px solid #2a2a2a;
background-color:#69d6b5;
background: linear-gradient(to bottom, #69d6b5 0%, #0066cc 100%);
font-family:"Tahoma";
font-size:14px;
color:white;
text-align:center;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
overflow:auto;

}
.options_table{
margin-top:10px;
display: table;
table-layout:fixed;
height:90%;
}
.options_row{
display:table-row;
table-layout:fixed;
}
.options_entry{
display:table-cell;

width:2%;
text-align:center;
vertical-align:middle;
padding:5px;
min-width:20px;

}
.options_avatar_shape{
border-radius:50%;
border: 3x solid #FFFFFF;
background-color:white;
margin:auto;
width:20px;
}

.options_avatar_size{
display:table-cell;
border-radius:50%;
border: 3x solid #FFFFFF;
background-color:white;
margin:auto;
width:20px;
}

.options_image{
height:16px;
width:16px;
position: absolute;
left: 0;
right: 0;
top: -2px;
bottom: 0;
margin: auto;
}

.title_stuff{
width:80%;
border-image-slice:110 110 110 110;
border-image-width:32px 32px 32px 32px;
border-image-outset:0px 0px 0px 0px;
border-image-repeat:round round;
border-image-source:url("https://sigrogana.org/images/48small_gold.png");
text-align:center;
margin-left:auto;
margin-right:auto;
font-family:"Tahoma";
font-size:16px;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
color:#dcbc7c;
background-color:#2a2a2a;
margin-bottom:32px;
}
.title_bullet{
width:16px;
height:auto;
vertical-align:middle;
margin-bottom:8px;
position:relative;
top:3px;
}
.title_login{
color:white;
font-size:14px;
font-family:"Tahoma";
padding-bottom:8px;
}
.slider{
	width:50%;
	padding:0px;
}
input[type=range]::-ms-track {
    width: 100%;
    height: 5px;
    
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #fcbe03;
    border-radius: 4px;
}
input[type=range]::-ms-fill-upper {
    background: #777;
    border-radius: 4px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: white;
}
input[type=range]:focus::-ms-fill-lower {
    background: #fcbe03;
}
input[type=range]:focus::-ms-fill-upper {
    background: #777;
}
#tabs-min { 
    background: transparent; 
    border: none;
	
	
} 
#tabs-min .ui-widget-header { 

    background: transparent; 
    border: none; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
} 
#tabs-min .ui-tabs-nav .ui-state-default { 
    background: transparent; 
    border: none; 
} 

#tabs-min .ui-tabs-nav .ui-state-default a { 
    color: #c0c0c0; 
} 
#tabs-min .ui-tabs-nav .ui-state-active a { 
    color: #f5b342; 
}
#tabs-min .ui-tabs-nav { 
    height: 2.35em; 
    text-align: center; 
} 
#tabs-min .ui-tabs-nav li { 
    display: inline-block; 
    float: none; 
    top: 0px; 
    margin: 0em; 
    padding-bottom: 0px;	
}
ul.ui-autocomplete {
    list-style: none;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
ul { list-style-type:none; }
.ui-widget-content{
color:#f1f1f1;
}
.button-sep{
		display:inline-block;
		width:0;
		height:22px;
		border-left:1px solid #ccc;
		border-right:1px solid #fff;
		vertical-align:middle;
	}
.ui-tooltip{
	background:#f1f1f1;
	color:#2a2a2a;
	font-family:"Tahoma";
	font-size:14px;
	pointer-events: none;
}
.chat_avatar_big {
	width:192px;
}
.battle_icon_big{
	width:32px;
}
.hidden{
	opacity:0;
}
.highlight {
	box-shadow:0px 0px 5px 5px #cdc1a5;
}

.chat_text_smaller{
	font-size:14px;
}
.chat_text_normal{
	font-size:16px;
}
.chat_text_bigger{
	font-size:18px;
}
.chat_text_bigmode_smaller {
	font-size:28px;
}
.chat_text_bigmode_normal {
	font-size:32px;
}
.chat_text_bigmode_bigger {
	font-size:36px;
}

.chat_battle_smaller{
	font-size:12px;
}
.chat_battle_normal{
	font-size:14px;
}
.chat_battle_bigger{
	font-size:16px;
}
.chat_battle_bigmode_smaller {
	font-size:26px;
}
.chat_battle_bigmode_normal {
	font-size:30px;
}
.chat_battle_bigmode_bigger {
	font-size:34px;
}
.chat_item_img{
	vertical-align:middle;
	max-width:32px;
	max-height:32px;
}
.chat_item_img_small{
	vertical-align:middle;
	max-width:18px;
	max-height:18px;
}

.chat_avsize_normal{
	height:96px !important;
	width:96px !important;
}
.chat_avsize_med{
	height:64px !important;
	width:64px !important;
}
.chat_avsize_small{
	height:32px !important;
	width:32px !important;
}
.chat_avsize_normal_big{
	height:192px !important;
	width:192px !important;
}
.chat_avsize_med_big{
	height:128px !important;
	width:128px !important;
}
.chat_avsize_small_big{
	height:64px !important;
	width:64px !important;
}
rt{
	font-size:12px;
}
.ui_item_img{
	vertical-align:middle;
	margin:-4px;
}