@font-face{font-family:univerza sans;src:url(../assets/fonts/UniverzaSans-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:univerza sans;src:url(../assets/fonts/UniverzaSans-Bold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:univerza sans;src:url(../assets/fonts/UniverzaSans-Italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:univerza sans;src:url(../assets/fonts/UniverzaSans-BoldItalic.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:univerza sans;src:url(../assets/fonts/UniverzaSans-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root{--font-univerza-sans:'Univerza Sans', sans-serif;--title-margin:clamp(24px, calc(15.7px + 1.45vw), 40px);--p-margin:24px}
@media (min-width: 1400px) {
	.container { max-width: 1380px; }
}
body{
	font-family:var(--font-univerza-sans);
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .navbar-title{
	font-family:var(--font-univerza-sans);
}
.title-content h1{
	font-size: 40px !important;
}

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

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

.hero-section-wrapper-1 .header{
	background-color: #fff;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 5%);
}
.footer-style-1{
	background: #ddd;
    color: #000;
}
.footer-style-1 .footer-widget img{
	max-width: 400px;
	max-height: 70px;
}
.button i {
    padding-left: 0px;
}
.navbar-title{ 
	font-size: 1.3em; 
	margin-top: 12px;
	margin-left: 40px;
}
.header.header-4 .navbar-nav .nav-item a::after, .header.header-4 .navbar-nav .nav-item a::before{
	background: #fff;
}
.header.header-4 img{
	max-width: 450px;
	max-height: 70px;
}
.alert-notification{
	max-width: 700px;
	margin: 0 auto 40px;
	text-align: center;
}
.table-hover .table-primary:hover, .table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th,
.table-primary, .table-primary>td, .table-primary>th,
.dataTables_paginate .active a, .dataTables_paginate a:hover,
.button {
    background-color: #163962;
}
.logo_img{
	max-width: 400px;
    max-height: 70px;
}
.btn-hamburger,
.navbar-title,
a, a:hover, a:focus{
	color: #163962;
}

table.dataTable.table-hover tr:hover{
	background-color: #eee;
}

.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: #163962;
    color: #FFFFFF;
}
.btn-outline-primary,
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {
    color: #163962;
	border-color: #163962;
	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: #163962;
	box-shadow: 0 0 0 0.2rem #163962;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #163962;
    border-color: #163962;
}
.btn-hamburger{
	background: none;
    border: 0;
	display: none;
}
.povezaveBtn{
	padding-left: 0 !important;
}
.povezaveBtn p{
	margin-bottom: 8px !important;
}
.povezaveBtn .btn{
	font-size: 13px;
	width: 340px;
}
.linkIcon{
	position: relative;
	top: 4px;
	font-size: 17px !important;
}
.cta-underline {
    text-decoration: none;
    position: relative;
    padding-bottom: clamp(4px, .7vw, 7px);
    font-weight: 900;
    letter-spacing: .18px;
    cursor: pointer;
    background-image: linear-gradient(#FFCE00, #FFCE00);
    background-position: bottom;
    background-size: 100% clamp(4px, .7vw, 7px);
    background-repeat: no-repeat;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    transition: background-size .3s;
}
.cta-underline:hover {
    background-size: 100% 100%;
}
.input-group-text{
	border-radius: 0;
}

.vrednostiPovezave p{
	margin-bottom: 0px;
}
.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;
}

.contentTitle{
	font-weight: bold;
	font-size: 17px;
	margin: 12px 0 24px;
}
.contentFrame{
	font-size: 14px;
}
.contentFrame .vrednosti{
	padding-left: 7px;
}
.contentFrame .vrednosti .rowTitle{
	font-weight: bold;
}
.loadHidden{
	display: none;
}

.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-top: 80px;
	background-color: #fefefe;
}
.content-section.content-single .title-section{
	padding: 20px 0 0;
}
.content-section.content-single .title-section h1{ 
	padding-bottom: 20px;
}
.content-section.content-single .karticaAppTitle h2{ 
	font-size: 25px;
	text-align: center;
	font-weight: 500;
}
.content-main{
	padding: 50px 0 100px;
	min-height: 600px;
}
.content-main h2{
	margin-bottom: 40px;
}

.services .card .material-icons { font-size: 5em; }
.services .card{ transition: all 0.3s; padding: 10px; min-height: 390px; }
.services .card .material-icons{ font-size: 5em; }
.services .card h5{ font-weight: 600; min-height: 70px; }
.services .card {
    display: inline-block;
    position: relative;
    width: 100%;
    border-radius: 3px;
    color: rgba(0, 0, 0, 0.87);
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.btn-services{ 
	position: absolute;
    max-width: 150px;
    width: 100%;
    bottom: 36px;
    left: 50%;
    margin-left: -75px;
}
@media (max-width: 1399px) {
	.btn-services{ position: relative; bottom: 0; }
}
.btn-services a.learn-more{ width: 12rem; height: auto; border: 0; background: transparent; }
.btn-services a.learn-more .circle {
	-webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	position: relative;
	display: block;
	margin: 0;
	width: 3rem;
	height: 3rem;
	background: #282936;
	border-radius: 1.625rem;
}
.btn-services a.learn-more .circle .icon {
	-webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	background: #fff;
}
.btn-services a.learn-more .circle .icon.arrow {
	-webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	left: 0.625rem;
	width: 1.125rem;
	height: 0.125rem;
	background: none;
}
.btn-services a.learn-more .circle .icon.arrow::before {
	position: absolute;
	content: '';
	top: -0.25rem;
	right: 0.0625rem;
	width: 0.625rem;
	height: 0.625rem;
	border-top: 0.125rem solid #fff;
	border-right: 0.125rem solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.btn-services a.learn-more .button-text {
	-webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0.75rem 0;
	margin: 0 0 0 1.85rem;
	color: #282936;
	font-weight: 700;
	line-height: 1.6;
	text-align: center;
	text-transform: uppercase;
}
.btn-services a:hover .circle { width: 100%; }
.btn-services a:hover .circle .icon.arrow {
	background: #fff;
	-webkit-transform: translate(1rem, 0);
	transform: translate(1rem, 0);
}
.btn-services a:hover .button-text { color: #fff; }


.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: #163962; }
.search-advanced.active{ color: #163962; }
.search-advanced-fields{ margin-top: 35px; width: 100%; 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; }

.navHeadMain li a{
	padding: 10px 40px;
	font-weight: bold;
	color: #495057;
	border-bottom: 0 !important;
}
.navHeadMain li a.active{
	background-color: #E5E5E5 !important;
	color: #163962 !important;
}

.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: #163962;
}

.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;
}
#nazivObjave {
    font-size: 32px;
}
.blokDatumOd{
	margin-bottom: 0;
}
.listTitle{
	margin-bottom: 45px
}

.container-card{
	padding: 30px;
}

.naslovVpogleda,
.obravnava-ulica{
	font-weight: bold;
	color: #163962;
}
.btn-kartica 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, .btn-kartica i, .btn-kartica span,.btn-icon i{
	top: 0px;
}
.btn-icon i{
	padding-left: 0
}
.btn-icon span{
	top: unset;
	margin-left: 7px;
}
.btn-kartica-jr{
	background-color: #800f0f;
}
.graficniVpogledContainer button span,
.graficniVpogledContainer a span,
#oddajPripomboBtn span, .btn-kartica span{
    margin-left: 10px;
}

.header.header-4 .navbar-nav .nav-item{
	text-align: center;
}
.header.header-4 .navbar-nav .nav-item a{
	padding: 10px 20px 0px;
}
.header.header-4 .navbar-nav .nav-item a:hover, .header.header-4 .navbar-nav .nav-item a.active{
	background: #163962;
	color: #FFFFFF;
}
.header.header-4 .navbar-nav .nav-item a:hover::before, .header.header-4 .navbar-nav .nav-item a:hover::after, .header.header-4 .navbar-nav .nav-item a.active::before, .header.header-4 .navbar-nav .nav-item a.active::after{
	width: unset;
}

#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{
	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;
}
#obravnave .obravnava-ura{
	position: relative;
	left: 10px
}

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

.povezaveAktiCards{
	margin-bottom: 0;
}

.publikacija-link-icon{
	display: inline !important;
	font-size: 18px  !important;
	vertical-align: text-top;
	padding-left: 6px;
	color: #163962;
	position: relative;
    top: -4px;
}

.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;
}
.content-section.content-single hr{
	margin-bottom: 30px;
}

table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_desc_disabled:before{
	font-family: "Glyphicons Halflings";
}


@media (min-width: 800px){
	#ModalWindowWide .modal-dialog{ max-width: 800px; }
}
@media (max-width: 991px){
	.btn-kartica-dashboard{ width: 100%; margin-bottom: 20px; }
	.search-box { width: 100%; }
	.btn-hamburger{ display: block; }
	.d-mobile{ display: inline !important; }
	.header.header-4 .navbar-nav .nav-item{ text-align: left; }
	.navbar-title{ width: 67%; }
	.filter-box{ margin-bottom: 20px; }
}
@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,.stAktaText,.vrstaAktaText{ display: none; }
	.opisText{  width: 65%; }
	body{ background: #fff; }
	.navbar-title{ display: inline-block; white-space: break-spaces; width: 58%; margin-left: 5px; }
	.display-br{ display: none; }
}
@media (max-width: 625px){
	.navbar-brand img{ position: relative; top: -18px; }
}
@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; }
	.title-section .title-content{ padding: 0 }
}
@media (max-width: 530px){
	.navbar-title{ width: 47% }
	.content-section{ background-color: #fff; }
	.content-main{ padding: 10px 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; }
	.searchInputFormDate{ display: block; }
}
@media (max-width: 460px){
	h1{ font-size: 1.3em; }
	.mainSection{ padding: 15px !important; }
	#nazivRazgrnitve{ text-transform: unset; }
}
@media (max-width: 436px){
	.navbar-title{ width: 35% }
}
@media (max-width: 420px){
	.form-group{ width: 80%; }
	.commentEditor{ width: 100%; }
	.graficniVpogledContainer button{ width: 100%; }
}
@media (max-width: 396px){
	.navbar-title{ display: none; }
	.navbar-home{ display: block; }
}



.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: #163962;
	border-color: #163962;
}
.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: #163962;
	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); }
}

.preloader .loader .spinner-circle{
	border-color: #163962 #163962 #E9E9E9;
}