/* html{box-sizing:border-box;} */
*, *:before, *:after{box-sizing:inherit;}
*{ padding:0; margin:0 }
html{ font-family:Arial, sans-serif !important; font-size:11px; }
/* font-family: 'Beaufort' !important; */
img{ border:0; vertical-align:middle }
input, textarea{ vertical-align:middle; font-size:11px; font-weight:bold; margin-top:5px; margin-bottom:5px; padding: 4px;
border: 1px solid #383838;
outline: 1px ridge #a0815c;
background-color: #d1dce400;
font-weight: 200;
-moz-box-shadow: inset 0 0 5px #00000080;
-webkit-box-shadow: inset 0 0 5px #00000080;
box-shadow: inset 0 0 5px #00000080;
border-radius: 3px;
resize: vertical;
}
ul{ list-style-image:url(/img/tacka.gif); padding-left:1.5em; margin-left:0; text-align:left }
ol{ list-style-position:inside }
ol li{ margin-top:4px; font-weight:bold }
ol li p{ font-weight:normal }
a{ color:#000; text-decoration:none; font-weight:bold }
a:hover{ text-decoration:underline }
h1{ font-size:20px; margin-bottom:8px; vertical-align:middle; text-align:center }
h1 a{ text-decoration:none; font-family:Arial, sans-serif; color:orange; border:none }
h1 a:hover{ background:transparent; color:yellow }
h2{ font-size:14px; font-weight:bold; margin-top:3px; margin-bottom:5px }
table{ border:0; border-collapse:collapse;border-spacing: 0;}
td{ border:0; padding:0; text-align:center }
hr{ margin:5px; color:#fff; background-color:#fff; clear:both }
fieldset{ background:#fff; margin:4px; padding:8px; text-align:center; border:2px solid #4F81BC; border-radius:5px }
legend{ background:#4F81BC; font-size:12px; font-weight:bold; padding:5px; color:#fff; border-radius:5px }
.off{ opacity:.5 }
.a_table{ border:2px solid gray; border-collapse:collapse; font-size:11px; margin-top:5px }
.a_table th{ font-weight:bold; border:1px dotted gray; padding:3px; background:#252525 }
.a_table td{ border:1px dotted gray; padding:3px; text-align:center }
.a_table input{ text-align:center }
.scroll{ position:relative; width:100%; height: 454px; overflow:scroll; overflow-x:hidden; overflow-y:auto }
.scroll a{ color:#000 }
#objekti img{ position:absolute }
#mreza{ position:absolute; opacity:0; z-index:900 }
#polje{ display:none; position:absolute; opacity:.3 }
.mapa{ background:#f2efea url(/img/drzava_back.jpg); }
.mapa img{ position:absolute }
.mapa a{ margin:0; padding:0; border:0; color:black }
#popup{ border: 2px solid #383838;
background:
url('/img/scratchesios.png'),
radial-gradient(circle, rgba(255,255,255,0.1) 1%, rgba(0,0,0,0) 1%),
linear-gradient(45deg, #2D3533, #2B353A, #282C2E, #2A3030);
/*background-blend-mode: overlay;*/
box-shadow: inset 0 0 15px rgb(0 0 0);
outline: 2px ridge #a0815c;
display:none; position:absolute; top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); width:800px; height:480px; /*background-image:url(/media/img/background_popup.jpg);*/ margin:0 auto; z-index:1502; }
#popup img{ position:relative }
#popup .close{ position:absolute; right:0; top:0; z-index:1 }
#popup .close a{ display:block; float:left; width:17px; height:17px; background-repeat:no-repeat; margin:3px 2px }
#popup .close a:hover{ background-position:0 -17px }
#loader{ position:absolute; left:350px; top:290px; margin:3px; margin-top:-100px; width:140px; animation: loading 1s ease-in-out infinite;}}
#loader1{ width:100%; height:100%; background:url(/img/loader1.gif) center center no-repeat }
#sadrzaj a{ color:#000; }
#sadrzaj{ color:black; border:1px solid #fff0; }
ul#menu{ position:absolute; left:0px; top:0; padding:0; list-style:none; display:block; font-size:12px; z-index:1 }
ul#menu li{ display:block; float:left }
ul#menu li a{ display:block; float:left; background:#0a54563d; color:white; border:solid #ffffff69; /*border-top-left-radius: 3px; border-top-right-radius: 3px;*/ text-decoration:none; font-weight:bold; padding:0 5px; margin-right:2px; line-height:24px; border-width: 0px 1px 1px 1px; }
ul#menu li span{ display:block; float:left;background:#67aeb2; color:white; border:solid #ffffff69; /*border-top-left-radius: 3px; border-top-right-radius: 3px;*/ text-decoration:none; text-align:center; font-weight:bold; padding:0 5px; margin-right:2px; line-height:24px; border-width: 0px 1px 1px 1px; }
ul#menu li span.current{ background:#67aeb294; font-size:12px; text-transform:uppercase }
ul#menu li a:hover{ background:#67aeb294 }
ul#menu li a.current{ background:#67aeb2; color:white; }
ul#menu li a.vazno{ background:#4F81BC; color:#fff }
ul#vert-menu{ padding:0; list-style:none; display:block; font-size:10px; margin:5px 0; z-index:1 }
ul#vert-menu li{ display:block; float:left }
ul#vert-menu li a{ display:block; float:left; color:black; text-decoration:none; font-weight:normal; padding:0 8px; margin-left:-1px; line-height:16px; width:110px }
ul#vert-menu li a:hover{ background:#CBD5A0 }
ul#vert-menu li a.current{ background:#8cf; font-weight:bold }
ul#vert-menu li a.vazno{ background:#4F81BC; color:#fff }
#navigation{ float:left; text-align:center; color:#AAA }
#navigation a{ color:#fff; text-decoration:none; font-size:11px; }
#navigation a:hover{ color:orange }
.str{ font-family:Arial, sans-serif; font-size:12px; float:right; margin:3px }
.str a{ margin:2px; padding:1px }
.naslov{ padding:2px; background-color:#eee; border-bottom:1px solid #696969; text-align:left }
.naslov a{ color:blue }
.tekst{ padding:2px; text-align:left; font-weight:normal }
.tekst p{ margin-top:5px }
.tekst a{ border:none; color:blue; margin:0; padding:0 }
.tekst a:hover{ background:transparent; color:#FF5800; text-decoration:underline }
.prilog{ border-right:3px solid #696969; background-color:#1A1A1A; float:right }
.tag0{ position:absolute; left:100px; bottom:100px; width:20px; height:20px; text-align:center; color:black; background:url(/img/ugao.gif) bottom no-repeat; border:1px solid black; border-top:1px dotted; opacity:.5; z-index:1001; cursor:pointer }
.tag{ position:absolute; left:100px; bottom:100px; width:20px; height:20px; text-align:center; color:black; background:url(/img/ugao.gif) bottom no-repeat; border:1px solid black; border-top:1px dotted; opacity:1; cursor:move }
.tag:hover{ border-color:red }
.dugme{ background:url(/img/dugme_back.gif) repeat-x center left; margin:3px; padding:1px 3px; color:black; border:1px solid black; cursor:pointer }
.dugme:hover{ background-image:url(/img/dugme_back1.gif); color:white }
.linfo{ position:absolute; left:-4px; bottom:-4px; font-weight:bold }
.dinfo{ position:absolute; right:-4px; bottom:-4px }
.cinfo{ position:absolute; left:0; bottom:0; width:100%; text-align:center; font-size:16px; font-weight:bold }
.cinfo_small{ position:absolute; left:0; bottom:-4px; width:100%; text-align:center; font-weight:bold }
.ginfo{ position:absolute; left:-4px; top:-4px; font-weight:bold }
.linfo1{ position:absolute; left:4px; bottom:4px; font-weight:bold }
.dinfo1{ position:absolute; right:4px; bottom:1px }
.cinfo1{ position:absolute; left:0; bottom:4px; width:100%; text-align:center; font-size:16px; font-weight:bold }
.ginfo1{ position:absolute; left:4px; top:4px; font-weight:bold }
#qTip{ padding:3px; border:1px solid #000; display:none; background-image: linear-gradient(rgb(225 220 213 / 80%), rgb(227 206 182 / 74%)), url(/img/standardwhite.jpg);border: 1px solid #383838;
outline: 1px ridge #a0815c;border-radius:2px;color:#000; font:bold 10px Arial, sans-serif; text-align:center; position:absolute; z-index:1600 }
#qTip ul{ margin-left:0; padding-left:0 }
#qTip li{ display:block; float:left; margin:2px }
#chat{ height:100%; text-align:left; overflow:auto }
#chat ul{ margin:0; padding:0; list-style:none }
#chat ul li{ background:#EEE; border:1px solid #CCC; display:block; float:none; margin:3px; padding:2px; border-radius:5px; background:-moz-linear-gradient(top, #eee, #fff); background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)) }
#chat ul li.admin{ background:#ECABAB; border-color:#BA8787 }
#chat ul li.devel{ background:#aaaaaa; border-color:#F00 }
#chat ul li.mod{ background:#ABE3EC; border-color:#87B3BA }
#chat ul li div{ border:1px solid #FFF; padding:0 4px 2px; border-radius:3px; background:-moz-linear-gradient(bottom, #eee, #fff); background:-webkit-gradient(linear, left bottom, left top, from(#eee), to(#fff)) }
#chat .date{ float:right }
#chat .user0{ font-weight:bold; color:grey }
#chat .user1{ font-weight:bold; color:blue }
#chat .txt{ text-indent:5px; color:black; word-wrap:break-word; clear:left }
#chat .txt span{ color:#494949; float:left }
#online ul{ margin:0; padding:0; list-style:none }
#online ul li{ display:block; float:none }
#online a{ margin:0; padding:0; border:0; color:black }
.strelice{ position:absolute; right:10px; bottom:10px; width:194px; height:98px; z-index:600 }
.strelice div{ position:absolute; background:url(/img/navigacija.gif) no-repeat; cursor:pointer }
.fensi_tab{ width:100%; color:black; border:1px solid #51671E }
.fensi_tab th{ border:1px solid #51671E; background:#89c4c5 }
.fensi_tab tr{ background:white; font-weight:normal }
.fensi_tab td{ border-left:1px solid #ccc }
.fensi_tab tr td:first-child{ border-left:none }
.fensi_tab td.rb{ color:gray }
.fensi_tab tr td{ background:#fff }
.fensi_tab tr:nth-child(2n+1) td{ background:#eee }
.fensi_tab td.belo{ background:white; border:1px solid #51671E }
.fensi_tab td.tekst{ background:white; vertical-align:top; padding:4px; text-align:justify; border:1px solid #51671E }
.fensi_tab input{ margin:1px }
.fensi_tab textarea{ margin:0; width:100%; border:0 }
.fensi_tab a{ color:#000 }
.fensi_tab1{ width:100%; color:black }
.fensi_tab1 th{ background:#4F81BC; color:#FFF; height:16px; white-space:nowrap; padding:0 4px }
.fensi_tab1 tr{ font-weight:normal; height:17px }
.fensi_tab1 td{ border-left:1px solid transparent; padding:0 1px }
.fensi_tab1 tr td:first-child{ border-left:none }
.fensi_tab1 td.rb{ color:gray }
.fensi_tab1 td.bitno{ color:#000; background: #b59b7b; }
.fensi_tab1 tr{ }
.fensi_tab1 tr th{ color:#000; background:#b39a7c45 }
.fensi_tab1 tr:nth-child(2n+1) td{ background:#eeeeee63; }
.fensi_tab1 tr:nth-child(2n+1) th{ color:#000; background:#a0815cba }
.fensi_tab1 tr.bitno{ color:#000; background: #b59b7b; height:16px }
.fensi_tab1 tr.bitno th{ color:#000; background: #b59b7b; }
.fensi_tab1 td.belo{ background:white; border:1px solid #51671E }
.fensi_tab1 td.tekst{ background:white; vertical-align:top; padding:4px; text-align:justify; border:1px solid #51671E }
.fensi_tab1 input{ margin:0 }
.fensi_tab1 textarea{ margin:0; width:100%; border:0 }
.fensi_tab1 a{ color:#000 }
.napomena{ font-weight:normal; text-align:left; color:blue }
ul.vlistmessage{ margin:0; padding:0; list-style:none; display:block; text-align:right; font-weight:normal; margin-top:5px }
ul.vlistmessage li{ display:block; border-top: 1px solid #0000001c; margin:0; padding:2px; color:#5a5a5a; padding-left: 1px; clear:left; float:none !important }
ul.vlist{ margin:0; padding:0; list-style:none; display:block; text-align:right; font-weight:normal; margin-top:5px }
ul.vlist li{ display:block; border-top: 1px solid #a0815c; margin:0; padding:2px; color:#08abac; clear:left; float:none !important }
ul.vlist li:first-child {
border-top: none;
}
ul.vlist li a{ color:black }
ul.vlist li a:hover{ color:red }
ul.vlist .izbor{ background-color:#B2FFBD }
ul.vlist .def{ background-color:#FFA500; color:black; font-weight:bold }
ul.vlist img{ float:left; margin-right:1px }
ul.vlist span{ line-height:16px !important; background:none !important; display:inline-block !important; padding:0 !important }
ul.hlist{ padding:0; list-style:none; margin:3px; font-weight:normal; font-size:9px; display:inline-block }
ul.hlist li{ display:block; float:left; padding-right:5px; border:0; color:#5a5a5a; clear:none }
ul.hlist li a{ color:black }
ul.hlist li a:hover{ color:red }
ul.hlist img{ margin:0; padding:0 }
ul.pack{ margin:0 1px; padding:0; list-style:none; display:block }
ul.pack li{ display:block; margin:1px 2px; padding:0; float:left }
.poruka{ margin:0 !important }
.poruka li:hover{ background-color:#DCE6F2 }
.def_poruka{ background-color:#a0815c4a }
#poruka{ text-align:justify }
#poruka h2{ background-image: linear-gradient(rgb(225 220 213 / 80%), rgb(227 206 182 / 74%)), url(/img/standardwhite.jpg); margin:0; padding:3px }
#poruka a{ color:black }
#poruka p{ margin:3px 5px }
.admin{ clear:both; margin-top:6px; overflow:auto }
.admin table{ border:solid 2px black; background-color:#eee }
.admin td{ border:solid 1px gray; padding:2px }
.admin th{ background-color:#89c4c5; border:solid 1px gray; color:black; padding:2px }
.admin td.ttt{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block }
/** Naslovna **/
.n_dugme{ background:#358A97; width:126px; height:98px; float:left; margin:6px 0 6px 10px; border:1px solid black; border-radius:5px; color:white; text-shadow:0 0 2px black; font-size:14px; font-weight:bold; cursor:pointer }
.n_dugme:hover{ background:#4AB0BF }
.senka{ -moz-box-shadow:0 0 5px #4AB0BF; -webkit-box-shadow:0 0 5px #4AB0BF; box-shadow:0 0 5px #4AB0BF }
.senka input{ margin:2px }
.obavestenje{ background:#DAF1CE; display:none }
.obavestenje p{ margin:5px; font-size:12px; text-align:justify }
.novine{ padding:2px; font-family:georgia, garamond, serif; font-size:14px; }
.strane{ font-size:10px; margin:2px; font-weight:bold }
.resstrane{ float:left; width:110px; height:14px; text-align:center }
.strane img{ padding-right:2px; vertical-align:middle }
.strane a, .strane a:link, .strane a:visited, .strane a:active{ font-weight:normal; text-decoration:none; margin:0 1px; padding:0 2px; color:#000; border:#DCE6F2 solid 1px }
.strane a:hover{ border-color:#FFF; background-color:#FFF; color:black }
.strane span{ font-weight:normal; text-decoration:none; margin:0 2px 0 2px; padding:0 2px 0 2px; color:black; background:#ffbc1f; border:#431000 solid 1px }
.straneb{ font-size:10px; margin:2px; font-weight:bold }
.straneb img{ padding-right:2px; vertical-align:middle }
.straneb a, .straneb a:link, .straneb a:visited, .straneb a:active{ font-weight:normal; text-decoration:none; margin:0 1px; padding:0 2px; color:#f6f2f2 !important; border:#DCE6F2 solid 1px }
.straneb a:hover{ border-color:#FFF; background-color:#FFF; color:black }
.straneb span{ font-weight:normal; text-decoration:none; margin:0 2px 0 2px; padding:0 2px 0 2px; color:black; background:#ffbc1f; border:#431000 solid 1px }
.zastavica{ position:absolute; background:#000; width:2px; height:32px }
.zastavica img{ border:solid #000; border-width:1px 1px 2px 1px }
.fensi_tab_magacin{ color:black; border:1px solid #51671E }
.fensi_tab_magacin th{ border:1px solid #51671E; background:#89c4c5 }
.fensi_tab_magacin tr{ background:white; font-weight:normal }
.fensi_tab_magacin td{ border-left:1px solid #ccc }
.fensi_tab_magacin tr td:first-child{ border-left:none }
.fensi_tab_magacin td.rb{ color:gray }
.fensi_tab_magacin tr td{ background:#eee }
.fensi_tab_magacin tr:nth-child(2n+1) td{ background:#fff }
.fensi_tab_magacin td.belo{ background:white; border:1px solid #51671E }
.fensi_tab_magacin td.tekst{ background:white; vertical-align:top; padding:4px; text-align:justify; border:1px solid #51671E }
.fensi_tab_magacin input{ margin:1px }
.teh_dugme{ position:relative; width:50px; height:50px; margin:7px; padding:2px; background-repeat:no-repeat; background-position:center center; border-radius:10px; cursor:pointer }
.teh_dugme:hover{ background-color:#fff }
.kartica_zlatna, .kartica_srebrna, .kartica_bronzana{ width:74px; height:100px; padding:9px; position:relative; float:left; margin:4px; border:2px solid; border-radius:5px; text-align:center; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0 5px #000 }
.kartica_zlatna{ background:#fac412; border-color:#FAE28A; background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #A08400), color-stop(0.7, #FAE28A), color-stop(1, #D9A828)); background:-moz-linear-gradient(top, #A08400 0%, #FAE28A 70%, #D9A828 100%) }
.kartica_srebrna{ background:#b5b5b5; border-color:#b5b5b5; background:-webkit-gradient(linear, left bottom, right top, color-stop(0, #b5b5b5), color-stop(0.5, #f5f5f5), color-stop(1, #e0e0e0)); background:-moz-linear-gradient(left bottom, #b5b5b5 0%, #f5f5f5 50%, #e0e0e0 100%) }
.kartica_bronzana{ background:#ed6300; border-color:#ed6300; background:-webkit-gradient(linear, left bottom, right top, color-stop(0, #ed6300), color-stop(0.5, #f0cd8b), color-stop(1, #f5a842)); background:-moz-linear-gradient(left bottom, #ed6300 0%, #f0cd8b 50%, #f5a842 100%) }
.okvir_zlatna, .okvir_srebrna, .okvir_bronzana{ width: 48px; height:51px; padding-top: 12px;position:relative; float:left; margin:4px; border:2px solid; border-radius:5px; text-align:center; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0 5px #000 }
.okvir_zlatna{ background:#fac412; border-color:#FAE28A; background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #A08400), color-stop(0.7, #FAE28A), color-stop(1, #D9A828)); background:-moz-linear-gradient(top, #A08400 0%, #FAE28A 70%, #D9A828 100%) }
.okvir_srebrna{ background:#b5b5b5; border-color:#b5b5b5; background:-webkit-gradient(linear, left bottom, right top, color-stop(0, #b5b5b5), color-stop(0.5, #f5f5f5), color-stop(1, #e0e0e0)); background:-moz-linear-gradient(left bottom, #b5b5b5 0%, #f5f5f5 50%, #e0e0e0 100%) }
.okvir_bronzana{ background:#ed6300; border-color:#ed6300; background:-webkit-gradient(linear, left bottom, right top, color-stop(0, #ed6300), color-stop(0.5, #f0cd8b), color-stop(1, #f5a842)); background:-moz-linear-gradient(left bottom, #ed6300 0%, #f0cd8b 50%, #f5a842 100%) }
.link{ cursor:pointer }
#tabela_bagovi tr td, #tabela_poboljsanja tr td{ text-align:left; padding:2px; height:28px; min-height:28px; }
.bag_ispravljen, .bag_novi-ispravljen, .bag_nijebag{ color:#999; text-decoration:line-through; height:auto; min-height:5px; }
.bag_proveriti, .bag_proveriti td{ background:rgba(255, 0, 0, 0.25) !important; }
.profil_deli_vezu strong{ font-weight:bold; cursor:pointer }
.okvir1, .okvir2, .okvir3, .okvir4, .okvir5, .okvir6{ position:relative; margin:7px; float:left; text-align:center; display:inline; color:black; font-weight:bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225;
color: white;
margin-bottom: 10px;
box-shadow: 0 1px 1px 1px rgba(0,0,0,.6);
border-radius: 0px;
}
.okvir7 {
position:relative;
margin:7px;
float:left;
text-align:center;
display:inline;
color:black;
font-weight:bold;
font-size:11px;
border-radius:4px;
margin:2px;
padding:5px;
background-image: linear-gradient(rgb(121 86 48 / 89%), rgb(83 62 40 / 88%)), url(/img/standard.jpg);
background-size: 370px 500px;
border: 2px solid #383838;
outline: 2px ridge #a0815c;
color: white;
margin-bottom: 10px;
box-shadow: 0 1px 1px 1px rgba(0,0,0,.6);
}
#linkovi_kolonije div{width: 36px;height:34.5px;}
.okvir1 a, .okvir2 a, .okvir3 a, .okvir4 a, .okvir5 a, .okvir6 a{ color:#000 }
.okvir1{ background:lightgrey; font-size:11px; border-radius:4px; margin:2px; padding:5px; }
.okvir2, .okvir1.okvir_hover:hover{ background:lightyellow; font-size:11px; border-radius:4px; margin:2px; padding:5px; }
.okvir3, .okvir2.okvir_hover:hover{ background:linen; font-size:11px; border-radius:4px; margin:2px; padding:5px; }
.okvir4, .okvir3.okvir_hover:hover{ background:#e0e0e0; font-size:11px; border-radius:4px; margin:2px; padding:5px; }
.okvir5, .okvir4.okvir_hover:hover{ border-radius:4px; margin:2px; padding:5px; }
.okvir6, .okvir5.okvir_hover:hover{ border-radius:4px; margin:2px; padding:5px; background:rgba(255, 255, 255, 0.4) }
.okvir_hover{ cursor:pointer }
.okvir4 ul{ margin:0; padding:0; list-style:none }
.okvir4 ul li{ display:inline; margin:2px; padding:1px; float:left }
.okvir2 .linfo{ left:4px; bottom:4px; }
.okvir2 .cinfo_small{ bottom:4px; }
.clr{ clear:both }
#lista_bagova_i_predloga tr:nth-child(2n+1) td{ background:#eee; }
#tt_polja_mapa_drzave{ width:321px; height:88px; border: 2px solid #383838;
outline: 2px ridge #a0815c;
border-radius: 3px;
background-image: linear-gradient(rgb(225 220 213 / 80%), rgb(227 206 182 / 74%)), url(/img/standardwhite.jpg); }
#tt_polja_mapa_drzave div{ display:block; float:left; width:116px; height:22px; text-align:center; font-size:10px; font-weight:bold; color:#000; line-height:20px; }
.w{ background:#FFF }
.polje, .polje img{ width:200px; height:106px; border:0; padding:0; margin:0; position:absolute; z-index:2 }
/* slicice terena */
#border{ width:200px; height:106px; z-index:3; position:absolute }
/* Slika border */
#smer{ position:absolute; top:342px; left:5px }
/* Slika smer */
#coverbox {
background-repeat: no-repeat;
background-size: cover;
width: 1000px;
margin: auto;
padding: 20px;
background-color: #0C1719;
margin-bottom: 10px;
box-shadow: 0 1px 2px 3px rgba(0,0,0,.6);
border-radius: 0px;
position: relative;
}
#body_mod_registracija {
background-image: url('/media/img/transBackground.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
}
#body_mod_banka {
background-image: url('/media/img/transBackground.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
}
#body_mod_more {
background-image: url('/media/img/transBackground.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
}
#body_mod_more *::-moz-selection {
background: transparent;
}
#body_mod_more *::selection {
background: transparent;
}
#body_mod_bitka {
overflow: hidden;
}
/* TECH */
.tech_table td{ height:66px !important }
.tech_tr{ display:block; height:230px; width:66px; border:none }
.tech_tr td{ width:66px !important; height:66px !important; text-align:center }
.tech_tr td img{ margin:3px !important }
#tech_levo .okvir3{ font-weight:normal !important; font-size:10px }
#tech_levo .okvir3, #tech_levo .okvir2{ margin:13px !important }
#tech_info .okvir1{ _margin:13px 0 0 0 !important }
#teh_info a:hover{ text-decoration:none }
#teh_info a{ text-decoration:none }
.tech_table a:active, .tech_table a:focus{ outline:none }
/* vojni ministar */
.vdl{ text-align:left; padding:0 0 0 10px }
.chatonline0, .chatonline1{ padding:2px 2px 2px 20px; }
.chatonline0{ background:url(/img/offline.png) no-repeat center left }
.chatonline1{ background:url(/img/online.png) no-repeat center left }
.chat_edit, .chat_delete{ display:inline-block; width:22px; height:12px; background:no-repeat center center; }
.chat_edit{ background-image:url(/img/ok.png); display:none; }
.chat_delete{ background-image:url(/img/ostavka.png); }
#docked_chat{ position:fixed; bottom:0; right:2px; width:296px; min-height:24px; z-index:2500; }
#docked_chat_title{ padding:3px; background:#2E363F; color:#F0F1F2; font-weight:bold; cursor:pointer; border-radius:3px 3px 0 0; }
#docked_chat_lista_soba span{display:inline-block; float:left; cursor:pointer ;color:#fff;font-weight:bold;}
#docked_chat_lista_soba span.active,#lista_soba_modul_chat span.active,#lista_soba_modul_chat a.active{ font-weight:bold; cursor:auto; color:#fff; background-color: #0090b5; }
#docked_chat_lista_soba{ clear:both; border-bottom:solid #ccc 1px; display:block; width:100%; float:left; }
#docked_chat_poruke{ max-height:350px; overflow-y:scroll; width:296px; }
#docked_chat_content{ background:#F0F1F2; min-height:400px; }
#status1 .status_outer{width:48px;padding:2px 0 2px 0;height:44px;float:left;display:block;}
#status1{width:100%;height:100%;border: 2px solid #eee;margin:0}
#status1{width:790px;border:0;margin:0}
#velike_ikone_meni .okvir5, #velike_ikone_meni .okvir6{width:64px;height:64px;padding: 5px 5px 5px 4px;}
#status1 {margin-top: 2px; margin-left:5px;}
#status .status_outer{margin-top: -2px; margin-left: 4px; width:50px;padding:2px 0 2px 0;height:44px;float:left;display:block;}
#status1 .status_outer div{display:block;height:30px;text-align: center;}
#status>.status_outer div{display:block;height:30px;text-align: center;}
#status1 span{display:block;float:left;text-align: center;width:100%;}
#status span{display:block;float:left;text-align: center;width:100%;}
.hide{ display:none; }
body{
color:#404040;
background-image: url(/media/img/background.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
/*background:#111;
background-image:-webkit-radial-gradient(top, circle cover, #2189ce, #000000 100%);
background-image:-moz-radial-gradient(top, circle cover, #2189ce, #000000 100%);
background-image:-o-radial-gradient(top, circle cover, #2189ce, #000000 100%);
background-image:radial-gradient(top, circle cover, #2189ce, #000000 100%);
background-repeat:repeat;
-webkit-background-size:100% 150%; background-size:100% 150%;*/
}
/* dijalog */
#dijalog{ border: 2px solid #383838; outline: 2px ridge #a0815c; position:relative; background:#a6bdcf; color:#333; font-weight:normal; width:auto; margin:0 auto; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 10px 5px black; -webkit-box-shadow:0px 0px 10px 5px black; box-shadow: 0px 0px 10px 5px black;z-index:15000;top:50px !important;min-width:340px;}
#dijalog .zagl{ font-size:14px; font-weight:bold; background:#a0815c; color:#F0F1F2; padding:2px; }
#dijalog .zagl div{ position:absolute; top:-1px; right:8px; font-size:12px; line-height:12px; padding:1px 2px; border:1px solid black; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; cursor:pointer }
#dijalog .zagl div:hover{ background:white }
#dijalog form{ padding:10px; background-image: linear-gradient(rgb(225 220 213 / 80%), rgb(227 206 182 / 74%)), url(/img/standardwhite.jpg); border-radius: 6px; }
#list_submit, .ok_button, .cancel_button{ padding:5px; border-radius:3px; border:none; outline:none; box-shadow: -1px 1px 8px rgba(0, 0, 0, 0.3); }
#list_submit:hover, .ok_button:hover, .cancel_button:hover{ opacity:0.9 }
#list_submit, .ok_button{ background:#71B831; color:#fff; box-shadow: -1px 1px 8px rgba(0, 0, 0, 0.3); }
.ok_button, .cancel_button{ padding:5px; border-radius:3px; border:none; box-shadow: -1px 1px 8px rgba(0, 0, 0, 0.3); }
.ok_button:hover, .cancel_button:hover{ opacity:0.9 }
.ok_button{ background:#71B831; color:#fff; }
.cancel_button{ background:#DA4453; color:#fff; }
#list_submit[disabled], .ok_button[disabled]{background:rgba(113, 184, 49,0.5);color:gray}
.buttons{ background:#836949; color:#fff; padding:5px; box-shadow: -1px 1px 8px rgba(0, 0, 0, 0.3); border-radius:3px; border:none; outline: none; border: 1px solid #383838; outline: 1px ridge #a0815c; }
.buttons:hover { opacity:0.9 }
/* blokovi proizvodnja*/
ul.vlist span.grad_opcije_proizvodnja_levo{ float:left; }
#grad_opcije .vlist img{max-width: 20px;max-height: 20px; }
#grad_opcije .vlist span{ font-size:10px; }
.no-select{ -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
#body_mod_grad { width: 100%; height: 100%; position: fixed; }
#body_mod_grad *::-moz-selection{ background:#4c3d2b2b; }
#body_mod_grad *::selection{ background:#4c3d2b2b; }
#popup_kraj_servera{ display:block; position:relative; margin:0 auto; width:100%; max-width:1000px; height:auto; border:2px solid black; background:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
#popup_kraj_servera .simpl_okvir{ min-width:50px; min-height:50px; width:auto; height:auto; padding:5px; }
.simpl_okvir_index_kraj{ padding:10px; color:#fff; background:#444; }
input[type=range]{
-webkit-appearance:none; /* Hides the slider so that custom slider can be made */
width:100%; /* Specific width is required for Firefox. */
background:transparent; /* Otherwise white in Chrome */
}
input[type=range]::-webkit-slider-thumb{ -webkit-appearance:none; }
/* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
input[type=range]:focus{ outline:none; }
/* Hides the slider so custom styles can be added */
input[type=range]::-ms-track{ width:100%; cursor:pointer; background:transparent; border-color:transparent; color:transparent; }
/* Special styling for WebKit/Blink */
input[type=range]::-webkit-slider-thumb{ -webkit-appearance:none; border:1px solid #000000; height:36px; width:16px; border-radius:3px;
background:#ffffff; cursor:pointer;
margin-top:-14px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
box-shadow:1px 1px 1px #000000, 0 0 1px #0d0d0d; /* Add cool effects to your sliders! */
}
/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb{ box-shadow:1px 1px 1px #000000, 0 0 1px #0d0d0d; border:1px solid #000000; height:36px;
width:16px; border-radius:3px; background:#ffffff; cursor:pointer; }
/* All the same stuff for IE */
input[type=range]::-ms-thumb{ box-shadow:1px 1px 1px #000000, 0 0 1px #0d0d0d; border:1px solid #000000; height:36px;
width:16px; border-radius:3px; background:#ffffff; cursor:pointer; }
input[type=range]::-webkit-slider-runnable-track{
width:100%;
height:8px;
cursor:pointer;
box-shadow:1px 1px 1px #000000, 0 0 1px #0d0d0d;
background:linear-gradient(90deg, #a97f4d 0%, #4c3d2b 100%);
border-radius:1.3px;
border:0.2px solid #010101;
}
input[type=range]:focus::-webkit-slider-runnable-track{
background:#3f4b57;
}
input[type=range]::-moz-range-track{
width:100%;
height:8px;
cursor:pointer;
box-shadow:1px 1px 1px #000000, 0 0 1px #0d0d0d;
background:linear-gradient(90deg, #a97f4d 0%, #4c3d2b 100%);
border-radius:1.3px;
border:0.2px solid #010101;
}
input[type=range]::-ms-track{
width:100%;
height:8px;
cursor:pointer;
background:transparent;
border-color:transparent;
border-width:16px 0;
color:transparent;
}
input[type=range]::-ms-fill-lower{
background:#2a6495;
border:0.2px solid #010101;
border-radius:2.6px;
box-shadow:1px 1px 1px #000000, 0 0 1px #0d0d0d;
}
input[type=range]:focus::-ms-fill-lower{
background:linear-gradient(90deg, #a97f4d 0%, #4c3d2b 100%);
}
input[type=range]::-ms-fill-upper{
background:linear-gradient(90deg, #a97f4d 0%, #4c3d2b 100%);
border:0.2px solid #010101;
border-radius:2.6px;
box-shadow:1px 1px 1px #000000, 0 0 1px #0d0d0d;
}
input[type=range]:focus::-ms-fill-upper{
background:#3f4b57;
}
input[type=range]{
-webkit-appearance:none;
margin:18px 0;
width:100%;
}
input[type=range]:focus{
outline:none;
}
input[type=range]::-webkit-slider-runnable-track{
width:100%;
height:8px;
cursor:pointer;
animate:0.2s;
box-shadow:1px 1px 1px #000000, 0 0 1px #0d0d0d;
background: linear-gradient(90deg, #a97f4d 0%, #4c3d2b 100%);
border-radius:1.3px;
border:0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
box-shadow: 1px 1px 1px #000000, 0 0 1px #0d0d0d;
border: 2px solid #383838;
height: 24px;
width: 24px;
background: #e3ccb0;
background-image: url('/img/slideran.webp');
background-repeat: no-repeat;
background-position: center;
background-size: 70%;
cursor: pointer;
-webkit-appearance: none;
margin-top: -8px;
border-radius: 3px;
position: relative;
outline: 2px ridge #a0815c;
}
input[type=range]:focus::-webkit-slider-runnable-track{
background:#3f4b57;
}
input[type=range]::-moz-range-track{
width:100%;
height:8px;
cursor:pointer;
animate:0.2s;
box-shadow:1px 1px 1px #000000, 0 0 1px #0d0d0d;
background:linear-gradient(90deg, #a97f4d 0%, #4c3d2b 100%);
border-radius:1.3px;
border:0.2px solid #010101;
}
input[type=range]::-moz-range-thumb{
box-shadow: 1px 1px 1px #000000, 0 0 1px #0d0d0d;
border: 2px solid #383838;
height: 24px;
width: 24px;
background: #e3ccb0;
background-image: url('/img/slideran.webp');
background-repeat: no-repeat;
background-position: center;
background-size: 70%;
cursor: pointer;
-webkit-appearance: none;
margin-top: -8px;
border-radius: 3px;
position: relative;
outline: 2px ridge #a0815c;
}
input[type=range]::-ms-track{
width:100%;
height:8px;
cursor:pointer;
animate:0.2s;
background:transparent;
border-color:transparent;
border-width:16px 0;
color:transparent;
}
input[type=range]::-ms-fill-lower{
background:#2a6495;
border:0.2px solid #010101;
border-radius:2.6px;
box-shadow:1px 1px 1px #000000, 0 0 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper{
background:linear-gradient(90deg, #a97f4d 0%, #4c3d2b 100%);
border:0.2px solid #010101;
border-radius:2.6px;
box-shadow:1px 1px 1px #000000, 0 0 1px #0d0d0d;
}
input[type=range]::-ms-thumb{
box-shadow: 1px 1px 1px #000000, 0 0 1px #0d0d0d;
border: 2px solid #383838;
height: 24px;
width: 24px;
background: #e3ccb0;
background-image: url('/img/slideran.webp');
background-repeat: no-repeat;
background-position: center;
background-size: 70%;
cursor: pointer;
-webkit-appearance: none;
margin-top: -8px;
border-radius: 3px;
position: relative;
outline: 2px ridge #a0815c;
}
input[type=range]:focus::-ms-fill-lower{
background:linear-gradient(90deg, #a97f4d 0%, #4c3d2b 100%);
}
input[type=range]:focus::-ms-fill-upper{
background:#3f4b57;
}
.range_wrap{ position:relative; width:75%; float:left; display:inline-block; }
.range_min, .range_max{ position:absolute; bottom:20px; font-weight:bold;}
.range_min{ left:0; }
.range_max{ right:0; }
.range_wrap input[type=text]{ margin:auto; font-size:20px; border:none; max-width:75px; text-align:center; }
.range_wrap input[type=number]{max-width:75px;height:20px;padding:2px;font-size:20px;}
/* autocomplete lista */
.filter_lista{ position:absolute; left:0; top:100%; background:#e9d7c2; width:240px; z-index:1500; display:none; border: 2px solid #383838; outline: 2px ridge #a0815c; border-radius: 3px; }
#grad_vrh_obavestenje{ position:absolute; left:14px; bottom:245px; font-size:18px; font-weight:bold; color:#fff; text-shadow:1px 1px 0 #000; z-index:50 }
#grad_vrh_obavestenje_izbori{ position:absolute; left:14px; bottom:225px; font-size:18px; color:#fff; font-weight:bold; text-shadow:1px 1px 0 #000; z-index:50 }
#mapa_sveta_navigacija{ position:absolute; width:50px; top:0; left:0; z-index:2; }
#tt_polja_mapa_drzave{}
#tt_polja_mapa_drzave span{display:block; float:left; width:80px; height:80px; padding:4px;}
.neizgradjen{width:92px;height:92px;padding:6px}
#izbor{position: relative; text-align: left; width: 240px;}
.puzle_zlato{width:64px;height:auto}
.td_desno{padding-right:4px;text-align:right}
.txt_left{text-align:left}
.txt_right{text-align:right}
.txt_center{text-align:center}
#lista_mojih_soba a, .lista_soba_linkovi a,.lista_soba_linkovi span{display:inline-block;border-radius:3px;padding:2px;margin:1px;min-width:20px;min-height:10px;color:#fff;background-repeat:no-repeat;background-position:right center}
.lista_soba_linkovi a:hover{color:#fff;opacity:0.8; text-decoration:none;}
.soba_dvoje{background-color:rgba(200,0,0,0.5);}
.soba_partija{background-color:#0078e680; padding:5px !important; margin-bottom: -20px !important;}
.soba_sila{background-color:#0078e680; padding:5px !important; margin-bottom: -20px !important;}
.soba_svet{background-color:#0078e680; padding:5px !important; margin-bottom: -20px !important; }
.soba_soba{background-color:rgba(50,150,10,1); padding:5px !important; margin-bottom: -20px !important; float:right;}
.link_moje_sobe,a.link_moje_sobe{color:red !important;text-decoration:underline !important}
a.link_moje_sobe:hover{}
#docked_chat_txt{width:90%;}
.brojac_novih_poruka{background-image:url(/img/new_img.png);padding-right:20px !important;}
.resurs_polje8{border-radius:2px;background:rgba(255,255,255,0.66);}
.zauzeoja,.zauzeoneko{border-radius:2px;padding:1px;}
.zauzeoja{background:rgba(113, 184, 49,0.8);}
.zauzeoneko{background:rgba(218, 68, 83,0.8);}
/*.slika_objekta:hover{ background:red;}*/
.prozor33 img{width:30px;}
.ani_auto_sprite{width:30px;height:17px; display:block;}
#mapa_navigacija_strelice a{ position:absolute;color:red;font-weight:bold;background:#fff;width:30px;height:16px;border-radius:2px; text-align:center;opacity:0.5;}
#mapa_navigacija_strelice a:hover{opacity:1;}
.exp {
border: none;
display: block;
cursor: pointer;
outline: none;
overflow: hidden;
color:#2e363f;
position: relative;
margin: 0 auto;
box-shadow: 0 5px 15px rgba(0,0,0,0.20);
}
.exp span {
position: relative;
z-index: 1;
}
.exp:after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 200px;
width: 140px;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
transform: translateX(-98%) translateY(-25%) rotate(45deg);
}
.exp1:after {
background: #607328;
}
.exp2:after {
background: #5F70CB;
}
.exp3:after {
background: #C95C5C;
}
.exp4:after {
background: #FFc;
}
.exp:hover:after {
-webkit-transform: translateX(-9%) translateY(-25%) rotate(0deg);
transform: translateX(-9%) translateY(-25%) rotate(0deg);
}
.attackButtons img {
transition: transform 0.3s ease;
}
.attackButtons img:hover {
transform: scale(1.1);
width: 60px;
height: auto;
}
@media screen and (max-width: 840px) {
body {
background-image: url("/media/img/transBackground.jpg") !important;
background-repeat: no-repeat;
background-attachment: fixed;
}
#description {
box-shadow: 0 1px 2px 3px rgba(0,0,0,0) !important;
}
.logo-centar {
width: 85% !important;
}
}
@media screen and (max-width: 840px) {
.mbrm { display: none; }
}
@media screen and (max-width: 840px) {
.onlineimg { width: 40px; }
}
@media screen and (max-width: 840px) {
.onlinecenter { text-align: center; }
}
.multi-button {
--shadow: 286, 24%, 14%;
position: relative;
padding: .2rem;
background: hsl(var(--primary-1));
border: 1px solid hsl(var(--primary-2));
box-shadow:
1px 1px 1px hsla(var(--shadow),.12),
3px 3px 3px hsla(var(--shadow),.11),
5px 5px 5px hsla(var(--shadow),.1),
7px 7px 7px hsla(var(--shadow),.09),
11px 11px 11px hsla(var(--shadow),.08),
13px 13px 13px hsla(var(--shadow),.07),
17px 17px 17px hsla(var(--shadow),.06),
19px 19px 19px hsla(var(--shadow),.05),
23px 23px 23px hsla(var(--shadow),.04),
29px 29px 29px hsla(var(--shadow),.03);
border-radius: 4px;
user-select: none;
}
.menux label {
display: inline-block;
position: relative;
color: #08abac;
text-transform: uppercase;
border: none;
border-radius: 2px;
background: none;
transition: all .4s var(--transition);
cursor: pointer;
}
.menux span {
margin-right: .1rem;
}
.menux span svg {
height: 16px;
width: 16px;
}
.menux label:before {
content: '';
position: absolute;
height: 1px;
width: 0;
top: 20%;
left: 50%;
background: hsla(var(--secondary),.35);
border-radius: 2px;
transition: all .25s var(--transition);
}
.menux label:hover:before {
width: 90%;
left: 0%;
border-top: 1px solid hsl(var(--secondary));
}
.menux input:checked + label:before {
height: 60%;
bottom: 20%;
}
.menux input:checked + label {
color: hsl(var(--secondary));
transition-delay: .1s;
}
@-webkit-keyframes pulse {
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes pulse {
to {
-webkit-transform: scale(0.95);
transform: scale(0.95);
}
}
.pulse {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-duration: 0.9s;
animation-duration: 0.9s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}
@-webkit-keyframes pulse2x {
to {
-webkit-transform: scale(0.70);
transform: scale(0.70);
}
}
@keyframes pulse2x {
to {
-webkit-transform: scale(0.90);
transform: scale(0.90);
}
}
.pulse2x {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-animation-name: pulse2x;
animation-name: pulse2x;
-webkit-animation-duration: 0.7s;
animation-duration: 0.7s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}
@-webkit-keyframes pulseFront {
to {
}
}
@keyframes pulseFront {
to {
-webkit-transform: scale(1, .997);
transform: scale(1, .997);
width: 63px;
}
}
.pulseFront {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-animation-name: pulseFront;
animation-name: pulseFront;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}
.pulseTap {
background: black;
border-radius: 50%;
margin: 10px;
height: 20px;
width: 20px;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
transform: scale(1);
animation: pulseTap 2s infinite;
}
@keyframes pulseTap {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
}
70% {
transform: scale(1);
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}
100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}
.progressbar {
margin: 10px 0 10px 0;
counter-reset: step;
}
.progressbar li {
list-style-type: none;
width: 5%;
float: left;
font-size: 12px;
position: relative;
text-align: center;
text-transform: uppercase;
color: black;
}
.progressbar li:before {
width: 15px;
height: 15px;
content: '';
line-height: 30px;
border: 2px solid #93939378;
background-color: #93939378;
display: block;
text-align: center;
margin: 0 auto 10px auto;
border-radius: 20%;
transition: all .8s;
}
.progressbar li:after {
width: 100%;
height: 2px;
content: ' ';
position: absolute;
background-color: #7d7d7d00;
top: 7px;
left: -50%;
z-index: 1;
transition: all .8s;
}
.progressbar li:first-child:after {
content: none;
}
.progressbar li.active:before {
border-color: #4f81bc;
background-color: #4f81bc;
transition: all .8s;
}
.progressbar li.active:after {
background-color: #4f81bc;
transition: all .8s;
}
.animwar {
position: absolute;
display: block;
width: 100%;
height: 29px;
top: 0;
left: 0;
background: url('/img/moveon.jpg') 0 0;
-webkit-animation: moveon 1.5s linear infinite;
-moz-animation: moveon 1.5s linear infinite;
-o-animation: moveon 1.5s linear infinite;
animation: moveon 1.5s linear infinite;
opacity: .2;
}
@-webkit-keyframes moveon {
from {
background-position: 0 0
}
to {
background-position: 0 -70px
}
}
@-moz-keyframes moveon {
from {
background-position: 0 0
}
to {
background-position: 0 -70px
}
}
@-o-keyframes moveon {
from {
background-position: 0 0
}
to {
background-position: 0 -70px
}
}
@keyframes moveon {
from {
background-position: 0 0
}
to {
background-position: 0 -70px
}
}
.simpl_button_active {
background: #a5ceff !important;
border: 2px solid #549cff !important;
}
.oc_button_active {
background: #559295 !important;
border: 2px solid #283233 !important;
}
.prozorOkvir {
border-radius: 4px;
padding: 15px;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
box-shadow: 0 1px 2px 3px rgb(0 0 0 / 60%);
width:900px;
height:440px;
z-index: 101 !important;
/*clip-path: polygon(0px 0px, 0px 30px, 420px 30px, 440px 0px);*/
}
.grMenuOkvir {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
padding: 5px;
float: left;
text-align: center;
display: inline;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
margin-bottom: 10px;
box-shadow: 0 1px 1px 1px rgb(0 0 0 / 60%);
width:440px;
position:fixed;
top:0px;
z-index: 101;
}
.drOkvir {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
padding: 5px;
float: left;
text-align: center;
display: inline;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
margin-bottom: 10px;
box-shadow: 0 1px 1px 1px rgb(0 0 0 / 60%);
width:110px;
height:94px;
position:fixed;
bottom:-10px;
}
.grOkvir {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
padding: 5px;
right:0px;
text-align: center;
display: inline;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
box-shadow: 0 1px 1px 1px rgb(0 0 0 / 60%);
width:300px;
height:104px;
position:fixed;
top:0px;
}
.grmenuOkvir {
width:280px;
right:14px;
display: inline;
text-align: center;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
clip-path: polygon(0px 0px, 280px 0px, 260px 45px, 20px 45px);
box-shadow: 0 1px 1px 1px rgb(0 0 0 / 60%);
position:fixed;
top:115px;
}
.dpmenuOkvir {
display: inline;
height: 558px;
text-align: center;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
box-shadow: 0 1px 1px 1px rgb(0 0 0 / 60%);
position:fixed;
right:0;
top:0;
bottom:0;
margin:auto;
}
.removeArtOkvir {
font-size: 12px;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
padding: 5px;
float: left;
text-align: center;
display: inline;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 60%);
width: 40px;
height: 34px;
position: fixed;
bottom: 0px;
right: 230px;
}
.removeArtOkvir img {
margin-top: 4px;
width: 25px;
}
.moveVremeOkvir {
font-size: 12px;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
padding: 5px;
float: left;
text-align: center;
display: inline;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
margin-bottom: 10px;
box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 60%);
width: 90px;
height: 15px;
position: fixed;
bottom: 102px;
right: 110px;
}
.returnMilOkvir {
font-size: 12px;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
padding: 5px;
float: left;
text-align: center;
display: inline;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 60%);
width: 40px;
height: 34px;
position: fixed;
bottom: 0px;
right: 40px;
}
.returnMilOkvir img {
margin-top: 4px;
width: 25px;
}
.moveOkvir {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
padding: 5px;
float: left;
text-align: center;
display: inline;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
margin-bottom: 10px;
box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 60%);
width:110px;
height: 102px;
position:fixed;
bottom:-10px;
right: 100px;
}
#precice img{width:36px;height:32px;cursor: pointer;background:#0a5456;position: absolute;top:0;left:0;border-radius:5px;padding:6px 5px;}
.dpmenuOkvir .social img {
width: 20px !important;
height: 20px !important;
}
.dpmenuRub {
display: inline;
width: 20px;
height: 90px;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
clip-path: polygon(0px 20px, 23px 0px, 23px 90px, 0px 70px);
box-shadow: 0 1px 1px 1px rgb(0 0 0 / 60%);
position:fixed;
right:0;
top:0;
bottom:0;
margin:auto;
}
.width-75 {
width:75px;
}
.dpmenuRabText {
margin: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin-left:3px;
}
.dopmenuOkvir {
display: inline;
width: 550px;
text-align: center;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
box-shadow: 0 1px 1px 1px rgb(0 0 0 / 60%);
position:fixed;
right:0;
left:0;
bottom:0;
margin:auto;
}
.dopmenuRub {
display: inline;
width: 90px;
height: 20px;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
clip-path: polygon(0px 20px, 90px 20px, 70px 0px, 20px 0px);
box-shadow: 0 1px 1px 1px rgb(0 0 0 / 60%);
position:fixed;
right:0;
left:0;
bottom:0;
margin:auto;
}
.dopmenuRabText {
margin: 0;
position: absolute;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin-top:3px;
}
.height-71 {
height: 68px;
}
.goOkvir {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
padding: 5px;
float: left;
text-align: center;
display: inline;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
margin-bottom: 10px;
box-shadow: 0 1px 1px 1px rgb(0 0 0 / 60%);
width:110px;
height:100px !important;
position:fixed;
bottom:100px;
}
.giOkvir {
border-bottom-right-radius: 4px;
padding: 5px;
float: left;
text-align: center;
display: inline;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
margin-bottom: 10px;
box-shadow: 0 1px 1px 1px rgb(0 0 0 / 60%);
clip-path: polygon(0px 0px, 410px 0px, 390px 45px, 20px 45px);
width:400px;
height:15px;
position:fixed;
left: 20px;
top:32px;
font-size: 10px;
}
.giOkvir img {
width:18px;
}
.vMap {
position: absolute;
top: 50%;
left: 50%;
border-radius: 4px;
padding: 15px;
background: url(/img/scratchesios.png), radial-gradient(circle, rgba(255, 255, 255, 0.1) 1%, rgba(0, 0, 0, 0) 1%), linear-gradient(45deg, #2D3533, #2B353A, #282C2E, #2A3030);
/*background-blend-mode: overlay;*/
box-shadow: inset 0 0 15px rgb(0 0 0);
border: 2px solid #383838;
outline: 2px ridge #a0815c;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 930px;
height: 480px;
margin: 0 auto;
}
.vMapImage {
position: absolute;
width: 800px;
height: 480px;
}
.transparentBck {
background-color: #132225c4;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.bckCityButton{
background-color: #132225c4;
width:110px;
height:25px;
border-radius: 4px;
margin: 2px;
padding: 5px;
position: relative;
float: left;
text-align: center;
display: inline;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225;
color: white;
box-shadow: 0 1px 1px 1px rgb(0 0 0 / 60%);
}
.bckCityButton:hover{
background-color: #4c767e69;
}
.vBanka {
position: absolute;
top: 50%;
left: 50%;
border-radius: 4px;
padding: 15px;
background: url(/img/scratchesios.png), radial-gradient(circle, rgba(255, 255, 255, 0.1) 1%, rgba(0, 0, 0, 0) 1%), linear-gradient(45deg, #2D3533, #2B353A, #282C2E, #2A3030);
/*background-blend-mode: overlay;*/
box-shadow: inset 0 0 15px rgb(0 0 0);
border: 2px solid #383838;
outline: 2px ridge #a0815c;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 800px;
height: 480px;
margin: 0 auto;
}
.navigationImage {
width:13px;
margin-top:0px;
margin-right:-5px;
}
.grmenuIcons {
width: 35px;
height: 35px;
padding: 0px;
font-weight: bold;
background-color:#08abac2e
}
.grmenuIcons-30 {
width: 30px;
}
.grmenuIcons-35 {
width: 35px;
}
.grmenuMargin {
margin-left: 24px;
}
.navCity {
width:20px;
}
.ml-10 {
margin-left:10px;
}
.tutClick {
position:absolute;
width:100px;
right:8px;
top:150px;
z-index:10;
}
.tutBookClick {
position:absolute;
width:50px;
left:140px;
bottom:10px;
z-index:10
}
.objClick {
cursor: url('/img/pointer.png'), pointer !important;
}
.pr {
cursor: url(/img/pointer.png), pointer !important;
}
.artillery-range-indicator {
cursor: url(/img/cursor_art.png), pointer !important;
}
.rocket-range-indicator {
cursor: url(/img/cursor_roc.png), pointer !important;
}
.gift {
position:absolute;
top: 13px;
right:320px;
z-index:10;
}
.notification {
position: absolute;
bottom: 13px;
left: 130px;
z-index: 10;
}
.dendmenuRub {
display: inline;
width: 60px;
height: 20px;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
clip-path: polygon(0px 20px, 60px 20px, 40px 0px, 20px 0px);
box-shadow: 0 1px 1px 1px rgb(0 0 0 / 60%);
position: fixed;
right: 0;
bottom: 0;
margin: auto;
}
.dendmenuRabText {
margin: 0;
position: absolute;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin-top:3px;
}
.dendmenuOkvir {
display: inline;
height: 125px;
width: 60px;
text-align: center;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
box-shadow: 0 1px 1px 1px rgb(0 0 0 / 60%);
position: fixed;
right: 0;
bottom: 0;
margin: auto;
}
.height-119 {
height: 144px;
}
.gBarExit {
display: inline;
width: 85px;
height: 30px;
text-align: center;
position: fixed;
right: 350px;
left: 0;
top: 56px;
margin: auto;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
box-shadow: 0 2px 2px 2px rgb(0 0 0 / 60%);
clip-path: polygon(0px 0px, 85px 0px, 45px 80px, 40px 80px);
}
.gBarExitN {
position: absolute;
top: 35%;
left: 50%;
transform: translate(-50%, -50%);
font-weight:900;
font-size:10px;
color:white;
margin-bottom:4.8px;
}
.vsPY {
height: 29px;
float: left;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
}
.vsPE {
height: 29px;
float: right;
position: absolute;
right: 0px;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
}
.progressdiv {
display: block;
position: relative;
top: 13px;
margin: 0 auto;
width: 500px;
height: 40px;
}
.vsprogress:before {
position: absolute;
display: block;
content: "";
width: 100%;
height: 29px;
top: 0;
left: 0;
background: -moz-radial-gradient(center,ellipse cover,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
background: -webkit-gradient(radial,center center,0,center center,100%,color-stop(0,rgba(255,255,255,.35)),color-stop(50%,rgba(255,255,255,.01)),color-stop(51%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,0)));
background: -webkit-radial-gradient(center,ellipse cover,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
background: -o-radial-gradient(center,ellipse cover,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
background: -ms-radial-gradient(center,ellipse cover,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
background: radial-gradient(ellipse at center,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
}
.vsprogress {
position: relative;
display: block;
width: 50%;
height: 29px;
background: #186de2;
background: -moz-linear-gradient(top,rgba(24,109,226,1) 0,rgba(0,69,165,1) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(24,109,226,1)),color-stop(100%,rgba(0,69,165,1)));
background: -webkit-linear-gradient(top,rgba(24,109,226,1) 0,rgba(0,69,165,1) 100%);
background: -o-linear-gradient(top,rgba(24,109,226,1) 0,rgba(0,69,165,1) 100%);
background: -ms-linear-gradient(top,rgba(24,109,226,1) 0,rgba(0,69,165,1) 100%);
background: linear-gradient(to bottom,#2a767a 0,rgba(0,69,165,1) 100%);
-webkit-box-shadow: 0 0 1px 0 #186de2, inset 0 1px 0 0 rgb(255 255 255 / 45%), inset 1px 0 0 0 rgb(255 255 255 / 25%), inset -1px 0 0 0 rgb(255 255 255 / 25%);
box-shadow: 0 0 1px 0 #186de2, inset 0 1px 0 0 rgb(255 255 255 / 45%), inset 1px 0 0 0 rgb(255 255 255 / 25%), inset -1px 0 0 0 rgb(255 255 255 / 25%);
overflow: hidden;
}
.vsprogress:after {
position: absolute;
display: block;
content: "";
width: 40px;
height: 29px;
right: 0;
top: 0;
background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 98%,rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(98%,rgba(255,255,255,.6)),color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 98%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 98%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 98%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 98%,rgba(255,255,255,0) 100%);
}
.vsprogress.enemyColor {
background: #e81957;
background: -moz-linear-gradient(top,rgba(232,25,87,1) 0,rgba(170,0,51,1) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(232,25,87,1)),color-stop(100%,rgba(170,0,51,1)));
background: -webkit-linear-gradient(top,rgba(232,25,87,1) 0,rgba(170,0,51,1) 100%);
background: -o-linear-gradient(top,rgba(232,25,87,1) 0,rgba(170,0,51,1) 100%);
background: -ms-linear-gradient(top,rgba(232,25,87,1) 0,rgba(170,0,51,1) 100%);
background: linear-gradient(to bottom,#e26235 0,rgba(170,0,51,1) 100%);
-webkit-box-shadow: 0 0 0 0 #e81957, inset 0 1px 0 0 rgb(255 255 255 / 45%), inset 1px 0 0 0 rgb(255 255 255 / 25%), inset -1px 0 0 0 rgb(255 255 255 / 25%);
box-shadow: 0 0 0 0 #e81957, inset 0 1px 0 0 rgb(255 255 255 / 45%), inset 1px 0 0 0 rgb(255 255 255 / 25%), inset -1px 0 0 0 rgb(255 255 255 / 25%);
}
.vsprogressEnemy:before {
position: absolute;
display: block;
content: "";
width: 100%;
height: 29px;
top: 0;
left: 0;
background: -moz-radial-gradient(center,ellipse cover,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
background: -webkit-gradient(radial,center center,0,center center,100%,color-stop(0,rgba(255,255,255,.35)),color-stop(50%,rgba(255,255,255,.01)),color-stop(51%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,0)));
background: -webkit-radial-gradient(center,ellipse cover,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
background: -o-radial-gradient(center,ellipse cover,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
background: -ms-radial-gradient(center,ellipse cover,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
background: radial-gradient(ellipse at center,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);\
}
.vsprogressEnemy:after {
position: absolute;
display: block;
content: "";
width: 40px;
height: 29px;
left: 0;
top: 0;
background: rgba(255,255,255,.6);
background: -moz-linear-gradient(left,rgba(255,255,255,.6) 0,rgba(255,255,255,.59) 2%,rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top,right top,color-stop(0,rgba(255,255,255,.6)),color-stop(2%,rgba(255,255,255,.59)),color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(left,rgba(255,255,255,.6) 0,rgba(255,255,255,.59) 2%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left,rgba(255,255,255,.6) 0,rgba(255,255,255,.59) 2%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left,rgba(255,255,255,.6) 0,rgba(255,255,255,.59) 2%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,rgba(255,255,255,.6) 0,rgba(255,255,255,.59) 2%,rgba(255,255,255,0) 100%);
}
.you {
position: absolute;
color: #fff;
overflow: visible;
text-align: left;
font-family: Sans-serif;
font-weight: 700;
font-size: 19px;
line-height: 27px;
text-shadow: 0 1px 1px #000;
}
.youFlag {
position: absolute !important;
top:3px;
left:-10%;
border-radius: 6px;
width: 30px;
}
.enemyFlag {
position: absolute !important;
top:3px;
right:-10%;
border-radius: 6px;
width: 30px;
}
.enemy {
position: absolute;
color: #fff;
overflow: visible;
text-align: right;
right: 0;
font-family: Sans-serif;
font-weight: 700;
font-size: 19px;
line-height: 27px;
text-shadow: 0 1px 1px #000;
}
.gBar {
display: inline;
width: 700px;
height: 55px;
text-align: center;
position: fixed;
right: 0;
left: 0;
top: 0;
margin: auto;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
box-shadow: 0 1px 1px 1px rgb(0 0 0 / 60%);
clip-path: polygon(0px 0px, 700px 0px, 660px 80px, 40px 80px);
}
svg {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
z-index: -1;
}
.unit {
cursor: pointer;
}
.direction-image{
pointer-events: none;
}
.modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.4);
display: flex;
align-items: center;
justify-content: center;
}
.modal-content {
border-radius: 4px;
background: url(/img/scratchesios.png), radial-gradient(circle, rgba(255, 255, 255, 0.1) 1%, rgba(0, 0, 0, 0) 1%), linear-gradient(45deg, #2D3533, #2B353A, #282C2E, #2A3030);
/*background-blend-mode: overlay;*/
box-shadow: inset 0 0 15px rgb(0 0 0);
border: 2px solid #383838;
outline: 2px ridge #a0815c;
margin: 15% auto;
padding: 10px;
width: 400px;
height: 350px;
}
#unitTypeButtons button {
width: 70%;
height: 57px;
margin: 0.6px 15%;
font-size: 18px;
border-radius: 2px;
cursor: pointer;
}
#unitInputs {
width: 70%;
height: 220px;
text-align: center;
margin: 35px 15%;
font-size: 18px;
border-radius: 2px;
display: flex !important;
align-items: center;
flex-wrap: wrap;
flex-direction: row;
align-content: center;
justify-content: center;
}
#unitInputs input {
width: 180px;
height: 15px;
margin: 5px;
font-size: 16px;
padding: 5px;
}
.eButtons {
display:block;
float:right;
width:17px;
height:17px;
background-repeat:no-repeat;
margin:3px 2px
}
.eButtons:hover{
background-position:0 -17px
}
.numberJedinica {
color:#b5b5b5;
}
#createUnitButton {
width: 70%;
height: 40px;
margin: 4px 15%;
font-size: 18px;
border-radius: 2px;
}
#createUnitButton:hover {
background-color: #247775;
}
.warBoxLeft1 {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
padding: 5px;
float: left;
text-align: center;
display: inline;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
margin-bottom: 10px;
box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 60%);
width: 50px;
height: 45px;
position: fixed;
bottom: -10px;
left: 100px;
}
.warBoxLeft1 img {
margin-left: 1px;
margin-top: -5px;
width: 50px;
}
.warBoxLeft2 {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
padding: 5px;
float: left;
text-align: center;
display: inline;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
margin-bottom: 10px;
box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 60%);
width: 50px;
height: 45px;
position: fixed;
bottom: -10px;
left: 170px;
}
.warBoxLeft2 img {
margin-left: 1px;
margin-top: -5px;
width: 50px;
}
.gBarTime {
display: inline;
width: 170px;
height: 30px;
text-align: center;
position: fixed;
right: 0;
left: 0;
top: 56px;
margin: auto;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
box-shadow: 0 1px 1px 1px rgb(0 0 0 / 60%);
clip-path: polygon(0px 0px, 170px 0px, 130px 80px, 40px 80px);
}
.gBarTimeN {
position: absolute;
top: 53%;
left: 50%;
transform: translate(-50%, -50%);
font-weight:900;
font-size:19px;
color:white;
margin-bottom:10px;
}
.lnBoxC {
display: inline;
width: 960px;
text-align: center;
position: fixed;
right: 0;
left: 0;
bottom: 0;
margin: auto;
}
.lnButton {
width:45px;
height:45px;
padding-top:5px;
padding-bottom:6px;
padding-right:9px;
padding-left:2px;
}
.lnButtonN {
padding-left:5.8px;
bottom:2px;
}
.lnButtonImg {
width: 50px;
}
@media only screen and (max-width: 1200px),
screen and (max-height: 600px){
.gBarExit {
display: inline;
width: 68px;
height: 24px;
text-align: center;
position: fixed;
right: 280px;
left: 0;
top: 44.8px;
margin: auto;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
box-shadow: 0 2px 2px 2px rgb(0 0 0 / 60%);
clip-path: polygon(0px 0px, 68px 0px, 36px 64px, 32px 64px);
}
.gBarExitN {
position: absolute;
top: 35%;
left: 50%;
transform: translate(-50%, -50%);
font-weight:900;
font-size:8px;
color:white;
margin-bottom:3.84px;
}
.vsPY {
height: 23.2px;
float: left;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.vsPE {
height: 23.2px;
float: right;
position: absolute;
right: 0px;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
.progressdiv {
display: block;
position: relative;
top: 10.4px;
margin: 0 auto;
width: 400px;
height: 32px;
}
.vsprogress:before {
position: absolute;
display: block;
content: "";
width: 100%;
height: 23.2px;
top: 0;
left: 0;
background: -moz-radial-gradient(center,ellipse cover,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
background: -webkit-gradient(radial,center center,0,center center,100%,color-stop(0,rgba(255,255,255,.35)),color-stop(50%,rgba(255,255,255,.01)),color-stop(51%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,0)));
background: -webkit-radial-gradient(center,ellipse cover,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
background: -o-radial-gradient(center,ellipse cover,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
background: -ms-radial-gradient(center,ellipse cover,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
background: radial-gradient(ellipse at center,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
}
.vsprogress {
position: relative;
display: block;
width: 50%;
height: 23.2px;
background: #186de2;
background: -moz-linear-gradient(top,rgba(24,109,226,1) 0,rgba(0,69,165,1) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(24,109,226,1)),color-stop(100%,rgba(0,69,165,1)));
background: -webkit-linear-gradient(top,rgba(24,109,226,1) 0,rgba(0,69,165,1) 100%);
background: -o-linear-gradient(top,rgba(24,109,226,1) 0,rgba(0,69,165,1) 100%);
background: -ms-linear-gradient(top,rgba(24,109,226,1) 0,rgba(0,69,165,1) 100%);
background: linear-gradient(to bottom,#2a767a 0,rgba(0,69,165,1) 100%);
-webkit-box-shadow: 0 0 1px 0 #186de2, inset 0 1px 0 0 rgb(255 255 255 / 45%), inset 1px 0 0 0 rgb(255 255 255 / 25%), inset -1px 0 0 0 rgb(255 255 255 / 25%);
box-shadow: 0 0 1px 0 #186de2, inset 0 1px 0 0 rgb(255 255 255 / 45%), inset 1px 0 0 0 rgb(255 255 255 / 25%), inset -1px 0 0 0 rgb(255 255 255 / 25%);
overflow: hidden;
}
.vsprogress:after {
position: absolute;
display: block;
content: "";
width: 32px;
height: 23.2px;
right: 0;
top: 0;
background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 98%,rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(98%,rgba(255,255,255,.6)),color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 98%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 98%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 98%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 98%,rgba(255,255,255,0) 100%);
}
.vsprogress.enemyColor {
background: #e81957;
background: -moz-linear-gradient(top,rgba(232,25,87,1) 0,rgba(170,0,51,1) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(232,25,87,1)),color-stop(100%,rgba(170,0,51,1)));
background: -webkit-linear-gradient(top,rgba(232,25,87,1) 0,rgba(170,0,51,1) 100%);
background: -o-linear-gradient(top,rgba(232,25,87,1) 0,rgba(170,0,51,1) 100%);
background: -ms-linear-gradient(top,rgba(232,25,87,1) 0,rgba(170,0,51,1) 100%);
background: linear-gradient(to bottom,#e26235 0,rgba(170,0,51,1) 100%);
-webkit-box-shadow: 0 0 0 0 #e81957, inset 0 1px 0 0 rgb(255 255 255 / 45%), inset 1px 0 0 0 rgb(255 255 255 / 25%), inset -1px 0 0 0 rgb(255 255 255 / 25%);
box-shadow: 0 0 0 0 #e81957, inset 0 1px 0 0 rgb(255 255 255 / 45%), inset 1px 0 0 0 rgb(255 255 255 / 25%), inset -1px 0 0 0 rgb(255 255 255 / 25%);
}
.vsprogressEnemy:before {
position: absolute;
display: block;
content: "";
width: 100%;
height: 23.2px;
top: 0;
left: 0;
background: -moz-radial-gradient(center,ellipse cover,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
background: -webkit-gradient(radial,center center,0,center center,100%,color-stop(0,rgba(255,255,255,.35)),color-stop(50%,rgba(255,255,255,.01)),color-stop(51%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,0)));
background: -webkit-radial-gradient(center,ellipse cover,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
background: -o-radial-gradient(center,ellipse cover,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
background: -ms-radial-gradient(center,ellipse cover,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
background: radial-gradient(ellipse at center,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);\
}
.vsprogressEnemy:after {
position: absolute;
display: block;
content: "";
width: 32px;
height: 23.2px;
left: 0;
top: 0;
background: rgba(255,255,255,.6);
background: -moz-linear-gradient(left,rgba(255,255,255,.6) 0,rgba(255,255,255,.59) 2%,rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top,right top,color-stop(0,rgba(255,255,255,.6)),color-stop(2%,rgba(255,255,255,.59)),color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(left,rgba(255,255,255,.6) 0,rgba(255,255,255,.59) 2%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left,rgba(255,255,255,.6) 0,rgba(255,255,255,.59) 2%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left,rgba(255,255,255,.6) 0,rgba(255,255,255,.59) 2%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,rgba(255,255,255,.6) 0,rgba(255,255,255,.59) 2%,rgba(255,255,255,0) 100%);
}
.animwar {
position: absolute;
display: block;
width: 100%;
height: 23.2px;
top: 0;
left: 0;
background: url('/img/moveon.jpg') 0 0;
-webkit-animation: moveon 1.5s linear infinite;
-moz-animation: moveon 1.5s linear infinite;
-o-animation: moveon 1.5s linear infinite;
animation: moveon 1.5s linear infinite;
opacity: .2;
}
.you {
position: absolute;
color: #fff;
overflow: visible;
text-align: left;
font-family: Sans-serif;
font-weight: 700;
font-size: 12px;
line-height: 23.2px;
text-shadow: 0 1px 1px #000;
}
.youFlag {
position: absolute !important;
top:3px;
left:-10%;
border-radius: 6px;
width: 24px;
}
.enemyFlag {
position: absolute !important;
top:3px;
right:-10%;
border-radius: 6px;
width: 24px;
}
.enemy {
position: absolute;
color: #fff;
overflow: visible;
text-align: right;
right: 0;
font-family: Sans-serif;
font-weight: 700;
font-size: 12px;
line-height: 23.2px;
text-shadow: 0 1px 1px #000;
}
.gBar {
display: inline;
width: 560px;
height: 44px;
text-align: center;
position: fixed;
right: 0;
left: 0;
top: 0;
margin: auto;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
box-shadow: 0 1px 1px 1px rgb(0 0 0 / 60%);
clip-path: polygon(0px 0px, 560px 0px, 528px 64px, 32px 64px);
}
.gBarTime {
display: inline;
width: 136px;
height: 24px;
text-align: center;
position: fixed;
right: 0;
left: 0;
top: 44.8px;
margin: auto;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
box-shadow: 0 1px 1px 1px rgb(0 0 0 / 60%);
clip-path: polygon(0px 0px, 136px 0px, 104px 64px, 32px 64px);
}
.gBarTimeN {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-weight:900;
font-size:13.6px;
color:white;
margin-bottom:8px;
}
.lnBoxC {
display: inline;
width: 755px;
text-align: center;
position: fixed;
right: 0;
left: 0;
bottom: 0;
margin: auto;
}
.lnButton {
width:30px;
height:30px;
padding-top:5px;
padding-bottom:6px;
padding-right:9px;
padding-left:2px;
}
.lnButtonN {
padding-left:5.8px;
bottom:2px;
}
.lnButtonImg {
width: 34px;
}
.grMenuOkvir {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
padding: 1px;
float: left;
text-align: center;
display: inline;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
margin-bottom: 10px;
box-shadow: 0 1px 1px 1px rgb(0 0 0 / 60%);
width: 290px;
position:fixed;
top:0px;
z-index: 101;
}
#navigation a{ color:#fff; text-decoration:none; font-size:7px; }
.navigationImage {
width:8px;
margin-top:0px;
margin-right:-5px;
}
.giOkvir {
border-bottom-right-radius: 4px;
padding-top: 2px;
float: left;
text-align: center;
display: inline;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
margin-bottom: 10px;
box-shadow: 0 1px 1px 1px rgb(0 0 0 / 60%);
clip-path: polygon(0px 0px, 280px 0px, 260px 45px, 20px 45px);
width:270px;
height:10px;
position:fixed;
left: 5px;
top:23px;
font-size: 7px;
}
.giOkvir img {
width:13px;
}
.grOkvir {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
padding: 5px;
right:0px;
text-align: center;
display: inline;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
box-shadow: 0 1px 1px 1px rgb(0 0 0 / 60%);
width:210px;
height:72.8px;
position:fixed;
top:0px;
}
#status1 .status_outer {
width: 33.6px;
padding: 2px 0 2px 0;
height: 30.8px;
float: left;
display: block;
}
#status1 span {
display: block;
float: left;
text-align: center;
width: 100%;
font-size: 7px;
}
#status1 img {
width:21px;
}
#status1 {
margin-top:0px;
margin-left: 5px;
}
.grmenuOkvir {
width:210px;
right:5px;
display: inline;
text-align: center;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
clip-path: polygon(0px 0px, 210px 0px, 190px 45px, 20px 45px);
box-shadow: 0 1px 1px 1px rgb(0 0 0 / 60%);
position:fixed;
top:84px;
}
.grmenuIcons {
width: 26px;
height: 26px;
padding: 0px;
font-weight: bold;
background-color:#08abac2e
}
.grmenuIcons-30 {
width: 21px;
}
.grmenuIcons-35 {
width: 26px;
}
.grmenuMargin {
margin-left: 17px;
}
.drOkvir {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
padding: 5px;
float: left;
text-align: center;
display: inline;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
margin-bottom: 10px;
box-shadow: 0 1px 1px 1px rgb(0 0 0 / 60%);
width:77px;
height:65.8px;
position:fixed;
bottom:-10px;
}
#status .status_outer {
width: 33.6px;
padding: 2px 0 2px 0;
height: 30.8px;
float: left;
display: block;
}
#status span {
display: block;
float: left;
text-align: center;
width: 100%;
font-size: 7px;
}
#status img {
width:21px;
}
#status {
margin-top:0px;
margin-left: 5px;
}
.goOkvir {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
padding: 5px;
float: left;
text-align: center;
display: inline;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
margin-bottom: 10px;
box-shadow: 0 1px 1px 1px rgb(0 0 0 / 60%);
width:77px !important;
height:70px !important;
position:fixed;
bottom:70px;
}
.goOkvir ul li a img {
width: 28px;
}
#grad_opcije .vlist span {
font-size: 7px;
}
#grad_vrh_obavestenje{ position:absolute; left:10px; bottom:185px; font-size:13.5px; font-weight:bold; color:#fff; text-shadow:1px 1px 0 #000; z-index:50 }
#grad_vrh_obavestenje_izbori{ position:absolute; left:10px; bottom:165px; font-size:13.5px; color:#fff; font-weight:bold; text-shadow:1px 1px 0 #000; z-index:50 }
#precice .okvir6 {
width: 25.2px !important;
height: 24.15px !important;
}
.dpmenuOkvir {
display: inline;
height: 438px;
text-align: center;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
box-shadow: 0 1px 1px 1px rgb(0 0 0 / 60%);
position: fixed;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.width-75 {
width:63px;
}
#precice {
float: right;
width: 41px !important;
}
#precice img {
width: 25.2px;
height: 24.15px;
cursor: pointer;
background: #0a5456;
position: absolute;
top: 0;
left: 0;
border-radius: 5px;
padding: 6px 5px;
}
.dpmenuOkvir .social img {
width: 15px !important;
height: 15px !important;
}
.dopmenuOkvir {
display: inline;
width: 432px;
text-align: center;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
box-shadow: 0 1px 1px 1px rgb(0 0 0 / 60%);
position: fixed;
right: 0;
left: 0;
bottom: 0;
margin: auto;
}
#linkovi_kolonije div{
width: 25.2px !important;
height: 24.15px !important;
}
#linkovi_kolonije img {
width: 100%;
}
.height-71 {
height: 57px;
}
.vBanka {
position: absolute;
top: initial;
left: initial;
border-radius: 4px;
padding: 15px;
background-repeat: no-repeat;
background-size: cover;
background-image: url(/media/img/background_popup.jpg);
box-shadow: 0 1px 2px 3px rgb(0 0 0 / 60%);
-webkit-transform: initial;
transform: initial;
width: 800px;
height: 480px;
margin: 0 auto;
}
.vMap {
position: absolute;
top: initial;
left: initial;
border-radius: 4px;
padding: 15px;
background-repeat: no-repeat;
background-size: cover;
background-image: url(/media/img/background_popup.jpg);
box-shadow: 0 1px 2px 3px rgb(0 0 0 / 60%);
-webkit-transform: initial;
transform: initial;
width: 930px;
height: 480px;
margin: 0 auto;
}
#popup{
display:none;
position:absolute;
top: initial;
left: initial;
-webkit-transform: initial;
transform: initial;
/*background-image:url(/media/img/background_popup.jpg); */
margin:0 auto;
z-index:1502;
overflow: scroll;
width: 100%;
height: 100%;
}
#sadrzaj {
width: 800px;
height: 480px;
margin-right: 24px;
}
#popup .close {
z-index: 1600;
right: initial;
width: 85px;
margin-left: 685px;
}
.navCity {
width:17px;
}
.ml-10 {
margin-left:0px;
}
.tutClick {
position: absolute;
width: 65px;
right: 2px;
top: 112px;
z-index: 10;
}
.tutBookClick {
position:absolute;
width:30px;
left:100px;
bottom:8px;
z-index:10
}
.gift {
position:absolute;
width:25px;
top: 8px;
right:225px;
z-index:10;
}
.notification {
position: absolute;
width:25px;
bottom: 10px;
left: 97px;
z-index: 10;
}
.onlyHorizontal img {
width: 200px;
}
}
@media only screen and (max-width: 520px){
.gBarExit {
display: inline;
width: 34px;
height: 12px;
text-align: center;
position: fixed;
right: 140px;
left: 0;
top: 26.88px;
margin: auto;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
box-shadow: 0 2px 2px 2px rgb(0 0 0 / 60%);
clip-path: polygon(0px 0px, 34px 0px, 18px 32px, 16px 32px);
}
.gBarExitN {
position: absolute;
top: 35%;
left: 50%;
transform: translate(-50%, -50%);
font-weight:900;
font-size:4px;
color:white;
margin-bottom:1.92px;
}
.vsPY {
height: 13.92px;
float: left;
border-bottom-left-radius: 2.4px;
border-top-left-radius: 2.4px;
}
.vsPE {
height: 13.92px;
float: right;
position: absolute;
right: 0px;
border-bottom-right-radius: 2.4px;
border-top-right-radius: 2.4px;
}
.progressdiv {
display: block;
position: relative;
top: 6.24px;
margin: 0 auto;
width: 240px;
height: 19.2px;
}
.vsprogress:before {
position: absolute;
display: block;
content: "";
width: 100%;
height: 13.92px;
top: 0;
left: 0;
background: -moz-radial-gradient(center,ellipse cover,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
background: -webkit-gradient(radial,center center,0,center center,100%,color-stop(0,rgba(255,255,255,.35)),color-stop(50%,rgba(255,255,255,.01)),color-stop(51%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,0)));
background: -webkit-radial-gradient(center,ellipse cover,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
background: -o-radial-gradient(center,ellipse cover,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
background: -ms-radial-gradient(center,ellipse cover,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
background: radial-gradient(ellipse at center,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
}
.vsprogress {
position: relative;
display: block;
width: 50%;
height: 13.92px;
background: #186de2;
background: -moz-linear-gradient(top,rgba(24,109,226,1) 0,rgba(0,69,165,1) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(24,109,226,1)),color-stop(100%,rgba(0,69,165,1)));
background: -webkit-linear-gradient(top,rgba(24,109,226,1) 0,rgba(0,69,165,1) 100%);
background: -o-linear-gradient(top,rgba(24,109,226,1) 0,rgba(0,69,165,1) 100%);
background: -ms-linear-gradient(top,rgba(24,109,226,1) 0,rgba(0,69,165,1) 100%);
background: linear-gradient(to bottom,#2a767a 0,rgba(0,69,165,1) 100%);
-webkit-box-shadow: 0 0 1px 0 #186de2, inset 0 1px 0 0 rgb(255 255 255 / 45%), inset 1px 0 0 0 rgb(255 255 255 / 25%), inset -1px 0 0 0 rgb(255 255 255 / 25%);
box-shadow: 0 0 1px 0 #186de2, inset 0 1px 0 0 rgb(255 255 255 / 45%), inset 1px 0 0 0 rgb(255 255 255 / 25%), inset -1px 0 0 0 rgb(255 255 255 / 25%);
overflow: hidden;
}
.vsprogress:after {
position: absolute;
display: block;
content: "";
width: 19.2px;
height: 13.92px;
right: 0;
top: 0;
background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 98%,rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(98%,rgba(255,255,255,.6)),color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 98%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 98%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 98%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 98%,rgba(255,255,255,0) 100%);
}
.vsprogress.enemyColor {
background: #e81957;
background: -moz-linear-gradient(top,rgba(232,25,87,1) 0,rgba(170,0,51,1) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(232,25,87,1)),color-stop(100%,rgba(170,0,51,1)));
background: -webkit-linear-gradient(top,rgba(232,25,87,1) 0,rgba(170,0,51,1) 100%);
background: -o-linear-gradient(top,rgba(232,25,87,1) 0,rgba(170,0,51,1) 100%);
background: -ms-linear-gradient(top,rgba(232,25,87,1) 0,rgba(170,0,51,1) 100%);
background: linear-gradient(to bottom,#e26235 0,rgba(170,0,51,1) 100%);
-webkit-box-shadow: 0 0 0 0 #e81957, inset 0 1px 0 0 rgb(255 255 255 / 45%), inset 1px 0 0 0 rgb(255 255 255 / 25%), inset -1px 0 0 0 rgb(255 255 255 / 25%);
box-shadow: 0 0 0 0 #e81957, inset 0 1px 0 0 rgb(255 255 255 / 45%), inset 1px 0 0 0 rgb(255 255 255 / 25%), inset -1px 0 0 0 rgb(255 255 255 / 25%);
}
.vsprogressEnemy:before {
position: absolute;
display: block;
content: "";
width: 100%;
height: 13.92px;
top: 0;
left: 0;
background: -moz-radial-gradient(center,ellipse cover,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
background: -webkit-gradient(radial,center center,0,center center,100%,color-stop(0,rgba(255,255,255,.35)),color-stop(50%,rgba(255,255,255,.01)),color-stop(51%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,0)));
background: -webkit-radial-gradient(center,ellipse cover,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
background: -o-radial-gradient(center,ellipse cover,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
background: -ms-radial-gradient(center,ellipse cover,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
background: radial-gradient(ellipse at center,rgba(255,255,255,.35) 0,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);\
}
.vsprogressEnemy:after {
position: absolute;
display: block;
content: "";
width: 19px;
height: 13.92px;
left: 0;
top: 0;
background: rgba(255,255,255,.6);
background: -moz-linear-gradient(left,rgba(255,255,255,.6) 0,rgba(255,255,255,.59) 2%,rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top,right top,color-stop(0,rgba(255,255,255,.6)),color-stop(2%,rgba(255,255,255,.59)),color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(left,rgba(255,255,255,.6) 0,rgba(255,255,255,.59) 2%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left,rgba(255,255,255,.6) 0,rgba(255,255,255,.59) 2%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left,rgba(255,255,255,.6) 0,rgba(255,255,255,.59) 2%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,rgba(255,255,255,.6) 0,rgba(255,255,255,.59) 2%,rgba(255,255,255,0) 100%);
}
.animwar {
position: absolute;
display: block;
width: 100%;
height: 13.92px;
top: 0;
left: 0;
background: url('/img/moveon.jpg') 0 0;
-webkit-animation: moveon 1.5s linear infinite;
-moz-animation: moveon 1.5s linear infinite;
-o-animation: moveon 1.5s linear infinite;
animation: moveon 1.5s linear infinite;
opacity: .2;
}
.you {
position: absolute;
margin-left: 7.2px;
color: #fff;
overflow: visible;
text-align: left;
font-family: Sans-serif;
font-weight: 700;
font-size: 7.2px;
line-height: 13.92px;
text-shadow: 0 1px 1px #000;
}
.youFlag {
position: absolute !important;
top:3px;
left:-10%;
border-radius: 6px;
width: 14.4px;
}
.enemyFlag {
position: absolute !important;
top:3px;
right:-10%;
border-radius: 6px;
width: 14.4px;
}
.enemy {
position: absolute;
color: #fff;
overflow: visible;
text-align: right;
right: 0;
margin-right: 12px;
font-family: Sans-serif;
font-weight: 700;
font-size: 7.2px;
line-height: 13.92px;
text-shadow: 0 1px 1px #000;
}
.gBar {
display: inline;
width: 336px;
height: 26.4px;
text-align: center;
position: fixed;
right: 0;
left: 0;
top: 0;
margin: auto;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
box-shadow: 0 1px 1px 1px rgb(0 0 0 / 60%);
clip-path: polygon(0px 0px, 336px 0px, 316.8px 38.4px, 19.2px 38.4px);
}
.moveOkvir {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
padding: 5px;
float: left;
text-align: center;
display: inline;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
margin-bottom: 10px;
box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 60%);
width:110px;
height: 102px;
position:fixed;
bottom:-10px;
right: 65px;
}
.removeArtOkvir {
font-size: 12px;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
padding: 5px;
float: left;
text-align: center;
display: inline;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 60%);
width: 30px;
height: 24px;
position: fixed;
bottom: 0px;
right: 190px;
}
.removeArtOkvir img {
margin-top: 4px;
width: 18px;
}
.returnMilOkvir {
font-size: 12px;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
padding: 5px;
float: left;
text-align: center;
display: inline;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 60%);
width: 30px;
height: 24px;
position: fixed;
bottom: 0px;
right: 20px;
}
.returnMilOkvir img {
margin-top: 4px;
width: 18px;
}
.modal-content{
border-radius: 4px;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 60%);
margin: 15% auto;
padding: 10px;
width: 250px;
height: 350px;
}
#unitInputs input {
width: 120px;
height: 15px;
margin: 5px;
font-size: 16px;
padding: 5px;
}
#unitInputs {
width: 70%;
height: 220px;
text-align: center;
margin: 35px 15%;
font-size: 18px;
border-radius: 2px;
display: flex !important;
align-items: center;
flex-wrap: wrap;
flex-direction: row;
align-content: center;
justify-content: center;
}
.warBoxLeft1 {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
padding: 5px;
float: left;
text-align: center;
display: inline;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
margin-bottom: 10px;
box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 60%);
width: 40px;
height: 35px;
position: fixed;
bottom: -10px;
left: 20px;
}
.warBoxLeft1 img {
margin-left: 1px;
margin-top: -5px;
width: 40px;
}
.warBoxLeft2 {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
padding: 5px;
float: left;
text-align: center;
display: inline;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
margin-bottom: 10px;
box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 60%);
width: 40px;
height: 35px;
position: fixed;
bottom: -10px;
left: 75px;
}
.warBoxLeft2 img {
margin-left: 1px;
margin-top: -5px;
width: 40px;
}
.gBarTime {
display: inline;
width: 81.6px;
height: 14.4px;
text-align: center;
position: fixed;
right: 0;
left: 0;
top: 26.88px;
margin: auto;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
box-shadow: 0 1px 1px 1px rgb(0 0 0 / 60%);
clip-path: polygon(0px 0px, 81.6px 0px, 62.4px 38.4px, 19.2px 38.4px);
}
.gBarTimeN {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-weight:900;
font-size:8.16px;
color:white;
margin-bottom:4.8px;
}
.lnBoxC {
display: inline;
width:340px;
text-align: center;
position: fixed;
right: 0;
left: 0;
bottom: 0;
margin: auto;
}
.lnButton {
width:25px;
height:25px;
padding-top:5px;
padding-bottom:6px;
padding-right:9px;
padding-left:2px;
}
.lnButtonN {
padding-left:5.8px;
bottom:2px;
}
.lnButtonImg {
width: 27px;
}
.grMenuOkvir {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
padding: 1px;
float: left;
text-align: center;
display: inline;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
margin-bottom: 10px;
box-shadow: 0 1px 1px 1px rgb(0 0 0 / 60%);
width: 120px;
position: fixed;
top: 0px;
z-index: 101;
}
.menuText {
display: none;
}
.menux img {
width: 16px;
}
.giOkvir {
border-bottom-right-radius: 4px;
padding-top: 2px;
float: left;
text-align: center;
display: inline;
color: black;
font-weight: bold;
background-repeat: no-repeat;
background-size: cover;
background-color: #132225c4;
color: white;
margin-bottom: 10px;
box-shadow: 0 1px 1px 1px rgb(0 0 0 / 60%);
clip-path: initial;
width: 75px;
height: 60px;
position: fixed;
left: 0px;
top: 26px;
font-size: 7px;
}
.giOkvir label {
display: block;
}
}
@keyframes loading {
0%, 100% {
transform: scale(1);
filter: contrast(0.9);
}
50% {
transform: scale(1.1);
}
}