@media all {
@font-face {
  font-family: 'unicons';
  src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/unicons.eot');
  src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/unicons.eot') format('embedded-opentype'),
       url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/unicons.woff2') format('woff2'),
       url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/unicons.woff') format('woff'),
       url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/unicons.ttf') format('truetype'),
       url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/unicons.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


.noprint{
       display:none;
}


:root {
	font-size: 20px;
	--red: #da2c4d;
	--yellow: #f8ab37;
	--green: #2ecc71;
	--white: #ffffff;
	--grey-light: #f2f7f9;
	--grey: #ecedf3;
	--black: #080808;
	--black-blue: #1f2029;
	--black-blue-light: #353746;
	--black-blue-light-2: #404255;
	--black-blue-light-3: #4b4d64;
	--black-light: #424455;
}

/* #Progress
================================================== */

.progress-wrap {
	position: fixed;
	right: 50px;
	bottom: 50px;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset  0 0 0 2px rgba(255,255,255,0.2);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.progress-wrap::after {
	position: absolute;
	font-family: 'unicons';
	content: '\e84b';
	text-align: center;
	line-height: 46px;
	font-size: 24px;
	color: var(--black-light);
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 1;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::after {
	opacity: 1;
}

.progress-wrap:hover::before {
	opacity: 1;
}
.progress-wrap svg path { 
	fill: none; 
}
.progress-wrap svg.progress-circle path {
	stroke: var(--red);
	stroke-width: 4;
	box-sizing:border-box;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}



.circle {
	cursor: pointer;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -5px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--black-blue-light-3);
	box-shadow: 0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
	animation: border-transform 10s linear infinite alternate forwards;
}
.circle:hover {
	box-shadow: 0 8px 8px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
}

.circle:after {
	position: absolute;
	font-family: 'unicons';
	content: '\eb8f';
	top: 0;
	left: 0;
	z-index: 2;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	width: 100%;
	height: 40px;
	color: var(--yellow);
	opacity: 0;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear; 
}
.switched {
}
.switched .circle {
	left: 45px;
	box-shadow: 0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
	background: var(--black-blue);
}
.switched .circle:hover {
	box-shadow: 0 8px 8px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
}
.switched .circle:before {
	opacity: 0;
}
.switched .circle:after {
	opacity: 1;
}

body {
	font-family:arial, verdana, sans-serif;
	font-size: 11pt;
	background: #FFF;
}
div.container {
	width: 99%;
	padding: none;
	background: #FFF;
}

p{
	font-family:"Arial", Verdana, Segoe, Arial, Helvetica, sans-serif;
	color: #515151;
	font-size:1em;
	line-height:normal;
	padding-bottom:5px;
	text-align: justify
	}
img {
  max-width: 100%;
  height auto; /* default */
}
h1 { 
	color: #666;
	font-size: 16pt;
	border-left: 15px solid #FF9600;
	border-bottom: 2px solid #FF9600;
	padding: 0px 0px 2px 5px;
	margin-top: 40px;
}

h1.b-block__title { 
	color: #666;
	font-size: 16pt;
	border-left: 15px solid #FF9600;
	border-bottom: 2px solid #FF9600;
	padding: 0px 0px 2px 5px;
	margin-top: 40px;
}

h1.header { 
	color: #666;
	font-size: 16pt;
	border-left: 15px solid #FF9600;
	border-bottom: 2px solid #FF9600;
	padding: 0px 0px 2px 5px;
	margin-top: 5px;
}

h2 { 
	color: #555;
	font-size: 12pt;
	border-left: 5px solid #FF9600;
	border-bottom: 2px solid #808080;
	margin: 2px;
	padding: 0px 0px 2px 5px;
	margin-top: 30px;
}

h2.b-block__title { 
	color: #555;
	font-size: 12pt;
	border-left: 5px solid #FF9600;
	border-bottom: 2px solid #808080;
	margin: 2px;
	padding: 0px 0px 2px 5px;
	margin-top: 30px;
}

h2.broj_0 { 
	color: #FF9600;
	font-size: 12pt;
	background: url(../images/root_0.png) no-repeat top left;
	border-left: 0px solid #808080;
	border-bottom: 2px solid #808080;
	margin: 2px;
	padding: 0px 0px 2px 20px;
	margin-top: 30px;
}

h2.broj_1 { 
	color: #FF9600;
	font-size: 12pt;
	background: url(../images/root_1.png) no-repeat top left;
	border-left: 0px solid #808080;
	border-bottom: 2px solid #808080;
	margin: 2px;
	padding: 0px 0px 2px 20px;
	margin-top: 30px;
}

h2.broj_2 { 
	color: #FF9600;
	font-size: 12pt;
	background: url(../images/root_2.png) no-repeat top left;
	border-left: 0px solid #808080;
	border-bottom: 2px solid #808080;
	margin: 2px;
	padding: 0px 0px 2px 20px;
	margin-top: 30px;
}

h2.broj_3 { 
	color: #FF9600;
	font-size: 12pt;
	background: url(../images/root_3.png) no-repeat top left;
	border-left: 0px solid #808080;
	border-bottom: 2px solid #808080;
	margin: 2px;
	padding: 0px 0px 2px 20px;
	margin-top: 30px;
}

h2.broj_4 { 
	color: #FF9600;
	font-size: 12pt;
	background: url(../images/root_4.png) no-repeat top left;
	border-left: 0px solid #808080;
	border-bottom: 2px solid #808080;
	margin: 2px;
	padding: 0px 0px 2px 20px;
	margin-top: 30px;
}

h2.broj_5 { 
	color: #FF9600;
	font-size: 12pt;
	background: url(../images/root_5.png) no-repeat top left;
	border-left: 0px solid #808080;
	border-bottom: 2px solid #808080;
	margin: 2px;
	padding: 0px 0px 2px 20px;
	margin-top: 30px;
}

h2.broj_6 { 
	color: #FF9600;
	font-size: 12pt;
	background: url(../images/root_6.png) no-repeat top left;
	border-left: 0px solid #808080;
	border-bottom: 2px solid #808080;
	margin: 2px;
	padding: 0px 0px 2px 20px;
	margin-top: 30px;
}

h2.broj_7 { 
	color: #FF9600;
	font-size: 12pt;
	background: url(../images/root_7.png) no-repeat top left;
	border-left: 0px solid #808080;
	border-bottom: 2px solid #808080;
	margin: 2px;
	padding: 0px 0px 2px 20px;
	margin-top: 30px;
}

h2.broj_8 { 
	color: #FF9600;
	font-size: 12pt;
	background: url(../images/root_8.png) no-repeat top left;
	border-left: 0px solid #808080;
	border-bottom: 2px solid #808080;
	margin: 2px;
	padding: 0px 0px 2px 20px;
	margin-top: 30px;
}

h2.broj_9 { 
	color: #FF9600;
	font-size: 12pt;
	background: url(../images/root_9.png) no-repeat top left;
	border-left: 0px solid #808080;
	border-bottom: 2px solid #808080;
	margin: 2px;
	padding: 0px 0px 2px 20px;
	margin-top: 30px;
}

h3 {
	font-family:"Arial", Verdana, Segoe, Arial, Helvetica, sans-serif;
	color: #515151;
	font-size:13pt;
	font-weight:bold;
	padding-bottom:4px;
	}

h3.b-plainlist__title{
	font-family:"Arial", Verdana, Segoe, Arial, Helvetica, sans-serif;
	color: #515151;
	font-size:1,2em;
	font-weight:bold;
	padding-bottom:4px;
	}
	
h3.b-block__title {
	font-family:"Arial", Verdana, Segoe, Arial, Helvetica, sans-serif;
	color: #515151;
	font-size:1,2em;
	font-weight:bold;
	padding-bottom:4px;
	}	

h3.detailtitle{
	font-family:"Arial", Verdana, Segoe, Arial, Helvetica, sans-serif;
	font-size:1,2em;
	font-weight:bold;
	padding-bottom:4px;
	}
h3.toolbar { 
	color: #FF9600;    
	font-size: 12pt;
	margin: 0;
	padding: 0px 0px 2px 800px;
	background: url(logo-toolbar-h.jpg) no-repeat top left;
	border-left: none;
	border-bottom: 2px solid #FF6000;
	border-top: 2px solid #FF6000;
}
h3.table { 
	color: #808080;    
	font-size: 11pt;
	margin: 0;
	padding: 0px 0px 2px 120px;
	background: url(logo-table.jpg) no-repeat top left;
	border-left: none;
	border-bottom: 2px solid #808080;
	border-top: 2px solid #808080;
}
h3.borders { 
	color: #808080;    
	font-size: 12pt;
	margin: 0;
	padding: 0px 0px 2px 5px;
	border-left: none;
	border-bottom: 2px solid #808080;
	border-top: 2px solid #808080;
}

h4 {
	font-family:"Arial", Verdana, Segoe, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	padding-bottom:3px;
	}
h5 {
	font-family:"Arial UI", Verdana, Segoe, Arial, Helvetica, sans-serif;
	font-size:0.825em;
	font-weight:bold;
	padding-bottom:4px;
	}

h6 { 
	color: #555;
	font-size: 14pt;
	border-bottom: 0px solid #808080;
	margin: 2px;
	padding: 0px 0px 2px 0px;
	margin-top: 30px;
}
/*NAPOMENA-žuto*/
h3.notetitle { 
	color: #555;
	font-size: 14pt;
	border-bottom: 0px solid #FFC900;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	margin-top: 50px;
}
/*SAVET-zeleno*/
h3.tiptitle { 
	color: #555;
	font-size: 14pt;
	border-bottom: 0px solid #00782D;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	margin-top: 50px;
}
/*PRIMER-plavo*/
h3.exampletitle { 
	color: #555;
	font-size: 14pt;
	border-bottom: 0px solid #1533AD;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	margin-top: 50px;
}
/*UPOZORENJE-crveno*/
h3.warningtitle { 
	color: #555;
	font-size: 14pt;
	border-bottom: 0px solid #FF0000;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	margin-top: 50px;
}
/*TRIK-oranž*/
h3.tricktitle { 
	color: #555;
	font-size: 14pt;
	border-bottom: 0px solid #FF9600;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	margin-top: 50px;
}
/*VAŽNO-crveno*/
h3.importanttitle { 
	color: #555;
	font-size: 14pt;
	border-bottom: 0px solid #FF0000;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	margin-top: 50px;
}
/*MISAO-plavo*/
h3.misaotitle { 
	color: #555;
	font-size: 14pt;
	border-bottom: 0px solid #FF9600;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	margin-top: 50px;
}
/*RECIKLAZA-plavo*/
h3.rectitle { 
	color: #555;
	font-size: 14pt;
	border-bottom: 0px solid #FF9600;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	margin-top: 50px;
}
/*INFORMACIJE-plavo*/
h3.infotitle { 
	color: #555;
	font-size: 14pt;
	border-bottom: 0px solid #FF9600;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	margin-top: 50px;
}
/*POMOĆ-crveno*/
h3.helptitle { 
	color: #555;
	font-size: 14pt;
	border-bottom: 0px solid #FF0000;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	margin-top: 50px;
}
/*PERIOD-crveno*/
h3.periodtitle { 
	color: #555;
	font-size: 14pt;
	border-bottom: 0px solid #FF0000;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	margin-top: 50px;
}
/*ARHIVA-crveno*/
h3.arhivatitle { 
	color: #555;
	font-size: 14pt;
	border-bottom: 0px solid #FF0000;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	margin-top: 50px;
}
/*VIDI JOŠ-plavo*/
h3.vidititle { 
	color: #555;
	font-size: 14pt;
	border-bottom: 0px solid #FF0000;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	margin-top: 50px;
}
/*VIDEO-plavo*/
h3.videotitle { 
	color: #555;
	font-size: 14pt;
	border-bottom: 0px solid #FF0000;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	margin-top: 50px;
}
/*PROPIS-plavo*/
h3.propistitle { 
	color: #555;
	font-size: 14pt;
	border-bottom: 0px solid #FF9600;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	margin-top: 50px;
}
/*PRAVILO-plavo*/
h3.pravilotitle { 
	color: #555;
	font-size: 14pt;
	border-bottom: 0px solid #FF9600;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	margin-top: 50px;
}
/*STAMPE-sivo*/
h3.stampetitle { 
	color: #555;
	font-size: 14pt;
	border-bottom: 0px solid #FF0000;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	margin-top: 50px;
}
/*KONTIRANJE-sivo*/
h3.kontotitle { 
	color: #555;
	font-size: 14pt;
	border-bottom: 0px solid #FF0000;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	margin-top: 50px;
}
/*ADMIN-sivo*/
h3.admintitle { 
	color: #555;
	font-size: 14pt;
	border-bottom: 0px solid #FF0000;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	margin-top: 50px;
}

/*TRIK-oranž*/
.trickbox{
	background-color: #FFDFC4 ;
	margin-left:auto;
	margin-right:auto;
	margin-top:16px;
	margin-bottom:24px;
	}
.trickbox .icon{
	background:url(../images/ikone/trik.png) no-repeat;
	}
.tricktitle{
	font-size:1em;
	position:relative;
	top:-22px;
	text-indent:10px;
	}
.tricktext{
	margin-top:-10px;
	padding:0px 10px 20px 20px;
	}
.trickbox .boxbottom{
	border-bottom: 0px solid #FF9600;
	margin: 2px;
	padding: 0px 0px 2px 0px;
	margin-top: -15px;
	}
	
/*VAŽNO-crveno*/
.importantbox{
	background-color: #E6DADB ;
	margin-left:auto;
	margin-right:auto;
	margin-top:16px;
	margin-bottom:24px;
	}
.importantbox .icon{
	background:url(../images/ikone/vazno.png) no-repeat;
	}
.importanttitle{
	font-size:1em;
	position:relative;
	top:-22px;
	text-indent:10px;
	}
.importanttext{
	margin-top:-10px;
	padding:0px 10px 20px 20px;
	}
.importantbox .boxbottom{
	border-bottom: 0px solid #FF0000;
	margin: 2px;
	padding: 0px 0px 2px 0px;
	margin-top: -15px;
	}

/*SAVET-zeleno*/	
.tipbox{
	background-color: #CFEACF ;
	margin-left:auto;
	margin-right:auto;
	margin-top:16px;
	margin-bottom:24px;
	}
.tipbox .icon{
	background:url(../images/ikone/savet.png) no-repeat;
	}
.tiptitle{
	font-size:1em;
	position:relative;
	top:-22px;
	text-indent:10px;
	}
.tiptext{
	margin-top:-10px;
	padding:0px 10px 20px 20px;
	}
.tipbox .boxbottom{
	border-bottom: 0px solid #00782D;
	margin: 2px;
	padding: 0px 0px 2px 0px;
	margin-top: -15px;
	}

/*NAPOMENA-žuto*/
.notebox{
	background-color: #E8DCB0 ;
	margin-left:auto;
	margin-right:auto;
	margin-top:16px;
	margin-bottom:24px;
	}
.notebox .icon{
	background:url(../images/ikone/napomena.png) no-repeat;
	}
.notetitle{
	font-size:1em;
	position:relative;
	top:-22px;
	text-indent:10px;
	}
.notetext{
	margin-top:-10px;
	padding:0px 10px 20px 20px;
	}
.notebox .boxbottom{
	border-bottom: 0px solid #FFC900;
	margin: 2px;
	padding: 0px 0px 2px 0px;
	margin-top: -15px;
	}

/*UPOZORENJE-crveno*/	
.warningbox{
	background-color: #E6E2E2 ;
	margin-left:auto;
	margin-right:auto;
	margin-top:16px;
	margin-bottom:24px;
	}
.warningbox .icon{
	background:url(../images/ikone/upozorenje.png) no-repeat;
	}
.warningtitle{
	font-size:1em;
	position:relative;
	top:-22px;
	text-indent:10px;
	}
.warningtext{
	margin-top:-10px;
	padding:0px 10px 20px 20px;
	}
.warningbox .boxbottom{
	border-bottom: 0px solid #FF0000;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	margin-top: -15px;
	}

/*PRIMER-plavo*/	
.examplebox{
	background-color: #ccddff;
	margin-left:auto;
	margin-right:auto;
	margin-top:16px;
	margin-bottom:24px;
	}
.examplebox .icon{
	background:url(../images/ikone/primer.png) no-repeat;
	}
.exampletitle{
	font-size:1em;
	position:relative;
	top:-22px;
	text-indent:10px;
	}
.exampletext{
	margin-top:-10px;
	padding:0px 10px 20px 20px;
	}
.examplebox .boxbottom{
	border-bottom: 0px solid #1533AD;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	margin-top: -15px;
	}

/*INFORMACIJE-plavo*/	
.infobox{
	background-color: #A5ABC4 ;
	margin-left:auto;
	margin-right:auto;
	margin-top:16px;
	margin-bottom:24px;
	}
.infobox .icon{
	background:url(../images/ikone/primer.png) no-repeat;
	}
.infotitle{
	font-size:1em;
	position:relative;
	top:-22px;
	text-indent:10px;
	}
.infotext{
	margin-top:-10px;
	padding:0px 10px 20px 20px;
	}
.infobox .boxbottom{
	border-bottom: 0px solid #1533AD;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	margin-top: -15px;
	}	
	
/*MISAO-plavo*/
.misaobox{
	background-color: #A5ABC4 ;
	margin-left:auto;
	margin-right:auto;
	margin-top:16px;
	margin-bottom:24px;
	}
.misaobox .icon{
	background:url(../images/ikone/misao.png) no-repeat;
	}
.misaotitle{
	font-size:1em;
	position:relative;
	top:-22px;
	text-indent:10px;
	}
.misaotext{
	color: #FFF;
	margin-top:-10px;
	padding:0px 10px 20px 20px;
	}
.misaobox .boxbottom{
	border-bottom: 0px solid #FF9600;
	margin: 2px;
	padding: 0px 0px 2px 0px;
	margin-top: -15px;
	}

/*Reciklaza-plavo*/
.recbox{
	background-color: #A5ABC4 ;
	margin-left:auto;
	margin-right:auto;
	margin-top:16px;
	margin-bottom:24px;
	}
.recbox .icon{
	background:url(../images/ikone/reciklaza.png) no-repeat;
	}
.rectitle{
	font-size:1em;
	position:relative;
	top:-22px;
	text-indent:10px;
	}
.rectext{
	color: #FFF;
	margin-top:-10px;
	padding:0px 10px 20px 20px;
	}
.recbox .boxbottom{
	border-bottom: 0px solid #FF9600;
	margin: 2px;
	padding: 0px 0px 2px 0px;
	margin-top: -15px;
	}

	
/*POMOĆ-crveno*/	
.helpbox{
	background-color: #E6E2E2 ;
	margin-left:auto;
	margin-right:auto;
	margin-top:16px;
	margin-bottom:24px;
	}
.helpbox .icon{
	background:url(../images/ikone/pomoc.png) no-repeat;
	}
.helptitle{
	font-size:1em;
	position:relative;
	top:-22px;
	text-indent:10px;
	}
.helptext{
	margin-top:-10px;
	padding:0px 10px 20px 20px;
	}
.helpbox .boxbottom{
	border-bottom: 0px solid #FF0000;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	margin-top: -15px;
	}	
	
/*PERIOD-crveno*/	
.periodbox{
	background-color: #E6E2E2 ;
	margin-left:auto;
	margin-right:auto;
	margin-top:16px;
	margin-bottom:24px;
	}
.periodbox .icon{
	background:url(../images/ikone/period.png) no-repeat;
	}
.periodtitle{
	font-size:1em;
	position:relative;
	top:-22px;
	text-indent:10px;
	}
.periodtext{
	margin-top:-10px;
	padding:0px 10px 20px 20px;
	}
.periodbox .boxbottom{
	border-bottom: 0px solid #FF0000;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	margin-top: -15px;
	}	
/*ARHIVA-crveno*/
.arhivabox{
	background-color: #E6E2E2 ;
	margin-left:auto;
	margin-right:auto;
	margin-top:16px;
	margin-bottom:24px;
	}
.arhivabox .icon{
	background:url(../images/ikone/arhiva.png) no-repeat;
	}
.arhivatitle{
	color: #E3052D;
	font-size:1.5em;
	position:relative;
	top:-22px;
	text-indent:10px;
	}
.arhivatext{
	color: #E3052D;
	margin-top:-10px;
	padding:0px 10px 20px 20px;
	}
.arhivabox .boxbottom{
	border-bottom: 0px solid #FF0000;
	margin: 2px;
	padding: 0px 0px 2px 0px;
	margin-top: -15px;
	}
/*VIDI JOŠ-plavo*/	
.vidibox{
	background-color: #E6E2E2 ;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	}
.vidibox .icon{
	background:url(../images/ikone/vidi_jos.png) no-repeat;
	}
.vidititle{
	font-size:1em;
	position:relative;
	top:5px;
	text-indent:20px;
	}
.viditext{
	margin-top:-10px;
	padding:0px 10px 20px 20px;
	}
.vidibox .boxbottom{
	border-bottom: 0px solid #FF0000;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	margin-top: -15px;
	}	
/*VIDEO-plavo*/	
.videobox{
	background-color: #E6E2E2 ;
	margin-left:auto;
	margin-right:auto;
	margin-top:16px;
	margin-bottom:24px;
	}
.videobox .icon{
	background:url(../images/ikone/video_c12.png) no-repeat;
	}
.videotitle{
	color: #E3052D;
	font-size:1.5em;
	position:relative;
	top:-22px;
	text-indent:10px;
	}
.videotext{
	color: #E3052D;
	margin-top:-10px;
	padding:0px 10px 20px 20px;
	}
.videobox .boxbottom{
	border-bottom: 0px solid #FF0000;
	margin: 2px;
	padding: 0px 0px 2px 0px;
	margin-top: -15px;
	}
/*STAMPE-sivo*/	
.stampebox{
	background-color: #f2f2f2 ;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	}
.stampebox .icon{
	background:url(../images/ikone/stampac.jpg) no-repeat;
	}
.stampetitle{
	font-size:1em;
	position:relative;
	top:5px;
	text-indent:20px;
	}
.stampetext{
	margin-top:-10px;
	padding:0px 10px 20px 20px;
	}
.stampebox .boxbottom{
	border-bottom: 0px solid #FF0000;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	margin-top: -15px;
	}	
	
.icon{
	display:inline-block;
	width:32px;
	height:32px;
	padding-right:5px;
	vertical-align:top;
	}
	
/*KONTIRANJE-sivo*/	
.kontobox{
	background-color: #f2f2f2;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	}
.kontobox .icon{
	background:url(../images/ikone/konto.png) no-repeat;
	}
.kontotitle{
	font-size:1em;
	position:relative;
	top:5px;
	text-indent:20px;
	}
.kontotext{
	margin-top:-10px;
	padding:0px 10px 20px 20px;
	}
.kontobox .boxbottom{
	border-bottom: 0px solid #FF0000;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	margin-top: -15px;
	}	
	
.icon{
	display:inline-block;
	width:32px;
	height:32px;
	padding-right:5px;
	vertical-align:top;
	}

/*ADMIN-sivo*/	
.adminbox{
	background-color: #f2f2f2;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	}
.adminbox .icon{
	background:url(../images/ikone/admin.png) no-repeat;
	}
.admintitle{
	font-size:1em;
	position:relative;
	top:5px;
	text-indent:20px;
	}
.admintext{
	margin-top:10px;
	padding:0px 10px 20px 20px;
	}
.adminbox .boxbottom{
	border-bottom: 0px solid #FF0000;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	margin-top: -15px;
	}	
	
.icon{
	display:inline-block;
	width:32px;
	height:32px;
	padding-right:5px;
	vertical-align:top;
	}	
	
/*PROPIS-smd*/
.propisbox{
	background-color:  #94b8b8;
	margin-left:auto;
	margin-right:auto;
	margin-top:16px;
	margin-bottom:24px;
	}
.propisbox .icon{
	background:url(../images/ikone/propis.png) no-repeat;
	}
.propistitle{
	font-size:1em;
	position:relative;
	top:-22px;
	text-indent:10px;
	}
.propistext{
	color: #FFF;
	margin-top:-10px;
	padding:0px 10px 20px 20px;
	}
.propisbox .boxbottom{
	border-bottom: 0px solid #FF9600;
	margin: 2px;
	padding: 0px 0px 2px 0px;
	margin-top: -15px;
	}	
	
/*PRAVILO-smd*/
.pravilobox{
	background-color:  #94b8b8;
	margin-left:auto;
	margin-right:auto;
	margin-top:16px;
	margin-bottom:24px;
	}
.pravilobox .icon{
	background:url(../images/ikone/pravilo.png) no-repeat;
	}
.pravilotitle{
	font-size:1em;
	position:relative;
	top:-22px;
	text-indent:10px;
	}
.pravilotext{
	color: #FFF;
	margin-top:-10px;
	padding:0px 10px 20px 20px;
	}
.pravilobox .boxbottom{
	border-bottom: 0px solid #FF9600;
	margin: 2px;
	padding: 0px 0px 2px 0px;
	margin-top: -15px;
	}
	
	
td     {
	padding:10px;
	}
	
	
	
.code{
	font-family: "Lucida Console", Monaco, monospace;
	}
	
	
	
.push{
	height:10px;
	}
	
	
	
	/*End Content Styles*/
.clear{
	height:0px;
	clear:both;
	}
	
.footercontent{
	display: block;
	width: 90%;
	padding-top: 0px;
	padding-left: 5px;
	padding-bottom: 0px;
	font-size: 9px;
}
.b-block__title{ 
}

a.btn {
	background: url(../images/btn_bg.png) 0 0 repeat-x #ff9900;
	display: inline-block;
	padding: 7px 48px 7px 40px;
	color: #fff;
	margin-top: 32px;
	border-bottom: 1px solid #ff9900 ;
}

a.btn:hover {
	background: #656464;
	color: #fff !important;
	border-bottom-color: #515050;
}
.disabled {
        pointer-events: none;
        cursor: default;
    }
.knowledgebase-header-line .back-to-button {
  float:left;
  margin:4px 3px 5px
 }
  .knowledgebase-title {
  float:right;

 }
 /*Menu*/

#menu{
	width:450px;
	}

#menu a{
	cursor:pointer;
	line-height:13px;
	}
#menu li{
	line-height:13px;
	}


table {
	border: 1px solid #666666;
	font-family: arial, verdana, sans-serif;
	width:100%;
	border-collapse: collapse;
	}

td {
	border: 0px solid #666666;
	vertical-align: top;
	font-family: arial, verdana, sans-serif;
	font-size: 9pt;
	text-align:left;
	padding:0px;
	color:#515151;
}

td.b {
	border: 1px solid #666666;
	font-family: arial, verdana, sans-serif;
	font-size: 9pt;
	text-align:left;
	padding:0px;
	font-weight: bold;
	color:#515151;
}

th 	{ 
	border: 1px solid #666666;
	background-color:#FFC573;
	color:#515151;
	}

pre {
	text-align: left;
	border-left: 1px solid #B00;
	padding: 5px;
}

strong.h {
	color:#A00;
}
a:link {
	font-family: arial, verdana, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	text-decoration:none;
	color: #606060;
}
a:visited {
	font-family: arial, verdana, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	text-decoration:none;
	color: #808080;
}
a:hover {
	text-decoration:none;
	color: #FF6600;
}

	
ul { 
	list-style-image:url("../images/ikone/lister.png")
}	

ol.cli { }
li {	color: #515151;
	text-align: justify;
	padding-left: 5px; 
	background-position: 0px 5px; 
}

ol.whatsnew li {
	padding-left: 80px;
}

ol.whatsnew ul li {
	padding: 5px 0px;
	margin: 0 60px;
}

li.novo { 
	padding-left: 35px;
	background: url(../images/logo-novo-sr.png) no-repeat top left;
}

li.bolje { 
	padding-left: 70px;
	background: url(../images/logo-poboljsano-sr.png) no-repeat top left;
}
/*Višestruki filter F3*/
strong  {
	color: #7C4DBD;
}
/* ikona sadrzaja */
ul { list-style-image:url("../images/ikone/lister.png")
}
.button {
  background-color: #FFFFFF; /* Green */
  border: none;
  color: white;
  padding: 0px 0px;
  display: inline-block;
}

#PDFPRINT {
width: 98%;
height: 90%;
background-color: white;
}

:root {
color-scheme: light;
}

@media print { 
.site-header { 
  display: none!important;
 } 
.site-footer { 
  display: none!important;
 }
.helpdesk  { 
  display: none!important;
 } 
}

}
/* Zia bot*/
.kontrola { font-weight: bold; color: #0b4659; }
.kontrole-lista { list-style: none; padding: 0; }
.kontrole-lista li { margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #eee; }
section { margin-bottom: 30px; }