.teasers-grid-li {
	    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 15px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    padding: 10px;
}

.teasers-grid-li .document-item {
	margin-left:5px;
	margin-bottom:10px;
}

.teasers-grid-li .document-item  li:nth-child(n) {
	margin-left:0px!important;
}

.exposed-news-list {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    background: white;
}

.kontakt-direkcije {
	text-align: left;
}

/* Vrsta datotek gumbi */

.btn-default{
    border: none;
    outline: none;
    box-shadow: none !important;
	cursor: pointer;
	transition: all 0.3s;
}

/* Datoteke tabela */

.th-title, .td-title{
	width: 70%;
}
.th-published-date .td-published-date{
	width: 15%;
}
.th-status, .td-status{
	width: 15%;
}

/* Modalno okno za email */

.file{
	cursor: pointer;
	color: #2A5566;
}


.modal-window, .modal-container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.modal-container{
	width: 100%;
	height: 100vh;
	background-color: #387289;
	z-index: 200;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
}

.modal-window{
	width: 35%;
}
input, textarea, .submit-btn{
	width: 100%;
	outline: none;
	border: none;
	font-size: 24px;
	padding: 8px 14px;
	margin-bottom: 15px;
}

.submit-btn{
	background-color: #2A5566;
}

/* Prvi box - odmik */

.title, .text{
	padding: 10px;
}

.document-info {
       background-color: #ececec78;
    padding: 5px 5px 5px 5px;
    /* border-radius: 8px; */
    border-color: #dfdede;
    border-width: 3px;
   /* border-top-style: solid;*/
    border-bottom-style: solid;

}

.document-item h3 {
	padding-left:5px;
}

.file-size-window {
	position: relative;
    bottom: 3px;
	font-size: 11px;
    white-space: nowrap;
    padding: 5px;
    border-style: solid;
    border-width: 0px;
    border-radius: 10px;
    margin-left: 10px;
    margin-bottom: 5px;
    background-color: #dfdede;
}

.harmonica-arrow {
    width: 10px;
    position: absolute;
    right: 5px;
    
    transform: rotate(-180deg);
    transition: transform 300ms linear;
}

.rot {
    transform: rotate(0deg);
    transition: transform 300ms linear;
}

.porecje-harmonica {
	position: relative;
	cursor: pointer;
}


.d-none {
	display: none !important;
}


.map-wrapper {
	position: relative;
}

.map {
	margin:  10px 10px 20px 10px;
    height: 600px;
    width: 100%;
	position: relative;
}

.ol-popup {
	position: absolute;
	background-color: white;
	box-shadow: 0 1px 4px rgba(0,0,0,0.2);
	padding: 15px;
	border-radius: 10px;
	border: 1px solid #cccccc;
	bottom: 12px;
	left: -50px;
	min-width: 300px;
  }
  .ol-popup:after, .ol-popup:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
  }
  .ol-popup:after {
	border-top-color: white;
	border-width: 10px;
	left: 48px;
	margin-left: -10px;
  }
  .ol-popup:before {
	border-top-color: #cccccc;
	border-width: 11px;
	left: 48px;
	margin-left: -11px;
  }
  .ol-popup-closer {
	text-decoration: none;
	position: absolute;
	top: 7px;
	right: 13px;
  }
  .ol-popup-closer:after {
	content: "✖";
  }

  .flex {
	display:  flex;
  }
  .justify-content-between {
	justify-content: space-between;
  }
  .align-items-center {
	align-items:center;
  }
  .wrokplace-list {
	list-style: none;
  }
  .workplace-info hr {
	margin: 2px;
  }

  .porecja-vp {
	margin-top: 40px;
    margin-bottom: 40px;
    margin-right: 24px;
    border-width: 2px;
    border-style: solid;
    padding: 20px 20px 0px 20px;
    border-color: #c7c8c9;
    background: #c7c8c917;
    position: relative;
  }

  .pogoji-uporabe {
	position:absolute; 
	bottom:25px; 
	width:90%; 
	text-align:center; 
	left:0px;
	text-decoration: none;
	color:#387289;
	line-height:15px;
  }

@media (max-width: 1024px) {
	.porecja-vp {
		margin-right: 0px;
	}  
}

@media (max-width: 800px) {
	.pogoji-uporabe {
		position: unset;
		width:100%; 
		text-align:left;
		color:white!important;
	} 
}