﻿body
{
    background:#f1f1f1;
    padding-top:50px
}

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?9n54hf');
	src:url('fonts/icomoon.eot?#iefix9n54hf') format('embedded-opentype'),
		url('fonts/icomoon.woff?9n54hf') format('woff'),
		url('fonts/icomoon.ttf?9n54hf') format('truetype'),
		url('fonts/icomoon.svg?9n54hf#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
a {
   outline: 0;
}
a:hover, a:active, a:focus {
  outline: 0;
}
[class^="icon-"], [class*=" icon-"] {
    font-family: "icomoon";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
}
.icon-home:before {
	content: "\e601";
}
.icon-drawer:before {
	content: "\e602";
}
.icon-users:before {
	content: "\e605";
}
.icon-list:before {
	content: "\e606";
}
.icon-earth:before {
	content: "\e603";
}
.icon-thumbs-up:before {
	content: "\e604";
}
.icon-arrow-left:before {
	content: "\e600";
}

/* LINKS */
.MainContentWrapper a
{
    color:black;
}
.MainContentWrapper a:hover
{
    text-decoration:none;
}

/* GENERAL */
.Navigacija
{
    border-bottom:solid 1px #eeeeee;
    height:50px;
    width:100%;
    overflow:hidden;
    background:#fff;
    position:fixed;
    top:0px;
    left:0px;
    z-index:1000
    
}
.Navigacija .icon-bar
{
    background:#428bca
}
.Navigacija .navbar-toggle
{
    float:left;
    margin-right:0px;
}
.Navigacija .navbar-brand
{
    display:block;
    float:none;
    overflow:hidden;
    height:auto;
    padding-left:5px;
    background-image:url('../grafika/logo_small.gif');
    background-repeat:no-repeat;
    background-size:auto 35px;
    background-position:8px 8px;;
    padding-left:40px;
   
}
#sidebar_right_content{
    margin-bottom:80px;
}
.nav-tabs h5{
    font-weight:bold;
    background:white;
    margin:0;
    padding:10px;
}
.sidebar-right-close2{
    position:absolute;
    top:0px;
    right:0;
    width:50px;
    height:50px;
    font-size:20px;
    line-height:50px;
    display:none;
    text-decoration:none;
}
#sidebar-wrapper{
    background:#35353a;
    -webkit-box-shadow: inset -10px 10px 5px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: inset -10px 10px 5px -8px rgba(0,0,0,0.75);
    box-shadow: inset -10px 10px 5px -8px rgba(0,0,0,0.75);
}
#sidebar-wrapper .sidebar-nav li a{
    border-bottom:solid 1px #4f4f58;
    color:#e1e1e1;
    font-weight:600;
    text-indent:10px;
     border-left:solid 2px white;
}
.menuopisno{
    margin-top:30px;
    text-align:center;
    color:white;
}
.menuopisno .spacer{
    height:20px;
}
.menuopisno h3{
    margin-bottom:0;
}
.menuopisno .dodatnitext{
    font-style:italic
}
.menuopisno a{
    color:white;
    border-bottom:dotted 1px gray;
    text-decoration:none
}
.menuopisno a:hover{
    border-bottom-color:white;
}
.navlinkcolor0{
    border-left: solid 2px #78B3DE !important;
}
.navlinkcolor1{
    border-left: solid 2px #82DE78 !important;
}
.navlinkcolor2{
    border-left: solid 2px #D99F00 !important;
}
.navlinkcolor3{
    border-left: solid 2px #D90000 !important;
}
.mSubtitle
{
    margin-left:10px
}
.mRow
{
    border-bottom:solid 1px #eee;
    background:white;
    padding:17px 10px;
    display:block;
    overflow:hidden;
    position:relative;
}
a.mRow{
    text-decoration:none;
}
span.ViewTocke
{
    color:#333;
}
a.ViewTocke
{
    background: url(viewtockedocs.png) no-repeat 5px  white;
    background-size:35px;
    padding-left: 45px
}
.mRow div
{
    font-weight:bold;
}
.mRow span+div+div,.mRow span+div
{
    margin-left:20px
}

/* icomoon icon */
.mRow span
{
    position:absolute; 
    left:10px;
    top:19px;  
    
}
.mRow .mComment
{
    font-weight:normal;
    font-size:12px;
    color:gray;
}
.mRow .big
{
    font-size:17px;
}
.Indent
{
    margin-left:15px; 
    border-left:solid 3px gray;
}

/* SPECIFIC DOKUMENTI */
.Dokumenti
{
       border-left: solid 2px gray;
}
.Dokumenti img
{
    position:absolute; 
    left:5px;
    top:19px;  
}
.Dokumenti div
{
    margin-left:30px
}
.Navigacija .nttext
{
    margin:0px;
    padding:0px;
}
.nttext a
{
    text-decoration:none;
    line-height:47px;
    display:block;
    margin-left:8px;
}
.nttext a span
{
    font-size:12px
}

.navbar-toggle .icomoon
{
    font-family: icomoon;
}

 /* logout link */
#sidebar-wrapper ul form a
{
    color:white;
    display:block;
    padding:10px 20px
}
#sidebar-wrapper ul form a:hover
{
 background:gray;
 text-decoration:none
}
/* login forma */
#LoginForm
{
    padding:10px
}
#LoginForm label 
{
    line-height:40px;
    margin:0px;
    margin-right:5px
}
#sidebar-wrapper ul .nttext
{
    display:block;
    width:100%
}
#sidebar-wrapper ul .nttext a
{
    
    display:block;
    width:100%;
    color:White;
    padding-left:10px
}
#sidebar-wrapper ul .nttext a:hover
{
     background:gray;
 text-decoration:none
}
.mGooglePreview
{
    float: left;
    width: 45px;
    height:45px;
    margin:8px 10px 0px 10px;
    overflow:hidden;
    background:url('./gfx/gdocs.jpg')  no-repeat;
    background-size:45px; 
}
.mDocRow{
  
    border-bottom:solid 1px #ccc;
    margin-left:0px;
    padding-left:5px;
    position:relative;
    height:auto;
    overflow:hidden;
    background:#fbfbfb;
    margin-top:-1px

}
.mDocRow i{
    font-size:16px;
}
.mDocRow .mComment{
    color: gray;
    font-size: 12px;
    font-weight: normal;
    margin-left:25px;
}
.mDocRow-googlelink
{
    float:left;
    border:solid 1px white;
    margin-top:8px;
   font-size:20px;
    width:25px;
    height:25px;
    text-align:center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 5px;
    background-image:url('./gfx/gdocs.jpg');
    background-size:23px;
}
.mDocRow-officelink
{
    float:left;
    border:solid 1px white;
    margin-top:8px;
   font-size:20px;
    width:25px;
    height:25px;
    text-align:center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 5px;
    background-image:url('./gfx/office.png');
    background-size:23px;
}
.mDocRow-googlelink:hover{
    border:solid 1px gray;
}
.mDocRow-googlelink>span{
    color:black;
}
.mDocRow-link{
    margin-left:25px;
    display:block;
    padding-top:10px;
    padding-bottom:10px;
}


.mDocRow img{
    height:20px
}
.downloadbutton
{
    margin-top:30px;
    margin-bottom:30px;
    height:60px;
    line-height:40px;
    text-align:center;
    
}
.downloadbutton #btnDwn
{
    background-attachment: scroll, scroll;
    background-clip: border-box;
    background-color: rgb(90, 190, 87);
    background-image: linear-gradient(180deg, rgb(90, 190, 87) 0px, rgb(53, 146, 56) 100%), none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border: 1px solid #0f9b0f;
    border-radius: 3px;
    bottom: auto;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.3);
    box-sizing: content-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    float: none;
    font: 16px/40px "Questrial",Helvetica,sans-serif;
    height: auto;
    left: auto;
    letter-spacing: 0;
    margin: 30px 0 0;
    opacity: 1;
    outline: medium none;
    overflow: visible;
    padding: 0 20px;
    position: static;
    right: auto;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-overflow: clip;
    text-shadow: 0 1px 2px rgb(50, 114, 40);
    text-transform: none;
    top: auto;
    transform: scaleX(1) scaleY(1) scaleZ(1);
    transform-origin: 50% 50% 0;
    transition: none 0s ease 0s ;
    white-space: normal;
    width: auto;
    word-spacing: 0;
    z-index: auto;
}


/* nav tabs style */


.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs::after {
  content: "";
  display: table;
  clear: both;
}

.nav-tabs .nav-item {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs .nav-item + .nav-item {
  margin-left: 0.2rem;
}

.nav-tabs .nav-link {
  display: block;
  padding: 0.5em 1em;
  border: 1px solid transparent;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: #eceeef #eceeef #ddd;
}

.nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover {
  color: #818a91;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover,
.nav-tabs .nav-item.open .nav-link,
.nav-tabs .nav-item.open .nav-link:focus,
.nav-tabs .nav-item.open .nav-link:hover {
  color: #55595c;
  background-color: #fff;
  border-color: #ddd #ddd transparent;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.loader{
    background-image:url('./gfx/loader.gif');
    background-repeat:no-repeat;
    background-position:top left;
    margin:10px;
    padding:10px;
    height:40px;
    min-width:30px;
}
/* ikone */
.i-icon{
    display:block;
    width:50px;
    height:25px;
    background-repeat:no-repeat;
    background-position:center top
}
.i-sjednica{

    background-image:url('./gfx/sjednica.png');
}


/* frontpage */
a.year{
    color:black;
    text-decoration:none;
    padding:5px;
    border-bottom:solid 1px gray;
    font-weight:bold;
    display:block;
    background:white;
}

.mBox{
    display:inline-block;
    min-width:200px;
    margin:10px 20px;
    padding:10px;
    background-color:white;
    overflow:hidden;
    text-align:center;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 1px 1px 2px 0px rgba(97,97,97,1);
    -moz-box-shadow: 1px 1px 2px 0px rgba(97,97,97,1);
    box-shadow: 1px 1px 2px 0px rgba(97,97,97,1);
}

.yearcontainer{
    border-bottom:solid 1px gray;
}

a.mBox:hover{
    background-color:lightgray
}

.mBox>span.i-icon{
    width:100%;
    height:55px;
}

.mBox div.big{
    font-size:1.1em;
    font-weight:bold;
}

.mBox span.descr{
    display:block;
    color:gray;
}

/* ajax content */
.ajax-message{
    padding:15px;
}