@import url('revision.css');

body, html
{
	overflow: hidden;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	-webkit-text-size-adjust: none;
	cursor: default;
}

/*
a, a:visited { color: #F00; text-decoration: none; }
a:hover, a:focus { color: #F33; text-decoration: underline; }
*/

a {display: none}

@font-face
{
	font-family: pt-regular;
	src: url('../fonts/PT_Sans-Web-Regular.ttf');
}

@font-face
{
	font-family: pt-italic;
	src: url('../fonts/PT_Sans-Web-Italic.ttf');
}

@font-face
{
	font-family: pt-bold;
	src: url('../fonts/PT_Sans-Web-Bold.ttf');
}

@font-face
{
	font-family: pt-bold-italic;
	src: url('../fonts/PT_Sans-Web-BoldItalic.ttf');
}

@font-face
{
	font-family: pt-narrow-regular;
	src: url('../fonts/PT_Sans-Narrow-Web-Regular.ttf');
}

@font-face
{
	font-family: pt-narrow-bold;
	src: url('../fonts/PT_Sans-Narrow-Web-Bold.ttf');
}

.text-regular {font-family: pt-regular;}
.text-italic {font-family: pt-italic;}
.text-bold {font-family: pt-bold;}
.text-bold-italic {font-family: pt-bold-italic;}
.text-narrow-regular {font-family: pt-narrow-regular;}
.text-narrow-bold {font-family: pt-narrow-bold;}
.text-underline {text-decoration: underline;}

.active-scale:active
{
	-webkit-transform: scale(1.15, 1.15);
}

input:focus, textarea:focus{ 
	outline:none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/*-webkit-user-modify: read-write-plaintext-only;*/
}

.problemInfo { color: #900; }
.funds { font-weight: bold; color: #090; }

.positive { color: #090 !important; }
.negative { color: #F00 !important; }
.overflow { color: #FA0 !important; }

.no-select { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.nowrap { white-space: nowrap; }
.no-pointer { pointer-events: none !important; }

.grayscale { 
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

span.disabled {
	opacity: 50%;
}

inline-table, .inline-table { display:inline-table; box-sizing: border-box; }
inline-table > *, .inline-table > * { display:table-row;  box-sizing: border-box; }
inline-table > * > *, .inline-table > * > * { display:table-cell; text-align: center; vertical-align: middle; box-sizing: border-box; }

.align-left {text-align: left;}
.align-center {text-align: center;}
.align-right {text-align: right;}
.valign-top {vertical-align: top;}
.valign-middle {vertical-align: middle;}
.valign-bottom {vertical-align: bottom;}

.lightbox 
{
	display: inline-block;
	box-sizing: border-box;
	padding: 1em;
	border-radius: 0.2em;
	-webkit-box-shadow: 
		inset 1px 1px 1px 0.5px rgba(255, 255, 255, 1.0)
		,inset -1px -1px 1px 0.5px rgba(0, 0, 0, 0.5)
		,inset 0px 0px 25px 5px rgba(165, 93, 38, 0.7)
		,1px 2px 5px 0.5px rgba(0, 0, 0, 0.3)
	;
	box-shadow: 
		inset 1px 1px 1px 0.5px rgba(255, 255, 255, 1.0)
		,inset -1px -1px 1px 0.5px rgba(0, 0, 0, 0.5)
		,inset 0px 0px 25px 5px rgba(165, 93, 38, 0.7)
		,1px 2px 5px 0.5px rgba(0, 0, 0, 0.3)
	;
	background-color: #f5e8cf;
	color: #481f08;
}

.lightbox.darkwood 
{
	background: url('../images/interface/3/common/dark_wood_back.png') 0% 0%; 
	background-repeat: repeat;
	color: #FFF;
}
.lightbox.lightwood 
{
	background: url('../images/interface/3/common/dialog_caption.png') 0% 0%; 
	background-repeat: repeat;
	color: #FFF;
}

.borderlabel 
{
	display:inline-block; 
	box-sizing: border-box;
	-webkit-box-shadow: 
		inset 1px 1px 1px 0.5px rgba(255, 255, 255, 1.0)
		,inset -1px -1px 1px 0.5px rgba(0, 0, 0, 0.5)
		,1px 2px 5px 0.5px rgba(0, 0, 0, 0.3)
	; 
	box-shadow: 
		inset 1px 1px 1px 0.5px rgba(255, 255, 255, 1.0)
		,inset -1px -1px 1px 0.5px rgba(0, 0, 0, 0.5)
		,1px 2px 5px 0.5px rgba(0, 0, 0, 0.3)
	; 
	background: #dfad23; border-radius: 5px;
	padding: 3px;
}

.borderlabel > *:first-child
{
	display: block;
	width: 100%; height: 100%; overflow: hidden;
	box-sizing: border-box;
	border-radius: 3px;
	border: 1px solid rgba(82,52,9,0.5);
	/*text-shadow: 0px -1px 1px rgba(0,0,0,1.0);*/
	text-align:center;
	color: #FFF;
}
/* to keep label height */
.borderlabel > *:first-child:empty:before { content: '0'; opacity: 0; -webkit-opacity: 0; }

.borderlabel > *:first-child, .borderlabel.green > *:first-child
{
	background: -moz-linear-gradient(top, #0b8312 0%, #085212 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b8312), color-stop(100%,#085212));
	background: -webkit-linear-gradient(top, #0b8312 0%, #085212 100%);
	background: -o-linear-gradient(top, #0b8312 0%, #085212 100%);
	background: linear-gradient(to bottom, #0b8312 0%, #085212 100%);
	color: #FFF;
}

.borderlabel.red > *:first-child 
{
	background: -moz-linear-gradient(top, #FF0000 0%, #330000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF0000), color-stop(100%,#330000));
	background: -webkit-linear-gradient(top, #FF0000 0%, #330000 100%);
	background: -o-linear-gradient(top, #FF0000 0%, #330000 100%);
	background: linear-gradient(to bottom, #FF0000 0%, #330000 100%);
	color: #FFF;
}

.borderlabel.blue > *:first-child 
{
	background: -moz-linear-gradient(top, #0000FF 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0000FF), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top, #0000FF 0%, #000000 100%);
	background: -o-linear-gradient(top, #0000FF 0%, #000000 100%);
	background: linear-gradient(to bottom, #0000FF 0%, #000000 100%);
	color: #FFF;
}

.borderlabel.white > *:first-child 
{
	background: #FFF;
	-webkit-box-shadow: inset 0px 2px 2px 0.5px rgba(0, 0, 0, 0.8);
	box-shadow: inset 0px 2px 2px 0.5px rgba(0, 0, 0, 0.8);
	padding-top: 2px;
	color: #000;
}

.borderlabel.dark > *:first-child 
{
	background: -moz-linear-gradient(top, #7e5b11 0%, #724204 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7e5b11), color-stop(100%,#724204));
	background: -webkit-linear-gradient(top, #7e5b11 0%, #724204 100%);
	background: -o-linear-gradient(top, #7e5b11 0%, #724204 100%);
	background: linear-gradient(to bottom, #7e5b11 0%, #724204 100%);
	color: #FFF;
}

.borderlabel.disabled 
{
	-webkit-box-shadow: 
		inset 1px 1px 1px 0.5px rgba(255, 255, 255, 1.0)
		,inset -1px -1px 1px 0.5px rgba(0, 0, 0, 0.5)
		,1px 2px 5px 0.5px rgba(0, 0, 0, 0.3)
	; 
	box-shadow: 
		inset 1px 1px 1px 0.5px rgba(255, 255, 255, 1.0)
		,inset -1px -1px 1px 0.5px rgba(0, 0, 0, 0.5)
		,1px 2px 5px 0.5px rgba(0, 0, 0, 0.3)
	; 
}

.borderlabel.disabled > *:first-child 
{
	/*background:linear-gradient(to bottom, #7a5510 0%,#623b06 100%) !important;*/
	text-shadow: 0px -1px 2px rgba(0,0,0,1.0);
	-webkit-box-shadow: inset 0px 4px 10px -3px rgba(0, 0, 0, 1.0); 
	box-shadow: inset 0px 4px 10px -3px rgba(0, 0, 0, 1.0);
}

.borderlabel.disabled > *:first-child > * 
{
	-webkit-opacity: 0.5; 
	opacity: 0.5; 
} 

.cornerbox 
{
    display: inline-block;
}
.cornerbox > decor-top
{
    display: block;
    position: relative; top: -100%;
    width: 100%; height: 40px;
    margin-bottom: -40px;
	background: 
		url(../images/interface/3/common/decor/unit_tl.png) 0% 0% no-repeat,
		url(../images/interface/3/common/decor/unit_tr.png) 100% 0% no-repeat
	;
    z-index: 10;
}
.cornerbox > decor-bottom
{
    position: relative;
    display: block;
    min-width: 80px; height: 44px;
    width: 100%;
    margin-top: -44px;
	background: 
		url(../images/interface/3/common/decor/unit_bl.png) 0% 100% no-repeat,
		url(../images/interface/3/common/decor/unit_br.png) 100% 100% no-repeat
	;
}

.cornerbox > content
{ 
    display: block;
    vertical-align: middle;
    min-width: 80px;
    min-height: 80px;
    margin: 4px 4px 8px 4px;
    padding: 0px;
    background: rgba(0,0,0,0.5); 
	-webkit-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.5); 
	box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.5); 
}

.scroll-outer {position: relative; overflow: hidden;}
.scroll-inner {position: absolute;}

.highlight-odd tr:nth-child(odd) { background: rgba(255,255,255,0.5); }
.highlight-even tr:nth-child(even) { background: rgba(0,0,0,0.1); }

#popupContainer
{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
}

#popup
{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
}

/* EFFECTS VIEW, I18... */
EV-buff, EV-infection, EV-forbidden, EV-reward, EV-group, 
EV-obtain-army, EV-obtain-artifact-effect, EV-obtain-resources-effect, EV-artifact-level-label,
I18-mega-object, I18-mega-box, I18-hero-face, I18-service
{ 
	display: block; 
}

I18-hero-face {
	position: relative;
}

.I18-hero-face-item {
	position: absolute;
	left: 0;
}

questdetails EV-forbidden
{
	display: inline;
}

/*---------------------------------------------------------------------------*/
#globalErrorText
{
	text-align:center; 
	position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; 
	padding-top: 350px; /*-webkit-transform: translate(0px, -300px);*/ 
	color: #FFF;
	background: rgba(71,30,8,1);
	background: -webkit-gradient(radial, center top, 0px, center top, 100%, color-stop(0%,rgba(124,22,22,1)), color-stop(100%,rgba(71,30,8,1)));
	background: -webkit-radial-gradient(top, ellipse cover,  rgba(124,22,22,1) 0%,rgba(71,30,8,1) 100%);
	background: radial-gradient(ellipse at top,  rgba(124,22,22,1) 0%,rgba(71,30,8,1) 100%);
	z-index: 100500;
}
#globalErrorText:after
{
	display: block; position: absolute; content: ''; pointer-events: none;
	left: 0px; top: 0px; right: 0px; bottom: 0px; 
	background: url('../images/interface/3/common/logo.png') center 124px no-repeat;
}

#globalErrorText button
{
	position: relative;
	outline: none; border: 0px;
	margin-top: 24px;
	box-sizing: border-box;
	height: 91px; width: 530px;
	background: none;
	text-align: center; font: 36px; 
	padding: 0px 0px;
	color: #fff; text-shadow: 0px -1px 2px #000;
	line-height: 91px;
	font-size: 48px;
}

#globalErrorText button:before
{
	display: block; position: absolute; content: '';
	left: 0px; top: 0px; right: 0px; bottom: 0px;
	background: url('../images/interface/3/common/button_bg.png') center center no-repeat;
	z-index: -1;
}

#globalErrorText button:active
{
	font-size: 36px;	
}
#globalErrorText button:active:before
{
	-webkit-filter: brightness(1.5);
}

#globalErrorText button.disabled:before
{
	-webkit-filter: brightness(0.8);
}

#globalErrorText button.disabled
{
	pointer-events: none;
}

.lined {
	background: linear-gradient(180deg, #777 2px, rgba(0,0,0,0) 1px, rgba(0,0,0,0) 100%);
}

.treasureMapIcon {
	min-width: 36px;
}

.treasureMapIconSelected {
	min-width: 36px;
	border-style: solid;
	border-color: red;
}