.progress {
  padding: 1px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}

.progress-bar {
  height: 16px;
  border-radius: 2px;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  transition: 0.4s linear;
  transition-property: width, background-color;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
}


.progress-bar2 {
    background-color: #1a1a1a;
    height: 15px;
    padding: 1.5px;
    width: 350px;
    margin: 50px 0;         
    border-radius: 5px;
    box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;           
}

.progress-bar2 span {
    display: inline-block;
    height: 100%;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    transition: width .4s ease-in-out;    
}


.progressbar3 {
      background-color: #02304f;
      border-radius: 0px; /* (height of inner div) / 2 + padding */
      padding: 2px;

    }
    
.progressbar3 > div {
     background-color: #1c99ed;
     width: 20%; /* Adjust with JavaScript */
     height: 5px;
     border-radius: 0px;

}

.bar-soul span {
    background-color: #35fffd;   
}

.bar-blue span {
    background-color: #4f4fc7;   
}

.bar-orange span {
      background-color: #fecf23;
      background-image: linear-gradient(top, #fecf23, #fd9215);  
}   

.bar-green span {
      background-color: #a5df41;
      background-image: linear-gradient(top, #a5df41, #4ca916);  
}

.bar-stripes span {
    background-size: 30px 30px;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                        transparent 75%, transparent);            
    
    animation: animate-stripes 3s linear infinite;             
}

@keyframes animate-stripes {
    0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}


.bar-shine span {
    position: relative;
}

.bar-shine span::after {
    content: '';
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    border-radius: 3px;
    animation: animate-shine 2s ease-out infinite;             
}

@keyframes animate-shine {
    0% {opacity: 0; width: 0;}
    50% {opacity: .5;}
    100% {opacity: 0; width: 95%;}
}

.bar-glow span {
    box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;    
    animation: animate-glow 1s ease-out infinite;          
}

@keyframes animate-glow {
 0% { box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} 
 50% { box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} 
 100% { box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;}
 }

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

.DigiFont{
	font-family: "DigiFont";  
}
@font-face {
	font-family: "Adventure";
	src: url("../fonts/adventure.otf") format("opentype");
}

.Adventure{
	font-family: "Adventure";  
} 

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

.Mulan{
	font-family: "Mulan";  
}

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

.Obelix{
	font-family: "ObelixPro-cyr";  
}	
@font-face {
	font-family: "Yardsale";
	src: url("../fonts/yardsale.ttf") format("truetype");
}

.Yardsale{
	font-family: "Yardsale";  
}				

.popover__title {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 24px;
  line-height: 36px;
  text-decoration: none;
  color: rgb(228, 68, 68);
  text-align: center;
  padding: 15px 0;
}

.popover__wrapper {
    position: relative;
    margin-top: 1.5rem;
    display: inline-block;
}
.popover__content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: -150px;
    transform: translate(0,10px);
    background-color: #FFF;
    padding: 1.5rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    width: auto;
}

.popover__wrapper:hover .popover__content {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0,-20px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
.popover__message {
  text-align: center;
}


.floating {  
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
   
}

@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 6px); }
    to   { transform: translate(0, -0px); }    
}

.floating2 {  
    animation-name: floating;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
   
}

@keyframes floating2 {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 4px); }
    to   { transform: translate(0, -0px); }    
}

/* properties for class dropt */

.dropt {border-bottom: thin dotted; cursor: default;}
.dropt:hover {border-bottom: thin dotted; background: #ffeedd;  cursor: default;}
	

.well {
  min-height: 20px;
  padding: 19px;
  margin-top: 30px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, .15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.well-md {
  padding: 12px;
margin-top: 20px;
  border-radius: 3px;
}	

@font-face {
  font-family: 'Digimon';
  src: url('../fonts/digimon.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
   url('../fonts/digimon.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}   

.DigimonFont{
font-family: "Digimon";  
} 

@font-face {
										font-family: 'Adventure';
										src: url('../fonts/adventure.otf') format('opentype');
									}
									
									.Adventure{
										font-family: "Adventure";  
									} 


.button2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:4px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.button2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
	color: #000000 !important;
	
}
.button2:active {
	position:relative;
	top:1px;
	color: #000000 !important;
}

.button3 {
	-moz-box-shadow:inset 0px 1px 0px 0px #efdcfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #efdcfb;
	box-shadow:inset 0px 1px 0px 0px #efdcfb;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ae7ed6), color-stop(1, #9e6cc7));
	background:-moz-linear-gradient(top, #ae7ed6 5%, #9e6cc7 100%);
	background:-webkit-linear-gradient(top, #ae7ed6 5%, #9e6cc7 100%);
	background:-o-linear-gradient(top, #ae7ed6 5%, #9e6cc7 100%);
	background:-ms-linear-gradient(top, #ae7ed6 5%, #9e6cc7 100%);
	background:linear-gradient(to bottom, #ae7ed6 5%, #9e6cc7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ae7ed6', endColorstr='#9e6cc7',GradientType=0);
	background-color:#ae7ed6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #a754e3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:2px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #8932d1;
}
.button3:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9e6cc7), color-stop(1, #ae7ed6));
	background:-moz-linear-gradient(top, #9e6cc7 5%, #ae7ed6 100%);
	background:-webkit-linear-gradient(top, #9e6cc7 5%, #ae7ed6 100%);
	background:-o-linear-gradient(top, #9e6cc7 5%, #ae7ed6 100%);
	background:-ms-linear-gradient(top, #9e6cc7 5%, #ae7ed6 100%);
	background:linear-gradient(to bottom, #9e6cc7 5%, #ae7ed6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e6cc7', endColorstr='#ae7ed6',GradientType=0);
	background-color:#9e6cc7;
	color: #ffffff !important;
}
.button3:active {
	position:relative;
	top:1px;
	color: #ffffff !important;
}

.button4 {
	-moz-box-shadow:inset 0px 1px 3px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 3px 0px #ffffff;
	box-shadow:inset 0px 1px 3px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #bdbdbd;
	display:inline-block;
	cursor:pointer;
	color:#787878;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:4px 10px;
	text-decoration:none;
	text-shadow:0px -1px 0px #ffffff;
}
.button4:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.button4:active {
	position:relative;
	top:1px;
}


.button5 {
	-moz-box-shadow:inset 0px 1px 3px 0px #9fb4f2;
	-webkit-box-shadow:inset 0px 1px 3px 0px #9fb4f2;
	box-shadow:inset 0px 1px 3px 0px #9fb4f2;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));
	background:-moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-o-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#476e9e',GradientType=0);
	background-color:#7892c2;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:4px 10px;
	text-decoration:none;
	text-shadow:0px -1px 0px #283966;
}
.button5:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7892c2));
	background:-moz-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-webkit-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-o-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-ms-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#476e9e', endColorstr='#7892c2',GradientType=0);
	background-color:#476e9e;
}
.button5:active {
	position:relative;
	top:1px;
}

.button6 {
	-moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
	-webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
	box-shadow:inset 0px 1px 0px 0px #9acc85;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #86c768), color-stop(1, #68a54b));
	background:-moz-linear-gradient(top, #86c768 5%, #68a54b 100%);
	background:-webkit-linear-gradient(top, #86c768 5%, #68a54b 100%);
	background:-o-linear-gradient(top, #86c768 5%, #68a54b 100%);
	background:-ms-linear-gradient(top, #86c768 5%, #68a54b 100%);
	background:linear-gradient(to bottom, #86c768 5%, #68a54b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#86c768', endColorstr='#68a54b',GradientType=0);
	background-color:#86c768;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #3b6e22;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:4px 10px;
	text-decoration:none;
	text-shadow:0px -1px 0px #336611;
}
.button6:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));
	background:-moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a',GradientType=0);
	background-color:#68a54b;
	color:#ffffff;
}
.button6:active {
	position:relative;
	top:1px;
}


.button7 {
	-moz-box-shadow:inset 0px 1px 0px 0px #bfd6f6;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bfd6f6;
	box-shadow:inset 0px 1px 0px 0px #bfd6f6;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4a91f2), color-stop(1, #3b7dd8));
	background:-moz-linear-gradient(top, #4a91f2 5%, #3b7dd8 100%);
	background:-webkit-linear-gradient(top, #4a91f2 5%, #3b7dd8 100%);
	background:-o-linear-gradient(top, #4a91f2 5%, #3b7dd8 100%);
	background:-ms-linear-gradient(top, #4a91f2 5%, #3b7dd8 100%);
	background:linear-gradient(to bottom, #4a91f2 5%, #3b7dd8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a91f2', endColorstr='#3b7dd8',GradientType=0);
	background-color:#4a91f2;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #2169cb;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:2px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2869c3;
}
.button7:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3b7dd8), color-stop(1, #4a91f2));
	background:-moz-linear-gradient(top, #3b7dd8 5%, #4a91f2 100%);
	background:-webkit-linear-gradient(top, #3b7dd8 5%, #4a91f2 100%);
	background:-o-linear-gradient(top, #3b7dd8 5%, #4a91f2 100%);
	background:-ms-linear-gradient(top, #3b7dd8 5%, #4a91f2 100%);
	background:linear-gradient(to bottom, #3b7dd8 5%, #4a91f2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b7dd8', endColorstr='#4a91f2',GradientType=0);
	background-color:#3b7dd8;
	color: #ffffff !important;
}

hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

#chat, #quests, #tasks, #world {

    float: right; 
    margin-top: -15px;

}
.notifica {
	
	display: inline-block !important;
	background: #d2382c !important;
	color: #fff !important;
	font: 11px 'Open Sans', sans-serif !important;
	padding: 1px 5px !important;
	border-radius: 8px !important;
	line-height: 15px !important;
	margin-left: -9px !important;
	margin-top: 6px !important;
	-moz-transition: background 0.2s, color 0.2s;
	-webkit-transition: background 0.2s, color 0.2s;
	-o-transition: background 0.2s, color 0.2s;
}

.notificaoff {
	display: inline-block !important;
	color: #fff !important;
	font: 11px 'Open Sans', sans-serif !important;
	padding: 1px 5px !important;
	border-radius: 8px !important;
	line-height: 15px !important;
	margin-left: -9px !important;
	margin-top: 6px !important;
	-moz-transition: background 0.2s, color 0.2s;
	-webkit-transition: background 0.2s, color 0.2s;
	-o-transition: background 0.2s, color 0.2s;
}

.spin{

-webkit-animation-name: spin;
    -webkit-animation-duration: 3000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 3000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 3000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    animation-name: spin;
    animation-duration: 3000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.btn {
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		font-weight: normal;
		
	}

	*:focus {
   	 outline: 0 !important;
	}

	.btn-flat {
		border-radius: 5px!important;
		font-weight: bold!important;
		border-top: 0!important;
		border-left: 0!important;
		border-right: 0!important;
		

	}
	.btn-flat.btn {
		border-bottom: 4px solid #dedede;
		margin-top: 2px;
	}

	.btn-flat.btn-gray {
		border-bottom: 4px solid #1a4172!important;
		border: 0 !important;
    		outline:none;
	}

	.btn-flat.btn-primary {
		border-bottom: 4px solid #1a4172!important;
		border: 0 !important;
    		outline:none;
	}

	.btn-flat.btn-warning {
		border-bottom: 4px solid #d89127;
		border: 0 !important;
    		outline:none;
	}

	.btn-flat.btn-purple {
		color: #FFF;
background-color: #9e6cc7;
		border-bottom: 4px solid #9e6cc7 !important;
		border: 0 !important;
    		outline:none;
	}

	.btn-flat.btn-warning:hover {
		color: #FFF!important;
	}
	
	.btn-flat.btn-success {
		border-bottom: 4px solid #3b9a3b;
		border: 0 !important;
    		outline:none;
	}

	.btn-flat.btn-info {
		border-bottom: 4px solid #9e6cc7;
		border: 0 !important;
    		outline:none;		
	}

	.btn-flat.btn-danger {
		border-bottom: 4px solid #ba3733;
		border: 0 !important;
    		outline:none;		
	}

	.btn-flat.btn-inverse {
		border-bottom: 4px solid #16181b;
	}
	
	.btn-inverse {
		background: #1f2023;
		color: #FFF;
	}
	.btn-inverse:hover {
		background: #17181b;
		color: #FFF;
	}
	.btn-load {
		border-radius: 0;
		border: 0 !important;
	}
.border2{
	border-radius: 2px;
}
.border5{
	border-radius: 5px;
}
.border10{
	border-radius: 10px;
}
.border20{
	border-radius: 20px;
}
.border40{
	border-radius: 40px;
}
.mobile-responsive{
	overflow-x:auto;
}

/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: #fff; /* change if the mask should have another color then white */
	z-index:999999999; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(https://digimonpets.com.br/recursos/img/loading.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}

.float-menu{
	position:fixed;
	bottom:40px;
	left:100px;
	z-index: 9;
}

.adventure-float{
	margin-top:22px;
	z-index: 999;
}
.dinput {
	background-color: #e2e0e0 !important;
}
.online-status{
	content: '';

	width: 6px;
	height: 6px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	background: #7ec700;
	z-index: 11;	
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	font-size: 0;
 animation: online-status 2s infinite;
}


@-webkit-keyframes online-status {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(122,199,0, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(122,199,0, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(122,199,0, 0);
  }
}
@keyframes online-status {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(122,199,0, 0.4);
    box-shadow: 0 0 0 0 rgba(122,199,0, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(122,199,0, 0);
      box-shadow: 0 0 0 10px rgba(122,199,0, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(122,199,0, 0);
      box-shadow: 0 0 0 0 rgba(122,199,0, 0);
  }
}