* {
  cursor: url('/img/cursor.png'), auto !important;
}

svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@font-face {
  font-family: 'Commissioner';
  src: url('../fonts/Roboto-Regular.woff') format('woff'),
       url('../fonts/Roboto-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Commissioner';
  src: url('../fonts/Commissioner-Bold.woff') format('woff'),
       url('../fonts/Commissioner-Bold.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'Spiegel';
  src: url('../fonts/Spiegel-Regular.woff') format('woff'),
	     url('../fonts/Spiegel-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Spiegel';
  src: url('../fonts/Spiegel-Italic.woff') format('woff'),
	     url('../fonts/Spiegel-Italic.ttf') format('truetype');
  font-style: italic;
}

input {
  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;
}

.none {
  border: 0px solid;
  background-color: transparent !important; 
  font-weight: 200;
  outline: none;
  border-image: linear-gradient(#08abac,#01698b) 1;
  -moz-box-shadow: inset 0 0 0px #00000080;
  -webkit-box-shadow: inset 0 0 0px #00000080;
  box-shadow: inset 0 0 0px #00000080;
}

select {
   -webkit-appearance:none;
   -moz-appearance:none;
   -ms-appearance:none;
   appearance:none;
   outline:0;
   box-shadow:none;
   border:0!important;
   background: #1f3f59;
   background-image: none;
   flex: 1;
   padding: 0px .5em;
   color:#fff;
   cursor:pointer;
   font-size: 14px;
   font-family: 'Open Sans', sans-serif;
}
select::-ms-expand {
   display: none;
}
.select {
   position: relative;
   line-height: 2;
   background: #1f3f59;
   border: 1px solid #1f3f599e;
   box-shadow: inset 0 0 5px #00000080;
   border-radius: .25em;
}
.select::after {
   content: '\25BC';
   position: absolute;
   top: 0;
   right: 0;
   padding: 0 1em;
   background: #2b2e2e;
   cursor:pointer;
   pointer-events:none;
   transition:.25s all ease;
}
.select:hover::after {
   color: #23b499;
}


*::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #132225;
  border-radius: 10px;
}

*::-webkit-scrollbar
{
  width: 10px;
  background-color: #132225;
  padding: 3px;
}

*::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(100, #4c3d2b), color-stop(0.90, #a0815c), color-stop(0.80, #a0815c), color-stop(0.05, #4c3d2b));
}

.onlyHorizontal {
  top:0; 
  left:0; 
  position:absolute; 
  text-align:center; 
  color: white;
  background-image: url(/media/img/transBackground.jpg);
  width:100%; 
  height:100%; 
  z-index:10000;
  display: block !important;
}

body{width:100%;
    background-image: url(/media/img/background.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;}
#glavno{position:relative;width:981px;left:0;margin:4px auto 0; }
#prozor{float:left;margin:2px 1px;font-size:11.5px;color:black}

#sadrzaj{min-height:455px; margin-top:24px;}



#popup2{display:none;overflow: auto;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;background-image:url(/img/popup_sivo.png);z-index:1503}
#popup2 h1{color:black}
.popup {width:auto;margin:0 auto}

#status ul{margin:0;padding:0;list-style:none;width:100%}
#status ul li{display:block;width:190px;margin:2px;padding:1px;background-color:#1A1A1A;border:solid 1px #4D4D4D;float:left}
ul#menu{width:730px;}
#navigation a{line-height:20px;}

.marquee{max-width:700px;font-weight:normal;font-style:italic;    display: none;}
.prozor209 {z-index:0;}
#grad_opcije{height:194px;width:110px;}
.barovi {margin:2px;text-align:right;font-weight:bold;z-index:100;border-radius:3px; margin-top:10px;}
.barovi div,.barovi a.link{height:14px;padding:2px 8px;margin-top:0;clear:both;}

.barovi div,.barovi a.link1{background-color:#5f72288c;border-bottom:solid #607328 1px !important;border-right:solid transparent 5px;border-left:solid transparent 5px;}
.barovi div,.barovi a.link2{background-color:#5e6fca8c;border-bottom:solid #5F70CB 1px !important;border-right:solid transparent 5px;border-left:solid transparent 5px;}
.barovi div,.barovi a.link3{background-color:#c85c5c8c;border-bottom:solid #C95C5C 1px !important;border-right:solid transparent 5px;border-left:solid transparent 5px;}
.barovi div,.barovi a.link4{background-color:#ffffcc8c;border-bottom:solid #FFc 1px !important;border-right:solid transparent 5px;border-left:solid transparent 5px;}

.simpl_okvir{position:relative;background:#fff;float:left;margin:4px;border:2px solid #4F81BC;border-radius:5px;text-align:center; border: 2px solid #383838;
    outline: 2px ridge #a0815c;background-image: linear-gradient(rgb(225 220 213 / 80%), rgb(227 206 182 / 74%)), url(/img/standardwhite.jpg);background-size: 370px 500px;}
.cur{background-image: linear-gradient(rgb(173 124 69 / 89%), rgb(75 56 35 / 81%)), url(/img/standard.jpg);color:white}

.simpl_okvir1{display:inline-block;background:white;height:60px;margin:5px;padding:2px;vertical-align:top;border-radius: 5px}
.simpl_okvir2{position:relative;background:#fff;width:30px;height:30px;float:left;margin:4px;border:1px solid;border-radius: 5px}

.simpl_button{margin: 50px;
    border: 2px solid #383838;
    outline: 2px ridge #a0815c;
    background-image: linear-gradient(rgba(227, 206, 182, 0.85), rgba(227, 206, 182, 0.85)), url(/img/standard.jpg);
    position:relative;float:left;margin:4px;border-radius: 5px;text-align:center;cursor:pointer}
.simpl_button:hover{background-image: linear-gradient(rgb(255 255 255 / 85%), rgb(255 255 255 / 85%)), url(/img/standard.jpg);border:2px solid}

.simpl_button_full{position:relative;background:#89c4c5;float:left;margin:4px;border:2px solid #4F81BC;border-radius: 5px;text-align:center;cursor:pointer}
.simpl_button_full:hover{background:#7fabad;border:2px solid}

.oc_button{position:relative;background:#fff;float:left;margin:4px;border:2px solid #136c6f;border-radius: 5px;text-align:center;cursor:pointer}
.oc_button:hover{background:#74b0b3;border:2px solid #014244}

/* NOVO */
.resurs_polje8{padding:3px;}
#nove_poruke,#novi_tiketi{width:13px;text-align: center;position:absolute;right:5px;background: #fff;border-radius:2px;box-shadow: 0 0 5px black;padding:0;height:13px;bottom:5px;line-height:13px;}
.simpl_button_180{width:180px; text-align:center; line-height:32px; font-size:10px;cursor:pointer;}
a.link.exp_link{display: block;}

#distanca{width:800px;height:480px; background:url(/img/velika_mapa.png);}
#zoom_map{background-color:#39A3BB;position:absolute;top:0;left:0;display:none;width:800px;height:480px;overflow:hidden}
#zoom_map::-moz-selection {
  background: transparent;
}
#zoom_map::selection {
  background: transparent;
}

#distanca .scroll {width:160px;height:160px;display:block;float:left;position:relative;cursor:move}
#pointer_div{position:absolute}

#precice .okvir5,#precice .okvir6{width: 36px; height: 34.5px;}

#vojni_ministar_blok{width: 438px; float: left;display:block;}
#vojni_ministar_blok .okvir2{width:80px;height:80px;}
#precice{float:right;width:52px}

#policijska_stanica_blokovi{width:488px;float:left}
#policijska_stanica_blokovi .simpl_okvir{width:480px;height:40px}
#policijska_stanica_blokovi .n_dugme{position:relative;width:70px;height:30px;margin:4px}

#berza_levi_meni{float:left; width:180px;}
#berza_glavna_tabela{float:right; width:600px;min-height:389px;}
#berza_blok_vozila{float:right; height:104px;}
.berza_donji_blok_vozila{width:116px; height:104px;font-size:10px; text-align:center;}
.berza_donji_blok_vozila div{float:left;width:110px; font-weight:bold;padding-top:3px;}
.berza_donji_blok_vozila span{font-weight:bold;padding:5px;float:left;}
#berza_forma_pretraga{position:relative;width:180px; display:block; float:left;text-align:center; font-size:10px;height:auto;}
#berza_forma_pretraga select{border:solid black 1px !important; width:140px;}
.forma_berza_submit{border: 2px solid #000;float:none;margin:0 auto;height: 28px; width: 100px; line-height: 28px;}
#berza_blok_otkup{ display:block;clear:both;}

#rezidencija_blok{position:absolute;background:url(/img/zgrade/zgrada4_back.jpg) no-repeat;display:block;float:left;left:15px;width:800px;height:455px;z-index:999}
#rezidencija_slagalica1{position:absolute;width:114px;height:62px;top:94px;left:84px}
#rezidencija_slagalica2{position:absolute;width:90px;height:60px;top:114px;left:255px}
#rezidencija_slagalica3{position:absolute;width:72px;height:53px;top:131px;left:382px}
#rezidencija_sef{position:absolute;width:60px;height:110px;top:180px;left:475px;cursor:pointer}

.regija_naslov{height: 20px;top: 0; left: 50px; z-index: 2;color:#FFF; font-size:15px; font-weight:bold; text-align:center;width:700px;}
#regija_gradovi{position:absolute;float: left; top: 20px; left: 50px;}
#opis_profila{width:386px;height:423px;text-align:justify;background-image: linear-gradient(rgb(225 220 213 / 80%), rgb(227 206 182 / 74%)), url(/img/standardwhite.jpg);padding:2px;}

#cross{position:absolute;left:0;top:0;width:18px;height:18px;background:url(/img/mapa_more/cross_back.png);border:1px solid #fff;cursor:pointer;visibility:hidden}
.no_ajax_page_div{width:790px;height:450px;top:24px; position:relative;padding:5px;}
#artefakti_lista{float:left;width:445px}
#artefakti_lista .dinfo{position:absolute;left:0;top:0;height:11px;width:100px;border-radius: 3px 3px 0 0;}
#artefakti_lista .simpl_button, #artefakti_lista .mobile_hide{width:80px;height:80px;padding:9px}
.artefakti_u_upotrebi{float:left;width:338px;height:443px}
.p_stanica_zadnji_blok{width: 293px; height: 443px; margin-left: 8px;}
.stat_table_blok{width:44%;height:443px}
.stat_tabela_detaljno{width:730px;height:443px}
#statistika_dugmici{width:56px;float:left; margin-right: 3px;}
#statistika_dugmici a{width:44px;height:44px;line-height:42px;padding:0}
.statistika_visoke_tabele{width:236px;;height:443px;}
#uputstvo_iframe{height:433px;width:775px;padding:5px}
#profil_levi_td{background-image: linear-gradient(rgb(225 220 213 / 80%), rgb(227 206 182 / 74%)), url(/img/standardwhite.jpg);border-right:solid #eee 1px;width:406px;vertical-align:top;height:427px;}

.slider_track {position:relative;background:url(/img/slider_back.gif) top no-repeat;font-size:0;margin:3px;width:160px;line-height:0;text-align:left;display:inline-block}
.slider_track hr {z-index:1;width:160px;position:absolute}
.slider {z-index:1;margin:0;width:13px;height:13px;position:absolute}
.slider_display {clear:left;font-size:12px;margin-top:20px;text-align:center}
.slider_display input {border:1px solid black;padding:3px;margin:0;font-weight:bold;background:white;font-size:16px;width:3em;text-align:center}

.prozor44 input{margin-top:0;margin-bottom:0;}
.izgradnja_levi_blok{width:100px;height:100px;padding:10px}
.izgradnja_desni_blok{width:633px;height:100px;padding:10px}

.prozor_banka .simpl_okvir{margin:2px;min-height:350px;height:auto;width:250px;}
.prozor_banka .simpl_okvir.dopuna_0900{height:auto;min-height:100px;}
.simpl_button_qvoucher{margin:0 auto;padding:3px 10px;border:solid black 1px; background:#ff2766;color:#fff;font-weight:bold;cursor:pointer;border-radius:5px;font-size:14px;}
#tabela_s_korisnici{max-width:500px;max-height:500px; overflow:scroll;z-index:99999; position:relative;}
.podela_pozicija_strelice{text-align:center;clear:both;}
.stat_table td, .stat_table th{ text-align:right;}

.snaga_sila_label{height:auto;min-height:70px;}
.snaga_sila_slaba{}
.snaga_sila_slaba img{width:60px}
.snaga_sila_jaka, .snaga_sila_iskljucena{ opacity:0.5;}
.snaga_sila_iskljucena{}
.snaga_sila_iskljucena input{ display:none;}

/* animacije start */
.kola{ position:absolute; left:-100px; top:-2100px; }
/* animacije grad */
#ani_voz, #ani_voz_gore{  width:75px; height:42px; z-index:880 }
#ani_voz{ z-index:881 }
.ani_brod{left:10px;width:220px;height:auto;top:360px;z-index:920}
/* animacije predgrađe */
#kamion{width:auto;height:auto;}

#okvir{ background:lightblue; border:solid black 2px; overflow:hidden; width:800px; height:400px; position:absolute; }
/* fixed*/
#ani_static_train_station{ position:absolute; left:510px;bottom:-15px;width:101px;z-index:405}
#ani_static_train_cover{ position:absolute; left:475px;bottom:-30px;width:101px;z-index:895}
#ani_static_port_place{ position:absolute; left:63px;bottom:-6px;width:273px;z-index:885}
#ani_static_port_carrier{ position:absolute; left:114px;bottom:74px;width:108px;z-index:890}
#ani_static_port_carrier2{ position:absolute; left:185px;bottom:39px;width:108px;z-index:890}
#ani_static_bridge_left,#ani_static_bridge_right{height:auto;}
#ani_static_bridge_left{ position:absolute; left:144px;top:4px;width:108px;z-index:110}
#ani_static_bridge_right{ position:absolute; left:165px;top:-1px;width:107px;z-index:100;}
#ani_static_park{ position:absolute; left:241px;top:171px;width:337px;z-index:100;}
#ani_static_park_objekti{ position:absolute; left:241px;top:171px;width:337px;z-index:150;}
/* animacije end */

#popup2{z-index:1520}
.extra_block{width:49%;margin:3px;padding:3px;height:92px;text-align: left}

.alert-danger {
    background-color: #ff2d4a !important;
    border-color: rgba(234, 88, 132, 0.3) !important;
    color: #f0f0f0 !important;
}
.alert {
	font-size: 15px;
    padding: 15px !important;
    margin-bottom: 20px !important;
    border: 1px solid transparent !important;
    border-radius: 0px !important;
}

/* GENERIC
   ============================= */

button:focus {
  outline: 0;
}

.button {
  font-family: 'Beaufort';
  text-transform: uppercase;
  font-size: 18px;
  color: #f0e6d2;
  padding: .75rem 2rem;
}

.button.is-tiny {
  font-size: 16px;
  padding: .375rem 2rem;
  border-width: 2px !important;
}

.button[disabled] {
  border-image: linear-gradient(#4c5155, #4c5155) 1 !important;
  background: #1f242a !important;
  color: #4c5155 !important;
}

/* PRIMARY BUTTON
   ============================= */

.button.is-primary {
  border: 2px solid transparent;
  background: #0C1719;
  border-image: linear-gradient(#0b3234, #0b3234) 1;
  transition: all ease .5s;
}

.button.is-primary:not([disabled]):hover {
  background-image: url(/img/btn.jpg);
  background-position: center center;
  background-size: cover;
  box-shadow: 0 0 10px 4px rgba(192, 252, 253, .4), inset 0 0 5px 2px rgba(192, 252, 253, .3);
  border: 2px solid rgba(192, 252, 253, .75);
  cursor: pointer;
}

/* SECONDARY BUTTON
   ============================= */

.button.is-secondary {
  border: 3px solid;
  border-radius: 0;
  background: #242731;
  border-image: linear-gradient(#f6c97f, #ca9d4b) 1;
  transition: all ease .25s;
}

.button.is-secondary:not([disabled]):hover {
  box-shadow: 0 0 5px 2px rgba(192,252,253,.4), inset 0 0 5px 2px rgba(192,252,253,.3);
  border: 3px solid #eee2cc;
  cursor: pointer;
}

/* ARROW BUTTON
   ============================= */

.arrow-button {
  display: inline-flex;
  position: relative;
  background-color: #000a17;
  padding: 5px;
  border: 1px solid #c8a763;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}

.arrow-button::before {
  content: '';
  position: absolute;
  top: 5px;
  right: 5px;
  height: 32px;
  width: 32px;
  box-sizing: border-box;
  border: 2px solid #05222d;
}

.arrow-button .main {
  shape-outside: polygon(0 0, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%);
  clip-path: polygon(0 0, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 0% 100%);
  background: linear-gradient(#018699, #006284);
  height: 32px;
  min-width: 150px;
  cursor: pointer;
  border: none;
  font-family: 'Beaufort';
  font-weight: bold;
  font-size: 16px;
  color: #a3c0c0;
  text-transform: uppercase;
  position: relative;
  margin-left: -16px;
  padding: 0 48px;
}

.arrow-button .main::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  shape-outside: polygon(2px 2px, calc(100% - 22px) 2px, calc(100% - 4px) 50%, calc(100% - 22px) calc(100% - 2px), 2px calc(100% - 2px));
  clip-path: polygon(2px 2px, calc(100% - 16px) 2px, calc(100% - 3px) 50%, calc(100% - 16px) calc(100% - 2px), 2px calc(100% - 2px));
  background-color: #1e222c;
  height: 32px;
  width: 100%;
  z-index: -1;
}

.arrow-button .main::after {
  content: '';
  position: absolute;
  top: -7px;
  left: -23px;
  height: 42px;
  width: 42px;
  box-sizing: content-box;
  border-radius: 50%;
  border: 2px solid transparent;
  background: linear-gradient(#000a17, #000a17) padding-box, linear-gradient(#018699, #006284) border-box;
}

.arrow-button .circle {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  border: 2px solid transparent;
  background: linear-gradient(#202425, #202425) padding-box, linear-gradient(#c8a763, #715b29) border-box;
  color: #c5c09a;
  cursor: pointer;
  z-index: 1;
}

.arrow-button:not(.is-disabled) .main:hover {
  background: linear-gradient(#83d7ca, #1f8faf);
  color: #e2e2d8;
}

.arrow-button:not(.is-disabled) .main:hover::before {
  background: linear-gradient(#152932, #0d394a);
}

.arrow-button:not(.is-disabled) .main:hover::after {
  background: linear-gradient(#000a17, #000a17) padding-box, linear-gradient(#83d7ca, #1f8faf) border-box;
}

.arrow-button:not(.is-disabled) .circle:hover {
  background: linear-gradient(#202425, #202425) padding-box, linear-gradient(#d4cdca, #a37b2e) border-box;
  color: #f4eada;
}

.arrow-button.is-disabled .main {
  background: #4c5155;
  color: #4c5155;
}

.arrow-button.is-disabled .main::before {
  background: #1f242a;
}

.arrow-button.is-disabled .main::after {
  background: linear-gradient(#000a17, #000a17) padding-box, linear-gradient(#4c5155, #4c5155) border-box;
}

.arrow-button.is-disabled .circle {
  background: linear-gradient(#1f242a, #1f242a) padding-box, linear-gradient(#4c5155, #4c5155) border-box;
  color: #4c5155;
}

.direction {
  animation: blinkDirection 7s alternate infinite;
}

@keyframes blinkDirection {
  0%{opacity: 1;}
  20%{opacity: 0.5;}
  30%{opacity: 0.8;}
  40%{opacity: 1;}
  50%{opacity: 0.8;}
  60%{opacity: 0.6;}
  70%{opacity: 0.4;}
  80%{opacity: 0.2;}
  100%{opacity: 0.4;}
}

.noc {
  filter: brightness(0.6);
  -webkit-filter: brightness(.6);
}

.noc.reka {
  filter: brightness(0.35);
  -webkit-filter: brightness(0.35);
}

.sunce {
  filter: brightness(1.15) drop-shadow(-30px 10px 10px rgba(0, 0, 0, 0.4));
}

.sunce.reka {
  filter: brightness(0.85);
  -webkit-filter: brightness(0.85);
}

.dan {
  filter: drop-shadow(-30px 10px 10px rgba(0, 0, 0, 0.3));
}