/* Minification failed. Returning unminified contents.
(60,1): run-time error CSS1036: Expected expression, found '}'
(370,1): run-time error CSS1030: Expected identifier, found ' '
(370,1): run-time error CSS1019: Unexpected token, found ' '
(537,8): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(658,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(659,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(708,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(709,8): run-time error CSS1035: Expected colon, found '{'
(716,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(717,8): run-time error CSS1035: Expected colon, found '{'
(1231,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1232,10): run-time error CSS1035: Expected colon, found '{'
(1248,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1249,8): run-time error CSS1035: Expected colon, found '{'
(2038,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2039,8): run-time error CSS1035: Expected colon, found '{'
(2051,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2052,8): run-time error CSS1035: Expected colon, found '{'
(2071,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2072,8): run-time error CSS1035: Expected colon, found '{'
(2084,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2085,8): run-time error CSS1035: Expected colon, found '{'
(2105,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2106,8): run-time error CSS1035: Expected colon, found '{'
(2118,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2119,8): run-time error CSS1035: Expected colon, found '{'
(2636,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2637,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2639,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2640,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2694,22): run-time error CSS1039: Token not allowed after unary operator: '-boja'
(2706,22): run-time error CSS1039: Token not allowed after unary operator: '-boja'
(2798,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2799,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2808,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2809,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2818,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2819,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2828,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2829,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2838,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2839,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2888,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2889,8): run-time error CSS1035: Expected colon, found '{'
(3238,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3239,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3275,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3276,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3316,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3317,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3358,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3359,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3633,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3634,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4390,3): run-time error CSS1035: Expected colon, found 'padding'
 */
html {
  height: 100%;
}




img {
    max-width: 100%;
    height: auto;
}
body {
  position: relative;
  padding-bottom: 220px;
  /* the height of the footer*/
  min-height: 100%;
  font-family: 'Open Sans', sans-serif !important;
	background:#fff;
 /* background: #fff url("/media/1303/minimalist2.jpg") repeat;*/
  /* homepage horizontal line (top of page) */

}
body.aplus {
  font-size: 2em;
}
body.aplus figure {
  height: 660px !important;
  width: 199px !important;
}
body.aplus figcaption {
  padding: 65% 25px 0 25px !important;
}
body.aminus {
  font-size: 1em;
}
.sub-area.col-sm-8.okvir1.minute.ng-scope{padding-top:1px !important;}

div.homepage-offset {
  margin-bottom: 100px;
}



#sdi-header {
  border-top: 1px solid #10a9d4;
	border-bottom:1px solid #10a9d4;
  padding-top: 5px;
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 5;
  padding-bottom: 5px;
  left: 0;
  right: 0;
	background:#fff;
	/*dodao saja*/
	height:106px;

	/**/http://10.13.18.70:99/umbraco/#/settings/stylesheets/edit/app
}

#sdi-header:after { opacity:0.6}
#sdi-header a {
  /*line-height: 80px;*/
  line-height: -moz-block-height;
}
#sdi-header a img {
  display: inline-block;
  vertical-align: middle;
  margin: auto;

}
#sdi-header img.header_logo {
  -webkit-transform: scale(0.8);
  /* Saf3.1+, Chrome */
  -moz-transform: scale(0.8);
  /* FF3.5+ */
  -ms-transform: scale(0.8);
  /* IE9 */
  -o-transform: scale(0.8);
  /* Opera 10.5+ */
  transform: scale(0.8);
	height:100px;
	width:140px;
	
}

.header_row {
  position: relative;
  padding: 0 15px 0 0;
}
.header_logo {
  display: inline-block;
}
.header_contact {
  /*position: absolute;
  right: 0;*/
  display: inline-block;
  float: right;
}
.header_contact__links {
  /*display: inline-flex;
  justify-content: space-around;
  width: 77%;*/
  display: inline-block;
}
.header_contact__links a {
  padding: 5px 0 5px 20px;
}
.header_contact__text-size {
  margin-bottom: 10px;
  display: inline-block;
}
.header_contact__text-size #aminus,
.header_contact__text-size #aplus,
.header_contact__text-size #anormal {
  font-size: 14px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  cursor: pointer;
  position: relative;
  display: inline-block;
  background-color: #00aeef;
}
.header_contact__text-size #aminus > span,
.header_contact__text-size #aplus > span,
.header_contact__text-size #anormal > span {
  line-height: 30px;
}
.header_contact__text-size #aminus.selected,
.header_contact__text-size #aplus.selected,
.header_contact__text-size #anormal.selected {
  background-color: #ad2f3d;
}
.header_contact__text-size #aminus.selected > i.arrow.bottom,
.header_contact__text-size #aplus.selected > i.arrow.bottom,
.header_contact__text-size #anormal.selected > i.arrow.bottom {
  border: solid #ad2f3d;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  position: absolute;
  bottom: -2px;
  left: 37%;
}
.header_contact__text-size #aplus > span,
.header_contact__text-size #aminus > span {
  margin-left: -5px;
}
.header_contact__text-size #aplus > span::after,
.header_contact__text-size #aminus > span::after {
  position: absolute;
  top: -6px;
  right: 6px;
}
.header_contact__text-size #aminus > span::after {
  content: '-';
}
.header_contact__text-size #aplus > span::after {
  content: '+';
}

.header-language {
  float: left;
  position: fixed;
 /* position: sticky;*/
  top: 125px;
  margin-left: -50px;
	z-index:100;
}
.header-language .vr {
  top: 0;
  bottom: 0;
  position: absolute;
  width: 1px;
  left: 50%;
  background-color: #d6d6d6;
  z-index: -9999999;
  height: 80vh;
}
.header-language .language-selector {
  border: none;
  list-style: none;
  padding: 0;
  margin-top: 82px;
}
.header-language .language-selector .lang {
  border-radius: 50%;
  background-color: #2195d2;
  margin: 30px 0;
  text-align: center;
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
}
.header-language .language-selector .lang a {
  color: #fff;
  text-decoration: none;
}
.header-language .language-selector .lang.selected {
  background-color: #13496b;
}
.news-item img {
    margin-bottom: 10px !important;
}
.velikinaslov{margin-left:140px; margin-top:75px; font-size:36px !important;}
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 207px;
}
footer .sors-footer {
  background-color: #204971;
 padding-top:20px;
	padding-bottom:20px;

}
footer a,
footer a:focus,
footer a:hover {
  color: #fff;
}
footer .footer-row1 {
  display: flex;
  justify-content: space-around;
  padding: 20px;
}
footer .footer-row2 {
  display: flex;
  justify-content: center;
}
footer .footer-row2 a {
  padding: 0 10px 20px 10px;
}
footer hr {
  border-color: #fff;
  border-width: 2px;
}
footer .footer-row3 {
  margin-bottom: 80px;
  color: #fff;
}
footer .footer-row3 a,
footer .footer-row3 span {
  padding: 0 20px;
}

.imghvr-fade:hover img {
  opacity: 0.2 !important;
}
.imghvr-fade:hover .figure-title {
  top: 25px;
  z-index: 999;
}

.sdi-search-area > div {
  display: flex;
}
.sdi-search-area .form-control,
.sdi-search-area button {
  background-color: #f0f0f0;
  border: none;
  box-shadow: none;
  border-radius: 0;
  color: #284370;
}
.sdi-search-area .form-control::-webkit-input-placeholder {
  color: #284370;
}
.sdi-search-area .form-control:-moz-placeholder {
  color: #284370;
}
.sdi-search-area .form-control::-moz-placeholder {
  color: #284370;
}
.sdi-search-area .form-control:-ms-input-placeholder {
  color: #284370;
}

.main-body {
  margin-top: 25px;
}
h1{margin-bottom:40px;}
.homepage-indicator__title {
  background-color: #FBC627;
  padding: 5px 2px 5px 20px;
  color: #fff;
  font-weight: bold;
  font-size: 0.8em;

}
.homepage-indicator__title:hover {
  cursor: pointer;
}
.homepage-indicator__container {
  background-color: #f0f0f0;
  height: 225px;
  position: relative;
  margin-bottom: 25px;
}
.homepage-indicator__container .chart {
  height: 100%;
  background-color: #f0f0f0;
  padding: 10px 10px 0 0;
}
.homepage-indicator__container .left_scroll,
.homepage-indicator__container .right_scroll {
  cursor: pointer;
  cursor: hand;
  position: absolute;
}
.homepage-indicator__container .left_scroll {
  left: 0;
}
.homepage-indicator__container .right_scroll {
  right: 0;
}
.homepage-indicator__container .carousel_inner {
  float: left;
  /* important for inline positioning */
  width: 530px;
  /* important (this width = width of list item(including margin) * items shown */
  overflow: hidden;
  /* important (hide the items outside the div) */
  /* non-important styling bellow */
  background: #f0f0f0;
}
.homepage-indicator__container .carousel_inner .carousel_ul {
  position: relative;
  left: 0;
  /* important (this should be negative number of list items width(including margin) */
  list-style-type: none;
  /* removing the default styling for unordered list items */
  margin: 0px;
  padding: 0px;
  width: 9999px;
  /* important */
  /* non-important styling bellow */
  padding-bottom: 10px;
}
.homepage-indicator__container .carousel_inner .carousel_ul li {
  float: left;
  /* important for inline positioning of the list items */
  width: 520px;
  /* fixed width, important */
  /* just styling bellow*/
  padding: 0px;
  height: 207px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
}
.homepage-indicator__container .carousel_inner .carousel_ul li img {
  .margin-bottom: -4px;
  /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
  /* styling */
  cursor: pointer;
  cursor: hand;
  border: 0px;
}

.

-item {
  display: inline-block;
  margin: 10px;
}

.btn-read-more {
  color: #fff;
  background-color: #204971;
  font-weight: bold;
  padding: 10px;
  display: inline-block;
  text-decoration: none !important;
}
.btn-read-more:focus, .btn-read-more:hover {
  color: #fff;
  background-color: #1e5373;
}

/*.news-item img {
  margin-right: 15px;
  min-height: 260px;
  margin-bottom:20px;
  max-height: 534px !important;
	min-width:100%;
}*/
.news-item span {
  color: #1e5373;
  font-weight: bold;
  font-size: 15px;
  text-transform:uppercase;
}
.news-item p {
    margin-top: 20px;
    margin-bottom: 40px;
}

.homepage-divider h2 {
  border-bottom: 1px solid #a3a3a3;
  line-height: 0;
  margin: 15px 0 20px;
  text-align: center;
  width: 100%;
}
.homepage-divider h2 span {
  background: #fff none repeat scroll 0 0;
  border: 1px solid;
  border-radius: 100%;
  color: #8a8a8a;
  font-size: 15px;
  padding: 11px;
}

.homepage-card {
  color: #8a8a8a;
}
.homepage-card h4 {
  font-weight: bold;
}

/* SDI THEMES title*/
.home-title {
  color: #8a8a8a;
  font-size: 2.6em;
  /*padding: 7px;*/
  text-align: center;
}

/* tiles */
.homepage-tiles > div {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
	margin-bottom:60px;
}

/*figure {
  height: 176px;
  width: 176px;
  border-radius: 150px;
  margin-bottom: 2px !important;
  margin-left: 2px !important;
  margin-right: 2px !important;
}*/
figure:hover {
  cursor: pointer;
}

figcaption {
  font-size: 0.9em;
  text-align: center;
  padding: 48% 25px 0 25px !important;
}

.tile.imghvr-fade > a {
  color: #fff;
  box-shadow: 0 0 0 99999px rgba(0, 0, 0, 0.3) inset;
  padding: 5px;
  text-align: center;
  top: auto;
  text-decoration: none;
  cursor: pointer;
  font-weight: bold;
}

.tile.imghvr-fade > img {
  left: calc(180px / 2 - 121px / 2);
  position: absolute;
  top: calc(200px / 2 - 120px / 2);
  width: 120px;
  height: 120px;
}

.figure-title {
  overflow-wrap: break-word;
  word-wrap: break-word;
  position: absolute;
  text-align: center;
  top: calc(100px + 39px);
  width: inherit;
  font-size: 1.2em;
  text-transform: uppercase;
}

.homepage-content p {
  color: #8a8a8a;
  padding-top: 22px;
  padding-bottom: 22px;
  text-align: justify;
}
.imghvr-fade1{width:150px; height:150px; margin-right:6px; 	/*border-top-right-radius: 25px; border-bottom-left-radius: 25px;*/}
.tile.imghvr-fade1 > img {
  width: 176px;
  height: 176px;


}

.imghvr-fade2{width:390px; height:130px; margin-right:6px; /*	border-top-right-radius: 25px; border-bottom-left-radius: 25px;*/}
.tile.imghvr-fade2 > img {
  width: 176px;
  height: 176px;

}

.figure-title1 {
  word-wrap: break-word;
  position: absolute;
  text-align: center;
  top: calc(100px + 39px);
  width: inherit;
  font-size: 1.2em;
  text-transform: uppercase;
}

.circle-container {
  position: relative;
  width: 700px;
  height: 700px;
  padding: 0;
  border-radius: 50%;
  list-style: none;
  margin: 5em auto 0;
  border: solid 1px #000;
  -webkit-animation: circle 60s infinite linear;
  opacity:0.8
  color:#fff;
		
}
.circle-container > * {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6.9em;
  height: 6.9em;
  margin: -3.5em;
}
.circle-container > *:nth-of-type(1) {
  transform: rotate(0deg) translate(350px) rotate(0deg);
}
.circle-container > *:nth-of-type(2) {
  transform: rotate(21.17647deg) translate(350px) rotate(-21.17647deg);
}
.circle-container > *:nth-of-type(3) {
  transform: rotate(42.35294deg) translate(350px) rotate(-42.35294deg);
}
.circle-container > *:nth-of-type(4) {
  transform: rotate(63.52941deg) translate(350px) rotate(-63.52941deg);
}
.circle-container > *:nth-of-type(5) {
  transform: rotate(84.70588deg) translate(350px) rotate(-84.70588deg);
}
.circle-container > *:nth-of-type(6) {
  transform: rotate(105.88235deg) translate(350px) rotate(-105.88235deg);
}
.circle-container > *:nth-of-type(7) {
  transform: rotate(127.05882deg) translate(350px) rotate(-127.05882deg);
}
.circle-container > *:nth-of-type(8) {
  transform: rotate(148.23529deg) translate(350px) rotate(-148.23529deg);
}
.circle-container > *:nth-of-type(9) {
  transform: rotate(169.41176deg) translate(350px) rotate(-169.41176deg);
}
.circle-container > *:nth-of-type(10) {
  transform: rotate(190.58824deg) translate(350px) rotate(-190.58824deg);
}
.circle-container > *:nth-of-type(11) {
  transform: rotate(211.76471deg) translate(350px) rotate(-211.76471deg);
}
.circle-container > *:nth-of-type(12) {
  transform: rotate(232.94118deg) translate(350px) rotate(-232.94118deg);
}
.circle-container > *:nth-of-type(13) {
  transform: rotate(254.11765deg) translate(350px) rotate(-254.11765deg);
}
.circle-container > *:nth-of-type(14) {
  transform: rotate(275.29412deg) translate(350px) rotate(-275.29412deg);
}
.circle-container > *:nth-of-type(15) {
  transform: rotate(296.47059deg) translate(350px) rotate(-296.47059deg);
}
.circle-container > *:nth-of-type(16) {
  transform: rotate(317.64706deg) translate(350px) rotate(-317.64706deg);
}
.circle-container > *:nth-of-type(17) {
  transform: rotate(338.82353deg) translate(350px) rotate(-338.82353deg);
}
.circle-container > *:nth-of-type(18) {
  transform: rotate(0deg) translate(0px) rotate(0deg);
}
.circle-container > *:nth-of-type(19) {
  transform: rotate(0deg) translate(0px) rotate(0deg);
}
.circle-container img {
  display: block;
  max-width: 100%;
 /* border-radius: 28%;*/
  filter: grayscale(0);
  transition: .15s;
  padding: 0px;
}
.circle-container .proba {
  display: block;
/*  max-width: 100%;*/
	width: 96.59px;
	height: 98.84px;
  border-radius: 28%;
  filter: grayscale(0);
  transition: .15s;
  padding: 0px;
}
.circle-container img:hover, .circle-container img:active {
  filter: grayscale(0);
}
.circle-container .centralni {
  background: red !important;
  display: block;
  max-width: 100%;
  border-radius: 50%;
  filter: grayscale(0);
  transition: .15s;
  padding: 47px;
  background: #fff;
}
.circle-container .centralni:hover, .circle-container .centralni:active {
  filter: grayscale(0);
}
.circle-container .centralni p {
  max-width: 500px;
  text-align: justify;
}

/**
 * Move in a circle without wrapper elements
 * Idea by Aryeh Gregor, simplified by Lea Verou
 */
/*@keyframes rot {
  from {
    transform: rotate(0deg) translate(-150px) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translate(-150px) rotate(-360deg);
  }
}*/

@keyframes rot {
	0% { transform: rotate(0deg) translate(150px) rotate(0deg); }
	100% { transform: rotate(360deg) translate(150px) rotate(-360deg); }
}


.smile {
  -webkit-animation: ccircle 60s infinite linear;
}



.outCircle {
  width: 200px;
  height:200px;
  background-color: lightblue;
  left: 270px;
  position: absolute;
  top: 50px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}

.rotate {
  width: 100%;
  height: 100%;
  -webkit-animation: circle 10s infinite linear;
}

.counterrotate {
  width: 50px;
  height: 50px;
  -webkit-animation: ccircle 40s infinite linear;
}

.inner {
  width: 100px;
  height: 100px;
  background: red;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 100px;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: red;
  display: block;
}

@-webkit-keyframes circle {
  from {
    -webkit-transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
  }
}
@-webkit-keyframes ccircle {
  from {
    -webkit-transform: rotateZ(360deg);
  }
  to {
    -webkit-transform: rotateZ(0deg);
  }
}

.cb.row {
  margin-bottom: 25px;
}
.cb__title {
  position: relative;
}
.cb__title div {
  display: inline-block;
  padding: 2px 0;
  font-size: 1.3em;
}
.cb__title a {
  background-color: #d6d6d6;
  padding: 5px 10px;
  float: right;
}
.cb__title .expand {
  padding: 0;
  height: 100%;
  position: absolute;
  right: 0;
  text-decoration: none;
}
.cb__title .expand:after {
  content: "+";
  font-size: 1.3em;
  padding: 0 15px;
}
.cb__title .collapse {
  padding: 0;
  height: 100%;
  position: absolute;
  right: 0;
  text-decoration: none;
  display: initial !important;
}
.cb__title .collapse:after {
  content: "-";
  font-size: 1.3em;
  padding: 0 15px;
}
.cb__titleSORS {
  position: relative;
}
.cb__titleSORS div {
  display: inline-block;
  padding: 2px 0;
  font-size: 1.0em;
}
.cb__titleSORS a {
  padding: 5px 10px;
  float: right;
}
.cb__titleSORS .expand {
  padding: 0;
  height: 100%;
  position: absolute;
  right: 0;
  text-decoration: none;
}
.cb__titleSORS .expand:after {
  content: "+";
  font-size: 1.0em;
  padding: 0 15px;
}
.cb__titleSORS .collapse {
  padding: 0;
  height: 100%;
  position: absolute;
  right: 0;
  text-decoration: none;
  display: initial !important;
}
.cb__titleSORS .collapse:after {
  content: "-";
  font-size: 1.0em;
  padding: 0 15px;
}
.cb__content.grid {
  /*column-count: 2;
  column-gap: 30px;*/
  display: flex;
  flex-wrap: wrap;
}
.cb__content.grid .news-item {
  width: 48%;
}
.cb__content.grid .news-item:nth-child(even) {
  margin-left: 20px;
}
.cb__content, .cb__content_wimage {
  margin-top: 15px;
}
.cb__content .announcement span:first-of-type, .cb__content_wimage .announcement span:first-of-type {
  color: #000;
  display: inline-block;
  vertical-align: top;
  font-size: 0.9em;
}
.cb__content .announcement span:last-child, .cb__content_wimage .announcement span:last-child {
  padding-bottom: 2px;
  display: inline-block;
  vertical-align: top;
  width: 75%;
  font-size: 0.9em;
}
.cb__content .announcement__title_sr-only, .cb__content_wimage .announcement__title_sr-only {
  font-style: italic;
  text-decoration: underline;
  font-size: 0.78em;
}
.cb__content.collapsed, .cb__content_wimage.collapsed {
  display: none;
}
.cb__content_wimage {
  display: flex;
}
.cb__content_wimage img {
  width: 210px;
}
.cb__content_wimage .content {
  padding: 0 0 0 20px;
}
.cb__filter {
  padding: 20px;
  margin-top: 2.2em;
}
.cb__filter__element {
  margin-bottom: 5px;
}
.cb__filter label {
  display: block;
  font-weight: normal;
}
.cb__filter select {
  display: block;
  width: 100%;
  padding: 10px;
  border: 1px solid #d6d6d6;
}
.cb__file {
  padding: 10px;
  margin-top: 15px;
  display: inline-block;
  width: 100%;
}
.cb__file_info {
  padding: 0 20px;
  vertical-align: -moz-middle-with-baseline;
}
.cb__file a {
  vertical-align: -moz-middle-with-baseline;
}
.cb__footer {
  position: relative;
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.cb__footer .search {
  padding-left: 2em;
  padding-right: 2em;
  padding-top: .3em;
  padding-bottom: .3em;
  cursor: pointer;
  display: table-cell;
  vertical-align: middle;
}

.navigation-tree {
  background-color: #284370;
  float: left;
  margin-right: 25px;
  position: relative;
  width: 35px;
}
.navigation-tree.open {
  width: auto;
  margin-top: 25px;
}
.navigation-tree .navigation-tree-button {
  background-color: #f4f4f4;
  color: #cf8086;
  font-size: 12px;
  height: 19px;
  line-height: -moz-block-height;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  cursor: pointer;
  width: 100%;
}
.navigation-tree .navigation-tree-button .theme-menu-arrow:before {
  background-image: url("/images/theme-arrow-down.png");
  background-size: 20px 20px;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: "";
}
.navigation-tree .navigation-tree-button.top {
  color: #3f5a8f;
  height: 25px;
  top: -25px;
  width: 100%;
  font-weight: bold;
}
.navigation-tree .themes {
  background-color: #d6d6d6;
  color: #fff;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  width: 250px;
  background-color: #3f5a8f;
  color: #5c6e84;
}
.navigation-tree .themes .expand.glyphicon-minus {
  color: #5c6e84;
}
.navigation-tree .themes li {
  padding: 10px 45px 10px 15px;
  position: relative;
  width: 250px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background-color: #284370;
  color: #fff;
}
.navigation-tree .themes li.selected .theme_name {
  font-weight: bold;
}
.navigation-tree .themes li a {
  color: #fff;
}
.navigation-tree .themes li .expand {
  top: 50%;
  transform: translateY(-50%);
}
/*.navigation-tree .themes li.indicator:hover {
  background-color: #284370 !important;
  /*&::after {
  	content: "";
  	border-top: 5px solid transparent;
  	border-bottom: 5px solid transparent;
  	border-left: 5px solid #284370;
  	width: 0;
  	height: 0;
  	//right: -1px;
  	position: absolute;
  	top: calc(50% - 5px);
  }*/
/*}*/
/*dzonika.navigation-tree .themes li.indicator:hover a {
  color: #fff !important;
}*/
.navigation-tree .themes li.indicator.selected {
  background-color: #99A2B3 !important;
}
.navigation-tree .themes li span:before {
  line-height: -moz-block-height;
}
.navigation-tree .themes li.closed a {
  color: #fff;
}
.navigation-tree .themes li.closed .indicators {
  display: none;
}
.navigation-tree .themes li.open a {
  color: #fff;
}
.navigation-tree .themes li.open .indicators li {
  background-color: #d6d6d6;
}
.navigation-tree .themes li.open .indicators li.headline .indicator_name {
  font-weight: bold;
}
.navigation-tree .themes li.open .indicators li a {
  color: #337ab7;
}
.navigation-tree .themes li.open > span:nth-child(2) {
  background-color: #f3f5f4;
  color: #5c6e84;
}
.navigation-tree .themes li.open:hover::after, .navigation-tree .themes li.closed:hover::after {
  border: none !important;
}
.navigation-tree .themes li > span:nth-child(2) {
  padding: 0 12px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
  background-color: #3f5a8f;
}
.navigation-tree .themes li > .indicators {
  list-style: outside none none;
  margin: 0;
  padding: 0;
  /*position: relative;
  left: -15px;
  top: 10px;*/
  margin-left: -15px;
  margin-right: -7px;
  margin-bottom: -10px;
  margin-top: 10px;
  display: block;
  /* SORS request */
  overflow: auto;
  max-height: 250px;
}
.navigation-tree .themes li > .indicators > li {
  width: auto;
}
.navigation-tree .themes li.open {
  padding: 10px 15px 10px 15px;
}
.navigation-tree .themes li.open .indicators {
  margin-right: -15px;
}


/*saja*/
.tabinator {
  
  padding-left: 140px;
	padding-right:0px;
  padding-right:0px;
  font-family: Open Sans;
}
.tabinator h2 {
  text-align: center;
  margin-bottom: 20px;
}
.tabinator input {
  display: none;
}
.tabinator label {
  box-sizing: border-box;
  display: inline-block;
  padding: 15px 25px;
  color: #ccc;
  margin-bottom: -1px;
  margin-left: -1px;
}
.tabinator label:before {
  content:'';
  display:block;
  width:100%;
  height:15px;
  /*background-color:#fff;*/
  position:absolute;
  bottom:-11px;
  left:0;
  z-index:10;  
}
.tabinator label:hover {
  color: #888;
  cursor: pointer;
}
.tabinator input:checked + label {
  position: relative;
  color: #000;
 /* background: #fff;
  border: 1px solid #bbb;
  border-bottom: 1px solid #fff;
  border-radius: 5px 5px 0 0;*/
}
.tabinator input:checked + label:after {
  display: block;
  content: '';
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
 /* box-shadow: 0 0 15px #939393;*/
}
#SDGEU01, #SDGEU02, #SDGEU03, #SDGEU04, #SDGEU05, #SDGEU06, #SDGEU07,#SDGEU08 , #SDGEU09,#SDGEU10 ,#SDGEU11,#SDGEU12,#SDGEU13,#SDGEU14,#SDGEU15,#SDGEU16,#SDGEU17,#SDGEU18   {
 //*display: none;*/
	/*border-top: 1px solid #bbb;*/
  /*padding: 15px;*/
}
#SDGEU01:checked ~ #SDGEU01,
#SDGEU02:checked ~ #SDGEU02,
#SDGEU03:checked ~ #SDGEU03,
#SDGEU04:checked ~ #SDGEU04, 
#SDGEU05:checked ~ #SDGEU05,
#SDGEU06:checked ~ #SDGEU06,
#SDGEU07:checked ~ #SDGEU07,
#SDGEU08:checked ~ #SDGEU08,
#SDGEU10:checked ~ #SDGEU10,
#SDGEU11:checked ~ #SDGEU11,
#SDGEU12:checked ~ #SDGEU12,
#SDGEU13:checked ~ #SDGEU13,
#SDGEU14:checked ~ #SDGEU14,
#SDGEU15:checked ~ #SDGEU15,
#SDGEU16:checked ~ #SDGEU16,
#SDGEU17:checked ~ #SDGEU17,
#SDGEU18:checked ~ #SDGEU18{
  display: block;
  box-shadow: 0 0 15px #939393;
/*top: 600px;*/
text-align: center;
width: 62%;
min-height: 240px;
margin: 0 auto;
	position:relative;
	background:red;
	  -webkit-border-top-left-radius: 1px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 4px;

  -moz-border-radius-topleft: 1px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 4px;

  border-top-left-radius: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 4px;
}
#SDGEU09:checked ~ #SDGEU09{
  display: block;
  box-shadow: 0 0 15px #939393;
/*top: 600px;*/
text-align: center;
width: 62%;
min-height: 240px;
margin: 0 auto;
	position:absolute;
	top: 50%;
	left: 198%;
	background:red;
	  -webkit-border-top-left-radius: 1px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 4px;

  -moz-border-radius-topleft: 1px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 4px;

  border-top-left-radius: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 4px;
}



 /* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	
}

/* Modal Content/Box */
.modal-content {
    /*background-color: #fefefe;*/
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    /*width: 35%; /* Could be more or less, depending on screen size */

	height: 600px;
    width: 800px;
		
}
.modal-content p { color:#fff;}
.modal-content h1 { color:#fff; text-transform:uppercase}


/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
} 


/*animation*/
.main-body{ animation-duration: 4s;
  animation-name: fadeInUp;}



@keyframes fadeInUp {
    from {
        transform: translate3d(0,600px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}







@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%; 
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}
.brojIndikatora{width: 85px;
border-radius: 5px;
color: #fff;
border: 1px solid #fff;
text-align: center;
padding: 5px;
margin-left:12px;float:left; margin-right:60px;}

.sirinadiv {
   /* width: 500px;
    position: relative;
    right: 100%;
    top: 20%;*/
	top:0%;
	bottom:100%;
	position:relative;
	right:100%;
	min-width:390px;
	padding:40px 40px 40px 0px;
	border-radius:5px;
}
#LOGO\ p{ margin-bottom:40px; color:#fff;}
h3#LOGO\ 0 {
    font-weight: bold;
    text-transform: uppercase;
	font-size:16px;
	margin-bottom:20px;
	text-align:center;
	border-radius:3px;
	padding:12px;
	color:#fff;
	
}
#LOGO\ d3 {
    line-height: 40px;
		margin-bottom:20px;
}


#LOGO\ d2 {
    color: #fff;
	width:80%;

}
.krug {

    /*background: #a31c44;
    border-radius: 50%;
    padding: 5px 11px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;;*/
	border-radius: 50%;
padding: 5px 11px;
color: #fff;
font-size: 14px;
font-weight: bold;
border: 5px solid #fff;

}
.zelena{
   
  
    border-radius: 50%;
	border: 5px solid #44a14c;
    padding: 5px 11px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;}

.zuta{
   
    border: 5px solid #e4e110;
       border-radius: 50%;
      padding: 5px 11px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;}

.crvena{
    
    border: 5px solid #c01260;
     border-radius: 50%;
    padding: 5px 11px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;}

/*saja*/
.navigation-bar{margin-top:0px!important;}

#LOGO\ def {
    margin-bottom: 40px;
	line-height: 20px;
	font-size:15px;
	color:#fff;
	font-weight:bold;
	text-transform:normal;
}
.slika {
    padding: 0 166px !important;
}
.primary{border-radius:3px; padding:10px 8px; border:none; text-align:center; width:100%}

#LOGO\ d1 {

    position: absolute;
    bottom: 100%;
	width:70%;
	

}


.container-fluid {
	padding-left:0px;
	padding-right:0px;

}



.ikonica{position:absolute; top:50%; left:12%}
/*.opisi {
    position: absolute;
    top: 35%;
    left: 35%;
	}*/
.opisi p{
font-weight: light;
text-align:center;
font-size: 18px;
color: #fff;
margin-bottom:20px;}
h2.naslov{text-transform:uppercase; font-size:40px; line-height:58px; color:#fff;
	font-weight:bold; /*margin-top:100px;*/  text-align:center;}

.button {
 /* border-radius: 4px;*/
  background-color: #fff;
  border: none;
/*  color: #0c4980;dzoni10.17.1018.*/
  text-align: center;
  padding: 15px !important;
  width: 190px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
	background:#13496b!important;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {

 content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}

.lista ul li {list-style:none; 	}
.malaslika{float: left;
width: 79px;
height: 80px;
margin-bottom: 20px;
text-align: justify;
padding: 6px;
margin-top: 10px; border-radius:15%}


.naslov1.ng-binding {
    font-size: 14px;
	font-weight:500; 
	color:#000;
    margin-bottom: 20px;
	padding-top:10px;


}
.sub-area__name {font-size:14px !important; clear:both;
}






.feedback {
  background-color: #000;
  color: white;
  border:none;
	font-weight:bold;

}
.button12{  
border: none;
padding: 10px 15px;
border-radius: 3px;
color: #fff;
font-weight: bold;
font-size: 12px;}
.button1 {
  border-radius: 4px;
  background-color: #000;
  border: none;
  color: #0c4980;
  text-align: center;
  font-size: 14px;
  padding: 10px;
  width: 160px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
 position: fixed;
  bottom: -4px;
  left: 0px;
	z-index:1;
}

.button1 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button1 span:after {

 content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button1:hover span {
  padding-right: 25px;
}

.button1:hover span:after {
  opacity: 1;
  right: 0;
}

/*2*/

.button2 {
  border-radius: 4px;
  background-color: #000;
  border: none;
  color: #0c4980;
  text-align: center;
  font-size: 14px;
  padding: 10px;
  width: 160px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
 position: fixed;
  bottom: -4px;
  right: 0px;
	z-index:1;
}

.button2 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button2 span:after {

 content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button2:hover span {
  padding-right: 25px;
}

.button2:hover span:after {
  opacity: 1;
  right: 0;
}




.nav .open > a, 
.nav .open > a:hover, 
.nav .open > a:focus {background-color: transparent;}

/*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 220px;
}

#sidebar-wrapper {
    z-index: 1000;
    left: 220px;
    width: 0;
    height: 100%;
    margin-left: -220px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #1e5373;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

#wrapper.toggled #sidebar-wrapper {
    width: 20%;

}

#page-content-wrapper {
    width: 100%;
    padding-top: 70px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -220px;
}

/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 20%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    position: relative; 
    line-height: 20px;
    display: inline-block;
    width: 100%;
}

.sidebar-nav li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 3px;
    background-color: #1c1c1c;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}
.sidebar-nav li:first-child a {
    color: #fff;
    background-color: #1a1a1a;
}
.sidebar-nav li:nth-child(2):before {
    background-color: #ec1b5a;   
}
.sidebar-nav li:nth-child(3):before {
    background-color: #79aefe;   
}
.sidebar-nav li:nth-child(4):before {
    background-color: #314190;   
}
.sidebar-nav li:nth-child(5):before {
    background-color: #279636;   
}
.sidebar-nav li:nth-child(6):before {
    background-color: #7d5d81;   
}
.sidebar-nav li:nth-child(7):before {
    background-color: #ead24c;   
}
.sidebar-nav li:nth-child(8):before {
    background-color: #2d2366;   
}
.sidebar-nav li:nth-child(9):before {
    background-color: #35acdf;   
}
.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
    width: 100%;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}

.sidebar-nav li a {
    display: block;
    color: #ddd;
    text-decoration: none;
    padding: 10px 15px 10px 30px;    
}

.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 20px;
    line-height: 44px;
}
.sidebar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color: #222;
    box-shadow: none;
}

/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/

.hamburger {
  position: fixed;
  top: 20px;  
  z-index: 999;
  display: block;
  width: 32px;
  height: 32px;
  margin-left: 15px;
  background: transparent;
  border: none;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
  outline: none;
}
.hamburger.is-closed:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  position: absolute;
  left: 0;
  height: 4px;
  width: 100%;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  background-color: #1a1a1a;
}
.hamburger.is-closed .hamb-top { 
  top: 5px; 
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
  top: 50%;
  margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
  bottom: 5px;  
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
  top: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
  bottom: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  background-color: #1a1a1a;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
  top: 50%;
  margin-top: -2px;
	
}
.hamburger.is-open .hamb-top { 
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

/*-------------------------------*/
/*            Overlay            */
/*-------------------------------*/

.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(250,250,250,.8);
    z-index: 50;
}

/*add saja*/

.navigation-bar ul  {    display: block !important;
    justify-content: space-between;
    list-style-type: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    width: 20%;
	color:#fff;
}
.navigation-bar ul li a {min-width:200px !important; color:#fff !important; padding-left:20px;}

/*slider visina*/
.tp-bgimg.defaultimg
{height:auto !important}

.podlista.ng-binding {
	color:#000;
	padding-left: 20px;
	font-size:13px;
	/*margin-top:20px;*/
	padding: 10px 0px 9px 0px;

	border-bottom: 1px dashed #e3e3e3;

	
}


.title-oblast.ng-binding {
    
font-size: 13px;
font-weight: lighter;
line-height: 18px;
margin-bottom: 20px;
text-align: justify;
margin-left: 10px;
border-left: 1px solid #e3e3e3;
padding: 0px 20px;
	cursor: pointer;

}

.title-oblast {
    
font-size: 13px;
font-weight: lighter;
line-height: 18px;
margin-bottom: 20px;
text-align: justify;
margin-left: 10px;
border-left: 1px solid #e3e3e3;
padding: 10px 20px;
	cursor: pointer;
}
.title-oblast1.ng-binding {
    
font-size: 13px;
font-weight: lighter;
line-height: 18px;
margin-bottom: 20px;
text-align: justify;
margin-left: 10px;
border-left: 1px solid transparent;
padding: 0px 20px;
	/*cursor: pointer;*/

}
.title-oblast1 {
    
font-size: 13px;
font-weight: lighter;
line-height: 18px;
margin-bottom: 20px;
text-align: justify;
margin-left: 10px;
border-left: 1px solid #e3e3e3;
padding: 10px 20px;
	/*cursor: pointer;*/
}







 /* Style the tab */
.tab {
    float: left;
    /*border: 1px solid #ccc;
 background-color: #f1f1f1;*/
    width: 100%;
    /*height: 300px;*/
}

/* Style the buttons that are used to open the tab content */
.tab button {
	    display: inline;
    background-color: #e3e3e3;
    color: #000 !important;
    padding: 13px 16px;
    /*width: 100%;*/
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
	text-transform:uppercase;
	/*border-bottom:1px solid #fff;
	font-size:12px !important;*/

}

/* Change background color of buttons on hover */
.tab button:hover {
	color:#000 !important;
}




/* Style the tab content */
.tabcontent {
    float: left;
	padding:0px;
    /*padding: 0px 12px;*/
   /* border: 1px solid #ccc;*/
    width: 100%;
    border-left: none;
   /* min-height: 350px;*/
	color:#fff !important;
	padding-bottom:40px;

}  
 
/*=== Basic box styling  ===*/
/*.box {
  background: #23a3d3;
  width: 150px;
  height: 70px;
  padding: 20px;
  text-align: center;
  color: white;
  border-radius: 7px;
  float: left;
  margin: 4px;
  font-family: 'helvetica';
  text-transform: uppercase;
}*/
 
 
/*=== Trigger  ===*/
.animate {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
/*=== Optional Delays, change values here  ===*/

.four {
-webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
animation-delay: 0.6s;
}
 

 
 

 
/*==== FADE IN UP ===*/
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
 
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
 
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
 
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
 
/*=== FADE IN LEFT ===*/
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
 
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
 
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
 
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
 
 
/*==== FADE IN RIGHT ===*/
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
 
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
 
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
 
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}


p{text-align:justify;}
.featured{margin-bottom:20px; 
margin-right: 50px;}
.traka{background:red; padding:60px; }

/*saja branka dodali*/

/*ody:before {
	position: absolute;
	top: 50%; left: 50%;
	margin: -170px;
	border: dashed 1px;
	width: 300px; height: 300px;
	border-radius: 50%;
	content: '';
}
.branka {
	position: absolute;
	top: 50%; left: 50%;
	margin: -25px;
	width: 50px; height: 50px;
	background: 
		linear-gradient(transparent 49%, black 49%, black 51%, transparent 51%), 
		rgba(0,0,255,.3) linear-gradient(90deg, 
					transparent 49%, black 49%, black 51%, transparent 51%);
	animation: rot 8s infinite linear;
}
@keyframes rot {
	0% { transform: rotate(0deg) translate(150px) rotate(0deg); }
	100% { transform: rotate(360deg) translate(150px) rotate(-360deg); }
}
*/

/* padded section */
.pad-section {
  padding: 50px 0;
}
.pad-section img {
  width: 100%;
}
/* vertical-centered text */
.text-vcenter {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.text-vcenter h1 {
  font-size: 4.5em;
  font-weight: 700;
  margin: 0;
  padding: 0;
}
/* additional sections */
#home {
  background: url(/media/1361/sdg0.jpg) no-repeat center center fixed;
 display: table;
  height: 100%;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	padding:150px;
	margin-top:100px;
}

#\@themeId\ d3\ prikaz {
    display: inline;
    line-height: 43px;
}

.opis {
    margin-left: 36px;
    margin-bottom: 40px;
    padding: 40px;
	padding-bottom:60px;
	background:#f9f9f9;
	/*margin-top:40px;*/
}

#zeleniprocenat,#zutiprocenat, #crveniprocenat{font-weight:bold;}

.listaindikator.container{
    margin-bottom: 20px;
}
.listaindikator li {list-style:disclosure-closed;
margin-left:20px;}
.listaindikator li:first-child { 
    list-style:disclosure-closed;
margin-left:0px;
}

.listaindikator1{
margin-left: -20px;
}

#SDGUN01\ d2 {
    float: left;
	margin-right: 30px;
margin-top:30px;}
#SDGUN01\ d3\ prikaz{margin-top:25px; text-align:center;}
@media  screen and (min-width: 1920px) {
.malaslika {
    float: left;
    width: 140px !important;
    height: 69px;
    margin-bottom: 20px;
    text-align: justify;
    padding: 0px;
    margin-top: 20px;
    border-radius: 8%;
}
}

@media  screen and (max-width: 1440px) {
.malaslika {
    float: left;
    width: 140px !important;
    height: 54px;
    margin-bottom: 20px;
    text-align: justify;
    padding: 0px;
    margin-top: 20px;
    border-radius: 8%;
}
}
@media  screen and (max-width: 1366px) {
	
	.topgore {
		top: 8.5%!important; /*11.8*/
		right: 3%!important;
}
	.ekselskidanje{

    position: absolute !important;
	left:40% !important;
}

 .malaslika {
    float: left;
    width: 140px !important;
    height: 50px !important;
    margin-bottom: 20px;
    text-align: justify;
    padding: 0px;
    margin-top: 20px;
    border-radius: 15%;
 }

.col-sm-3.slikica {
    padding: 10px;
}
}




/* (1920x1080) Full HD Display */
@media  screen and (min-width: 1920px) {
   .container {width:1680px;}

}

.sub-area.box.ng-scope {
    border-bottom: 1px solid red;
}

.sub-area.box.ng-scope {
    border-bottom: 1px solid #cccccc;
    min-height: 140px;
    padding: 10px 20px 0px 0px;
}
.okvir{ /*border-bottom: 1px dashed #dfdbdb;*/opacity:0.9; /*margin-bottom: 20px;*/ /*min-height:160px;*/  border-radius: 5px; 
	border-bottom: 1px dashed #e3e3e3; 
	cursor: pointer;
}
.okvir:hover
{
        opacity:1;
}

.okvir121{ /*border-bottom: 1px dashed #dfdbdb;*/opacity:0.9; /*margin-bottom: 20px;*/ /*min-height:160px;*/  border-radius: 5px; 
	border-bottom: 1px dashed #e3e3e3; 
	/*cursor: pointer;*/
}
.okvir121:hover
{
        opacity:1;
}
.desc{text-align:center;font-size:16px; margin-bottom:20px; color:#fff;}

ul.prikazi li{
color: #000;
display:inline;
list-style: none;
margin-bottom: 40px;}

#animacija {
  /*  background: #204971;
    opacity: 0.9;
    padding: 20px;
	width:50%;*/
}

/*slider proba*/

.desno{
cursor: pointer;
}

.levo{
cursor: pointer;
}

.minutes {
  position: relative;
}

.minute {
  bottom: 0;
/*  font-size: 84px;
  font-weight: bold;
*/  /*opacity: 0;*/
}

.wipe-in {
	height: 100%;
opacity: 1;
  transition: transform 3s, opacity 3s;
 /* transform: translate3d(0, -300%, 0);
top: -700px;
	z-index:100;
	    position: relative;*/
}

.wipe-in1 {
opacity: 1;
  transition: transform 3s, opacity 3s;
  transform: translate3d(0, -300%, 0);
}

.wipe-out {
	position:absolute;
	top:-100%;
  opacity: 0;
/*  transition: transform 2700ms, opacity 2700ms;
   transform: translateY(-500%);*/

}

.minute span {
/* font-size: 1rem;
  font-weight: bold;
  margin-left: 3px;
*/}
.about { background:#fff url("/media/1303/minimalist2.jpg") repeat;}

.broj.ng-binding {
    font-weight: bold;
	font-size: 14px;
	display: flex;
	margin-bottom: 10px;
	padding-top:12px;
	

}
 .broj.ng-binding:after{/*background-color: #e3e3e3;*/
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 100%;
margin-left: 20px;
margin-top: 10px;
}

.all{
	font-size: 13px;
padding: 7px 27px;
float: right;
margin-right: 25px;
margin-bottom: 20px;
text-transform: uppercase;
background: transparent;
border: 1px solid #e3e3e3;}
.all:hover{color:#fff; background:#204971; border:1px solid #fff;}

.col-sm-2.slikica {

    padding-left: 3px !important;
	padding-right: 0;

}

.sub-area.col-sm-8.okvir1.minute.ng-scope {
    padding: 15px;
	min-height:242px;
}
.homepage-tiles {
	margin-top:40px;

}
figure{margin-bottom: 9px !important;
margin-right: 3px !important;
}
.indikatori-naslov{padding: 13px;
font-size: 13px;
text-transform: uppercase;
font-weight: bold;
color:#fff;
margin-top: 0px;
}

.sub-area.col-sm-12.vrteska.ng-scope.wipe-in {
    border: 1px solid #e9e9e9;
	margin-top:15px;
}

.sub-area span.glyphicon {
    margin-bottom: 20px;
    margin-left: 10px;
}
.ddl{text-align: center;
padding-top: 50px;}
select {
    padding: 10px;
    min-width: 30%;
	border:1px solid #e3e3e3;
}



/*-----------------*/
/***** Apollo *****/
/*-----------------*/


.effect-apollo img {
	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

.effect-apollo p {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 3em;
	padding: 0 1em;
	max-width: 150px;
	border-right: 4px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

.effect-apollo h2 {
	text-align: left;
}

.effect-apollo:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.effect-apollo:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

.effect-apollo:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.effect-apollo {
    padding: 5px;
}

.underline {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI5Ni42Mzg2NiUiIHN0b3AtY29sb3I9IiMyOTgwYjkiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI5Ni42Mzg2NiUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTgwYjkiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: linear-gradient(to bottom, rgba(41, 128, 185, 0) 1.15em, #ffffff 1.15em, #ffffff 1.19em, rgba(41, 128, 185, 0) 1.19em);
  display: inline-block;
  background-size: 2px 2em;
  background-repeat: repeat-x;
  /* Set your wanted text-shadow here */
  text-shadow: 2px 2px 0px #2980b9, 2px -2px 0px #2980b9, -2px 2px 0px #2980b9, -2px -2px 0px #2980b9, 0px 2px 0px #2980b9, 0px -2px 0px #2980b9;}

.table-responsive
{
overflow:none!important;
}
/*#ciljevi{ background: #fff url("/media/1303/minimalist2.jpg") repeat;}*/
.listaindikator.container {width:100%;}
#linechart, #horizontalbarchart, .chart-result .chart {height:450px;}
.indicator__element__name {width:100%!important; font-size:13px;}
ikonice {
    margin-top: 10px;
	cursor: pointer !important;
	
}
.chart-result{margin-left:5px; margin-right:-5px}
#ikonice img {
	margin-bottom: 4px; opacity:0.5; width:80px !important; height:80px !important;}


#linechart, #horizontalbarchart, .chart-result .chart {height:302px !important}

.more{float:right; cursor:pointer;}

.aktivna {
    opacity: 1 !important;
    padding: 0px;
	margin-top:-2%;
}

/**/

.progress-title{
    font-size: 12px;
    font-weight: 700;
    color: #333;
    margin: 0 0 20px;
}
.progress{
    /*
    background: #333;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 30px;
    overflow: visible;*/
		border-radius: none !important;
		font-weight: bold;
		font-size: 14px;

	
	/*line-height:300/
	background:#e5233b;
	height: 9px;*/

	
	height: 10px;
margin-bottom: 20px;
/*overflow: hidden;
background-color: red;

-webkit-box-shadow: none;
box-shadow: none;*/
}
.progress .progress-bar{
    position: relative;
    -webkit-animation: animate-positive 2s;
    animation: animate-positive 2s;
}
.progress .progress-bar:after{
    content: "";
    display: inline-block;

    background: #fff;
    position: absolute;
    top: -10px;
    bottom: -10px;
    right: -1px;
    z-index: 1;
    transform: rotate(35deg);
}
.progress .progress-value{
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    position: absolute;
    top: 1%;
    right: 25%;
	left:30%
}
@-webkit-keyframes animate-positive{
    0%{ width: 0; }
}
@keyframes animate-positive {
    0%{ width: 0; }
}
.col-sm-4.razmak {
    padding-left: 0px !important;
    padding-right: 0px!important;
}



.progress5 {
 width: 90px;
  height: 90px;
  /*line-height: 150px;*/
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
	float:left;
	/*margin-left:65px !important;
*/
}
.progress5:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 8px solid #eee;
  position: absolute;
  top: 0;
  left: 0;
}
.progress5 > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
.progress5 .progress-left {
  left: 0;
}
.progress5 .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 10px;
  border-style: solid;
  position: absolute;
  top: 0;
  border-color: #ffb43e;
}
.progress5 .progress-left .progress-bar {
  left: 100%;
  border-color: var(--boja);
  border-top-right-radius: 75px;
  border-bottom-right-radius: 75px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.progress5 .progress-right {
  right: 0;
}
.progress5 .progress-right .progress-bar {
  left: -100%;
  border-color: var(--boja);
  border-top-left-radius: 75px;
  border-bottom-left-radius: 75px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}
.progress5 .progress-value {
  display: flex;
  border-radius: 50%;
  font-size: 21px;
  text-align: center;
  line-height: 20px;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-weight: 300;
}

.progress5 .progress-value span {
  font-size: 12px;
  text-transform: uppercase;
}
/* This for loop creates the 	necessary css animation names 
 Due to the split circle of progress-left and progress right, we must use the animations on each side. 
 */
.progress5[data-percentage="10"] .progress-right .progress-bar {
  animation: loading-1 1.8s linear forwards;
}
.progress5[data-percentage="10"] .progress-left .progress-bar {
  animation: loading-5 1.5s linear forwards 1.8s;
}
.progress5[data-percentage="15"] .progress-right .progress-bar {
  animation: loading-3 1.8s linear forwards;
}
.progress5[data-percentage="15"] .progress-left .progress-bar {
  animation: loading-2 1.5s linear forwards 1.8s;
}
.progress5[data-percentage="20"] .progress-right .progress-bar {
  animation: loading-2 1.5s linear forwards;
}
.progress5[data-percentage="20"] .progress-left .progress-bar {
  animation: 0;
}
.progress5[data-percentage="30"] .progress-right .progress-bar {
  animation: loading-3 1.8s linear forwards;
}
.progress5[data-percentage="30"] .progress-left .progress-bar {
  animation: loading-5 1.5s linear forwards 1.8s;
}
.progress5[data-percentage="40"] .progress-right .progress-bar {
  animation: loading-4 1.5s linear forwards;
}
.progress5[data-percentage="40"] .progress-left .progress-bar {
  animation: 0;
}
.progress5[data-percentage="50"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress5[data-percentage="50"] .progress-left .progress-bar {
  animation: 0;
}
.progress5[data-percentage="60"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress5[data-percentage="60"] .progress-left .progress-bar {
  animation: loading-1 1.5s linear forwards 1.5s;
}
.progress5[data-percentage="70"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress5[data-percentage="70"] .progress-left .progress-bar {
  animation: loading-2 1.5s linear forwards 1.5s;
}
.progress5[data-percentage="80"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress5[data-percentage="80"] .progress-left .progress-bar {
  animation: loading-3 1.5s linear forwards 1.5s;
}
.progress5[data-percentage="90"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress5[data-percentage="90"] .progress-left .progress-bar {
  animation: loading-4 1.5s linear forwards 1.5s;
}
.progress5[data-percentage="100"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress5[data-percentage="100"] .progress-left .progress-bar {
  animation: loading-5 1.5s linear forwards 1.5s;
}
@keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: var(--nb);
    transform: var(--nb);
  }
}
@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: var(--nb);;
    transform: var(--nb);;
  }
}
@keyframes loading-3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(180);
    transform: rotate(180deg);
  }
}
@keyframes loading-4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: var(--vb);;
    transform: rotatevar(--vb);;
  }
}
@keyframes loading-5 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0deg);
  }
}
.progress5 {
  margin-bottom: 1em;
}
.brojprocenat {
	display:block;
	font-weight: bold; font-size: 24px;margin-top:10px;
}
/*.sa{
	margin-top: 25px;}*/

.col-sm-3.col-md-3.linija {
border-right: 1px solid #e9e9e9;
/*min-height:300px;*/


}

.col-sm-3.col-md-3.linija.dugmic {
    /*border-bottom: 2px solid #4ca83f;
    border-top: none;
	border-right: 1px solid #e9e9e9;
    border-left: none;
	background:none;*/
	/*border: 1px solid #7bc970;
	background: none;*/
}

.ukupnobroj.ng-binding {
    text-align: center;
    font-weight: bold;
	font-size:14px;
    padding: 23px;
}
.ng-binding {font-size:13px;}
#loading {
		-webkit-animation: rotation 100s infinite linear;
		width:600px;
	padding:20px;
}

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}


.broj.ng-binding {
    float: left;
}
.progress {margin-top:18px; height:9px; border-radius:0px !important}
/*.nivo-caption {display:none !important;}*/
/*.content_home_carousel {
    height: 430px;
}
*/
select{margin-top:30px;}
.chart-datasource {margin-top:30px !important}




.probadzoni{
    /*color: #000;
    padding-top: 27px !important;
    float: left;
    margin-bottom: 20px;
    font-size: 14px;*/
	
	color: #000;
float: left;
margin-bottom: 20px;
font-size: 15px;
background: #d6d6d6;
width: 100%;
padding: 3px 5px 6px 10px;
margin-top: 59px !important;
font-weight: normal;
}
.probadzoni1{
    color: #000;
    padding-top: 27px !important;
    margin-bottom: 20px;
    font-size: 14px;
}
.form-control1{
    display: inline;
    width: 32%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    /*border-radius: 4px;*/
}
.form-control1:hover{background:#e3e3e3;}
.title-oblast.ng-binding{display:flex; text-align:left;}

.indicator__element__name {line-height:30px;}







.collapsible {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

/*.active, .collapsible:hover {
  background-color: #555;
}*/
 .collapsible:hover {
  background-color: #555;
}

.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}
.podlista.ng-scope h2{width:100%;}
#indikator {
    margin-left: 20px;
	margin-top:10px;
}
.fa-2x{font-size:1em;}

.indikatori-naslov { font-size: 13px;}
/* On screens that are 992px or less, set the background color to blue */
@media  (max-width: 1280px) 
{
	
 .title-oblast.ng-binding.ng-scope{border-left:none !important;}
	.nivo-caption {
    bottom: 10% !important;}
	.progress5 {margin-left:70px!important;}
		.title-oblast {border-left:0px !important;}	
	
		.header-language {
  float: left;
  position: fixed;
 /* position: sticky;*/
  top: 125px;
  margin-left: -30px !important;
	z-index:100;
}

	



}


@media (min-width: 1025px) and (max-width: 1280px) {
  
.nivo-caption {bottom: 10% !important;}
.progress5 {margin-left:70px!important;}
.indikatori-naslov {font-size: 14px;}
  
	.title-oblast {border-left:0px !important;}	
	.velikinaslov {margin-left:80px;}
	
	.header-language {
  float: left;
  position: fixed;
 /* position: sticky;*/
  top: 125px;
 margin-left: -30px !important;
	z-index:100;
}

}

/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 

/*.progress5 .progress-value {margin-left:85px!important;}*/

}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 

/*.progress5 .progress-value {margin-left:85px!important;}*/
	
}





  



/*.news-item img {
    width: 400px !important;
    padding: 20px;
	height:300px;
}*/
h1.pages-heading{color:#fff;}
.pages-heading{background:#204971; padding:100px;}
.headingnaslov {
  

	 background:  url("/media/1488/bg-final-header.jpg")  !important;
}



#target3 {
    float: left;
  /*  padding-left: 0px !important;*/
}
#target3.title-oblast {margin-left:20px !important;}

.title-oblast.ng-scope.kakooces-1 {
    margin-left: 25px;
}
.title-oblast.ng-scope.kakooces-2 {
    margin-left: 23px;
}
.title-oblast.ng-scope.kakooces-3 {
    margin-left: 15px !important;
}

.malaslika.kakoocesslika-3 {
    float: left !important;
    margin-left: -9px;
}
.malaslika.kakoocesslika-2 {
    float: left !important;
    margin-left: -7px;
}
li { 
    line-height: 36px;
}


@media only screen and (min-width:340px) and (max-width: 600px) {
	.topgore {display:none;}
  #wrapper.toggled #sidebar-wrapper {
    width: 60%;
}
	.hamburger{margin-left:-10px;}
	.header-language {margin-left:-3px !important;}
	footer a, footer a:focus, footer a:hover {font-size:11px; display:contents;}
	footer .footer-row3 span{padding:0px !important; font-size:11px; margin-left:20px; margin-bottom:20px;}
	
::after, ::before {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
	.pocetnidiv, .dugmeproba {display:none;}
	.slider-wrapper.theme-default img {min-height:120px;}
	h3.citat {padding-top:50px !important;}
	.header-language{margin-left:0px !important}

footer .footer-row3 {

    margin-bottom: 80px;
    color: #fff;

}
.footer-row3 img {

    margin-top: 20px;

}
}

.jednmere.ng-binding {
    float: right;
    color: #000;
}
.glyphicon.glyphicon-backward {
    cursor: pointer;
}


/*slide saja*/
.content-slider {
  width: 100%;
  height: 360px;
}

.slider {
  height: 320px;
  width: 680px;
  margin: 40px auto 0;
  overflow: visible;
  position: relative;
}

.mask {
  overflow: hidden;
  height: 320px;
}

.slider ul {
  margin: 0;
  padding: 0;
  position: relative;
}

.slider li {
  width: 680px;
  height: 320px;
  position: absolute;
  top: -325px;
  list-style: none;
}

.slider .quote {
  font-size: 40px;
  font-style: italic;
	margin-top:150px;
	color:#fff;
	text-align:center;
}

.slider .source {
  font-size: 20px;
  text-align: right;
}

.slider li.anim1 {
  -moz-animation: cycle 15s linear infinite;
  -webkit-animation: cycle 15s linear infinite;
  animation: cycle 15s linear infinite;
}

.slider li.anim2 {
  -moz-animation: cycle2 15s linear infinite;
  -webkit-animation: cycle2 15s linear infinite;
  animation: cycle2 15s linear infinite;
}
/*
.slider li.anim3 {
  -moz-animation: cycle3 15s linear infinite;
  -webkit-animation: cycle3 15s linear infinite;
  animation: cycle3 15s linear infinite;
}

.slider li.anim4 {
  -moz-animation: cycle4 15s linear infinite;
  -webkit-animation: cycle4 15s linear infinite;
  animation: cycle4 15s linear infinite;
}

.slider li.anim5 {
  -moz-animation: cycle5 15s linear infinite;
  -webkit-animation: cycle5 15s linear infinite;
  animation: cycle5 15s linear infinite;
}
*/
.slider:hover li {
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

@-moz-keyframes cycle {
  0% {
    top: 0px;
  }
  4% {
    top: 0px;
  }
  16% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  20% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  21% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  92% {
    top: -325px;
    opacity: 0;
    z-index: 0;
  }
  96% {
    top: -325px;
    opacity: 0;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}

@-moz-keyframes cycle2 {
  0% {
    top: -325px;
    opacity: 0;
  }
  16% {
    top: -325px;
    opacity: 0;
  }
  20% {
    top: 0px;
    opacity: 1;
  }
  24% {
    top: 0px;
    opacity: 1;
  }
  36% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  40% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}



@-webkit-keyframes cycle {
  0% {
    top: 0px;
  }
  4% {
    top: 0px;
  }
  16% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  20% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  21% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  50% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  92% {
    top: -325px;
    opacity: 0;
    z-index: 0;
  }
  96% {
    top: -325px;
    opacity: 0;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}

@-webkit-keyframes cycle2 {
  0% {
    top: -325px;
    opacity: 0;
  }
  16% {
    top: -325px;
    opacity: 0;
  }
  20% {
    top: 0px;
    opacity: 1;
  }
  24% {
    top: 0px;
    opacity: 1;
  }
  36% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  40% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
/*
@-webkit-keyframes cycle3 {
  0% {
    top: -325px;
    opacity: 0;
  }
  36% {
    top: -325px;
    opacity: 0;
  }
  40% {
    top: 0px;
    opacity: 1;
  }
  44% {
    top: 0px;
    opacity: 1;
  }
  56% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  60% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  61% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}

@-webkit-keyframes cycle4 {
  0% {
    top: -325px;
    opacity: 0;
  }
  56% {
    top: -325px;
    opacity: 0;
  }
  60% {
    top: 0px;
    opacity: 1;
  }
  64% {
    top: 0px;
    opacity: 1;
  }
  76% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  80% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  81% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}

@-webkit-keyframes cycle5 {
  0% {
    top: -325px;
    opacity: 0;
  }
  76% {
    top: -325px;
    opacity: 0;
  }
  80% {
    top: 0px;
    opacity: 1;
  }
  84% {
    top: 0px;
    opacity: 1;
  }
  96% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  100% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
}*/


.pomerilevo{margin-left:20px;}




/* menu bar */
.navigation-bar1 {
  background-color: #fff;
  /*margin-top: -12px;*/
	border-bottom:1px solid #e3e3e3;
	margin-bottom:40px;
}
.navigation-bar1 ul {
 /* display: flex; saja stavio komentar*/
	display:inline-block;
  justify-content: space-between;
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.navigation-bar1 ul li {
  display: inline-block;
  /*border-bottom: 2px solid #284370;/
}
.navigation-bar1 ul li.current_page_item.active, .navigation-bar1 ul li:hover {
  /*border-bottom: 2px solid #ad2f3d;*/
}
.navigation-bar1 ul li a {
  color: #555;
  display: block;
  font-weight: bold;
  padding: 15px 10px;
  text-decoration: none;

}

.navigation-bar1 ul li a:hover {color:#204971;}
.navigation-bar1 ul li a:active {color:red;}
		/*
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     // IE10+ CSS styles
     .navigation-bar {
        margin-top: 110px;
     }
}

@supports (-ms-accelerator:true) {
     // Microsoft Edge 12+ styles
     .navigation-bar {
        margin-top: 110px;
     } 
}*/

.spanic.ng-binding {
    float: right;
    margin-top: -33px;
    margin-right: -30px;
    font-weight: bold;
}


.copyright{
    background-color: #0072BB;
    padding: 10px;
    /* position: absolute; */
    width: 100%;
    bottom: 0;
    color: #fff;
}
[class*=' imghvr-'], [class^=imghvr-] {background:none !important;}



/*responsive mobile*/
@media only screen and (max-width: 600px) and (min-width: 320px)

 {
	 h1.velikinaslov {font-size:26px;}
	.navigation-bar1 ul {
		display:inline-block !important;
	}
	
	.navigation-bar1 ul li a {
	padding:2px 10px;}
	
	h2 {
    line-height: 47px !important;
}
	.progress5 {
    left: 17%;
}
/*.news-item img {

    max-width: 100%!important;
}*/
	 .pocetnidiv p {padding-top:40px !important;}
	 .indikatori-naslov {
	text-align:center;
	width:100%;
	float:left;
}
	 h2.indikatori-naslov {
    margin-left: 15px !important;
}
.progress5 {
    left: 25%;
}



}



.loader1 {
 border: 20px solid #f3f3f3; /* Light grey 16 */
  border-top: 20px solid #0772b4; /* Blue 16 */
  border-radius: 50%;
  width: 140px; 
  height: 140px;
  animation: spin 2s linear infinite;
  
//	position:absolute;
/*	right:1%;*/
	top:28%;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.pretragaslider {
	/*width:40%;
	margin:0 auto;
	display:flex;*/
	border:1px solid #e3e3e3;
	min-height:35px;
	display:inline-block;
	margin:0 auto; 
	margin-top:20px;
	text-indent:20px;
	color:#000;
}


.dugmeproba {
    margin-bottom: 20px;
    display: flex;
    margin: 0 auto;

}
.dugmepretraga{padding:8px; width:50px; background:#c5192d; border:none;margin-top:20px;}
.topgore {

	

    z-index: 1000;
    margin: 0 auto;
top: 16.3%;
right: 6.5%;

}

.ekselskidanje{
    
    position: absolute;
   /* width: 70%;
	text-align: right;*/
	left:20%;
}
.news-item span a {
    display: flex;
    min-height: 70px;
}
.fa.fa-search {
    color: #fff;
}
.formulate-container {padding:20px;}
.datum span {
font-weight: bold;
font-size: 12px;
color: #000;
padding: 3px;
	
}

.vestpojedinacna {
    width: 90%;
    margin: 0 auto;
}

.crumbs {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #d6d6d6;
  overflow: hidden;
  width: 100%;
}
.crumbs li {
  float: left;
}
.crumbs li:first-child a {
  padding-left: 1em;
  border-radius: 5px 0 0 5px;
  color: #8a8a8a;
  background-color: #cecece;
}
.crumbs li:first-child a:hover {
  text-decoration: none;
}
.crumbs li:first-child a:hover::after {
  border-left-color: #cecece;
}
.crumbs li:first-child a::after {
  z-index: 2;
  border-left-color: #cecece;
}
.crumbs a {
  padding: 3px 4px 3px 24px;
  float: left;
  text-decoration: none;
  color: #284370;
  position: relative;
  background-color: #d6d6d6;
}
.crumbs a:hover {
  background: #fff;
}
.crumbs a:hover::after {
  border-left-color: #fff;
}
.crumbs a::after, .crumbs a::before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid transparent;
  right: -1em;
}
.crumbs a::after {
  z-index: 2;
  border-left-color: #d6d6d6;
}
.crumbs a::before {
  border-left-color: #c9c9c9;
  right: -1.1em;
  z-index: 1;
}
.crumbs .current, .crumbs .current:hover {
  font-weight: bold;
  background: none;
}
.crumbs .current a, .crumbs .current:hover a {
  color: #d76b77;
}
.crumbs .current::after,
.crumbs .current::before {
  content: normal;
}

/* contact form style */
.formulate__btn {
  /*@extend .btn !optional;*/
}
.formulate__btn--submit {
  /*@extend .btn--outline-white !optional;*/
  background-color: #ad2f3d !important;
  border-color: #ad2f3d !important;
  border-radius: 0 !important;
  border: none !important;
  width: 100px;
  font-weight: bold !important;
  display: block !important;
  margin: auto;
}
.formulate__control {
  /*@extend .form__control !optional;*/
  border: none !important;
  background: initial !important;
  border-color: -moz-use-text-color -moz-use-text-color #ccc !important;
  border-image: none !important;
  border-radius: 0 !important;
  border-style: none none solid !important;
  border-width: medium medium 1px !important;
  box-shadow: none !important;
}
.formulate-container {
  background-color: #f0f0f0;
}
.formulate-container form {
  padding-top: 35px;
}
.formulate__group {
  margin-left: 5px;
  margin-right: 5px;
}
.formulate__group .formulate__control {
  /*background-color: red;*/
}
.formulate__group .formulate__field-label {
  display: none !important;
}
.formulate__field--button .formulate__group {
  margin-bottom: 35px;
  margin-top: 40px;
}
.formulate__error-msg {
  /*@extend .form__error-msg !optional;*/
  color: #AD2F3D;
}
.formulate__checkbox .formulate__control {
  display: inline-block;
  width: auto;
  margin: 0 10px 0 0;
  box-shadow: none;
}

.homepage-offset .navigation-tree {
  margin-top: 84px;
}
.homepage-offset .navigation-tree.open {
  margin-top: 107px;
}

.navigation-tree {
  background-color: #284370;
  float: left;
  margin-right: 25px;
  position: relative;
  width: 35px;
}
.navigation-tree.open {
  width: auto;
  margin-top: 25px;
}
.navigation-tree .navigation-tree-button {
  background-color: #f4f4f4;
  color: #cf8086;
  font-size: 12px;
  height: 19px;
  line-height: -moz-block-height;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  cursor: pointer;
  width: 100%;
}
.navigation-tree .navigation-tree-button .theme-menu-arrow:before {
  background-image: url("/images/theme-arrow-down.png");
  background-size: 20px 20px;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: "";
}
.navigation-tree .navigation-tree-button.top {
  color: #3f5a8f;
  height: 25px;
  top: -25px;
  width: 100%;
  font-weight: bold;
}
.navigation-tree .themes {
  background-color: #d6d6d6;
  color: #fff;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  width: 250px;
  background-color: #3f5a8f;
  color: #5c6e84;
}
.navigation-tree .themes .expand.glyphicon-minus {
  color: #5c6e84;
}
.navigation-tree .themes li {
  padding: 10px 45px 10px 15px;
  position: relative;
  width: 250px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background-color: #284370;
  color: #fff;
}
.navigation-tree .themes li.selected .theme_name {
  font-weight: bold;
}
.navigation-tree .themes li a {
  color: #fff;
}
.navigation-tree .themes li .expand {
  top: 50%;
  transform: translateY(-50%);
}
.navigation-tree .themes li.indicator:hover {
  background-color: #284370 !important;
}
.navigation-tree .themes li.indicator:hover a {
  color: #fff !important;
}
.navigation-tree .themes li.indicator:hover::after {
  content: "";
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #284370;
  width: 0;
  height: 0;
  position: absolute;
  top: calc(50% - 5px);
}
.navigation-tree .themes li.indicator.selected {
  background-color: #99A2B3 !important;
}
.navigation-tree .themes li span:before {
  line-height: -moz-block-height;
}
.navigation-tree .themes li.closed a {
  color: #fff;
}
.navigation-tree .themes li.closed .indicators {
  display: none;
}
.navigation-tree .themes li.open a {
  color: #fff;
}
.navigation-tree .themes li.open .indicators li {
  background-color: #d6d6d6;
}
.navigation-tree .themes li.open .indicators li.headline .indicator_name {
  font-weight: bold;
}
.navigation-tree .themes li.open .indicators li a {
  color: #337ab7;
}
.navigation-tree .themes li.open > span:nth-child(2) {
  background-color: #f3f5f4;
  color: #5c6e84;
}
.navigation-tree .themes li.open:hover::after, .navigation-tree .themes li.closed:hover::after {
  border: none !important;
}
.navigation-tree .themes li > span:nth-child(2) {
  padding: 0 12px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
  background-color: #3f5a8f;
}
.navigation-tree .themes li > .indicators {
  list-style: outside none none;
  margin: 0;
  padding: 0;
  /*position: relative;
  left: -15px;
  top: 10px;*/
  margin-left: -15px;
  margin-right: -7px;
  margin-bottom: -10px;
  margin-top: 10px;
  display: block;
  /* SORS request */
  overflow: auto;
  max-height: 250px;
}
.navigation-tree .themes li > .indicators > li {
  width: auto;
}
.navigation-tree .themes li.open {
  padding: 10px 15px 10px 15px;
}
.navigation-tree .themes li.open .indicators {
  margin-right: -15px;
}

/* menu bar */

.navigation-bar ul {
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.navigation-bar ul li {
  display: inline-block;
  /*border-bottom: 2px solid #284370;*/
}
.navigation-bar ul li.current_page_item.active, .navigation-bar ul li:hover {
  /*border-bottom: 2px solid #ad2f3d;*/
}
.navigation-bar ul li a {
  color: #0c4980;
  display: block;
  font-weight: bold;
 /* padding: 15px 10px;*/
	padding: 15px 10px;
	
  text-decoration: none;
}
.navigation-bar ul li a:hover{color:#284370;}

		/*
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     // IE10+ CSS styles
     .navigation-bar {
        margin-top: 110px;
     }
}

@supports (-ms-accelerator:true) {
     // Microsoft Edge 12+ styles
     .navigation-bar {
        margin-top: 110px;
     } 
}*/

.subpage {
  background-color: #f0f0f0;
}
.subpage .row {
  margin-left: 0;
  margin-right: 0;
}

table.table thead th {
  vertical-align: middle !important;
  text-align: center;
  background-color: #d6d6d6;
}
table.table tbody td {
  text-align: center;
  vertical-align: middle !important;
  background-color: #fff;
}

.sub-area td {
  vertical-align: middle !important;
}
.sub-area .trends {
  display: none;
}
.sub-area span.glyphicon {
  margin-right: 2px;
}
.sub-area:hover, .sub-area.selected {
/*  background-color: #284370;
  color: #fff;
  border: 1px solid; dzoni 10.17.2018.*/
}
.sub-area:hover .chart, .sub-area.selected .chart {
  width: 20%;
  display: inline;
  float: left;
  position: relative;
}
.sub-area:hover td, .sub-area.selected td {
  background-color: #284370;
}
.sub-area:hover td.sub-area__trend, .sub-area.selected td.sub-area__trend {
  display: flex;
  align-items: center;
  border: none;
}
.sub-area:hover .trends, .sub-area.selected .trends {
  font-size: 0.8em;
  display: inline;
}
.sub-area:hover .trends ul, .sub-area.selected .trends ul {
  padding: 0;
  /*float: right;
  width: 180px;*/
}
.sub-area:hover .trends li, .sub-area.selected .trends li {
  width: 50%;
  float: left;
  display: inline;
}
.sub-area:hover a, .sub-area.selected a {
  color: #fff;
}
.sub-area__name {
  font-size: 1.4em;
}

.red {
  color: #ad2f3d;
}

.white {
  color: #fff;
}

.gray {
  color: #d6d6d6;
}

.green {
  color: #B1D348;
}

.yellow {
  color: #FFD507;
}

.option-buttons {
  display: inline-flex;
  font-size: 0.8em;
}
.option-buttons .glyphicon {
  font-size: 25px;
  padding: 0 0 8px 0;
}
.option-buttons .red:hover {
  background-color: #992a36;
}
.option-buttons button:not(:first-child):not(:last-child) {
  margin-left: 1px;
  margin-right: 1px;
}

.button-options {
  position: relative;
  width: 33.3%;
}
.button-options ul {
  list-style: none;
  margin: unset;
  padding: unset;
  text-align: center;
}
.button-options ul li {
  padding: 1px 0;
  border: 1px solid #d6d6d6;
  margin-left: 2px;
  margin-right: 2px;
  border-radius: 5px;
  margin-top: 1px;
  cursor: pointer;
}
.button-options ul li:hover {
  background-color: #fff;
}
.button-options .back {
  border-bottom: 8px solid #ad2f3d;
  border-right: 7px solid transparent;
  border-top: 7px solid transparent;
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 2px;
}
.button-options .back:hover {
  cursor: pointer;
  color: #000;
}
.button-options.filter select {
  width: 100%;
  margin-top: 3px;
}
.button-options.filter .period-filter {
  cursor: pointer;
  display: block;
  position: absolute;
  bottom: 8px;
  left: 3px;
  right: 3px;
  text-align: center;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  padding: 1px;
}
.button-options.filter .period-filter:hover {
  background-color: #fff;
}

.button {
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  border: none;
}
.button.stack {
  display: inline-block;
  width: 33.3%;
  height: 70px;
}
.button.blue {
  color: #fff;
  background-color: #284370;
}
.button.red {
  color: #fff;
  background-color: #ad2f3d;
}
.button.red .drop-down {
  background-color: #85242f;
}
.button.red1 {
  font-size: 18px;
  color: #fff;
  background-color: #ad2f3d;
}
.button.red1 .drop-down {
  background-color: #85242f;
}
.button.white {
  color: #284370;
  background-color: #fff;
  border: 1px solid #e6e6e6;
}
.button.white .drop-down {
  background-color: #e6e6e6;
  padding: 0 10px !important;
}
.button .drop-down {
  position: absolute;
  left: 14px;
  height: 100%;
  top: 0;
  padding: 0 5px !important;
  vertical-align: middle;
  display: table;
}
.button .drop-down:before {
  display: table-cell;
  vertical-align: middle;
}
.button .drop-down i {
  display: table;
  vertical-align: middle;
  height: 100%;
}
.button .drop-down i:before {
  display: table-cell;
  vertical-align: middle;
}

.full-width {
  width: 100%;
}

.chart-data {
  font-size: 12px;
  font-weight: bold;
}
.chart-data .row {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 0;
  margin-left: 0;
}

.row.row-eq-height {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.row.row-eq-height .full-height {
  height: 100%;
}

.chart-header {
  background-color: #d6d6d6;
  padding: 5px 0 5px 15px;
  text-transform: uppercase;
  position: relative;
}
.chart-header:after {
  content: "";
  border-top: 6px solid #d6d6d6;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  width: 0;
  height: 0;
  position: absolute;
  left: 15px;
  bottom: -6px;
}
.chart-header.center::after {
  left: 50%;
}

.chart-datasource {
  position: absolute;
  margin: auto;
  width: 99%;
  font-size: 0.8em;
  font-weight: initial;
  font-style: italic;
}
.chart-datasource.center {
  text-align: center;
}

.chart-result {
  margin-bottom: 35px;
}
.chart-result .chart {
  background-color: #fff;
  padding-top: 20px;
}

.accordion {
  margin-bottom: 15px;
  margin-right: 10px;
}
.accordion__title {
  background-color: #284370;
  padding: 12px 0 12px 22px;
  color: #fff;
  text-transform: uppercase;
  font-size: 17px;
  position: relative;
  margin-bottom: 0;
  margin-top: 0;
}
.accordion__title.expanded::after {
  content: "";
  border-top: 7px solid #284370;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  width: 0;
  height: 0;
  position: absolute;
  bottom: -6px;
  left: 20px;
}
.accordion__title.collapsed {
  margin-bottom: 2px;
}
.accordion .toggle {
  width: 50px;
  display: inline-block;
  float: right;
  text-align: center;
  background-color: #ad2f3d;
  margin-top: -12px;
  padding-top: inherit;
  padding-bottom: inherit;
  cursor: pointer;
}
.accordion__content.expanded {
  border: 1px solid #d6d6d6;
  padding: 25px 15px 15px 15px;
  color: #8a8a8a;
}
.accordion__content.collapsed {
  display: none;
}

.indicator__element {
  padding-bottom: 5px;
  border-bottom: 1px solid #d6d6d6;
}
.indicator__element:hover {
  background-color: #f0f0f0;
}
.indicator__element.selected {
  background-color: #284370;
  color: #fff;
}
.indicator__element__trend {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  right: -28px;
}
.indicator__element__name {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  width: 77%;
/*  border-radius: 10px;*/dzonisaja12242018
  padding: 2px 2px 2px 7px;
  cursor: pointer;
}
.indicator__subarea {
  border-bottom: 1px solid #d6d6d6;
}
.indicator__subarea__name {
  padding: 5px 25px 5px 7px;
  display: flex;
  position: relative;
}
.indicator__subarea__name > span {
  position: absolute;
  right: 10px;
  top: 50%;
  bottom: 50%;
}
.indicator__subarea__name > span.closed {
  transform: rotate(-90deg);
}
.indicator__subarea__name > span.open {
  transform: rotate(0);
}
.indicator__subarea__name > span:hover {
  cursor: pointer;
}
.indicator__subarea__indicator {
  border-bottom: 1px solid #d6d6d6;
  position: relative;
}
.indicator__subarea__indicator.selected {
  background-color: #284370;
  color: #fff;
}
.indicator__subarea__indicator__definition {
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
  cursor: pointer;
}
.indicator__subarea__indicator:hover {
  background-color: #ccc;
}
.indicator__subarea__indicator__name {
  display: inline-block;
  vertical-align: middle;
  width: 80%;
  margin-left: 20px;
  padding: 5px 0;
  cursor: pointer;
}
.indicator__subarea__indicator__trend {
  display: inline-block;
  vertical-align: middle;
}

#lineChartLegend {
  margin-top: 5px;
}
#lineChartLegend .multiselect-native-select .btn-group {
  width: 100%;
}
#lineChartLegend .multiselect-native-select .btn-group .multiselect.dropdown-toggle {
  width: 100%;
}
#lineChartLegend .multiselect-native-select .btn-group .multiselect-container.dropdown-menu {
  overflow: scroll;
  max-height: 180px;
  width: 600px;
}
#lineChartLegend .multiselect-native-select .btn-group .multiselect-container.dropdown-menu li.active a {
  background: transparent;
  color: #000;
}
#lineChartLegend .multiselect-native-select .btn-group .multiselect-container.dropdown-menu li.active:hover a {
  background-color: #F5F5F5;
}

.indicator-table {
  width: 100%;
  margin: 10px;
 /* border: 1px solid #ccc;*/
  margin: 0;
}

.indicator-table td {
  padding: 5px;
  font-size: 1em;
  color: #000;
  font-weight: normal;
  border: 1px solid #ccc;
  text-align: center;
}

/*.indicator-table tr:first-child td,*/
/*.indicator-table td:first-child {
  font-size: 1.4em;
  font-weight: bold;
  width: 20%;
}*/
.indicator-table tfoot td{
	font-size: 0.9em;
	font-weight: normal;
	text-align: left;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(http://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xBrT1lp9IdZ6Q20XTtjH6Zv3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(http://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xIS898UBCVj0FEntoasBk6P3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(http://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xBkraXwpsr1uSZUhAAol_4_3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(http://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xKTAHfCyYjmaKhz-jw4dXo73rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(http://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xP1CsDU87ma3di2VmaZcPSr3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(http://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xBztfhWvsElVqpbWxzFHK633rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(http://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xIF8zhZCJ7x9Pr62cRgaVUA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


.nivo-caption {
  text-align: center;
  width: 100%;
  margin: 0 auto;
}

.slider-wrapper.theme-default img {
  /*max-height:475px !important; ensure the maximum height of all images is the same*/
  /*height:435px !important;*/
}
@media screen and (max-width: 600px) {
	.topgore {display:none !important;}
}
.nivo-caption {
  background: transparent !important;
  bottom: 20% !important;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300 !important;
	left:6% !important;
}
.nivo-caption p{
	   font-size:36px !important;
}

@media only screen and (max-width: 600px) {

	.nivo-caption p{
	   font-size:18px !important;
}
	.slider-wrapper.theme-default img {
  /*max-height:475px !important; ensure the maximum height of all images is the same*/
  height:435px !important;
}
	.nivo-caption {
  background: transparent !important;
  bottom: 20% !important;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300 !important;
	left:10% !important;
}
}
.pocetnidiv {
  font-size: 36px !important;
  text-transform: uppercase;
}

.dugmeproba {
  background-color: transparent;
  	/*border-color:white;
  height:45px;
  width:140px;*/
  border: 1px solid #fff !important;
  text-transform: uppercase !important;
  padding: 10px 20px !important;
}

.dugmeproba:hover {
  color: #000 !important;
}

.nivo-nextNav {
  display: block;
  width: 30px;
  height: 30px;
  background: url(/media/1403/right-arrow.png) no-repeat !important;
  text-indent: -9999px;
  border: 0;
  opacity: 0;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.nivo-prevNav {
  display: block;
  width: 30px;
  height: 30px;
  background: url(/media/1405/left-arrow.png) no-repeat !important;
  text-indent: -9999px;
  border: 0;
  opacity: 0;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.theme-default .nivoSlider img {
  width: 100%;
  height: auto !important;
  padding: 0px;
  margin: 0px;
}

.theme-default .nivoSlider {
  -webkit-box-shadow: 0px 1px 5px 0px #fff !important;
  -moz-box-shadow: 0px 1px 5px 0px #fff !important;
  box-shadow: 0px 1px 5px 0px #fff !important;
}

.pocetnidiv {
  font-size: 40px;
  color: #fff;
  font-weight: semi-bold;
}