body{
	background-color:#c3b18b;
	margin:0 5px;
	padding:0;
}
/*защита от подегривания в моб при фокусе в поле*/
input,textarea{
	-webkit-transform:translateZ(1px);
	-moz-transform:translateZ(1px);
	-o-transform:translateZ(1px);
	transform:translateZ(1px);
}

/*скрытие стрелок у input type number*/
input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
		appearance: none;
    -webkit-appearance: none;
    margin: 0;
}

input, select, label{
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
input,textarea,select{
	border-radius: 3px;
	border: 1px solid gray;
	background-color: white;
}
input,select{
	min-height: 22px;
	box-sizing: border-box;
}
input{
	text-indent: 2px;
}
select{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: url(../img/interface/select_bg.png) no-repeat right center white;
	padding-right: 30px;
	padding-left: 3px;
}
select::-ms-expand{
	display: none;
}
.scrollbar-dynamic{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
}
body,table{font-family:Tahoma, sans-serif;font-size:12px; color:#412913; -webkit-text-size-adjust: 100%;}
form{display:inline;}
a:link, a:visited, a:active{color:#864e19; text-decoration:none;}
a:link.ajaxlink, a:visited.ajaxlink, a:active.ajaxlink{border-bottom:1px dashed #6b3809; text-decoration:none;}
a:hover{color:#d50000;}
a .base-name{border-bottom:1px dashed #864e19; text-decoration:none;}
table.border{border:1px solid #65573C}
.border td{border:1px solid #65573C}
blockquote{margin-left:10px; margin-top:0px;margin-right:10px;}
ul{padding:0px;margin:0px;}
ul li{line-height:20px;list-style-type:none; margin-bottom:10px;}
ul.normal{margin:5px;margin-left: 25px;}
ul.normal li{line-height:20px;list-style-type:disc; margin-bottom:0;}
ul.normal li span{position: relative; left: -5px;}
.dotted{border-bottom:dotted 1px #864e19; cursor:pointer;*cursor:hand;}
strong{font-size:13px;}
b{font-size:12px;color:#663E19;}

.tableList, table.tableList > tbody > tr{background-color:#e8d3ae; color:#412913; font-size:12px;}
.tableList tbody tr td{text-align:center; height:30px;}
.baseList tbody tr td{height:23px;}
.tableListFirstTr td{border:1px solid #c3b18b; font-weight:bold; box-sizing: border-box;}
.tableListFirstTr{background:url(../img/window/header-cell.png) repeat-x 0 0}
.error{color:#9d0000; font-weight:bold; font-size:11px;}
table.tableCellsAlignLeft tr td{text-align:left}
.tableList strong{font-family:Tahoma, sans-serif}
.tableList td.vm,
.tableList td.vm img,
.tableList td.vm input{
  vertical-align: middle;
}

.button, .button *{margin:0px; padding:0px;}
.button{width:100px; position:relative; height: 27px; margin-top:5px;}
.button em, .button i{display:block; width:6px; height:27px;position:absolute; top:0px;}
.button button{width:100%; height: 27px; color:white; line-height:27px; text-align:center; border:none;}
.button button{background:url(../img/interface/button.png) repeat-x scroll 0 -27px transparent;}
.button em{background:url(../img/interface/button.png) no-repeat scroll -6px 0 transparent; left:-6px;}
.button i{background:url(../img/interface/button.png) no-repeat scroll 0 0 transparent; right:-6px;}
.button button:active{background-position: 0 -81px;}
.button button:active em{background-position: -6px -54px;}
.button button:active i{background-position: 0 -54px;}

.button.off button{background-position: 0 -135px;}
.button.off button em{background-position: -6px -108px;}
.button.off button i{background-position: 0 -108px;}
.button.off button:active{background-position: 0 -189px;}
.button.off button:active em{background-position: -6px -162px;}
.button.off button:active i{background-position: 0 -162px;}

.button2{width:70px; height: 24px; position:relative;margin-right:7px;}
.button2 button i{position:absolute; top:0px; right:-7px; display:block; width:7px; height:24px; background:url(../img/interface/button2.png) 7px 24px;}
.button2 button{width:100%; position:absolute; top:0px; left:0px; text-indent:7px; height: 24px; color:white; line-height:24px; text-align:center; border:none; margin:0px; font-family:Verdana;}
.button2 button{background:url(../img/interface/button2.png) repeat-x scroll 0 0 transparent;}
.button2 .smile{background:url(../img/chat/im_emoji.png) 0 0 no-repeat; width:16px; height:16px; position:relative; left:-2px;}

/* .simulator-result table{min-width: 650px;} */
.unitsTable{min-width: 500px; background-color: rgb(215, 200, 168); border: 1px solid rgb(101, 87, 60); margin: inherit;}
.unitsTable.dynasty-all{min-width: 650px;}
.unitsTable tbody tr td{width: 34px; text-align:center; height:20px; font-size:11px; font-family:Arial;}
.unitsTable tbody tr td:first-child{width: auto;}
.unitsTable img{width: 32px; height: 25px; vertical-align: middle;}
.noSelectable{-moz-user-select: none; -webkit-user-select: none;}
.unitsIcons img{width: 32px; height: 25px; vertical-align: middle;}
.unitsSimulator{min-width: 650px; font-size:11px; font-family:Arial; background-color: #D7C8A8; border:1px solid #65573c; height:60px;}
.unitsSimulator td{width: 35px;}
.unitsSimulator td:first-child{width: auto;}
.unitsSimulator img{width:32px; height:25px; vertical-align:middle;}
.unitsSimulator input:not([type=checkbox]){width:30px; border-width:1px; font-size:11px;}
.unitsSimulator strong{font-size:13px;}
.unitsSimulator a:link, .unitsSimulator a:visited, .unitsSimulator a:active{font-size:12px;}

table.progress {border-left:1px solid #bd966d; border-right:1px solid #bd966d;}
table.progress tr{background-color:#e8d3ae;color:#412913;font-size:12px;}
table.progress tr td{height:30px;border-top:1px solid #bd966d;border-bottom:1px solid #bd966d;padding:5px}
table.progress strong{display:block;margin-bottom:3px;}
table.progress .frame img{width:60px;height:47px;border:0;margin:7px;}
table.progress .frame{width:74px;height:61px;border: 1px solid #AF8E36;}
div.frame0{background-image:url(../img/interface/progress/frame0.png);}
div.frame1{background-image:url(../img/interface/progress/frame1.png);}
div.frame2{background-image:url(../img/interface/progress/frame2.png);}
div.frame3{background-image:url(../img/interface/progress/frame3.png);}
div.frame4{background-image:url(../img/interface/progress/frame4.png);}
div.frame5{background-image:url(../img/interface/progress/frame5.png);}

table.progress .frame_mini img{width:12px;height:12px;border:0;margin:2px;}
table.progress .frame_mini{width:16px;height:16px;border: 1px solid #AF8E36;float: left;margin: 2px;}
div.frame1_mini{background-image:url(../img/interface/progress/frame1_mini.png);}
div.frame2_mini{background-image:url(../img/interface/progress/frame2_mini.png);}
div.frame3_mini{background-image:url(../img/interface/progress/frame3_mini.png);}
div.frame4_mini{background-image:url(../img/interface/progress/frame4_mini.png);}
div.frame5_mini{background-image:url(../img/interface/progress/frame5_mini.png);}

.progress-bar {
    -moz-box-sizing: border-box;
    background-color: #C3B18B;
    border-radius: 10px 10px 10px 10px;
	behavior: url("PIE.htc");
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15) inset;
    height: 20px;
    margin: 4px 0;
    position: relative;
	line-height: 18px;
}
.progress-bar > div {
	background: #702124;
	background: -moz-linear-gradient(top, #864E19 0%, #490404 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#864E19), color-stop(100%,#490404));
	background: -webkit-linear-gradient(top, #864E19 0%,#490404 100%);
	background: -o-linear-gradient(top, #864E19 0%,#490404 100%);
	background: -ms-linear-gradient(top, #864E19 0%,#490404 100%);
	background: linear-gradient(to bottom, #864E19 0%,#490404 100%);
	height: 100%;
	display: block;
	border-radius: 15px 8px 8px 15px;
	behavior: url("PIE.htc");
	position: relative;
	width: 0;
	-webkit-animation-name: awardExpandWidth;
    -moz-animation-name: awardExpandWidth;
    -o-animation-name: awardExpandWidth;
    animation-name: awardExpandWidth;
    /* �������� ����� ������� */
    -webkit-animation-delay: 0.01s;
    -moz-animation-delay: 0.01s;
    -o-animation-delay: 0.01s;
    animation-delay: 0.01s;
    /* ����������������� �������� */
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
	overflow: hidden;
}
.progress-bar > div.full {
	border-radius: 15px;
	behavior: url("PIE.htc");
}
.progress-bar .label {
	position: absolute;
	height: 100%;
	width: 100%;
	display: block;
	top: 0;
	left: 0;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #000;
}
.progress-bar > div > .label {
	color: #fff;
	margin-top: 0;
}
@-webkit-keyframes awardExpandWidth { 0% { width: 0; } 30% { width: 0; } }
@-moz-keyframes awardExpandWidth { 0% { width: 0; } 30% { width: 0; } }
@-o-keyframes awardExpandWidth { 0% { width: 0; } 30% { width: 0; } }
@keyframes awardExpandWidth { 0% { width: 0; } 30% { width: 0; } }


.BRListTable{
	background-color:#E8D3AE; color:#412913; font-size:12px; font-family:Arial;
}
.BRListTable > tbody > tr:first-child{
	height:30px; text-align:center; font-weight:bold; font-size:13px;
}
.BRListTable > tbody > tr{
	height: 20px;
}
.BRListTable tbody tr td:first-child{
	text-indent:5px;
}
.BRListTable tbody tr td:last-child{
	text-align:center;
}



.BRIconsTable{
	background-color:#D7C8A8; border:1px solid #65573C; color:#412913; font-size:11px; font-family:Arial;
}
.BRIconsTable img{
	width:32px; height:25px;
}
.BRIconsTable tbody tr td{
	text-align:center;
	padding:2px 1px;
}
.BRIconsTable tbody tr td:first-child{
	padding-left:2px;
}
.BRIconsTable tbody tr td:last-child{
	padding-right:2px;
}

.dark{background-color:#c3b18b;}


/* scrollbars */
/* W3C standard
   сейчас только для Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #6c6e71 #36251b;
}
/* для Chrome/Edge/Safari */
*::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}
*::-webkit-scrollbar-track {
  background: transparents;
}
*::-webkit-scrollbar-thumb {
  background-color: #6c6e71;
  border-radius: 5px;
}

@media screen and (max-width:600px){
	/* обзор баз - общее */
	.base-review-main{
		display: block;
		width: calc(100% - 10px);
    margin: auto;
	}
	.base-review-main tbody{
		display: block;
		width: 100%;
	}
	.base-review-main tr{
		display: block;
		margin-bottom: 10px;
		width: 100%;
	}
	.base-review-main .tableListFirstTr td{
		display: none;
	}
	.base-review-main .tableListFirstTr td:nth-child(1){
		display: block;
	}
	.base-review-main td{
		display: block;
		width: 100%;
		text-align: center !important;
	}
	.base-review-main td:nth-child(1)::before{
		display: none;
	}
	.base-review-main td:nth-child(1) a:link::before{
		content: attr(title) ' ';
		font-weight: bold;
	}
	.base-review-main td:nth-child(1) a:link, .base-review-main td:nth-child(1) strong{
		font-size: 16px !important;
	}
	.base-review-main td:nth-child(1) a:link{
		border-bottom: 1px dashed black;
	}
	.base-review-main td::before{
		content: attr(column) ': ';
		color: black;
		font-weight: bold;
	}
}

@media screen and (max-width:450px){
	/* отчеты игрока */
	.table-reports{
		display: block;
	}
	.table-reports tbody{
		display: block;
	}
	.table-reports tr{
		display: block;
	}
	.table-reports td{
		display: inline-block;
		height: 20px !important;
	}
	.table-reports tr:not(.tableListFirstTr) td:nth-child(1){
		width: 35px;
		text-align: left !important;
		margin-left: 5px;
	}
	.table-reports tr:not(.tableListFirstTr) td[colspan="4"]:nth-child(1){
		width: auto;
	}
	.table-reports tr:not(.tableListFirstTr) td:nth-child(2){
		line-height: 20px;
	}
	.table-reports tr:not(.tableListFirstTr) td:nth-child(3){
		display: block;
		text-align: left;
		margin-left: 45px;
	}
	.table-reports tr.tableListFirstTr td{
		display: inline-block;
		width: calc(50% - 2px);
	}

	/* почта игрока */
	.table-messages{
		display: block;
	}
	.table-messages tbody{
		display: block;
	}
	.table-messages tr{
		display: block;
	}
	.table-messages td{
		display: inline-block;
		height: 20px !important;
	}
	.table-messages tr:not(.tableListFirstTr) td:nth-child(1){
		width: 35px;
		text-align: left !important;
		margin-left: 5px;
	}
	.table-messages tr:not(.tableListFirstTr) td[colspan="4"]:nth-child(1){
		width: auto;
	}
	.table-messages tr:not(.tableListFirstTr) td:nth-child(2){
		line-height: 20px;
		width: calc(100% - 60px);
	}
	.table-messages tr:not(.tableListFirstTr) td:nth-child(3){
		margin-left: 45px;
	}
	.table-messages tr:not(.tableListFirstTr) td:nth-child(3) ::after{
		content: ": ";
		color: black;
	}
	.table-messages tr.tableListFirstTr td{
		display: inline-block;
		width: calc(33% - 2px);
	}

	/* отчеты альянса */
	.alliance-report-type{
		float: none !important;
		display: block;
		margin-top: 10px;
	}

	/* новое письмо */
	.table-message-new #to{
		width: auto !important;
	}
	table[width="450"]{
		width: auto !important;
	}
	.table-message-new table, .table-message-new table tbody, .table-message-new table tr{
		display: block;
	}
	.table-message-new table td{
		display: inline-block;
	}
	.table-message-new table td:nth-child(4){
		display: table-column;
	}
	#smiles_station{
		width: 300px !important;
		height: unset !important;
	}

	/* форум */
	.forum-form [name="name"]{
		width: 100% !important;
	}
	.forum-formatting, .forum-formatting tbody, .forum-formatting tr{
		display: block;
	}
	.forum-formatting td:nth-child(4){
		display: table-column;
	}
	.table-message-new table td, .forum-formatting td{
		display: inline-block;
	}

	/* таблица инфо профиля */
	.table-profile-open, .table-profile-open tbody,
	.table-profile-open tr, .table-profile-open td, .table-profile-open td > span{
		display: block;
		text-align: center;
		margin: 3px;
	}
	 .table-profile-open .button2{
		margin: auto !important;
	}

	/* панель грабителя */
	.robber-table td:nth-child(1){
		display: none;
	}
	.robber-table #unitType, .profile-table #unitType{
		width: 60px !important;
	}

	/* запросы подкрепления */
	.requests-table{
		display: block;
    margin: auto;
		overflow: hidden;
	}
	.requests-table tbody tr td{text-align:center; height:auto; min-height: 25px;}
	.requests-table tbody{
		display: block;
		width: 100%;
	}
	.requests-table tr{
		display: block;
		margin-bottom: 20px;
		width: 100%;
	}
	.requests-table .requests-base{margin-bottom:0 !important;}
	.requests-table .requests-div{margin:3px 0 5px 0 !important}
	.requests-table .requests-time{display: inline-block; margin-left:5px; font-size:12px !important;}
	.requests-table .requests-login{display: inline-block; margin-left:5px;}
	.requests-table .tableListFirstTr tr, .requests-table .tableListFirstTr td{
		display: none;
	}
	.requests-table td:nth-child(3){
		display: none;
	}
	.requests-table td{
		display: block;
		width: 100%;
		text-align: center !important;
	}
	.requests-table td:nth-child(1)::before{
		display: none;
	}
	.requests-table td::before{
		content: attr(column) ': ';
		color: black;
		font-weight: bold;
	}
}



.coords_copy{
	cursor: pointer;
	display: inline-block;
	width: 10px;
	height: 10px;
	background-size: contain;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzg1ODg5RSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNSAyLjAwM2g3Ljc5NWMxLjExNCAwIDEuNTE5LjExNiAxLjkyNi4zMzQuNDA4LjIxOC43MjcuNTM3Ljk0NS45NDUuMjE4LjQwNy4zMzQuODExLjMzNCAxLjkyNnY3Ljc5NWExIDEgMCAxMDIgMFY1LjEzYzAtMS43ODMtLjE4Ni0yLjQzLS41MzQtMy4wODJBMy42MzUgMy42MzUgMCAwMDE1Ljk1NC41MzdDMTUuMzAyLjE5IDE0LjY1NS4wMDMgMTIuODcyLjAwM0g1YTEgMSAwIDAwMCAyem03LjcyMSAyLjMzNGMtLjQwNy0uMjE4LS44MTItLjMzNC0xLjkyNi0uMzM0aC03LjU5Yy0xLjExNSAwLTEuNTE5LjExNi0xLjkyNi4zMzRhMi4yNzIgMi4yNzIgMCAwMC0uOTQ1Ljk0NUMuMTE2IDUuNjg5IDAgNi4wOTMgMCA3LjIwOHY3LjU5YzAgMS4xMTQuMTE2IDEuNTE5LjMzNCAxLjkyNi4yMTguNDA3LjUzOC43MjcuOTQ1Ljk0NS40MDcuMjE4LjgxMS4zMzQgMS45MjYuMzM0aDcuNTljMS4xMTQgMCAxLjUxOS0uMTE2IDEuOTI2LS4zMzQuNDA4LS4yMTguNzI3LS41MzguOTQ1LS45NDUuMjE4LS40MDcuMzM0LS44MTIuMzM0LTEuOTI2di03LjU5YzAtMS4xMTUtLjExNi0xLjUxOS0uMzM0LTEuOTI2YTIuMjcyIDIuMjcyIDAgMDAtLjk0NS0uOTQ1eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)!important;
}

.coords_copy:hover{
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzRCNEM1QSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNSAyLjAwM2g3Ljc5NWMxLjExNCAwIDEuNTE5LjExNiAxLjkyNi4zMzQuNDA4LjIxOC43MjcuNTM3Ljk0NS45NDUuMjE4LjQwNy4zMzQuODExLjMzNCAxLjkyNnY3Ljc5NWExIDEgMCAxMDIgMFY1LjEzYzAtMS43ODMtLjE4Ni0yLjQzLS41MzQtMy4wODJBMy42MzUgMy42MzUgMCAwMDE1Ljk1NC41MzdDMTUuMzAyLjE5IDE0LjY1NS4wMDMgMTIuODcyLjAwM0g1YTEgMSAwIDAwMCAyem03LjcyMSAyLjMzNGMtLjQwNy0uMjE4LS44MTItLjMzNC0xLjkyNi0uMzM0aC03LjU5Yy0xLjExNSAwLTEuNTE5LjExNi0xLjkyNi4zMzRhMi4yNzIgMi4yNzIgMCAwMC0uOTQ1Ljk0NUMuMTE2IDUuNjg5IDAgNi4wOTMgMCA3LjIwOHY3LjU5YzAgMS4xMTQuMTE2IDEuNTE5LjMzNCAxLjkyNi4yMTguNDA3LjUzOC43MjcuOTQ1Ljk0NS40MDcuMjE4LjgxMS4zMzQgMS45MjYuMzM0aDcuNTljMS4xMTQgMCAxLjUxOS0uMTE2IDEuOTI2LS4zMzQuNDA4LS4yMTguNzI3LS41MzguOTQ1LS45NDUuMjE4LS40MDcuMzM0LS44MTIuMzM0LTEuOTI2di03LjU5YzAtMS4xMTUtLjExNi0xLjUxOS0uMzM0LTEuOTI2YTIuMjcyIDIuMjcyIDAgMDAtLjk0NS0uOTQ1eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)!important;
}