@media (min-width: 1400px) {
	.container { max-width: 1380px; }
}
body{
	background: #E5E5E5;
}
a, a:hover, a:focus{ 
	color: #ED1C24; 
}

a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):hover {
	color:#fff;
	cursor: pointer;
}

p {
	font-size: 14px;
	line-height: 24px;
}

.button{
	font-size: 14px;
}

.button:focus,.button:hover{
	color: #fff;
}
a.button:hover,
button.button:hover{
	color: #fff;
}
.btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-primary:active:focus, .btn.btn-primary:active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active:hover, .open > .btn.btn-primary.dropdown-toggle, .open > .btn.btn-primary.dropdown-toggle:focus, .open > .btn.btn-primary.dropdown-toggle:hover, .navbar .navbar-nav > li > a.btn.btn-primary, .navbar .navbar-nav > li > a.btn.btn-primary:hover, .navbar .navbar-nav > li > a.btn.btn-primary:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active, .navbar .navbar-nav > li > a.btn.btn-primary.active, .navbar .navbar-nav > li > a.btn.btn-primary:active:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active:hover, .navbar .navbar-nav > li > a.btn.btn-primary.active:focus, .navbar .navbar-nav > li > a.btn.btn-primary.active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:hover{
	background-color: #ED1C24;
    color: #FFFFFF;
}
.btn-outline-primary,
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {
    color: #ED1C24;
	border-color: #ED1C24;
	border-width: 2px;
}
.btn-outline-primary:active,.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active{
	color: #fff;
	background-color: #ED1C24;
	box-shadow: 0 0 0 0.2rem #ED1C24;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #ED1C24;
    border-color: #ED1C24;
}
.input-group .input-group-addon{ 
	min-width: 30px; 
	position: relative; 
	top: 5px; 
}
.form-group{
	margin: 0;
	padding-bottom: 0;
	width: 40em;
	padding-left: 20px;
}
.content-frame{
	background-color: #fff;
}
.form-group.has-error,
.form-group.has-danger{
	border: 1px solid red;
}
.msg-icon{
    color: #fff;
    position: relative;
    border-radius: 30px;
    padding: 10px;
    font-size: 40px !important;
}
.error{
	color: red;
}
.success{
	color: rgb(0, 121, 0);
}
.success-icon{
	background: rgb(0, 121, 0);
}
.error-icon{
	background: red;
}

.datumDoKonca{
	line-height: 20px;
}

.bg-naznanilo td{
	background-color: rgb(255, 247, 220);
}
.bg-zakljucen td{
	background-color: #DDD;
}

.glava {
	background-color: #C0C0C0;
	text-align: left;
	height: 90px;
}
.glava h1{
	margin-bottom: 0;
    padding: 15px 5px;
}
.glava h1 span{
	position: relative;
	left: 20px;
}
.content-section.content-single{
	padding: 0;
	margin: 80px 0;
}
.content-section.content-single .title-section{
	background-color: #fff;
	padding: 50px 0 0;
}
.content-section.content-single .title-section h1{ 
	padding-bottom: 20px;
}
.content-main{
	padding: 50px 0 100px;
}
.content-main h2{
	margin-bottom: 40px;
}

.datepicker table tr td span.active{ color: #000; }
.datepicker table tr td span.focused{ color: #fff; background-color: #ae181d; }

th{
	vertical-align: middle !important;
}

.search-advanced:hover{ cursor: pointer; color: #ff0000; }
.search-advanced.active{ color: #ff0000; }
.search-advanced-fields{ margin-top: 15px; width: 100%; background-color: #eee; padding: 20px; display: none; }
.search-advanced-fields .form-control{ display: inline-block; }
.search-advanced-fields .searchInputForm{ margin-top: 10px; }
.search-advanced-fields .datepicker{ background-color: #fff; width: 120px; }



.progress{
    border-style: solid;
    border-width: 1px;
    border-color: #aaa;
    background-color: #ccc;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171717', endColorstr='#1e1e1e',GradientType=0 );
	height: 24px;
}
.progress-bar{
	background-color: rgb(157,213,58);
    background: -moz-linear-gradient(top, rgb(157,213,58) 0%, rgb(161,213,79) 50%, rgb(128,194,23) 51%, rgb(124,188,10) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(157,213,58)), color-stop(50%,rgb(161,213,79)), color-stop(51%,rgb(128,194,23)), color-stop(100%,rgb(124,188,10)));
    background: -webkit-linear-gradient(top, rgb(157,213,58) 0%,rgb(161,213,79) 50%,rgb(128,194,23) 51%,rgb(124,188,10) 100%);
    background: -o-linear-gradient(top, rgb(157,213,58) 0%,rgb(161,213,79) 50%,rgb(128,194,23) 51%,rgb(124,188,10) 100%);
    background: -ms-linear-gradient(top, rgb(157,213,58) 0%,rgb(161,213,79) 50%,rgb(128,194,23) 51%,rgb(124,188,10) 100%);
    background: linear-gradient(to bottom, rgb(157,213,58) 0%,rgb(161,213,79) 50%,rgb(128,194,23) 51%,rgb(124,188,10) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 );
	color: #000;
}

.vrednosti {
	margin-bottom: 12px;
}

.vrednosti .col-md-4 {
	font-weight: bold;
}

.opis {
	text-align: justify;
	text-justify: inter-word;
}

.fa-pdf-file {
	color: #ed1c24;
}

.fa-pdf-file:hover {
	cursor: pointer;
}

.ureVpogleda p:before,
.obravnava-datum:before,
.obravnava-ura:before{
	font-family: "Material Icons";
    content: "\e8b5";
	position: relative;
	top: 6px;
    font-size: 23px;
    margin-right: 7px;
}
.ureVpogleda p {
	margin: 0;
	line-height: 140%;
	margin-left: 0px;
}
.obravnava-datum:before{
	content: "\e878";
}
.buttonsLinksIsls{
	width: 100%;
}

.container-card h3{
	font-size: 20px;
    margin-bottom: 20px;
}

#nazivRazgrnitve {
    font-size: 26px;
}

.container-card{
	background-color: #fff;
	padding: 30px;
}

.naslovVpogleda,
.obravnava-ulica{
	font-weight: bold;
	color: #ED1C24;
}
#graficniPregledText i{
	font-size: 25px;
}

.dokumentFrame a{
	white-space: nowrap;
	font-weight: bold;
}
.dokumentFrame i{
	font-size: 30px;
	position: relative;
	top: 8px;
}
.uploadFilesInfo{
	max-width: 500px;
    margin: 0 auto;
    font-size: 0.8em;
    margin-bottom: 30px;
}

.naslov p {
	margin-bottom: 0;
}

.graficniVpogledContainer{
	text-align: center;
}
#oddajPripomboBtn i, #oddajPripomboBtn span, #graficniPregledText i, #graficniPregledText span{
	top: 0px;
}
.graficniVpogledContainer button span,
.graficniVpogledContainer a span,
#oddajPripomboBtn span, #graficniPregledText span{
    margin-left: 10px;
}


#ModalWindow{
	z-index: 9999;
    background: rgba(0, 0, 0, 0.7);
}
#ModalWindow .modal-dialog{
	margin-top: 260px;
}
.modal-full .modal-dialog {
	min-width: 95%;
	width: auto;
    max-width: 1150px;
}
.row-status-0,.row-status-2{
	display: none;
    opacity: 0;
}
#dokumentacija{
	margin-bottom: 20px;
	overflow: auto;
}
.searchInputForm{
	width: 100%;
}

.contact-details h4,
.contact-details a{ 
	color: #fff; 
}
.contact-details h4{
	font-size: 25px;
	margin-bottom: 20px;
}
.contact-details a{
	text-decoration: underline;
}
.contact-details .contact {
    list-style: none;
    margin: 0;
    padding: 0;
}
.contact-details p{
	font-size: 13px;
	text-align: left;
	margin-bottom: 5px;
}
.contact-details .contact i {
    display: block;
    float: left;
    font-size: 1.2em;
    margin: 6px 8px 2px 0;
    position: relative;
    text-align: center;
    top: -2px;
    width: 16px;
}
.status-0,.status-2{
	background: #aaa;
}

.circle-progress {
	width: 60%;
	height: 100%;
}

.circle-progress-value {
	stroke-width: 12px;
	stroke: rgb(233, 231, 231);
}
.circle-progress-circle {
	stroke-width: 11px;
}

.jstree-default .jstree-node{
	margin-bottom: 8px;
}
.jstree-default .jstree-clicked{
	background: unset !important;
	box-shadow: unset !important;
}
.jstree-default .jstree-hovered{
    background: #eee !important; 
}
.jstree-default .jstree-node, .jstree-icon.fa.fa-file.jstree-themeicon-custom::before {
	font-family: "Material Icons";
    content: "\e873";
	font-style: normal;
	font-size: 20px;
}
.jstree-default .jstree-anchor{
	font-family: "Heebo", sans-serif;
	font-size: 16px;
}

.select2-selection--multiple:before {
    content: "";
    position: absolute;
    right: 7px;
    top: 42%;
    border-top: 5px solid #888;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear{
	right: 9px !important;
}
.form-group-display{
	padding: 0; 
	width: 100%
}
#obravnave p{
	font-size: 16px;
}

#publikacija, .aktPovezava, .aktPovezava:hover, .aktPovezava:focus {
	color: unset;
}

.povezaveAktiCards{
	margin-bottom: 0;
}

.publikacija-link-icon{
	font-size: 18px  !important;
	vertical-align: text-top;
	padding-left: 5px;
	padding-top: 1px;
	color: red;
}

.legenda-link-icon{
	font-size: 18px  !important;
	vertical-align: text-top;
	padding-left: 3px;
	padding-top: 2px;
	color: red;
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
}
.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-50px);
    transform: translate(0,-50px);
}
.modal .modal-dialog {
    margin-top: 100px;
}

.modal-content{
	border: 0
}
#ModalWindowWideHeader.bg-secondary h4{
	color: #fff;
}

.fileDelete{
	color: red;
	position: relative;
	top: 5px;
}
.fileDelete:hover{
	cursor: pointer;
}
.search-date-clear{
	display: none;
	position: absolute;
    margin-left: -18px;
    margin-top: 6px;
}
.search-date-clear:hover{
	cursor: pointer;
}

.search-box{
	width: 50%;
	margin-right: 3rem;
}
.search-filter-checkboxes{ display: inline-flex; }

.filter_status_el{
	display: inline;
	margin-right: 1rem;
}
.navbar-home{ 
	display: none; 
	color: #585978; 
	font-size: 35px; 
}
.jstree-default .jstree-search{
	font-style: normal !important;
	color: #585978 !important;
	font-weight: normal !important;
    background: transparent !important;
}
.btn-kartica{ max-width: 300px }
.btn-kartica-dashboard{ width: 60% }

.form__group {
	position: relative;
	padding: 15px 0 0;
	width: 100%;
}

.form__field {
	font-family: inherit;
	width: 100%;
	border: 0;
	border-bottom: 2px solid #c6c6c6;
	outline: 0;
	font-size: 1rem;
	color: #000000;
	background: transparent;
	transition: border-color 0.2s;
}
.form__field::placeholder {
	color: transparent;
}
.form__field:placeholder-shown ~ .form__label {
	font-size: 1rem;
	cursor: text;
	top:20px;
}

.form__label {
	position: absolute;
	top: 0;
	display: block;
	transition: 0.2s;
	font-size: 1rem;
	color: #9b9b9b;
}

.form__field:focus {
	border-width: 2px;
}

.form__field:focus ~ .form__label {
	position: absolute;
	top: 0;
	display: block;
	font-size: 0.8rem;
	color: #9b9b9b;
}

/* reset input */
.form__field:required, .form__field:invalid {
	box-shadow: none;
	z-index: 10;
    position: relative;
}

@media (min-width: 800px){
	#ModalWindowWide .modal-dialog{ max-width: 800px; }
}
@media (max-width: 800px){
	#ModalWindowWide .modal-dialog{ max-width: 100%; }
	.form-group{ width: 90%; }
	.commentEditor{ width: 100%; }
}
@media (max-width: 767px){
	.navbar-title{ font-size: 1.2em; }
	.searchInputForm{ width: 100%; }
	.contact-style-1{ padding: 120px 20px }
	.search-box{ width: 100%; margin-right: 0; }
	.search-filter-checkboxes{ display: block; }
	.filter_status_el{ display: block; margin-right: 0; }
	.datumText,.prikazDatuma,.table-objave .progress{ display: none; }
	.opisText{  width: 65%; }
	body{ background: #fff; }
	.navbar-home{ display: block; }
	.search-box{ display: block !important; }
	.search-box-first{ padding: 0; }
	.stAkta, .vrstaAkta{ display: none; }
}
@media (max-width: 580px){
	.form-group{ width: 85%; }
	.btn-kartica{ max-width: 100%; }
	.buttonsLinksIsls { display: block; }
	.buttonsLinksIsls a{
		width: 100%;
		margin: 0 !important;
	}
	.buttonsLinksIsls a:nth-child(2){ margin-top: 15px !important; }
	.jstreeSearchGroup{ margin: -26px 0 21px 0; }
	.jstree-default a { 
		white-space:normal !important; height: auto; 
	}
	.jstree-anchor {
		height: auto !important;
	}
	.jstree-default li > ins { 
		vertical-align:top; 
	}
	.jstree-leaf {
		height: auto;
	}
	.jstree-leaf a{
		height: auto !important;
	}
	.jstree-node ul li a{ margin-left: 10px !important; }
	.jstree-node ul li a i{ margin-left: -27px !important; }
}
@media (max-width: 530px){
	.content-section{ background-color: #fff; }
	.content-main{ padding: 40px 0 100px; }
	.content-section.content-single .container{ padding: 0 }
	.content-section.content-single .container .title-section{ padding: 0 30px; background-color: #fff; }
	.button{ height: auto; padding: 10px 50px; }
	.navbar-title{ display: none; }
	.btn-kartica-dashboard{ width: 100%; }
}
@media (max-width: 460px){
	h1{ font-size: 1.3em; }
	.mainSection{ padding: 15px !important; }
	#nazivRazgrnitve{ font-size: 1.6em; margin: 15px; text-transform: unset; }
}
@media (max-width: 420px){
	.form-group{ width: 80%; }
	.commentEditor{ width: 100%; }
	.graficniVpogledContainer button{ width: 100%; }
}



.checkbox label {
	cursor: pointer;
	padding-left: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
.form-group.is-focused .checkbox label {
	color: rgba(0,0,0, 0.26);
}
.form-group.is-focused .checkbox label:hover, .form-group.is-focused .checkbox label:focus {
	color: rgba(0,0,0, .54);
}
fieldset[disabled] .form-group.is-focused .checkbox label {
	color: rgba(0,0,0, 0.26);
}
.checkbox input[type=checkbox] {
	opacity: 0;
	position: absolute;
	margin: 0;
	z-index: -1;
	width: 0;
	height: 0;
	overflow: hidden;
	left: 0;
	pointer-events: none;
}
.checkbox .checkbox-material {
	vertical-align: middle;
	position: relative;
	top: 1px;
	padding-right: 5px;
	display: inline-block;
}
.checkbox .checkbox-material:before {
	display: block;
	position: absolute;
	left: 0;
	content: "";
	background-color: rgba(0, 0, 0, 0.84);
	height: 20px;
	width: 20px;
	border-radius: 100%;
	z-index: 1;
	opacity: 0;
	margin: 0;
	top: 0;
	-webkit-transform: scale3d(2.3,2.3,1);
	-moz-transform: scale3d(2.3,2.3,1);
	-o-transform: scale3d(2.3,2.3,1);
	-ms-transform: scale3d(2.3,2.3,1);
	transform: scale3d(2.3,2.3,1);
}
.checkbox .checkbox-material .check {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid rgba(0,0,0, .54);
	overflow: hidden;
	z-index: 1;
	border-radius: 3px;
}
.checkbox .checkbox-material .check:before {
	position: absolute;
	content: "";
	transform: rotate(45deg);
	display: block;
	margin-top: -3px;
	margin-left: 7px;
	width: 0;
	height: 0;
	background: red;
	box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
	-webkit-animation: checkbox-off 0.3s forwards;
	-moz-animation: checkbox-off 0.3s forwards;
	-o-animation: checkbox-off 0.3s forwards;
	-ms-animation: checkbox-off 0.3s forwards;
	animation: checkbox-off 0.3s forwards;
}
.checkbox input[type=checkbox]:focus + .checkbox-material .check:after {
	opacity: 0.2;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check {
	background: #ED1C24;
	border-color: #ED1C24;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:before {
	color: #FFFFFF;
	box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
	-webkit-animation: checkbox-on 0.3s forwards;
	-moz-animation: checkbox-on 0.3s forwards;
	-o-animation: checkbox-on 0.3s forwards;
	-ms-animation: checkbox-on 0.3s forwards;
	animation: checkbox-on 0.3s forwards;
}
.checkbox input[type=checkbox]:checked + .checkbox-material:before {
	-webkit-animation: rippleOn 500ms;
	-moz-animation: rippleOn 500ms;
	-o-animation: rippleOn 500ms;
	-ms-animation: rippleOn 500ms;
	animation: rippleOn 500ms;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:after {
	-webkit-animation: rippleOn 500ms forwards;
	-moz-animation: rippleOn 500ms forwards;
	-o-animation: rippleOn 500ms forwards;
	-ms-animation: rippleOn 500ms forwards;
	animation: rippleOn 500ms forwards;
}
.checkbox input[type=checkbox]:not(:checked) + .checkbox-material:before {
	-webkit-animation: rippleOff 500ms;
	-moz-animation: rippleOff 500ms;
	-o-animation: rippleOff 500ms;
	-ms-animation: rippleOff 500ms;
	animation: rippleOff 500ms;
}
.checkbox input[type=checkbox]:not(:checked) + .checkbox-material .check:after {
	-webkit-animation: rippleOff 500ms;
	-moz-animation: rippleOff 500ms;
	-o-animation: rippleOff 500ms;
	-ms-animation: rippleOff 500ms;
	animation: rippleOff 500ms;
}
fieldset[disabled] .checkbox, fieldset[disabled] .checkbox input[type=checkbox],
.checkbox input[type=checkbox][disabled] ~ .checkbox-material .check,
.checkbox input[type=checkbox][disabled] + .circle {
	opacity: 0.5;
}
.checkbox input[type=checkbox][disabled] ~ .checkbox-material .check {
	border-color: #000000;
	opacity: .26;
}
.checkbox input[type=checkbox][disabled] + .checkbox-material .check:after {
	background-color: rgba(0,0,0, 0.87);
	transform: rotate(-45deg);
}


/* CSS FIREFOX SPECIFIC */
@-moz-document url-prefix() {
	.search-filter-checkboxes {
		position: relative;
		top: -11px;
	}
}

.loader-frame {
	position: absolute;
    width: 97%;
    background: rgba(255, 255, 255, 0.8);
    height: 100%;
    z-index: 100;
	top: 0;
	display: none;
}
.loader-frame-import{
	top: -51px;
    left: 0px;
	height: 300px;
}
.loader {
	position: absolute;
	left: 50%;
	margin-top: 85px;
}
.loader-import{ left: 40%; }
.lds-roller {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.lds-roller div { animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; transform-origin: 40px 40px; }
.lds-roller div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #ED1C24;
	margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) { animation-delay: -0.036s; }
.lds-roller div:nth-child(1):after { top: 63px; left: 63px; }
.lds-roller div:nth-child(2) { animation-delay: -0.072s; }
.lds-roller div:nth-child(2):after { top: 68px; left: 56px; }
.lds-roller div:nth-child(3) { animation-delay: -0.108s; }
.lds-roller div:nth-child(3):after { top: 71px; left: 48px; }
.lds-roller div:nth-child(4) { animation-delay: -0.144s; }
.lds-roller div:nth-child(4):after { top: 72px; left: 40px; }
.lds-roller div:nth-child(5) { animation-delay: -0.18s; }
.lds-roller div:nth-child(5):after { top: 71px; left: 32px; }
.lds-roller div:nth-child(6) { animation-delay: -0.216s; }
.lds-roller div:nth-child(6):after { top: 68px; left: 24px; }
.lds-roller div:nth-child(7) { animation-delay: -0.252s; }
.lds-roller div:nth-child(7):after { top: 63px; left: 17px; }
.lds-roller div:nth-child(8) { animation-delay: -0.288s; }
.lds-roller div:nth-child(8):after { top: 56px; left: 12px; }
@keyframes lds-roller {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}