html {font-size: 14px; line-height: 16px;}
@-moz-document url-prefix()
{html {font-size: 14px; line-height: 16px;}}
html {height: 100%;}
body {min-height: 100%; position: relative; background: white; margin: 0; padding:0; font-family:'arial';
-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;} 
a, a:visited, a:active, a:focus, a:hover{text-decoration: none; margin:0;padding:0;}
hr {width:95%; max-width:1000px; color:lightgrey; box-shadow:0;}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input[type="number"]:hover,
input[type="number"]:focus {
  -moz-appearance: number-input;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.pageCell{width:100%; max-height:99999px; padding-bottom: 34px;}
.hidden{position:absolute; left:-9999px; display:none;}
.hide{position:absolute; left:-9999px; display:none;}

/*****ADMIN-KNOPKI*****************************/
.adminmenu{width:100%; max-width:1000px; margin:10px 0; padding: 0;  border:0;}
.adminmenu p{margin:0;}
.adminmenu a{width:80px; background:aliceblue; color:#3b3838; font-weight:normal; margin:5px; padding:10px 20px; font-size:1rem; line-height: 1rem; cursor:pointer; border-radius: 6px; -webkit-border-radius: 6px; border:1px solid grey; display:inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.adminmenu .tall{width:180px; font-weight:bold; color:#3b3838;}
.adminmenu .tall:hover, .adminmenu .short:hover{color:darkred; background:white; box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);}


/*****ADMIN-SELEKTOR*******************************/
.admintop {width:100%; max-width:1000px; margin:10px 0; padding:0; border:0;}
.admintop p{display:inline-block; margin:5px 0; padding:0;}
.admintop .title{width:180px; text-align:left; font-size:1.4rem; line-height: 1.4rem; color:#3b3838;}
.admintop .titleup{width:100%; text-align:center; font-size:1.6rem; line-height: 1.6rem; color:darkred;}
.admintop .titleCont{width:100%; text-align:left; font-size:1.2rem; line-height: 1.4rem; color:dimgrey;}
.admintop .sel{width:120px;} .admintop .sel select{width:100px; font-size:1.2rem; line-height: 1.2rem; color:darkred; background:white; border:2px solid #3b3838; border-radius: 4px; -webkit-border-radius: 4px;}
.admintop .comment{width:100%; margin-left:5px; font-size:0.8rem; line-height:0.8rem; color:grey;}


/*****ADMIN-INDEX******************************/
.contain{width:100%; max-height:99999px; margin:0 0 30px 0; padding: 0;}
.agregat{width:999px; max-height:99999px; font-size:0; margin:0; padding: 0;}

.admin{margin:0 0 10px 0; padding: 0; font-size:0; line-height:0; display:inline-block;}
.admin div{display:inline-block; margin:0; padding:0; border:0;}
.admin p{margin:0; padding:0; font-size:1rem; color: white; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.admin a{cursor:pointer; color:white;}
#citadel{border-left:5px solid orange;}
#town{border-left:5px solid #29991f;}
#village{border-left:5px solid #516cb0;}
#dead{border-left:5px solid dimgrey;}

.admin .first{height:30px; background: #32312f;}/*div*/
.admin .first p{height:30px; line-height: 30px;}
.admin .pp{width:50px; text-align: center;}
.admin .place{width:594px; font-size:1.2rem; text-align: left;}
.admin .status1, .admin .status2, .admin .status3, .admin .status4, .admin .status5{width:100px; text-align: center; font-weight:bold;}
.admin .status1{color:lightgreen;}
.admin .status2{color:lightblue;}
.admin .status3{color:white;}
.admin .status4{color:dimgrey; font-weight:normal;}
.admin .status5{color:orange;}
.admin .java{width:150px; font-size:0.9rem; text-align:center; font-style:oblique; color:lightgrey;}
.admin .java:hover{color:white;}

.admin .second{height:58px; background: #7d7a76;}/*div*/
.admin .zag{height:20px; font-size:0.7rem; line-height: 20px; text-align:center; color: lightgrey; background:#32312f; border-top:1px solid #7d7a76;}
.admin .qvart{width:142px; height: 30px; margin:0; padding:3px 0; position:relative; font-size:0;}
.admin .qvart p{width:30px; height: 30px; margin:0 3px 0 0; padding:0; line-height: 30px; text-align: center; display:inline-block; outline:1px solid black; outline-offset: -1px;}
.admin .qvart a{width:40px; height: 30px; margin:0; padding:0; line-height: 30px; text-align: center;}
.admin .red{background:#607660; color:white; font-size:1rem;}
.admin .dob{background:#756463; color:lightgrey; font-size:1rem;}
.admin .view{background:#5f6375; color:white; font-size:0.8rem;}
.admin .zero{background:none; color:lightgrey; cursor:default; font-size:0.8rem;}


/*****ADMIN-UPDATE******************************/
.adminup {width:1000px; margin:10px 0 30px 0; padding: 20px 0; font-size:0; line-height:0; background: #6f695f;}
.adminup div{height:60px; display:inline-block; margin:0; padding:0; border:0;}
.adminup p{margin:0; padding:5px 0; font-size:1rem; line-height:1rem; border:0; color: lightgrey; font-weight:normal; background:dimgray; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.adminup input, .adminup select , .adminup textarea{border:2px solid black; border-radius: 3px;}
.adminup .half{width:100px;}
.adminup .half p{width:80px;}
.adminup .half input{width:70px; margin:0; padding:5px; font-size:0.9rem;}
.adminup .half select{width:80px; margin:0; padding:4px 0; font-size:0.9rem;}
.adminup .stan{width:200px;}
.adminup .stan p{width:180px;}
.adminup .stan input{width:170px; margin:0; padding:5px; font-size:0.9rem;}
.adminup .stan select{width:180px; margin:0; padding:4px 0; font-size:0.9rem;}
.adminup .wide{width:400px;}
.adminup .wide p{width:380px;}
.adminup .wide input{width:370px; margin:0; padding:5px; font-size:0.9rem;}
.adminup .wide select{width:380px; margin:0; padding:4px 0; font-size:0.9rem;}
.adminup .fulk{width:1000px; height:90px;}
.adminup .fulk p{width:980px;}
.adminup .fulk textarea{width:970px; margin:0; padding:5px; font-size:0.9rem; line-height:0.9rem; resize: none; text-align: justify;}
.adminup .stroke{width:100%; height:40px;}
.adminup .stroke input{width:940px; margin:5px 0; padding:5px; font-size:0.9rem;}


/*****LOGIN********************/
.login{width:95%; max-width:600px; margin:50px 0; padding: 0;} 
.login .cartname {color:firebrick; font-weight:bold; margin:20px 0 10px 0; padding:0; font-size:1.6rem; line-height: 1.6rem;}
.login .btn{width: 200px; background:aliceblue; color:firebrick; font-weight:bold; margin:20px 10px; padding:10px 20px; font-size:1.4rem; line-height: 1.4rem; cursor:pointer; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border:1px solid grey;}
.login .btn:hover {color:red; background:white; box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);}

.check-form{width:95%; max-width:320px; margin:20px 0; padding:0 20px; border:1px solid grey; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px;}
.check-form p{margin:15px 0 5px 0; padding:0; color: firebrick; font-size:1.2rem;}
.check-form .datas{width:300px; margin:0; padding: 10px 0 8px 10px; display: block; border: 2px solid darkred; border-radius: 5px; color: firebrick; font-size:1.2rem; line-height:1.2rem;}
.check-form textarea{font-size:1rem; line-height:1rem; resize: none; text-align: justify;}

.adapr {width:320px; height:40px; margin:0; border:0;}
.adapr .ada1{width:20px; margin:0; padding:0;}
.adapr input{transform:scale(1.6);}
.adapr .ada2{width:300px; margin:0; padding:0;}
.adapr span{margin:0; padding:0; width:300px; color: firebrick; font-size:1rem; line-height: 1.2rem;}


/*menu*/
.menu{width:50px; height:50px; margin:0; cursor: pointer; position:fixed; right:20px; bottom:140px; background: url(/template/ims/menu.png); z-index:9999; background-size: cover;} 
.print{width:50px; height:50px; margin:0; cursor: pointer; position:fixed; right:20px; bottom:80px; background: url(/template/ims/print.png); z-index:9999; background-size: cover;} 
.print:hover, .print:active {background-position: 0 -50px;}
.disc{width:50px; height:50px; margin:0; cursor: pointer; position:fixed; right:80px; bottom:80px; background: url(/template/ims/disc.png); z-index:9999; background-size: cover;}
.disc:hover, .disc:active {background-position: 0 -50px;} 
/***spisok*menu***/
.menu-item  .star{width:50px; height:50px; position:absolute; top:0; left:0;}
.menu-item {list-style-type: none; position:absolute; top:0; left:0; z-index:99999;}
.sub-menu {width:200px; height: 0; overflow: hidden; opacity: 0; transition: all 0.5s ease-in; 
font-size:1.4rem; line-height:1.4rem; padding:0; margin:0; position:absolute; bottom:-50px; right:-50px; background:rgba(20, 20, 20, 0.9); list-style-type: none;}
.sub-menu  a{color:white;}
.sub-menu li{text-align:left;}
.sub-menu li:hover {background:rgba(20, 20, 20, 1);}
.sub-menu p{padding:20px 0 20px 65px; margin:0; position:relative;}
.sub-menu .one img{top:16px;}
.sub-menu li img{position:absolute; left:20px; width:25px; vertical-align:middle;}

/*modal*/
.rybafon{
position: fixed; z-index: 1; top: 0; right: 0; bottom: 0; left: 9999px; overflow: auto;
background: rgba(20,20,20,0.8); -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; z-index: 99999;
}
.rybaDell{width:400px; height:220px; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; right: 0;
padding:0; background:white; border:0 solid firebrick; border-width:1px 2px 2px 1px; z-index: 99999;
border-radius: 5px; -webkit-border-radius: 5px;}
.rybaDell .fon{width:400px; height:220px; background: url(/template/ims/map.png); background-repeat:no-repeat; background-position:center; background-size: contain;}
.rybaDell .nameDell{width:100%; position: absolute; left: 0; top: 20%; font-size:1.6rem; color:#3b3838; text-align:center;}
.rybaDell .timeCreate{width:380px; position: absolute; left: 0; top: 20px; padding:0 10px; text-align:center;}
.rybaDell .nameCreate{width:380px; position: absolute; left: 0; top: 5%; padding:10px; text-align:center;}
.rybaDell .timeCreate p{width:100%; font-size:1.6rem; line-height:1.8rem; color:dimgrey;}
.rybaDell .nameCreate p{width:100%; font-size:1.4rem; line-height:1.6rem; color:dimgrey;}
.rybaDell .nameCreate select{width:80%; font-size:1rem; color:dimgrey; margin-top:10px;}
.rybaDell .nameCreate input {width:50%; font-size:1.2rem; color:dimgrey; margin:0; outline:2px solid darkred;}

.rybaDell .close_down1, .rybaDell .close_down2 {margin:0; padding:10px; 
color: darkred; background: white; font-size: 1.4rem; line-height: 1.4rem; font-weight: bold; cursor: pointer; border:1px solid lightgrey; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.rybaDell .close_down1:hover, .rybaDell .close_down1:active, .rybaDell .close_down2:hover, .rybaDell .close_down2:active {color: red;}
.rybaDell .close_down1 {width:80px; position: absolute; right: 130px; bottom: 10px;}
.rybaDell .close_down2 {width:80px; position: absolute; right: 10px; bottom: 10px;}

/*template*/
.topchik{width:100%; text-align:center; font-size:1rem; line-height:2rem; color:white; text-shadow:1px 1px 1px dimgrey; background: linear-gradient(to left, rgba(41, 6, 6,0.8), rgba(41, 6, 6,0.3));}
.ending{width:100%; position: absolute; bottom: 0; font-size:1rem; line-height:1rem; color:white; margin:0; padding:10px 0; text-align: center; text-shadow:1px 1px 1px dimgrey; background: linear-gradient(to left, rgba(41, 6, 6,0.8), rgba(41, 6, 6,0.3));}
.end{margin:0; padding:0;}