html{}
ul{margin:0; padding:0; list-style-type:none; }
a{text-decoration:none; }
a:hover{text-decoration:underline; }
.semitransparent{opacity:0.5; }
body{width:100%; min-width:20em; margin:0 auto; padding:0; background-color:#ffffff; font-family:'Open Sans', sans-serif, 'Arial', 'Tahoma'; }
body .header-wrap{width:100%; background-color:#f1f1f1; position:fixed; top:0; height:3em; z-index:1; }
body .header-wrap header{width:100%; background-color:#EEF5FA; margin:0 auto; overflow:hidden; }
body .header-wrap header img{width:12em; margin:1em 0 1em 1em; display:block; }
body section.content{width:100%; margin:3.5em 0 0 0; overflow:hidden; padding:0 0.5em 0.5em 0.5em; box-sizing:border-box; }
body section.content .content-area{width:100%; margin:0 auto; padding:0; overflow:hidden; background:#f8fcff; box-sizing:border-box; }
body section.content .content-area.cahome{background:transparent; }
body section.content .content-area .content-wrap{width:100%; padding:1em 1em 1em 1em; box-sizing:border-box; }
body section.content .content-area .content-wrap.news{width:100%; padding:0; box-sizing:border-box; }
body section.content .content-area .content-wrap.news .news-list{width:100%; }
body section.content .content-area .content-wrap.news .news-list li{width:100%; height:3.4725em; font-size:0.9em; }
body section.content .content-area .content-wrap.news .news-list li a{display:block; width:100%; height:3.4725em; box-sizing:border-box; padding:0.95em 1em 0 1em; color:#222222; border-style:solid; border-width:0 0 0.0625em 0; border-color:#d1d1d1; }
body section.content .content-area .content-wrap.news .news-list li a.unread{font-weight:bold; }
body section.content .content-area .content-wrap.user-data .news-list li p.line-info{display:block; width:100%; height:3.4725em; box-sizing:border-box; padding:0.95em 0 0 0; color:#222222; border-style:solid; border-width:0 0 0.0625em 0; border-color:#d1d1d1; }
body section.content .content-area .content-wrap iframe{height:100%; }
body section.content .content-area .content-wrap .element{padding:0.5em; }
body section.content .content-area .content-wrap textarea.element{padding:0.5em; width:20em; height:10em; }
body section.content .content-area .content-wrap .sbm{padding:0.6em 0.5em 0.5em 0.5em; }
body section.content .content-area .content-wrap h1{margin:0.5em 0 0.5em 0; padding:0; }
body section.content .content-area .content-wrap h2{margin:0.5em 0 0.75em 0; padding:0; }
body section.content .content-area .content-wrap div.article-content img{width:100%; }
body section.content .content-area .content-wrap.user-data{padding:1em 2em 1em 2em; }
body section.content .content-area .content-wrap.user-data p{padding:0; clear:both; }
body section.content .content-area .content-wrap.user-data p.perm{margin:0.5em 0 1em 0; clear:both; overflow:hidden; }
body section.content .content-area .content-wrap.user-data p input{margin:0.25em 0 1em 0; width:17em; }
body section.content .content-area .content-wrap.user-data p input.sbm{margin:0.25em 0 1em 0; width:18.25em; }
body section.content .content-area .content-wrap.user-data p input.elementh{padding:0.5em; }

body section.content .content-area .content-wrap.user-data p .colorsquare{display:block; color:#2b2d45; float:left; border-style:solid; border-width:0.0625em; border-color:#d1d1d1; padding:0.125em 0.5em 0.125em 0.5em; box-sizing:border-box; margin:0 0.25em 0 0; }
body section.content .content-area .content-wrap.user-data p .colorsquare.bg-dfgwreg{background-color:#ffaaaa; }
body section.content .content-area .content-wrap.user-data p .colorsquare.bg-gh45gr{background-color:#aaffaa; }
body section.content .content-area .content-wrap.user-data p .colorsquare.bg-jh459turt{background-color:#aaaaff; }
body section.content .content-area .content-wrap.user-data p .colorsquare.bg-fur38re{background-color:#ffaaff; }
	
body section.content .content-area .content-wrap #protokol-area textarea.ta{width:50em; height:10em; }
body section.content .content-area .content-wrap #protokol-area #spremi_protokole{margin:0.25em 0 1em 0; width:18.25em; }
body section.content .content-area .content-wrap #upute-area textarea.ta{width:50em; height:10em; }
body section.content .content-area .content-wrap #upute-area #spremi_upute{margin:0.25em 0 1em 0; width:18.25em; }
	
body section.content .content-area .content-wrap #mailovi-korisnici-area textarea.ta{width:50em; height:20em; display: block;}


body section.content .content-area .content-wrap #novosti-area{width:50em; float:left; }
body section.content .content-area .content-wrap #novosti-area table tr td select{width:100%; padding:0.5em; }
body section.content .content-area .content-wrap #novosti-area table tr td input{width:100%; padding:0.5em; }
body section.content .content-area .content-wrap #novosti-area table tr td textarea{width:100%; padding:0.5em; }
body section.content .content-area .content-wrap #novosti-area table tr td textarea.t1{height:10em; }
body section.content .content-area .content-wrap #novosti-area table tr td textarea.t2{height:25em; }
	
body section.content .content-area .content-wrap #lokacije-area{width:50em; float:left; }
body section.content .content-area .content-wrap #lokacije-area table tr td select{width:100%; padding:0.5em; }
body section.content .content-area .content-wrap #lokacije-area table tr td input{width:100%; padding:0.5em; }
	
body section.content .content-area .content-wrap #institucije-area{width:50em; float:left; }
body section.content .content-area .content-wrap #institucije-area table tr td input{width:100%; padding:0.5em; }


body section.content .content-area .content-wrap #dodatne-preporuke-area .dodatne-preporuke-projekta p.title{margin:2em 0 0 0; }
body section.content .content-area .content-wrap #dodatne-preporuke-area .dodatne-preporuke-projekta textarea{width:50em; max-width:94%; }

div.pagination{width:100%; margin:1em 0 0 0; }
div.pagination ul{width:60%; display:block; margin:0 auto; }
div.pagination ul li{float:left; margin:0 0.25em 0.5em 0.25em; }
div.pagination ul li a{display:block; font-size:1.15em; color:#ffffff; background-color:#2f74a9; padding:0.5em; line-height:125%; width: 2.25em; text-align: center; box-sizing: border-box; }
div.pagination ul li a.active{background-color:#73BBF2; }

body section.content .content-area table{font-size:0.95em; }
body section.content .content-area table tr{height:3.19em; color:#222222; }
body section.content .content-area table tr.first-row{height:3.3em; color:#ffffff; }
body section.content .content-area table tr.line{background-color:#9BA4B3; height:0.125em; }
body section.content .content-area table tr.line td{height:0.0625em; font-size:0.0625em; padding:0; }
body section.content .content-area table tr  td a.open-item{background-color:#2F74A9; padding:0.175em 1em 0.25em 1em; color:#ffffff; line-height:100%; box-shadow:0.125em 0.125em #63b3f1; }
body section.content .content-area table tr  td a.pio-delete-item{background-color:#ff4242; padding:0.175em 1em 0.25em 1em; color:#ffffff; line-height:100%; box-shadow:0.125em 0.125em #63b3f1; margin-right: 0.5em; }
body section.content .content-area table tr  td a.end-item{background-color:#7AC147; padding:0.175em 1em 0.25em 1em; color:#ffffff; line-height:100%; box-shadow:0.125em 0.125em #63b3f1; margin:0 0 0 0.5em; }
body section.content .content-area table tr  td a.end-item.gray{background-color:#afafa	f; }
body section.content .content-area table tr  td a.open-item:hover{background-color:#5Fa4d9; }
body section.content .content-area table tr  td a.end-item:hover{background-color:#aAf177; }
body section.content .content-area table tr  td{text-align:center; float:left; width:25%; }
body section.content .content-area table tr  td.new{background-color:#F05558; }
body section.content .content-area table tr  td.waiting{background-color:#F05558; }
body section.content .content-area table tr  td.processing{background-color:#FABB3B; }
body section.content .content-area table tr  td.closed{background-color:#7AC147; }
body section.content .content-area table tr  td.result_waiting{background-color:#ffc800; }
body section.content .content-area table tr  td span.black{color:#222222; }
body section.content .content-area table tr  td span.yellow{color:#FABB3B; }
body section.content .content-area table tr  td span.red{color:#F15758; }
body section.content .content-area table tr  td div.helpz{display:none; }
body section.content .content-area table tr  td div.helpzend{display:none; }
body section.content .content-area div#helps{display:none; }
body section.content .content-area div#helpl{display:none; }
body section.content .content-area p{margin:0; padding:0 0 1em 0; }
body section.content .content-area .home-logo{width:8em; display:block; margin:0 auto; margin-top:3em; }
body section.content .content-area .home-prijava{display:block; margin:0 auto; margin-top:3em; font-weight:bold; font-size:0.95em; color:#222222; text-align:center; padding:0; }
body section.content .content-area .home-text{display:block; margin:0 auto; margin-top:0.45em; font-weight:normal; font-size:0.85em; color:#ACA8BD; text-align:center; padding:0; line-height:120%; }
body section.content .content-area .home-text a{color:#8C889D; }
body section.content .content-area .location-area{display:block; margin:0 auto; margin-top:2em; font-weight:normal; font-size:0.85em; color:#222222; text-align:center; padding:0; }
body section.content .content-area .location-area .msg{color:#f14444; font-size:2em; background-color:#ffedf1; display:block; margin:0 auto; width:13em; padding:1em; box-sizing:border-box; line-height:150%; }
body section.content .content-area .location-form p.welcome{display:block; margin:0 auto; margin-top:2em; font-weight:normal; font-size:0.85em; color:#222222; text-align:center; padding:0; }
body section.content .content-area .location-form p.home-logout{display:block; margin:0 auto; margin-top:3em; font-weight:normal; font-size:0.85em; color:#222222; text-align:center; padding:0; }
body section.content .content-area .location-form p.home-logout a{color:#6C687D; }
body section.content .content-area .location-form .field select{width:100%; border-style:solid; border-width:0.0625em; border-color:#d1d1d1; padding:0.75em; box-sizing:border-box; margin-top:1em; font-size:1em; }
body section.content .content-area .first-form{width:18em; margin:0 auto; margin-top:0; display:block; background-color:#ffffff; padding:1em 1em 3em 1em; box-sizing:border-box; }
body section.content .content-area .first-form p{margin:0; padding:0; font-size:0.95em; }
body section.content .content-area .first-form p.field{margin:0.25em 0 0.5em 0; }
body section.content .content-area .first-form p.sbm{text-align:right; }
body section.content .content-area .first-form p.sbm input{background-color:#2B2D45; color:#ffffff; border-color:#B1B8C4; }
body section.content .content-area .first-form p input{width:100%; border-style:solid; border-width:0.0625em; border-color:#d1d1d1; padding:1em 0.75em 1em 0.75em; box-sizing:border-box; }
body section.content .content-area .first-form .error-message{display:none; margin:1em 0 0 0; text-align:center; color:#ff0000; }
#hideallinit{width:100%; height:100%; position:fixed; background-color:#000000; opacity:0.5; top:0; left:0; z-index:9999998; }
#hideallinitcon{width:100%; height:100%; position:fixed; top:5em; left:0; z-index:9999999; }
#hideallinitcon .con{width:18em; margin:0 auto; box-sizing:border-box; padding:1em; border-style:solid; border-width:0.125em; border-color:#000000; background-color:#ffffff; text-align:center; font-size:0.9em; }

body section.content .content-area .form-area{display:block; padding:1em 1em 1em 1em; margin:0 0 2em 0; background-color:#d1e1ec; float:left; border-radius:0.5em; width:100%; box-sizing: border-box; }
body section.content .content-area .form-area.q-red{background-color:#ecd1e1; }
body section.content .content-area .form-area.q-turquoise{background-color:#1b929e; }
body section.content .content-area .form-area.q-darkviola{background-color:#8e4872; }
body section.content .content-area .form-area.q-mediumseagreen{background-color:#3cb371; }
body section.content .content-area .form-area.q-darkorange{background-color:#ffc800; }
body section.content .content-area .form-area.q-grayred{background-color:#edeaea; }
body section.content .content-area .form-area.q-darkviola > h1{color:#f1f1f1; }

body section.content .content-area .form-area.q-green{background-color:#d1ece1; }
body section.content .content-area .form-area.q-green h1{margin:0; padding:0 0 0.5em 0; }
body section.content .content-area .form-area.q-green .all-comments{}
body section.content .content-area .form-area.q-green .all-comments li{background-color:#fafafa; margin:0 0 0.5em 0; padding:0.5em; overflow:hidden; border-radius:0.25em; }
body section.content .content-area .form-area.q-green .all-comments li h3{margin:0; padding:0 0 0.5em 0; }
body section.content .content-area .form-area.q-green .all-comments li div{margin:0 0 0.25em 0; padding:0 0 0.25em 0; border-style:solid; border-width:0 0 0.0625em 0; border-color:#e8e8e8; }
body section.content .content-area .form-area.q-green .all-comments li p.author{margin:0; padding:0; float:left; }
body section.content .content-area .form-area.q-green .all-comments li p.time{margin:0; padding:0; float:right; }
	
body section.content .content-area .form-area h1{margin:0; padding:0 0 1em 0; }
body section.content .content-area .form-area .question.class-hidden{display:none; }
body section.content .content-area .form-area .question{min-width:20em; margin:0 2% 1em 0; padding:0.25em 1em 1em 1em; width:31.3%; display:block; float:left; border-style:solid; border-width:0.25em; border-color:#ffffff; border-radius:0.25em; box-sizing:border-box; background-color:#f1f1f1; position:relative; min-height: 7em; }
body section.content .content-area .form-area .question .q-info{position:absolute; top:0.25em; right:2.25em; display:block; }
body section.content .content-area .form-area .question .q-info img{width:1.75em; }
body section.content .content-area .form-area .question .info-desc{display:none; position:absolute; top: 2.05em; right: 2.5em; width: 70%; background-color: #f8fcff; border-style: solid; border-width: 0.125em; border-color: #424358; border-radius: 0.25em; padding: 0.5em; font-size: 0.9em; z-index:1; }
body section.content .content-area .form-area .question .info-desc p{margin:0; padding:0 0 0.5em 0; }
body section.content .content-area .form-area .question .q-clear{position:absolute; top:0.25em; right:0.25em; display:block; }
body section.content .content-area .form-area .question .q-clear img{width:1.75em; }
body section.content .content-area .form-area .question .q-edit{position:absolute; top:0.25em; right:0.25em; display:block; }
body section.content .content-area .form-area .question .q-edit img{width:1.75em; }
body section.content .content-area .form-area .question .q-editlive{position:absolute; top:0.25em; right:0.25em; display:block; }
body section.content .content-area .form-area .question .q-editlive img{width:1.75em; }
body section.content .content-area .form-area .question .check-value-here{position:absolute; top:0.25em; right:0.25em; display:block; }
body section.content .content-area .form-area .question .check-value-here img{width:1.75em; }
body section.content .content-area .form-area .question.row-view ul li{float:left; margin:0 0.325em 0 0.5em; clear:none; }
body section.content .content-area .form-area .question.row-view ul li p{margin-left:0.0625em; }
body section.content .content-area .form-area .question ul{}
body section.content .content-area .form-area .question ul li{clear:both; }
body section.content .content-area .form-area .question ul li input.radio{float:left; width:1.5em; height:1.5em; }
body section.content .content-area .form-area .question ul li input.cb{float:left; width:1.5em; height:1.5em; }
body section.content .content-area .form-area .question ul li p{float:left; margin:0.125em 0 0 0.5em; }
body section.content .content-area .form-area .question .dated{float:left; margin:0 0.25em 0 0; padding:0; width:2em; text-align:center; }
body section.content .content-area .form-area .question .datem{float:left; margin:0 0.25em 0 0; padding:0; width:2em; text-align:center; }
body section.content .content-area .form-area .question .datey{float:left; margin:0; padding:0; width:3em; text-align:center; }
body section.content .content-area .form-area .question .datepicker{float:left; margin:0; width:7em; text-align:center; }
body section.content .content-area .form-area .question textarea.ta{width:100%; height:7em; padding:0.25em; box-sizing:border-box; }

body section.content .content-area .admin-button{width:8em; height:6em; background:#c8e6ff; padding:1em; text-align:center; vertical-align:middle; display:table-cell; border-style:solid; border-width:0 1em 0 0; border-color:#f8fcff; color:#2b2d45; float: left; margin: 0 0 1em 0; padding-top: 3em; }
body section.content .content-area .admin-button-gray{width:8em; background:#f1f1f1; padding:1em; text-align:center; display:table-cell; border-style:solid; border-width:0 1em 0 0; border-color:#f8fcff; color:#2b2d45; }
body section.content .content-area .admin-button-gray .small{font-size:0.8em; }
body section.content .content-area .admin-button-gray .generate-XLS{display:block; margin:0 0 1em 0; font-size:0.9em; }
body section.content .content-area .admin-button-gray .generate-XLS.generate-new{}
body section.content .content-area .admin-button-gray .generate-XLS.generate-all{}
body section.content .content-area .edit{font-size:2em; color:#2b2d45; }
body section.content .content-area .activate-user{color:#008800; }
body section.content .content-area .deactivate-user{color:#ff2d45; }
body section.content .content-area .userperm{display:block; color:#2b2d45; float:left; border-style:solid; border-width:0.0625em; border-color:#d1d1d1; padding:0.125em 0.5em 0.125em 0.5em; box-sizing:border-box; margin:0 0.25em 0 0; }
body section.content .content-area .userperm.bg-dfgwreg{background-color:#ffaaaa; }
body section.content .content-area .userperm.bg-gh45gr{background-color:#aaffaa; }
body section.content .content-area .userperm.bg-jh459turt{background-color:#aaaaff; }
body section.content .content-area .userperm.bg-fur38re{background-color:#ffaaff; }

body .footer-wrap{width:100%; background-color:#f1f1f1; position:fixed; bottom:0; height:5em; }
body footer{width:100%; max-width:80em; margin:0 auto; text-align:center; margin-top:2em; }

.group-menu{position:fixed; top:4em; padding:0em; margin:0 0 0 -6em; z-index:2; border-width:0.25em; border-style:solid; border-color:#ffffff; cursor:move; }
.group-menu li{padding:0.5em 0 0.5em 0; background:#d1e1ec; }
.group-menu li.q-red{padding:0.5em 0 0.5em 0; background:#ecd1e1; }
.group-menu li.q-green{padding:0.5em 0 0.5em 0; background:#d1ece1; }
.group-menu li.q-blue{padding:0.5em 0 0.5em 0; background:#eda6ff; }
.group-menu li a{color:#2b2d45; padding:0.5em 0.5em 0.5em 0.5em; font-weight:bold; }
.group-menu li.km-turquoise{background-color:#1b929e; }
.group-menu li.km-turquoise > a{color:#f1f1f1; }
.group-menu li.km-mediumseagreen{background-color:#3cb371; }
.group-menu li.km-mediumseagreen > a{color:#f1f1f1; }
.group-menu li.km-darkorange{background-color:#ffc800; }
.group-menu li.km-darkorange > a{color:#f1f1f1; }
.group-menu li.km-darkviola{background-color:#8e4872; }
.group-menu li.km-darkviola > a{color:#f1f1f1; }



.p-dodaj-primku{border-radius:0.125em; border-width:0.0625em; border-color:#155F9C; border-style:solid; padding:0.5em; color:#ffffff; background-color:#458FCC; float:left; margin-bottom:1em; }
.p-stanje-skladista-osvjezi-podatke{border-radius:0.125em; border-width:0.0625em; border-color:#155F9C; border-style:solid; padding:0.5em; color:#ffffff; background-color:#458FCC; float:right; margin-bottom:1em; }
.p-stanje-skladista-obrazac-osvjezi-podatke{border-radius:0.125em; border-width:0.0625em; border-color:#155F9C; border-style:solid; padding:0.5em; color:#ffffff; background-color:#458FCC; float:right; margin-bottom:1em; margin-left:1em; }
.dodaj-primku-div{float:left; padding:0.25em 0.25em 0.25em 1em; display:none; }
.dodaj-primku-div input{margin-bottom:1em; margin-right:1em; }
.dodaj-primku-div select{margin-bottom:1em; margin-right:1em; }
.p_dodaj_primku_section{clear:both; margin-bottom:1em; overflow:hidden; background-color:#f5f5f5; padding:1em; }
#p_primka_table_wrapper{margin-bottom:1em; }

.pi-dodaj-period{border-radius:0.125em; border-width:0.0625em; border-color:#155F9C; border-style:solid; padding:0.5em; color:#ffffff; background-color:#458FCC; float:left; margin-bottom:1em; }
.pi-osvjezi-podatke{border-radius:0.125em; border-width:0.0625em; border-color:#155F9C; border-style:solid; padding:0.5em; color:#ffffff; background-color:#458FCC; float:right; margin-bottom:1em; }
.pi-osvjezi-podatke-tg{border-radius:0.125em; border-width:0.0625em; border-color:#155F9C; border-style:solid; padding:0.5em; color:#ffffff; background-color:#458FCC; float:right; margin-bottom:1em; }
.dodaj-period-div{float:left; padding:0.25em 0.25em 0.25em 1em; display:none; }
.dodaj-period-div input{margin-right:1em; }
.pi_section{clear:both; margin-bottom:1em; overflow-x:auto; background-color:#f5f5f5; padding:1em; }
#pi_period_table_wrapper{margin-bottom:1em; }


.pi-pdf-novi{border-radius:0.125em; border-width:0.0625em; border-color:#155F9C; border-style:solid; padding:0.5em; color:#ffffff; background-color:#458FCC; float:right; margin-bottom:1em; }
.pdf-novi-div #pi-pdf-novi-draft{width:initial; margin:0 0 0 4em; }
.pdf-novi-div #pi-pdf-novi-make{width:initial; margin-left:4em; }
.pdf-novi-div #pi-pdf-novi-cancel{width:initial; float:right; margin-right:2em; }
.pdf-novi-div .color-wrapper{display:block; margin:1em; background-color:#eaeaea; padding:1em; }
.pdf-novi-div .pi-pdf-novi-odabrani-period{display:block; margin:1em; background-color:#eaeaea; padding:1em; overflow:hidden; }
.pdf-novi-div .pi-pdf-novi-tekuca-godina{display:block; margin:1em; background-color:#eaeaea; padding:1em; overflow:hidden; }
.pdf-novi-div .pi-pdf-novi-slika-1{display:block; margin:1em; background-color:#eaeaea; padding:1em; overflow:hidden; }
.pdf-novi-div .pi-pdf-novi-slika-1 .link-1{color:#ff4444; }
.pdf-novi-div .pi-pdf-novi-slika-1 #slika-1-container img{width: 100%; max-width: 30em; }
.pdf-novi-div .pi-pdf-novi-slika-2{display:block; margin:1em; background-color:#eaeaea; padding:1em; overflow:hidden; }
.pdf-novi-div .pi-pdf-novi-slika-2 .link-2{color:#ff4444; }
.pdf-novi-div .pi-pdf-novi-slika-2 #slika-2-container img{width: 100%; max-width: 30em; }
.pdf-novi-div{float:left; padding:0.25em 0.25em 0.25em 1em; display:none; width: 60%; margin-top:2em; }
.pdf-novi-div input{margin-bottom:1em; width:98%; }
.pdf-novi-div textarea#pi-pdf-novi-uvod{margin-bottom:1em; width:98%; }
.pdf-novi-div textarea#pi-pdf-novi-komentar-1{margin-bottom:1em; width:98%; height:30em; }
.pdf-novi-div textarea#pi-pdf-novi-komentar-2{margin-bottom:1em; width:98%; height:30em; }

.pi-hoverop{background-color:#c8d4e8; }
.pi-hoverop:hover{background-color:#a8b4c8; cursor:pointer; }
.pi-hovertg{background-color:#c8d4e8; }
.pi-hovertg:hover{background-color:#a8b4c8; cursor:pointer; }
.selected-pi-hoverop{background-color:#d6d6d6; color:#505050; padding:0.5em; border-color:#b5b5b5; border-style:solid; border-width:0.0625em; margin:0.25em; float:left; }
.selected-pi-hoverop:hover{text-decoration:none; }
.selected-pi-hoverop:hover:after{text-decoration:underline; }
.selected-pi-hoverop:after{content:"X"; color:#ffffff; padding:0.25em; background-color:#a1a1a1; margin:0 0 0 0.5em; }
.selected-pi-hovertg{background-color:#d6d6d6; color:#505050; padding:0.5em; border-color:#b5b5b5; border-style:solid; border-width:0.0625em; margin:0.25em; float:left; }
.selected-pi-hovertg:hover{text-decoration:none; }
.selected-pi-hovertg:hover:after{text-decoration:underline; }
.selected-pi-hovertg:after{content:"X"; color:#ffffff; padding:0.25em; background-color:#a1a1a1; margin:0 0 0 0.5em; }

.top-menu{margin:0; padding:0; height:3.5em; float:left; line-height:100%; font-size:0.85em; min-width:20em; }
.top-menu.move-right{margin-left:17.67em; }
.top-menu li.right-menu-counter{font-size:1em; position: fixed; right: 0; top: 0; height: 3.5em; line-height: 100%; box-sizing: border-box; padding: 1.25em 2em 0 2em; color: #9BA4B3; background-color: #eef5fa; text-align: center; margin: 0;}
.top-menu li.right-menu-counter #rmc-helpz, .top-menu li.right-menu-counter #rmc-helpl, .top-menu li.right-menu-counter #rmc-helps{display:none; }
.top-menu li.right-menu-counter #rmc-data.red{color:red; }
.top-menu li{float:left; margin:0; overflow:hidden; width:3.6em; }
.top-menu li:first-child{margin:0 1.5em 0 0; }
.top-menu li p{margin:0; padding:1.25em 0 0 3.75em; background-repeat:no-repeat; background-size:2.5em; background-position:0 0.6em; height:3.5em; line-height:100%; float:left; box-sizing:border-box; }
.top-menu li a{display:block; color:#2B2D45; margin:0; padding:1.25em 0 0 3.75em; background-repeat:no-repeat; background-size:2.5em; background-position:0 0.6em; height:3.5em; line-height:100%; float:left; box-sizing:border-box; }
.top-menu li.selected p{color:#458FCC; }
.top-menu li.inactive p{color:#9BA4B3; }

.top-menu li.active .hamburger{background-image:url(/res/images/responsive/r1/hamburger.png); width:3.75em; background-position:0.6em 0.6em; background-color:#E3E6F2; padding:0 0 0 3.75em; }
.top-menu li.active .novi-obrazac{background-image:url(/res/images/responsive/r1/novi-obrazac.png); }
.top-menu li.selected .novi-obrazac{background-image:url(/res/images/responsive/r1/novi-obrazac-s.png); }
.top-menu li.inactive .novi-obrazac{background-image:url(/res/images/responsive/r1/novi-obrazac-i.png); }
.top-menu li.active .odustani{background-image:url(/res/images/responsive/r1/odustani.png); }
.top-menu li.selected .odustani{background-image:url(/res/images/responsive/r1/odustani-s.png); }
.top-menu li.inactive .odustani{background-image:url(/res/images/responsive/r1/odustani-i.png); }
.top-menu li.active #get-draft-data{background-image:url(/res/images/responsive/r1/ucitaj-draft.png); }
.top-menu li.selected #get-draft-data{background-image:url(/res/images/responsive/r1/ucitaj-draft-s.png); }
.top-menu li.inactive #get-draft-data{background-image:url(/res/images/responsive/r1/ucitaj-draft-i.png); }
.top-menu li.active #clear-draft-data{background-image:url(/res/images/responsive/r1/ocisti-draft.png); }
.top-menu li.selected #clear-draft-data{background-image:url(/res/images/responsive/r1/ocisti-draft-s.png); }
.top-menu li.inactive #clear-draft-data{background-image:url(/res/images/responsive/r1/ocisti-draft-i.png); }
.top-menu li.active .kreiraj-nalog{background-image:url(/res/images/responsive/r1/kreiraj-nalog.png); }
.top-menu li.selected .kreiraj-nalog{background-image:url(/res/images/responsive/r1/kreiraj-nalog-s.png); }
.top-menu li.inactive .kreiraj-nalog{background-image:url(/res/images/responsive/r1/kreiraj-nalog-i.png); }
.top-menu li.active .zavrsi-nalog{background-image:url(/res/images/responsive/r1/zavrsi-nalog.png); }
.top-menu li.selected .zavrsi-nalog{background-image:url(/res/images/responsive/r1/zavrsi-nalog-s.png); }
.top-menu li.inactive .zavrsi-nalog{background-image:url(/res/images/responsive/r1/zavrsi-nalog-i.png); }
.top-menu li.active .salji-email{background-image:url(/res/images/responsive/r1/salji-email.png); cursor:pointer; }
.top-menu li.selected .salji-email{background-image:url(/res/images/responsive/r1/salji-email-s.png); }
.top-menu li.inactive .salji-email{background-image:url(/res/images/responsive/r1/salji-email-i.png); }
.top-menu li.active .cekaj-nalog{background-image:url(/res/images/responsive/r1/cekaj-nalog.png); }
.top-menu li.selected .cekaj-nalog{background-image:url(/res/images/responsive/r1/cekaj-nalog-s.png); }
.top-menu li.inactive .cekaj-nalog{background-image:url(/res/images/responsive/r1/cekaj-nalog-i.png); }
.top-menu li.active .nalozi-na-cekanju{background-image:url(/res/images/responsive/r1/nalozi-na-cekanju.png); }
.top-menu li.selected .nalozi-na-cekanju{background-image:url(/res/images/responsive/r1/nalozi-na-cekanju-s.png); }
.top-menu li.inactive .nalozi-na-cekanju{background-image:url(/res/images/responsive/r1/nalozi-na-cekanju-i.png); }
.top-menu li.active .moji-obrasci{background-image:url(/res/images/responsive/r1/moji-obrasci.png); }
.top-menu li.selected .moji-obrasci{background-image:url(/res/images/responsive/r1/moji-obrasci-s.png); }
.top-menu li.active .moj-profil{background-image:url(/res/images/responsive/r1/moj-profil.png); }
.top-menu li.selected .moj-profil{background-image:url(/res/images/responsive/r1/moj-profil-s.png); }
.top-menu li.active .info{background-image:url(/res/images/responsive/r1/info.png); }
.top-menu li.selected .info{background-image:url(/res/images/responsive/r1/info-s.png); }
.top-menu li.active .odgodi{background-image:url(/res/images/responsive/r1/odgodi.png); }
.top-menu li.selected .odgodi{background-image:url(/res/images/responsive/r1/odgodi-s.png); }
.top-menu li.active .ispis-nalaza{background-image:url(/res/images/responsive/r1/ispis-nalaza.png); }
.top-menu li.selected .ispis-nalaza{background-image:url(/res/images/responsive/r1/ispis-nalaza-s.png); }
.top-menu li.active .pozitivni-obrasci{background-image:url(/res/images/responsive/r1/pozitivni-obrasci.png); }
.top-menu li.active .kopiraj-u-novi{background-image:url(/res/images/responsive/r1/kopiraj-u-novi.png); }
.top-menu li.active .izvjestaj{background-image:url(/res/images/responsive/r1/izvjestaj.png); }
.top-menu li.selected .izvjestaj{background-image:url(/res/images/responsive/r1/izvjestaj-s.png); }
.top-menu li.active .testovi{background-image:url(/res/images/responsive/r1/testovi.png); }
.top-menu li.selected .testovi{background-image:url(/res/images/responsive/r1/testovi-s.png); }
.top-menu li.active .nalaz-download{float: left; padding-left: 1em; }

nav a img.menu-down{width: initial; position: fixed; z-index: 5; top: -0.75em; left: 11em; display:none; }
nav a img.menu-up{width: initial; position: fixed; z-index: 5; bottom: -0.75em; left: 11em; display:none; }
nav .menu{position:fixed; top:0; left:0; width:3.25em; background-color:#2B2D45; overflow:hidden; display:none; }
nav .menu.wide{width:15em; }
nav .menu li{width:100%; margin:0; padding:0; display:table; width:15em; }
nav .menu li p{margin:0; padding:0 0 0 3.75em; height:3.5em; background-repeat:no-repeat; background-size:2.5em; line-height:100%; box-sizing:border-box; background-position:0.5em 0.5em; display:table-cell; vertical-align:middle; line-height:125%; font-size:0.9em; }
nav .menu li a{margin:0; padding:0 0 0 3.75em; height:3.5em; background-repeat:no-repeat; background-size:2.5em; line-height:100%; box-sizing:border-box; background-position:0.5em 0.5em; display:table-cell; vertical-align:middle; line-height:125%; font-size:0.9em; }
nav .menu li.active a{color:#2F74A9; }
nav .menu li.inactive{color:#9BA4B3; }
nav .menu li.selected{background-color:#EEF5FA; color:#9BA4B3; }
nav .menu li.active .checkpoint{background-color:#458FCC; color:#f1f1f1; font-size:0.99em; padding:0.25em 0 0 3.375em; height:3.05em; background-size:2.25em; }
nav .menu li.active .lokacija{background-color:#2F74A9; color:#f1f1f1; }
nav .menu li.active .odjava{background-color:#2F74A9; color:#f1f1f1; }
nav .menu li.active .upute{background-color:#2F74A9; color:#f1f1f1; }

nav .menu li.active .checkpoint{background-image:url(/res/images/responsive/r1/checkpoint.png); }
nav .menu li.selected .checkpoint{background-image:url(/res/images/responsive/r1/checkpoint-s.png); }
nav .menu li.inactive .checkpoint{background-image:url(/res/images/responsive/r1/checkpoint-i.png); }
nav .menu li.active .korisnik{background-image:url(/res/images/responsive/r1/korisnik.png); background-color:#2F74A9; color:#f1f1f1; }
nav .menu li.selected .korisnik{background-image:url(/res/images/responsive/r1/korisnik-s.png); }
nav .menu li.inactive .korisnik{background-image:url(/res/images/responsive/r1/korisnik-i.png); }
nav .menu li.active .obrazac-za-savjetovanje{background-image:url(/res/images/responsive/r1/obrazac-za-savjetovanje.png); }
nav .menu li.selected .obrazac-za-savjetovanje{background-image:url(/res/images/responsive/r1/obrazac-za-savjetovanje-s.png); }
nav .menu li.inactive .obrazac-za-savjetovanje{background-image:url(/res/images/responsive/r1/obrazac-za-savjetovanje-i.png); }
nav .menu li.active .pregled-ispunjenih-obrazaca{background-image:url(/res/images/responsive/r1/pregled-ispunjenih-obrazaca.png); }
nav .menu li.selected .pregled-ispunjenih-obrazaca{background-image:url(/res/images/responsive/r1/pregled-ispunjenih-obrazaca-s.png); }
nav .menu li.inactive .pregled-ispunjenih-obrazaca{background-image:url(/res/images/responsive/r1/pregled-ispunjenih-obrazaca-i.png); }
nav .menu li.active .povijest-ispunjenih-obrazaca{background-image:url(/res/images/responsive/r1/povijest-ispunjenih-obrazaca.png); }
nav .menu li.selected .povijest-ispunjenih-obrazaca{background-image:url(/res/images/responsive/r1/povijest-ispunjenih-obrazaca-s.png); }
nav .menu li.inactive .povijest-ispunjenih-obrazaca{background-image:url(/res/images/responsive/r1/povijest-ispunjenih-obrazaca-i.png); }
nav .menu li.active .moji-nalozi{background-image:url(/res/images/responsive/r1/moji-nalozi.png); }
nav .menu li.selected .moji-nalozi{background-image:url(/res/images/responsive/r1/moji-nalozi-s.png); }
nav .menu li.inactive .moji-nalozi{background-image:url(/res/images/responsive/r1/moji-nalozi-i.png); }
nav .menu li.active .nalozi-na-cekanju{background-image:url(/res/images/responsive/r1/nalozi-na-cekanju.png); }
nav .menu li.selected .nalozi-na-cekanju{background-image:url(/res/images/responsive/r1/nalozi-na-cekanju-s.png); }
nav .menu li.inactive .nalozi-na-cekanju{background-image:url(/res/images/responsive/r1/nalozi-na-cekanju-i.png); }
nav .menu li.active .povijest-mojih-naloga{background-image:url(/res/images/responsive/r1/povijest-mojih-naloga.png); }
nav .menu li.selected .povijest-mojih-naloga{background-image:url(/res/images/responsive/r1/povijest-mojih-naloga-s.png); }
nav .menu li.inactive .povijest-mojih-naloga{background-image:url(/res/images/responsive/r1/povijest-mojih-naloga-i.png); }
nav .menu li.active .povijest-pozitivnih-naloga{background-image:url(/res/images/responsive/r1/povijest-pozitivnih-naloga.png); }
nav .menu li.selected .povijest-pozitivnih-naloga{background-image:url(/res/images/responsive/r1/povijest-pozitivnih-naloga-s.png); }
nav .menu li.inactive .povijest-pozitivnih-naloga{background-image:url(/res/images/responsive/r1/povijest-pozitivnih-naloga-i.png); }
nav .menu li.active .izvjesca{background-image:url(/res/images/responsive/r1/izvjesca.png); }
nav .menu li.selected .izvjesca{background-image:url(/res/images/responsive/r1/izvjesca-s.png); }
nav .menu li.inactive .izvjesca{background-image:url(/res/images/responsive/r1/izvjesca-i.png); }
nav .menu li.active .protokoli{background-image:url(/res/images/responsive/r1/protokoli.png); }
nav .menu li.selected .protokoli{background-image:url(/res/images/responsive/r1/protokoli-s.png); }
nav .menu li.inactive .protokoli{background-image:url(/res/images/responsive/r1/protokoli-i.png); }
nav .menu li.active .novosti{background-image:url(/res/images/responsive/r1/novosti.png); }
nav .menu li.selected .novosti{background-image:url(/res/images/responsive/r1/novosti-s.png); }
nav .menu li.inactive .novosti{background-image:url(/res/images/responsive/r1/novosti-i.png); }
nav .menu li.active .lokacija{background-image:url(/res/images/responsive/r1/lokacija.png); }
nav .menu li.selected .lokacija{background-image:url(/res/images/responsive/r1/lokacija-s.png); }
nav .menu li.inactive .lokacija{background-image:url(/res/images/responsive/r1/lokacija-i.png); }
nav .menu li.active .odjava{background-image:url(/res/images/responsive/r1/odjava.png); }
nav .menu li.selected .odjava{background-image:url(/res/images/responsive/r1/odjava-s.png); }
nav .menu li.inactive .odjava{background-image:url(/res/images/responsive/r1/odjava-i.png); }
nav .menu li.active .upute{background-image:url(/res/images/responsive/r1/upute.png); }
nav .menu li.selected .upute{background-image:url(/res/images/responsive/r1/upute-s.png); }
nav .menu li.inactive .upute{background-image:url(/res/images/responsive/r1/upute-i.png); }

#new-comment-modal-wrap{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4); z-index:100; }
#new-comment-modal{margin:0 auto; margin-top:5%; background-color:#ffffff; max-width:94%; width:40em; padding:2em; border-radius:0.5em; border-width:0.125em; border-color:#222222; border-style:solid; line-height:130%; position:relative; box-sizing:border-box; height:75%; overflow-y:auto; }
#new-comment-modal .comment-close{position:absolute; top:0.5em; right:0.5em; font-size:2em; color:#ff4444; line-height:100%; }
#new-comment-modal .form-new-comment{}
#new-comment-modal .form-new-comment h2{padding:0; margin:0 0 1em 0; }
#new-comment-modal .form-new-comment div{margin:0; padding:0 0 1em 0; }
#new-comment-modal .form-new-comment div p{margin:0; padding:0 0 0.5em 0; }
#new-comment-modal .form-new-comment div input.txt{width:100%; padding:0.5em; box-sizing:border-box; }
#new-comment-modal .form-new-comment div input.sbm{padding:0.5em; margin:0 auto; display:block; }
#new-comment-modal .form-new-comment div textarea{width:100%; padding:0.5em; height:11em; box-sizing:border-box; }

#new-corrective-modal-wrap{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4); z-index:100; }
#new-corrective-modal{margin:0 auto; margin-top:5%; background-color:#ffffff; max-width:94%; width:40em; padding:2em; border-radius:0.5em; border-width:0.125em; border-color:#222222; border-style:solid; line-height:130%; position:relative; box-sizing:border-box; height:75%; overflow-y:auto; }
#new-corrective-modal .corrective-print{position:absolute; top:0.5em; right:3em; font-size:2em; color:#ff4444; line-height:100%; }
#new-corrective-modal .corrective-close{position:absolute; top:0.5em; right:0.5em; font-size:2em; color:#ff4444; line-height:100%; }
#new-corrective-modal .form-new-corrective{}
#new-corrective-modal .form-new-corrective h2{padding:0; margin:0 0 1em 0; }
#new-corrective-modal .form-new-corrective div{margin:0; padding:0 0 1em 0; overflow:hidden; }
#new-corrective-modal .form-new-corrective div p{margin:0; padding:0 0 0.5em 0; }
#new-corrective-modal .form-new-corrective div input[type=radio]{width:1.5em; height:1.5em; float:left; }
#new-corrective-modal .form-new-corrective div span strong{font-weight:normal; display:block; margin:0.25em 2em 0 0.25em; padding:0; float:left; }
#new-corrective-modal .form-new-corrective div input.txt{width:100%; padding:0.5em; box-sizing:border-box; }
#new-corrective-modal .form-new-corrective div input.sbm{padding:0.5em; margin:0 auto; display:block; }
#new-corrective-modal .form-new-corrective div textarea{width:100%; padding:0.5em; height:11em; box-sizing:border-box; }
	
div.soloq{}
div.soloq ul{}
div.soloq ul li{float:left; width:100%; padding:0.5em 0 0 0; }
div.soloq ul li p{margin:0 0 0 0.5em; float: left; }
div.soloq ul li input[type=radio] + p{cursor:pointer; float:left; padding:0; margin:0.25em 0 0 0; }
div.soloq ul li input[type=checkbox] + p{cursor:pointer; float:left; padding:0; margin:0.25em 0 0 0; }
div.soloq ul li input[type="checkbox"]{width:1.5em; height:1.5em; float:left; margin-right:0.5em; }
div.soloq ul li input[type="radio"]{width:1.5em; height:1.5em; float:left; margin-right:0.5em; }
div.soloq input[type="text"]{padding:0.5em 1em 0.5em 1em; margin:1.5em 0 0 2.5em; }
div.soloq input[type="number"]{padding:0.5em 1em 0.5em 1em; margin:1.5em 0 0 2.5em; }
div.soloq input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0; }
div.soloq textarea{padding:0.5em 1em 0.5em 1em; margin:1.5em 0 0 2.5em; width:32em; height:10em; }
div.soloq .soloqsubmit{padding:0.5em 1em 0.5em 1em; margin:1.5em 0 0 2.5em;	}
div.soloq .soloq-clear{position:absolute; top:6em; right:1.25em; }


div.soloq section.question input.item-predictive-country{padding:0.5em; }
div.soloq section.question div .item-predictive-country-list{position:absolute; background:#f1f1f1; width:14em; z-index:5; border-style:solid; border-width:0.25em; border-color:#ffffff; padding:0.125em; box-sizing:border-box; }
div.soloq section.question div .item-predictive-country-list li{padding:0.0625em 0 0 0; }
div.soloq section.question div .item-predictive-country-list li a{padding:0.5em; margin:0.125em; display:block; background:#fafafa; line-height:100%; color:#000000; }
div.soloq section.question div .item-predictive-country-list li a:hover{background:#d1e1ec; text-decoration:none; }


	
	
section article.question input[type=radio] + p{cursor:pointer; }
section article.question input[type=checkbox] + p{cursor:pointer; }
div.soloq ul li input.cbmore{padding:0.5em; margin:0; }
div.soloq ul li input.radiomore{padding:0.5em; margin:0; }
	
section article.question input.cbmore{padding:0.5em; }
section article.question input.radiomore{padding:0.5em; }
section article.question input[type=text]{padding:0.5em; }
section article.question input[type=number]{padding:0.5em; }
section article.question input[type=number]::-webkit-inner-spin-button, section article.question input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0; }
section article.question input.item-predictive-year{padding:0.5em; }
section article.question select{padding:0.5em; }
section article.question div .item-predictive-year-list{position:absolute; background:#f1f1f1; width:14em; z-index:5; border-style:solid; border-width:0.25em; border-color:#ffffff; padding:0.125em; box-sizing:border-box; }
section article.question div .item-predictive-year-list li{}
section article.question div .item-predictive-year-list li a{padding:0.5em; margin:0.25em; display:block; background:#fafafa; line-height:100%; color:#000000; }
section article.question div .item-predictive-year-list li a:hover{background:#d1e1ec; text-decoration:none; }

section article.question input.item-predictive-country{padding:0.5em; }
section article.question div .item-predictive-country-list{position:absolute; background:#f1f1f1; width:14em; z-index:5; border-style:solid; border-width:0.25em; border-color:#ffffff; padding:0.125em; box-sizing:border-box; }
section article.question div .item-predictive-country-list li{}
section article.question div .item-predictive-country-list li a{padding:0.5em; margin:0.25em; display:block; background:#fafafa; line-height:100%; color:#000000; }
section article.question div .item-predictive-country-list li a:hover{background:#d1e1ec; text-decoration:none; }

section article.question input.item-predictive-log{padding:0.5em; }
section article.question div .item-predictive-log-list{position:absolute; background:#f1f1f1; width:14em; z-index:5; border-style:solid; border-width:0.25em; border-color:#ffffff; padding:0.125em; box-sizing:border-box; }
section article.question div .item-predictive-log-list li{}
section article.question div .item-predictive-log-list li a{padding:0.5em; margin:0.25em; display:block; background:#fafafa; line-height:100%; color:#000000; }
section article.question div .item-predictive-log-list li a:hover{background:#d1e1ec; text-decoration:none; }

body .popup{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4); z-index:100; }
body .popup span{display:block; margin:0 auto; margin-top:6em; background-color:#ffffff; padding:3em; max-width:20em; width:50%; box-sizing:border-box; position:relative; }
body .popup span p{margin:2em 0 0 0; }
body .popup span .popup-close{position:absolute; top:0.5em; right:0.5em; font-size:2em; color:#ff4444; line-height:100%; }
	
body .content-wrap .reports{}
body .content-wrap .reports li{padding:0 0 1em 0; }
body .content-wrap .reports li.grouped{display:none; }
body .content-wrap .reports li p{padding:0 0 0.25em 0; }
body .content-wrap .reports li select{padding:0.5em; }
body .content-wrap .reports li input{padding:0.5em; }
body .content-wrap .reports li input[type="checkbox"]{width:1.5em; height:1.5em; }
	
	
body .content-wrap #make-chart{display:none; box-sizing:border-box; padding:0.5em 1em 0.5em 1em; color:#222222; background-color:#aaffaa; border-style:solid; border-width:0.0625em; border-color:#a1a1a1; margin:0 auto; margin-top:3em; width:8.5em; text-align:center; }
body .content-wrap #make-chart-export{display:none; box-sizing:border-box; padding:0.5em 1em 0.5em 1em; color:#222222; background-color:#aaffaa; border-style:solid; border-width:0.0625em; border-color:#a1a1a1; margin:0 auto; margin-top:3em; width:8.5em; text-align:center; }
body .content-wrap #chart-type-area{display:none; margin:0 auto; margin-top:1em; text-align:center; background-color:#aaffaa; width:8.5em; padding:1em; }
body .content-wrap #chart-type-area select{padding:0.25em; }
body .content-wrap #chart-area{display:none; box-sizing:border-box; padding:2.5em 1em 0.5em 1em; height:50em; }
body .content-wrap #chart-area-export{display:none; box-sizing:border-box; padding:2.5em 1em 0.5em 1em; height:50em; }
	

@media only screen and (min-width:32em){
	body section.content .content-area table tr  td{width:28%; }
}
@media only screen and (min-width:38em){
	body section.content .content-area table tr  td{width:30%; }
}
@media only screen and (min-width:48em){
	body section.content{margin:3em 0 0 0; padding:0 0 1em 3em; }
	body section.content.wide{padding:0 0 0 15em; }
	body section.content .content-area table tr  td{width:22%; }
	.top-menu{margin-left:3.85em; }
	.top-menu li{width:auto; margin:0 1.5em 0 0; }
	.top-menu li p{padding:1.25em 0 0 3em; }
	.top-menu li a{padding:1.25em 0 0 3em; }
	nav .menu{display:block; }
	#new-comment-modal{max-width:60%; }
	#new-corrective-modal{max-width:60%; }
}
@media only screen and (min-width:48em){
}
@media only screen and (min-width:60em){
	body section.content .content-area table tr  td{float:none; width:initial; }
	#new-comment-modal{max-width:40%; }
	#new-corrective-modal{max-width:40%; }
	body section.content .content-area .content-wrap div.article-content img{max-width:40em; }
}
@media only screen and (min-width:80em){
}
@media only screen and (min-width:90em){
}

.e-mail-tabs{overflow: hidden; border-style: solid; border-width: 0 0 0 0.0625em; border-color: #888888; }
.e-mail-tabs li{float: left; }
.e-mail-tabs li a{display: block; padding: 0.5em 1em 0.5em 1em; border-style: solid; border-width: 0.0625em 0.0625em 0 0; border-color: #888888; background-color: #e1e1e1; }
.e-mail-tabs li a.active{background-color: #b1b1b1; }

.e-mail-tabs.e-mail-tabs-data{}
.e-mail-tabs.e-mail-tabs-data li{display: none;}
.e-mail-tabs.e-mail-tabs-data li.active{display: block;}
.e-mail-tabs.e-mail-tabs-data li textarea.ta{width: 44em; height: 22em; display: block; }

#allover-1-container #mail-data-wrapper{margin:0 auto; margin-top:5%; display:block; max-width:40em; width:100%; }
#allover-1-container #mail-data{width:100%; background-color:#ffffff; padding: 1em; border-style: solid; border-color: #222222; border-width: 0.125em; box-sizing: border-box; position:relative; }
#allover-1-container #mail-data h3{margin:0; padding:0; }
#allover-1-container #mail-data #e-mail-body{width:99%; height:24em; margin-top: 1em; display: none; }
#allover-1-container #mail-data .e-mail-close{position:absolute; top:0.5em; right:0.5em; }
#allover-1-container #mail-data #google-cal-send{padding: 0.5em 1.5em 0.5em 1.5em; margin-top: 0.5em; margin-right: 12.5em;}
#allover-1-container #mail-data #e-mail-send{padding: 0.5em 1.5em 0.5em 1.5em; margin-top: 0.5em;}


#email-send-fdo #termin-testiranja-d{padding:0.5em; width:6em; }
#email-send-fdo #termin-testiranja-t{padding:0.5em; margin:0 0 0 1em; width:3em; }
#email-send-fdo #termin-testiranja-button{padding:0.5em; margin:0 0 0 1em; }


#allover-1-container #mail-data-wrapper .e-mail-tabs.e-mail-tabs-data li textarea.ta{opacity: 1; }



#allover-1{position:fixed; top:0; left:0; width:100%; height:100%; background:#222222; opacity:0.7; display:none; z-index:99997; }
#allover-1-container{position:fixed; top:9%; left:0; width:96%; margin:0 2% 0 2%; height:82%; display:none; z-index:99998; }
#allover-1-container-around{margin:0 auto; padding:0; width:100%; max-width:70em; height:100%; max-height:50em; display:block; box-sizing:border-box; }
#allover-1-container-around-wrap{margin:0; padding:2%; width:100%; height:100%; box-sizing:border-box; background:#ffffff; float:left; border-style:solid; border-color:#663399; border-width:0 0.25em 0.25em 0.25em; position:relative; }
#allover-1-container-around-wrap #edit-file-button-save{position:absolute; bottom:1em; right:2%; background:#007a96; color:#ffffff; padding:0.75em 1em 0.75em 1em; font-size:1em; }
#allover-1-container-around-wrap #edit-file-button-cancel{position:absolute; bottom:1em; right:23%; background:#b1202c; color:#ffffff; padding:0.75em 1em 0.75em 1em; font-size:1em; }
#allover-1-container #allover-1-container-around h3{color:#222222; font-size:1.2em; padding:0 0 0.6em 0; margin:0; }
#allover-1-container #allover-1-container-around .allover-close{font-size:1em; font-weight:bold; color:#ffffff; margin:-1.75em 0 0 0; padding:0; float:right; width:2.5%; text-align:center; box-sizing:border-box; cursor:pointer; cursor:hand; }
#allover-1-container #allover-1-container-around .allover-close:hover{color:#ffff66; }
#allover-1-container #allover-1-container-around #allover-1-container-title{width:100%; margin:0; padding:0.5% 0 0.5% 1%; background:#663399; float:left; box-sizing:border-box; cursor:move; color:#ffffff; }
#allover-1-container #allover-1-container-around #allover-close-imageupload img.x48{width: 1.2em; margin: 0 2em 0 0; background-color: #ffffff; padding: 0.125em; }

#allover-1-container #allover-1-container-around #edit-img-upload{width:24.5%; height:70%; margin:0 0.5% 0 0; float:left; color:#222222; }
#allover-1-container #allover-1-container-around #edit-img-upload .txt{color:#222222; font-size:0.85em; text-align:center; padding:0 0.25em 0 0.25em; line-height:135%; }
#allover-1-container #allover-1-container-around #edit-img-gallery{width:72%; height:100%; margin:0 0 0 2.5%; float:left; border-style:dashed; border-color:#CFB5E8; border-width:0 0 0 3px; padding:0 0 0 2.5%; box-sizing:border-box; }
#allover-1-container #allover-1-container-around #edit-img-gallery .items{overflow:auto; height:90%; }
#allover-1-container #allover-1-container-around #edit-img-gallery .items li{width:99.5%; height:3.5em; padding:0; margin:0.125em 0 0 0; background-color:#f1f1f1; background-repeat:no-repeat; background-position:left top; position:relative; }
#allover-1-container #allover-1-container-around #edit-img-gallery .items li:hover{background-color:#f7f7f7; }
/*#allover-1-container #allover-1-container-around #edit-img-gallery .items .extension-pdf{background-image:url(/container/images/r1/g2016/m12/pdf-icon.png); }*/
#allover-1-container #allover-1-container-around #edit-img-gallery .items li .details-item{position:absolute; right:1.75em; top:0; font-size:2.5em; margin:0; padding:0; text-decoration:none; color:#76a8ff; background-color:#f1f1f1; width:1.5em; text-align:center; }
#allover-1-container #allover-1-container-around #edit-img-gallery .items li .details-item:hover{color:#3668af; }
#allover-1-container #allover-1-container-around #edit-img-gallery .items li .delete-item{position:absolute; right:0.125em; top:0; font-size:2.5em; margin:0; padding:0; text-decoration:none; color:#c11c1c; background-color:#f1f1f1; width:1.5em; text-align:right; }
#allover-1-container #allover-1-container-around #edit-img-gallery .items li .delete-item:hover{color:#ff0000; }
#allover-1-container #allover-1-container-around #edit-img-gallery .items li a{margin:0; padding:0.75em 1em 1.5em 3.5em; display:block; color:#23A8FF; }
#allover-1-container #allover-1-container-around #edit-img-gallery .items li strong{margin:0; padding:0; color:#23A8FF; display:inline; font-weight:normal; }
#allover-1-container #allover-1-container-around #edit-img-gallery .items li p{margin:0; padding:0; color:#23A8FF; display:inline; }
#allover-1-container #allover-1-container-around #edit-img-current{width:27%; height:29%; margin:-19% 0 0 0; float:left; clear:both; border-style:dashed; border-color:#CFB5E8; border-width:3px 0 0 0; padding:1.4% 0 0 0; box-sizing:border-box; position:relative; }
#allover-1-container #allover-1-container-around #edit-img-current .width-limit{width:20em; }
#allover-1-container #allover-1-container-around #edit-img-current .height-limit{height:75%; position:absolute; bottom:0; left:0; }

#allover-1-container #allover-1-container-around #edit-file-upload{width:24.5%; height:100%; margin:0 0.5% 0 0; float:left; color:#222222; }
#allover-1-container #allover-1-container-around #edit-file-upload .txt{color:#222222; font-size:0.85em; text-align:center; padding:0 0.25em 0 0.25em; line-height:135%; }
#allover-1-container #allover-1-container-around #edit-file-gallery{width:72%; height:60%; margin:0 0 0 2.5%; float:left; border-style:dashed; border-color:#CFB5E8; border-width:0 0 0.125em 0.125em; padding:0 0 0.5% 0.75%; box-sizing:border-box; }
#allover-1-container #allover-1-container-around #edit-file-gallery .items{overflow:auto; height:90%; }
#allover-1-container #allover-1-container-around #edit-file-gallery .items li{width:99.5%; height:3.5em; padding:0; margin:0.125em 0 0 0; background-color:#f1f1f1; background-repeat:no-repeat; background-position:left top; position:relative; }
#allover-1-container #allover-1-container-around #edit-file-gallery .items li:hover{background-color:#f7f7f7; }
#allover-1-container #allover-1-container-around #edit-file-gallery .items li .details-item{position:absolute; right:1.75em; top:0; font-size:2.5em; margin:0; padding:0; text-decoration:none; color:#76a8ff; background-color:#f1f1f1; width:1.5em; text-align:center; }
#allover-1-container #allover-1-container-around #edit-file-gallery .items li .details-item:hover{color:#3668af; }
#allover-1-container #allover-1-container-around #edit-file-gallery .items li .delete-item{position:absolute; right:0.125em; top:0; font-size:2.5em; margin:0; padding:0; text-decoration:none; color:#c11c1c; background-color:#f1f1f1; width:1.5em; text-align:right; }
#allover-1-container #allover-1-container-around #edit-file-gallery .items li .delete-item:hover{color:#ff0000; }
#allover-1-container #allover-1-container-around #edit-file-gallery .items li a{margin:0; padding:0.75em 1em 1.5em 3.5em; display:block; color:#23A8FF; }
#allover-1-container #allover-1-container-around #edit-file-gallery .items li strong{margin:0; padding:0; color:#23A8FF; display:inline; font-weight:normal; }
#allover-1-container #allover-1-container-around #edit-file-gallery .items li p{margin:0; padding:0; color:#23A8FF; display:inline; }
#allover-1-container #allover-1-container-around #edit-file-current{width:72.5%; height:32%; margin:-26% 0 0 27.5%; float:left; clear:both; padding:1.4%; box-sizing:border-box; position:relative; overflow:auto; background-color:#f0faff; }
#allover-1-container #allover-1-container-around #edit-file-current h2{margin:0; padding:0; }
#allover-1-container #allover-1-container-around #edit-file-current .icon{position:absolute; display:block; width:3em; height:4em; top:0.5em; right:0.25em; }
#allover-1-container #allover-1-container-around #edit-file-current .width-limit{width:20em; }
#allover-1-container #allover-1-container-around #edit-file-current .height-limit{height:75%; position:absolute; bottom:0; left:0; }


#edit-my-upload{
		font-family:'PT Sans Narrow', sans-serif;
		background-color:#373a3d;

		background-image:-webkit-linear-gradient(top, #373a3d, #313437);
		background-image:-moz-linear-gradient(top, #373a3d, #313437);
		background-image:linear-gradient(top, #373a3d, #313437);

		padding:30px;
		border-radius:3px;

		margin:0;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

#edit-my-upload #filename{width:100%; background:#444a4d; border:0; padding:0.5em; font-size:0.9em; color:#ffffff; margin:0; box-sizing:border-box; }
#edit-my-upload #filedesc{width:100%; height:10em; background:#444a4d; border:0; padding:0.5em; font-size:0.9em; color:#ffffff; margin:0.5em 0 0.5em 0; box-sizing:border-box; font-family:'PT Sans Narrow', sans-serif; resize:none; }
#edit-my-upload #filelocation{width:100%; display:block; background:#444a4d; border:0; padding:0.5em; font-size:0.9em; color:#e1e1e1; margin:0 0 0.5em 0; box-sizing:border-box; overflow:hidden; line-height:100%; }
#edit-my-upload #filelocation p{margin:0; padding:0; }
#edit-my-upload #filelocation p input{width:1.5em; height:1.5em; float:left; clear:both; margin:0.9em 0 0 0; }
#edit-my-upload #filelocation p strong{font-weight:normal; padding:0.95em 0 0 0.25em; display:block; float:left; }
	
#edit-my-upload-drop{
		background-color: #2E3134;
		padding:20px 20px 40px 20px;
		margin-bottom: 30px;
		border: 20px solid rgba(0, 0, 0, 0);
		border-radius: 3px;
		border-image: url('../../res/images/border-image.png') 25 repeat;
		text-align: center;
		text-transform: uppercase;

		font-size:16px;
		font-weight:bold;
		color:#7f858a;
}

#edit-my-upload-drop a{
		background-color:#007a96;
		padding:12px 26px;
		color:#fff;
		font-size:14px;
		border-radius:2px;
		cursor:pointer;
		display:inline-block;
		margin-top:12px;
		line-height:1;
}

#edit-my-upload-drop a:hover{
		background-color:#0986a3;
}

#edit-my-upload-drop input{
		display:none;
}

#edit-my-upload ul{
		list-style:none;
		margin:0 -30px;
		border-top:1px solid #2b2e31;
		border-bottom:1px solid #3d4043;
}

#edit-my-upload ul li{

		background-color:#333639;

		background-image:-webkit-linear-gradient(top, #333639, #303335);
		background-image:-moz-linear-gradient(top, #333639, #303335);
		background-image:linear-gradient(top, #333639, #303335);

		border-top:1px solid #3d4043;
		border-bottom:1px solid #2b2e31;
		padding:15px;
		height: 52px;

		position: relative;
}

#edit-my-upload ul li input{
		display: none;
}

#edit-my-upload ul li p{
		width: 144px;
		overflow: hidden;
		white-space: nowrap;
		color: #EEE;
		font-size: 16px;
		font-weight: bold;
		position: absolute;
		top: 20px;
		left: 100px;
}

#edit-my-upload ul li i{
		font-weight: normal;
		font-style:normal;
		color:#7f7f7f;
		display:block;
}

#edit-my-upload ul li canvas{
		top: 15px;
		left: 32px;
		position: absolute;
}

#edit-my-upload ul li span{
		width: 15px;
		height: 12px;
		background: url('../../res/images/icons.png') no-repeat;
		position: absolute;
		top: 34px;
		right: 33px;
		cursor:pointer;
}

#edit-my-upload ul li.working span{
		height: 16px;
		background-position: 0 -12px;
}

#edit-my-upload ul li.error p{
		color:red;
}


.header-label-0{
	cursor: pointer;
}
.header-label-1{
	cursor: pointer;
}
.tr-search-line{
	background-color: #cef0ff;
}
.tr-search-line td{
	text-align: left !important;
	padding-left: 2%;
	width: 100% !important;
	box-sizing: border-box;
}
.search-code-input{
	padding: 0.5em;
	width: 6em;
}
.search-code-button{
	padding: 0.5em;
	margin-left: 1em;
}
.search-code-button-reset{
	padding: 0.5em;
	margin-left: 2em;
}
#search-time-1{
	margin-left: 0.5em;
}
.trsl-time{
	margin-left: 2em;
}