/************************/
/*		GENERAL			*/
/************************/
html, body{
	font-family:Roboto;
	color:#5f5f5f;
	scroll-behavior: smooth;
}
.wrapper{
	max-width:1300px;
	margin:auto;
	background:#fff;
}
a, a:hover{
	color:unset;
}
a.btn{
	color:white;
}
a.btn-warning:hover{
	color:white;
}
li a.active{
	font-weight:bold;
}
p a{
	color:#015cab;
}
input[type=checkbox].big-checkbox{
	margin-top: 7px;
    width: 20px;
    height: 20px;
}
.single-akcij-desc{
	padding: 0.375rem 0.75rem;
	border: 1px solid #ced4da;
    border-radius: 0.25rem;
}
#view_list_table{
	font-size:0.9rem;
}
#view_list_table th{
	min-width:106px;
}
#view_list_table th:last-of-type {
    min-width: 85px;
}
.akcije-table#view_list_table th:last-of-type {
    min-width: 115px;
}
#view_list_table th.preview-edit:last-of-type {
    min-width: 115px;
}
#gdpr-cookie-message{
	font-family:inherit !important;
}
.btn-wide{
	padding-left:25px;
	padding-right:25px;
}
td .btn-sm{
	min-width:32px;
}
.container-avp{
	padding:20px 45px 20px 45px;
}
.color-avp, .color-splošno{
	color:#1A50A5;
}
.text-purple{
	color:#605ca8;
}
.text-teal{
	color:#39CCCC;
}
.text-orange{
	color:#ff851b;
}
.text-maroon{
	color:#D81B60;
}
.bg-avp, .bg-splošno{
	background:#1A50A5;
}
.bg-spv, .bg-1{
	background:#F6E638;
}
.bg-sole, .bg-šole, .bg-2{
	background:#ED1B28;
}
.bg-nvo, .bg-3{
	background:#009833;
}
.bg-white{
	background:#fff;
}
.bg-light-grey{
	background:#E5E5E5;
}
.bg-dark-grey{
	background:#4C4C4C;
	color:white;
}
.bg-dark-grey div{
	color:white;
}
.white-title{
	color:white;
	text-shadow: -2px 2px 3px #000;
	font-weight:bold;
}
.square{
	height:38px;
	width:38px;
	float:left;
	margin-right:15px;
}
.news-posts .post-category .square{
	width:5px;
	padding:unset;
}
.row+.row {
    margin-top: 7px;
}
.bg-dark-grey .small-text{
	font-size:16px;
	color:#cbcbcb;
}
.bg-white .big-text{
	font-size:18px;
	line-height: 27px;
	padding-top:5px;
	word-break: break-word;
}
.bg-dark-grey .big-text{
	font-size:26px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	height:38px;
}
.select2-container--default .select2-selection--single{
    padding: 7px;
    height: 38px;
}
.select2-container--default .select2-selection--multiple{
	/* max-height:38px; */
	/* padding-left:10px; */
	padding-top:2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
	margin-top:3px;
}
.input-group-addon span{
	height:100%;
}
.filter-row .col-sm-6{
	padding-left:5px;
	padding-right:5px;
}
.popover{
	max-width:90%;
	width:90%;
}
/************************/
/*		MENU LIST		*/
/************************/
#main-menu{
	background-color:#E5E5E5;
	padding:15px 0;
}
.border-home-left{
	border-left:5px solid #1A50A5;
}
.border-spv-left, .border-1-left{
	border-left:5px solid #F6E638;
}
.border-sole-left, .border-šole-left, .border-2-left{
	border-left:5px solid #ED1B28;
}
.border-nvo-left, .border-3-left{
	border-left:5px solid #009833;
}
.list-item-text{
	height:38px;
	padding-top:6px;
}
.list-item-text h4 {
    font-size: 1.3vmax;
}
#menu-home.active .list-item-text{
	border-bottom:3px solid #1A50A5;
	background:none;
}
#menu-spv.active .list-item-text, #menu-spv-user.active .list-item-text{
	border-bottom:3px solid #F6E638;
	background:none;
}
#menu-sole.active .list-item-text, #menu-sole-user.active .list-item-text{
	border-bottom:3px solid #ED1B28;
	background:none;
}
#menu-nvo.active .list-item-text, #menu-nvo-user.active .list-item-text{
	border-bottom:3px solid #009833;
	background:none;
}
#main-menu .list-group-item, #obcina-contacts .list-group-item{
	border:none;
	background-color: unset;
	padding: 0;
	margin-left:10px;
	margin-top:5px;
}
.list-group-item-action {
    width: unset;
}
.list-group-item.active {
    z-index: 2;
    color: unset;
    background-color: unset;
    border:unset;
    border-color: none;
}
.list-group-item.active h4 {
    font-weight: bold;
}
.tab-content.menu{
	background-color:#CBCBCB;
	padding:10px 0;
}
.tab-content #home{
	background-color:#CBCBCB;
	padding:10px 0 10px 20px;
}
.tab-content #user-panel{
	background-color:#CBCBCB;
	padding-left:20px;
}

.tab-actual{
	margin-top:3px;
}
.tab-actual .post-data {
    max-width: 90%;
}
.tab-actual+.tab-actual{
	border-top: 1px dotted #fff;
	padding-top:10px;
}
.dotted-line-right{
	height:100%;
	border-right: 1px dotted #fff;
}
#user-panel .dotted-line-right{
	height:unset;
	border-right: 1px dotted #fff;
}
.tab-actual .post-category{
	padding-top:6px;
	/* padding-bottom:15px; */
}
.tab-actual .post-title a{
	color:#000;	
}
.tab-pane.active{
	height:100%;
}
.menu-title{
	font-size:17px;
	font-weight:bold;
}
.menu-list ul li a{
	font-size:14px;
	color:black;
}
#user-panel{
	padding-top:45px;
}
.user-tab-header{
	position:absolute;
	left:0;
	top:0;
	padding-top:.5rem;
}
.side-lokacije .card-header{
	padding:0 15px;
}
.side-lokacije a.collapsed .card-header{
	background: #E5E5E5;
}
.side-lokacije a .card-header, .side-lokacije a .card-header:hover{
	background: #cbcbcb;
}
/************************/
/*		BUTTONS			*/
/************************/
.btn{
	border-radius:10px;
}
.btn-avp{
    color: #fff;
    background-color: #1A50A5;
    border-color: #1A50A5;
}
.btn-avp i{
	margin-top: 7px;
}
.btn-avp span{
    margin-top: 3px;
}
.btn-avp:hover,  .btn-avp:active{
	filter:drop-shadow(0 0 4px #3e3e3e);
    color: #fff;
    background-color: #1951a8;
    border-color: #1952a8;
}
.btn-login{
	/* height:43px; */
	width:100%;
}

#obcina-contacts .btn-link, #obcina-contacts .btn-link:hover {
    color: unset;
    text-decoration: underline;
	/* padding-left:30px; */
}
/************************/
/*		ACCESSIBILITY	*/
/************************/
.accessibility-btn{
	position:fixed;
	top: 25%;
	left:0;
	z-index:1039;
	border-color:white;
	border-width:1px;
	/* border-radius:0px; */
}
button > i {
    pointer-events: none;
} 
/* .offcanvas{ */
	/* max-height: fit-content; */
/* } */
.offcanvas-start{
	width:unset;
	/* top:15%; */
	/* bottom:15%; */
}

/************************/
/*		PAGINATION		*/
/************************/
.pagination li.active .page-link{
	background:#5f5f5f;
	border-color:#5f5f5f;
}.pagination li .page-link{
	color:#5f5f5f;
}
.box-footer{
	padding-top:10px;
}
/************************/
/*		HEADER			*/
/************************/
.logo {
	margin: auto;
}
.logo img{
	width: 100%;
    max-width: 296px;
}
.header-text{
	background-image:url("/images/portal-spv.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size:88%;
	min-height:92px;
}

.login-text{
	white-space: nowrap;
	/* direction: rtl; */
	margin-top:5px;
	overflow-x:visible;
}
.search-box{
	border:1px solid #8c8888;
	border-radius:11px;
	margin-top:15px;
}
.search-input{
	border:none;
	border-radius:11px;
	padding-left:20px;
}

.row .row-header{
	padding: 17px 0 0 60px
}
/************************/
/*		FRONT PAGE		*/
/************************/

.front-news .row-header{
	padding: 17px 15px 0 60px;
}

.front-news{
	background-color:#E5E5E5;
}
.news-posts .row{
	padding-right: 5px;
    padding-left: 5px;
	margin-bottom:20px;
	/* width:100%; */
}
.news-posts .row div{
	padding-right: 5px;
	padding-left: 5px;
}
.news-posts .row div div{
	margin-right: unset;
}
.news-posts .row div .post-img{
	margin-bottom:5px;
	overflow:hidden;
}
.news-posts .row div .post-img img{
	max-width:100%;
}
a .post-img img:hover {
    box-shadow: 0px 0 5px black;
}
.post-data{
	height:100%;
}
.post-date{
	color:#656565;
	font-size: 0.8rem;
}
.single-post-data .post-date.pdf-link{
	font-weight:bold;
	font-size: 16px;
	margin-top: 7px;
    margin-bottom: 10px;
}
.news-posts .post-title{
	padding-left:10px !important;
}
.post-category{
	min-width:38px;
}
.news-posts .post-category{
	min-width:unset;
}
.front-shortcuts{
	/* background: #ecf4ff; */
	padding-bottom:17px;
}
.shortcuts-title{
	color:white;
	text-shadow: -2px 2px 3px #000;
	text-align:center;
	font-weight:bold;
	height:64px;
	padding-top:14px;
}
.shortcuts-link{
	background: #cbcbcb;
	text-align:center;
	height:64px;
	vertical-align:middle;
	margin-top:20px;
	font-size:16px;
	font-weight:bold;
	position:relative;
}
.shortcuts-link p {
    margin: 0;
    position: absolute;
    word-break: break-word;
    top: 50%;
    left: 50%;
    width: 90%;
    line-height: 1;
	transform: translate(-50%, -50%);
}
.shortcuts-link:hover{
    /* box-shadow: 0px 2px 9px; */
	background: #ffffff;
	/* background: #f8f9fa; */
}
.link-border-splošno{
	border-left:4px solid #1A50A5;
	border-right:4px solid #1A50A5;
}
.link-border-spv{
	border-left:4px solid #F6E638;
	border-right:4px solid #F6E638;
}
.link-border-sole, .link-border-šole{
	border-left:4px solid #ED1B28;
	border-right:4px solid #ED1B28;
}
.link-border-nvo{
	border-left:4px solid #009833;
	border-right:4px solid #009833;
}

/************************/
/*		USER PAGE		*/
/************************/
.notice-row{
	border:2px solid #e5e5e5;
	padding-top:20px;
	padding-bottom:10px;
}
.notice-row .notice-data{
	height: 100%;
	/* border-left:2px solid black; */
}
.notice-row img {
    max-width: 100%;
}
.notice-sign{
	text-align: center;
	height:100%;
}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.notice-sign img{
    vertical-align: middle;
}
.stat-icon img {
    max-width: 90%;
}
.user-stats .row-header{
	padding:15px 55px 15px 55px;
}
.user-stats .user-stats-row{
	padding:0 25px 0 25px;
}
.single-stat{
	text-align:center;
}
.stat-icon{
	padding-top:10px;
	padding-bottom:25px;
}
.black-border{
	border:8px solid #4C4C4C;
	border-radius:8px;
}
a .black-border:hover {
    box-shadow: 0px 2px 6px #000;
}
.single-stat a:hover{
	text-decoration:none;	
}
#accordionObvestila .card{
	border-color:#cbcbcb;
}
#accordionObvestila .card .card-header{
	padding:0;
	background-color:#e5e5e5;
}
#accordionObvestila .card .card-header .btn{
	color:#000;
	text-align: unset;
}
#accordionObvestila .card .card-header .btn.collapsed{
	color:#6c757d;
	text-align: unset;
}
/************************/
/*	SINGLE POST PAGE	*/
/************************/
.single-post-img{
	max-height:550px;
	overflow:hidden;
}
.single-post-img img{
	max-width:100%;
}
.posts-single .post-category{
	max-width: 38px;
}
.single-post-data .post-date{
	color:grey;
	font-size:14px;
}
.post-content img{
    max-width: 100% !important;
    height: auto !important;
}
.posts-more-info{
	min-height:60px;
	line-height: 60px;
	font-size:1.2rem;
}
.posts-more-info.active, .posts-more-info:hover{
	background:#cbcbcb;
	/* font-weight:bold; */
}
.posts-more-info span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
.posts-more-header{
	padding-top:5px;
}
.kazalo-sidebar{
	position:sticky;
	top:0;
	height:100vh;
	/* overflow-y:scroll; */
}

.kazalo-sidebar .posts-more-info{
	min-height:40px;
	line-height: 40px;
	font-size:1rem;
}
/************************/
/*		CONTACTS PAGE	*/
/************************/
#contact-search{
	padding:unset;
	margin:unset;
}
#obcina-contacts .card .card-header{
	background:white;
}

#obcina-contacts .card .collapse:not{
	background:#f7f7f7;
}
.grb-obcina{
	height:40px;
	width:40px;
	float:left;
}
.grb-obcina img{
	max-height:40px;
	max-width:40px;
}
.accordion>.card:last-of-type{
	border-bottom:1px solid rgba(0,0,0,.125);
}
/************************/
/*		DATE LIST PAGE	*/
/************************/
.row-striped:nth-of-type(odd){
  background-color: #efefef;
  border-left: 4px #cbcbcb solid;
  margin-top:0;
}

.row-striped:nth-of-type(even){
  background-color: #ffffff;
  border-left: 4px #e5e5e5 solid;
  margin-top:0;
}

.row-striped {
    padding: 15px 0;
}
/************************/
/*		MAIN FOOTER		*/
/************************/
.main-footer{
	/* margin-top:20px; */
	padding:0;
	color:#E3E3E3 !important;
}
.main-footer a{
	color:#E3E3E3;
}
.main-footer .container-avp{
	padding-top:0px;
}
.footer-col{
	min-height:255px;
}
.footer-col-title{
	margin-top:5px;
	font-weight:bold;
	font-size:0.9rem;
}
/* .footer-col-content{ */
	/* position: absolute; */
    /* bottom: 27px; */
	/* left:0; */
	/* padding-left: 30px; */
/* } */
.footer-col-content{
	margin-top: 15px;
}
.footer-col-links{
	position: absolute;
    bottom: 54px;
	left:0;
	padding-left: 30px;
}
.footer-logo{
	margin-top: 12px;
}
.footer-col+.footer-col:before {
  content : "";
  position: absolute;
  left    : 0;
  bottom  : 10%;
  height  : 80%;
  width   : 2px;
  border-left:2px dotted #BAC8D1;
}
.social-links a img{
	margin-right:1%;
	max-width: 17%;
}
#cookie-reinit{
	position: fixed;
    bottom: 0;
    right: 40px;
}
#cookie-reinit-btn{
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 3px 30px;
	transition: visibility 1s;
}
/*
 * Component: modal
 * ----------------
 */
.modal {
  background: rgba(0, 0, 0, 0.5);
}
.modal-header {
  border-bottom-color: #f4f4f4;
  border-radius:0;
}
.modal-footer {
  border-top-color: #f4f4f4;
  border-radius:0;
}
.modal-primary .modal-header,
.modal-primary .modal-footer {
  border-color: #307095;
}
.modal-warning .modal-header,
.modal-warning .modal-footer {
  border-color: #c87f0a;
}
.modal-info .modal-header,
.modal-info .modal-footer {
  border-color: #0097bc;
}
.modal-success .modal-header,
.modal-success .modal-footer {
  border-color: #00733e;
}
.modal-danger .modal-header,
.modal-danger .modal-footer {
  border-color: #c23321;
}

.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
  background-color: #dd4b39 !important;
}
.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
  background-color: #d33724 !important;
}
.modal-primary .modal-body,
.modal-primary .modal-header,
.modal-primary .modal-footer,
.modal-warning .modal-body,
.modal-warning .modal-header,
.modal-warning .modal-footer,
.modal-info .modal-body,
.modal-info .modal-header,
.modal-info .modal-footer,
.modal-success .modal-body,
.modal-success .modal-header,
.modal-success .modal-footer,
.modal-danger .modal-body,
.modal-danger .modal-header,
.modal-danger .modal-footer {
  color: #fff !important;
}

/* On screens that are 992px wide or less */
@media screen and (max-width: 992px) {
	.list-item-text h4 {
		/* font-size: 1.5rem; */
		font-size: 2.5vmax;
	}
  
	.footer-col+.footer-col:before {
		content : "";
		position: absolute;
		left    : 0;
		bottom  : 10%;
		height  : 80%;
		width   : 2px;
		border-left:none;
	}
	.dotted-line-right{
		height: unset;
		border-right: unset;
	}
	.notice-row .notice-data{
		height: unset;
		border-left: unset;
	}
	.notice-sign{
		text-align: center;
		height:unset;
	}
}
/* On screens that are 456px wide or less */
@media screen and (max-width: 456px) {
	/* .tab-actual .post-data { */
		/* max-width: 28vw; */
	/* } */
}
/* On screens that are 1500px wide or more */
@media screen and (min-width: 1500px) {
	.list-item-text h4 {
		font-size: 1.1vmax;
	}
	.box-body.table-responsive{
		max-height:50vh;
		margin-top:1px;
	}
	table#view_list_table tbody tr th {
		position: sticky;
		z-index: 10;
		top: -1px;
		background: #f5f5f5;
	}
}
/* On screens that are 1800px wide or more */
@media screen and (min-width: 1800px) {
	.list-item-text h4 {
		font-size: 1.2rem;
	}
	body{
		position: relative;
		min-height: 100vh;
	}
	.wrapper{
		padding-bottom:255px;
	}
	.main-footer{
	  position: absolute;
	  bottom: 0;
	}
}
