@charset "utf-8";
@import url(https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
@keyframes blink { 50% { border-color:#fff ; }  }
a:link {
  	text-decoration: none;
  	color: inherit;
}

a:visited {
  	text-decoration: none;
	color: inherit;
}
a:hover {
  	text-decoration: none;
  	color: inherit;
}
a:active {
  	text-decoration: none;
	color: inherit;
}
html {
    font-family: Arial;
    font-size: 12px;
	color: #343434;
    text-decoration: none;
    background-color: #E5E5E5;
}
.overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  background-image: url(../imgs/loading.gif);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
  opacity: 0.6;
  z-index: 2;
}
.overlay-pic {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #343434;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
  background-size: clamp(100px, 80%, 1100px) auto;
  opacity: 0.95;
  z-index: 2;
}
.overlay-pic-left {
  position: relative;
  float: left;
  width: 5%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: black;
  background-image: url(../imgs/nav-left.png);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
  background-position-x: 20px; 
  opacity: 1;
  z-index: 2;
}
.overlay-pic-right {
  position: relative;
  float: right;
  width: 5%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: black;
  background-image: url(../imgs/nav-right.png);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: right 20px top 50%; 
  opacity: 1;
  z-index: 2;
}
.overlay-pic-exit {
  position: fixed;
  top: 5%;
  right: 150px;
  bottom: 0;
  opacity: 1;
  z-index: 3;
}
.header {
	position: fixed;
	top: 0;
	left: 0;
    background-color: #343434;
    width: 100%;
    text-align: center;
    height: 40px;
    min-height: 40px;
    display: inline-block;
}	
.header_icon {
    float: left;
	display: block;
	padding-top: 6px; 
	width: 3%;
}
.header_text {
    float: left;
    display: block;
    width: 10%;
    text-align: left;
    height: 40px;
    min-height: 40px;
    line-height: 40px;
    color: white;
    font-size: small;
}	
.footer {
	position: fixed;
	text-align: center;
	color: white;
	line-height: 20px;
    background-color: #343434;
	width: 100%;
	height: 20px;
	min-height: 20px;
	bottom: 0;
	left: 0;
}
.header_menu {
	margin: auto;
	width: 1280px;
	height: 40px;
	min-height: 40px;
	line-height: 40px;
}
.main {
    margin: auto;
	margin-top: 40px;
    width: 1280px;
    min-width: 1280px;
    overflow-y: auto;
}
.main_menu {
	margin: auto;
	width: 1280px;
	height: 100px;
	min-height: 100px;
}
.main_logo {
    float: left;
    width: 20%;
    min-width: 20%;
}
.main_menu_icon {
    float: left;
	display: block;
	padding-top: 37px; 
	padding-left: 5px;
	padding-right: 5px;
}
.main_menu_text {
    float: left;
	padding-right: 3%;
    font-variant: normal;
    font-weight: bold;
    font-size: large;
    line-height: 100px;
    text-align: left;
}
.main_content {
	margin: auto;
	width: 1280px;
}
.content_left {
	float: left;
	width: 70%;
	min-width: 70%;
}
.content_right {
	float: left;
	width: 30%;
	min-width: 30%;
}
.news_container {
    margin: auto;
    width: 95%;
    min-width: 95%;
    height: 560px;
    min-height: 560px;
    padding-top: 20px;
    padding-bottom: 20px;
    border: thin solid #B7E2FF;
    border-radius: 20px;
    background-color: #F3F3F3;
}
.news_header {
	padding-left: 20px;
    font-size: x-large;
    font-weight: bold;
	text-align: center;
}
.news_content_container {
    overflow-y: auto;
	height: 537px;
}
.news_content {
    padding-left: 20px;
	padding-top: 20px;
	margin-left: 20px;
    width: 83%;
    border: thin solid #B7E2FF;
    background-color: #E5E5E5;
    border-radius: 20px;
    font-size: medium;
}
.news_content:hover {
  background-color: #B7E2FF;
}
.left_container {
    margin: auto;
    width: 100%;
	padding-top: 20px;
    min-width: 100%;
    height: 560px;
    min-height: 560px;
    padding-bottom: 20px;
    border: thin solid #B7E2FF;
    border-radius: 20px;
    background-color: #F3F3F3;
}
.left_content {
    padding-left: 20px;
	padding-right: 20px;
	float: left;
	min-height: 568px;
	max-height: 568px;
	margin-left: 20px;
    width: 42%;
    border: thin solid #B7E2FF;
    background-color: #E5E5E5;
    border-radius: 20px;
    font-size: medium;
}
.left_content:hover {
  background-color: #B7E2FF;
}
.left_content_header {
    width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
    font-size: x-large;
    text-align: center;
    font-weight: bold;
}
.left_content_text {
    width: 100%;
    border-radius: 20px;
    font-size: medium;
    text-align: justify;
}
.content_main {
	display: grid;
    place-items: center;
    margin: auto;
    width: 99%;
    min-width: 99%;
    height: 560px;
    min-height: 560px;
    padding-top: 20px;
    padding-bottom: 20px;
    border: thin solid #B7E2FF;
    border-radius: 20px;
    background-color: #F3F3F3;
	overflow-y: auto;
}
.content_main2 {
    place-items: center;
    margin: auto;
    width: 99%;
    min-width: 99%;
    height: auto;
    min-height: 560px;
    padding-top: 20px;
    padding-bottom: 20px;
    border: thin solid #B7E2FF;
    border-radius: 20px;
    background-color: #F3F3F3;
	overflow-y: auto;
}
.login_container {
	margin: auto;
    width: 30%;
    border: medium solid #B7E2FF;
    background-color: #E5E5E5;
    border-radius: 20px;
    font-size: medium;
}
.login_head {
    width: 100%;
    background-color: #343434;
    border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	color: white;
	line-height: 40px;
    font-size: x-large;
}
.login_content {
	margin: auto;
	padding-top: 20px;
    width: 80%;
	color: #343434;
	line-height: 20px;
    font-size: medium;
}
.form_label {
    color: #343434;
    line-height: 30px;
    font-weight: bold;
}
.form_input {
    color: #343434;
	width: 95%;
	padding: 5px;
	padding-left: 10px;
    font-size: medium;
    background-color: #F3F3F3;
    border: medium solid #B7E2FF;
    border-radius: 20px;
}
.form_input_err {
    color: #343434;
	width: 95%;
	padding: 5px;
	padding-left: 10px;
    font-size: medium;
    background-color: #F3F3F3;
    border: medium solid red;
    border-radius: 20px;
}
.form_select {
    color: #343434;
	width: 100%;
	padding: 5px;
	padding-left: 10px;
    font-size: medium;
    background-color: #F3F3F3;
    border: medium solid #B7E2FF;
    border-radius: 10px;
}
.form_submit {
	margin-left: 30px;
    width: 80%;
    background-color: #343434;
    border-radius: 10px;
	color: white;
	line-height: 40px;
    font-size: large;
	text-align: center;
}
.lock_icon {
	float: left;
	display: block;
	padding-top: 5px; 
	padding-left: 15px;
	padding-right: 20px;
}
.login_footer {
    width: 100%;
	color: white;
	line-height: 40px;
    font-size: large;
}
.login_footer_left {
    width: 184px;
	float: left;
	background-color: #343434;
    border-bottom-left-radius: 20px;
	text-align: center;
	border: medium solid #B7E2FF;
}
.login_footer_right {
    width: 184px;
	float: left;
	background-color: #343434;
	border-bottom-right-radius: 20px;
	text-align: center;
	border: medium solid #B7E2FF;
}
.reg_container {
	margin: auto;
    width: 70%;
	min-height: 535px;
    border: medium solid #B7E2FF;
    background-color: #E5E5E5;
    border-radius: 20px;
    font-size: medium;
}
.reg_head {
    width: 100%;
    background-color: #343434;
    border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	color: white;
	line-height: 40px;
    font-size: x-large;
}
.reg_opomba {
    width: 96%;
	margin-left: 2%;
	margin-top: -12px;
	color: #343434;
	line-height: 20px;
}
.reg_content {
	float: left;
	padding-top: 20px;
	padding-left: 20px;
    width: 45%;
	color: #343434;
	line-height: 20px;
    font-size: medium;
}
.reg_content_left {
	float: left;
    width: 25%;
	text-align: right;
	padding-right: 10px;
	line-height: 40px;
}
.reg_content_right {
	float: left;
    width: auto;
	line-height: 40px;
}
.reg_icon {
	float: left;
	display: block;
	padding-top: 8px; 
	padding-left: 15px;
	padding-right: 20px;
}
.reg_textarea {
    color: #343434;
    padding: 5px;
    padding-left: 10px;
    font-size: medium;
    background-color: #F3F3F3;
    border: medium solid #B7E2FF;
    border-radius: 10px;
    font-family: Arial;
	width: 240px;
	height: 130px;
}
.reg_input {
    color: #343434;
	padding: 5px;
	padding-left: 10px;
    font-size: medium;
    background-color: #F3F3F3;
    border: medium solid #B7E2FF;
    border-radius: 10px;
}
.reg_input.redblink{
	border: medium solid red; 
	border-radius: 10px;
    animation: blink 2s;
	animation-iteration-count: 50;
}
.reg_input_2 {
    color: #343434;
	padding: 5px;
	padding-left: 10px;
    font-size: medium;
    background-color: #F3F3F3;
    border: thin solid white;
    border-radius: 10px;
}
.reg_input_err {
    color: #343434;
	padding: 5px;
	padding-left: 10px;
    font-size: medium;
    background-color: #F3F3F3;
    border: medium solid red;
    border-radius: 10px;
}
.reg_date {
    color: #343434;
    padding-left: 10px;
    padding-right: 10px;
    font-size: medium;
    background-color: #F3F3F3;
    border: medium solid #B7E2FF;
    border-radius: 10px;
    line-height: 25px;
    font-family: inherit;
}
.reg_submit {
	float:left;
	margin-top: 10px;
	margin-left: 150px;
	width: 150px;
    background-color: #343434;
    border-radius: 10px;
	color: white;
	line-height: 40px;
    font-size: large;
	text-align: center;
}
.reg_submit:hover {
	background-color: #555;
}
.reg_gdpr {
    float: left;
    margin-top: 5px;
    width: 95%;
    line-height: 20px;
    font-size: x-small;
    text-align: justify;
}
.reg_chkbox {
	float:left;
	margin-right: 10px;
	accent-color: #B7E2FF;
}
.reg_chkbox.invest {
	margin-top: 5px;
}
.reg_chkbox_err {
	float:left;
	margin-right: 10px;
	accent-color: #B7E2FF;
	outline: 2px solid red;
}
.acc_container {
	margin: auto;
    width: 90%;
	min-height: 535px;
    border: medium solid #B7E2FF;
    background-color: #E5E5E5;
    border-radius: 20px;
    font-size: medium;
}
.acc_menu {
    width: 100%;
    background-color: #343434;
    border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.topnav {
  margin-left: 5%;
  width: 90%;
  overflow: hidden;
  background-color: #333;
}
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}
.active {
  background-color: #555;
  color: white;
}
.topnav .icon {
  display: none;
}
.dropdown {
  float: left;
  overflow: hidden;
}
.dropdown .dropbtn {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #E5E5E5;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #555;
  color: white;
}
.dropdown-content a:hover {
  background-color: #B7E2FF;
  color: black;
}
.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}
.acc_content {
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
    width: 94%;
}
.acc_company {
	margin-left: 20px;
	width: 340px;
    background-color: #343434;
    border-radius: 20px;
	color: white;
	line-height: 40px;
    font-size: large;
	text-align: center;
}
.acc_upload {
	float: left;
	margin-left: 290px;
	width: 350px;

}
.acc_buttons {
	margin-left: 120px;
	margin-top: 365px;
}
.acc_buttons_racun {
	margin-top: 15px;
}
.acc_button {
	float: left;
	margin-right: 10px;
	background-color: #343434;
    border-radius: 20px;
	width: auto;
	padding-left: 20px;
	padding-right: 20px;
	color: white;
	line-height: 40px;
    font-size: large;
	text-align: center;
}
.acc_submeni {
    margin: auto;
    margin-top: 230px;
    width: 70%;
    min-height: 320px;
	max-height: 320px;
    border: medium solid #B7E2FF;
    background-color: #F3F3F3;
    border-radius: 20px;
    font-size: medium;
    overflow-y: auto;
}
.acc_submeni_head {
    display: inline-block;
    width: 100%;
    background-color: #343434;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    color: white;
    line-height: 30px;
    font-size: medium;
}
.payments_date {
	float: left;
	padding-top: 20px;
	padding-left: 20px;
    width: 90%;
	color: #343434;
	line-height: 20px;
    font-size: medium;
}
.pay_submeni {
    margin: auto;
    margin-top: 70px;
    width: 95%;
    min-height: 480px;
	max-height: 480px;
    border: medium solid #B7E2FF;
    background-color: #F3F3F3;
    border-radius: 20px;
    font-size: medium;
}
.pay_submeni_mid {
    overflow-y: auto;
	min-height: 445px;
	max-height: 445px;
}
.pay_submeni_footer {
    margin: auto;
    margin-top: 10px;
    width: 95%;
    min-height: 50px;
	max-height: 50px;
    border: medium solid #B7E2FF;
    background-color: #F3F3F3;
    border-radius: 20px;
    font-size: medium;
    overflow-y: auto;
}
.payment_content {
	float: left;
	padding-top: 20px;
	margin-bottom: 20px;
    width: 30%;
	color: #343434;
	line-height: 20px;
    font-size: medium;
}
.payment_content_left {
	float: left;
    width: 35%;
	text-align: right;
	padding-right: 10px;
	line-height: 40px;
}
.payment_content_right {
	float: left;
    width: auto;
	line-height: 40px;
}
.payment_submeni {
    margin: auto;
    margin-top: 70px;
    width: 95%;
    min-height: 225px;
	max-height: 225px;
    border: medium solid #B7E2FF;
    background-color: #F3F3F3;
    border-radius: 20px;
    font-size: medium;
    overflow-y: auto;
}
.dash_main {
    margin-top: 20px;
	margin-left: 0.7%;
    width: 98%;
}
.dash_content {
	float: left;
	width: 100%;
    border: medium solid #343434;
    background-color: #343434;
    border-radius: 20px;
}
.dash_header {
    margin: auto;
    text-align: center;
    color: white;
    line-height: 30px;
    background-color: #343434;
    border-top-right-radius: 16px;
	border-top-left-radius: 16px;
    font-size: x-large;
}
.dash_month {
    float: left;
	width: 15.6%;
	margin-left: 5px;
	margin-top: 5px;
	border: medium solid #B7E2FF;
    background-color: #E5E5E5;
    border-radius: 20px;
}
.dash_month_header {
    margin: auto;
    text-align: center;
    color: #343434;
    line-height: 25px;
    background-color: #B7E2FF;
    border-top-left-radius: 16px;
	border-top-right-radius: 16px;
    font-weight: bold;
}
.dash_month_Main {
	margin: auto;
}
.dash_month_main_icon {
	float: left;
	width: 25%;
	margin-top: 15px;
	margin-left: 14px;
}
.dash_month_main_price {
	float: right;
	color: #343434;
	width: 100px;
	max-width: 100px;
	margin-top: 5px;
	margin-right: 5px;
    font-size: medium;
    background-color: #F3F3F3;
    border: medium solid #343434;
	border-radius: 20px;
}
.dash_month_main_price_header {
    width: 100%;
    text-align: center;
    color: white;
    line-height: 20px;
    background-color: #343434;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    font-size: small;
}
.dash_month_main_price_main {
    line-height: 35px;
    margin: auto;
    text-align: center;
    font-weight: bold;
    font-size: large;
}
.dash_year_main_price_header {
    width: 100%;
    text-align: center;
    color: white;
    line-height: 20px;
    background-color: #343434;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    font-size: small;
}
.dash_year_main_icon {
	float: left;
	width: 50px;
	margin-top: 12px;
	margin-left: 14px;
}
.dash_year_main_price {
	float: left;
	color: #343434;
	width: 100px;
	max-width: 100px;
	margin-top: 2px;
	margin-right: 5px;
    font-size: medium;
    background-color: #F3F3F3;
    border: medium solid #343434;
	border-radius: 20px;
}
.dash_year_main_price_main {
    line-height: 25px;
    text-align: center;
    font-weight: bold;
    font-size: large;
    border-bottom: thin solid #343434;
}
.dash_year_main_price_footer {
    line-height: 10px;
	margin-top: 1px;
    text-align: center;
    font-weight: bold;
    font-size: x-small;
}
.dash_sumary_footer {
	float: left;
    margin-left: 5px;
    margin-top: 15px;
	margin-bottom: 15px;
    width: 98.5%;
    min-height: 85px;
	max-height: 100px;
    border: medium solid #B7E2FF;
    background-color: #F3F3F3;
    border-radius: 20px;
    font-size: medium;
}
.grad_conteiner {
    margin: auto;
    width: 98%;
    min-height: 730px;
	max-height: 730px;
    border: medium solid #B7E2FF;
    background-color: #E5E5E5;
    border-radius: 10px;
    overflow-y: auto;
}
.grad_title {
    margin: auto;
    width: 100%;
    background-color: #343434;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    color: white;
    line-height: 40px;
    font-size: x-large;
    text-align: center;
    font-weight: bold;
}
.grad_projekt_container {
	float: left;
    margin-left: 1.2%;
    margin-top: 10px;
    width: 97%;
    background-color: white;
    border-radius: 10px;
}
.grad_projekt_left {
    float: left;
    margin: 10px;
    width: 266.67px;
    height: 200px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: contain;
}
.grad_projekt_mid {
    float: left;
    margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
    width: 690px;
    min-height: 210px;
	max-height: 210px;
    border-radius: 10px;
}
.grad_projekt_right {
    float: left;
    margin-top: 10px;
	margin-bottom: 10px;
    width: 180px;
    min-height: 210px;
	max-height: 210px;
    border-radius: 10px;
}
.grad_projekt_text {
    margin-left: 10px;
    font-size: large;
    line-height: 25px;
}
.grad_projekt_dates {
    margin: 10px;
    font-size: large;
    line-height: 25px;
    text-align: center;
}
.grad_projekt_button_container {
	margin-top: 30px;
    line-height: 40px;
	text-align: center;
}
.grad_projekt_button {
	margin: auto;
	width: 170px;
    color: white;
	line-height: 30px;
    font-size: large;
	font-weight: bold;
    text-align: center;
	border-radius: 10px;
	margin-top: -1px;
}
.grad_projekt_button:hover {
	opacity: 70%;
}
.grad_projekt_mid_container {
	float: left;
    margin-left: 1.2%;
    margin-top: 20px;
    width: 47.5%;
    min-height: 440px;
	max-height: 440px;
    border: medium solid white;
    background-color: #E5E5E5;
    border-radius: 10px;
    overflow-y: auto;
}
.grad_projekt_mid_container_title {
    float: left;
    width: 100%;
    background-color: white;
    border-top-radius: 15px;
    font-size: large;
    line-height: 40px;
    font-weight: bold;
    color: #343434;
    text-align: center;
}
.grad_projekt_mid_container_title_button {
	float: right;
    margin-right: 30px;
	margin-top: 4px;
    margin-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
    background-color: #E5E5E5;
    border-radius: 10px;
    line-height: 30px;
    font-weight: bold;
    color: #343434;
    font-size: large;
    text-align: center;
}
.grad_projekt_preview_projekt {
	float: left;
    margin-left: 10px;
	margin-top: 5px;
    margin-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
    background-color: #E5E5E5;
    border-radius: 10px;
    line-height: 30px;
    color: #343434;
    font-size: large;
    text-align: left;
}
.grad_razpis_title_container {
	float: left;
	margin-left: 0.5%;
	width: 99%;
    background-color: #343434;
    border-radius: 10px;
	color: white;
	line-height: 50px;
    font-size: x-large;
	text-align: center;
}
.grad_razpis_title {
	margin-left: 20px;
    float: left;
    width: 76%;
    text-align: left;
}
.grad_razpis_title_button {
	float: right;
    margin-right: 30px;
	margin-top: 10px;
    margin-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
    background-color: #E5E5E5;
    border-radius: 10px;
    line-height: 30px;
    font-weight: bold;
    color: #343434;
    font-size: large;
    text-align: center;
}
.grad_razpis_title_input {
	float: right;
	margin-top: 8px;
	margin-right: 30px;
    color: #343434;
	padding: 5px;
	padding-right: 10px;
    font-size: medium;
    background-color: #F3F3F3;
    border-radius: 5px;
	text-align: left;
	width: 220px;
}
.grad_razpis_main_container {
    margin-top: 10px;
	padding-bottom: 10px;
    float: left;
    margin-left: 0.5%;
    width: 98.5%;
    background-color: white;
    border-radius: 10px;
    color: white;
    border: medium solid #343434;
}
.grad_razpis_main_content {
	margin-top: 10px;
	float: left;
	margin-left: 1%;
	width: 98%;
    background-color: #343434;
    border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: white;
	line-height: 70px;
}
.grad_razpis_main_content_name {
    float: left;
    margin-left: 10px;
    width: 58%;
    text-align: left;
    line-height: 70px;
    font-size: x-large;
}
.grad_razpis_main_content_unit {
    float: left;
    width: 9%;
    text-align: center;
    line-height: 70px;
}
.grad_razpis_main_content_unit_title {
    float: left;
    width: 100%;
    text-align: center;
    line-height: 30px;
    font-size: medium;
}
.grad_razpis_main_content_unit_main {
    float: left;
    width: 100%;
    text-align: center;
    line-height: 30px;
}
.grad_razpis_main_content_unit_main_input {
    color: #343434;
	padding: 5px;
	padding-left: 10px;
    font-size: medium;
    background-color: white;
    border: medium solid #B7E2FF;
    border-radius: 5px;
	text-align: center;
	width: 90px;
}
.grad_razpis_main_content_sub1 {
	float: left;
	margin-left: 1%;
	width: 98%;
    background-color: #DCDCDC;
	color: #343434;
	line-height: 70px;
	-webkit-box-shadow: inset 0px 0px 0px 1px #343434;
    box-shadow: inset 0px 0px 0px 1px #343434;
}
.grad_razpis_main_content_sub2 {
	float: left;
	margin-left: 1%;
	width: 98%;
    background-color: white;
	color: #343434;
	-webkit-box-shadow: inset 0px 0px 0px 1px #343434;
    box-shadow: inset 0px 0px 0px 1px #343434;
}
.grad_razpis_main_content_sub2_opis {
	margin: 10px;
	float: left;
	margin-left: 1%;
	width: 98%;

}
.grad_razpis_summary {
	position: fixed;
	top: 143px;
	right: 0%;
	max-width: 250px;
    background-color: #343434;
    display: table;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}	
.grad_razpis_summary_icon {
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.grad_razpis_summary_sum_container {
	float: left;
	width: 250px;
	margin: 15px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0px 0px 0px 1px white;
    box-shadow: inset 0px 0px 0px 1px white;
}
.grad_razpis_summary_sum_container_title {
	float: left;
	width: 100%;
	min-height:30px;
	background-color: white;
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px;
	line-height: 30px;
	text-align: center;
	font-size: medium;
	font-weight: bold;
	color: #343434;
}
.grad_razpis_summary_sum_container_content {
	float: left;
	width: 98%;
}
.grad_razpis_summary_sum_container_content_unit {
	float: left;
	width: 48%;
	text-align: center;
    line-height: 70px;
}
.grad_razpis_summary_sum_container_content_unit_title {
	float: left;
    width: 100%;
	color: white;
    text-align: center;
    line-height: 30px;
    font-size: medium;
}
.grad_razpis_summary_sum_container_content_unit_main {
	float: left;
    width: 100%;
    text-align: center;
    line-height: 30px;
	margin-bottom: 10px;
}
.grad_razpis_summary_sum_container_content_unit_input{
    font-size: medium;
    background-color: #F3F3F3;
    border-radius: 5px;
	text-align: center;
	width: 230px;	
	line-height: 30px;
}
.grad_razpis_summary_sum_container_number {
	font-size: xxx-large;
	text-align: center;
	width: 100%;
	font-weight: bold;
	color: white;
}
.grad_kategorije_sub {
    width: 98%;
	min-height: 320px;
    background-color: white;
    border-radius: 10px;
    border: medium solid #B7E2FF;
    overflow-y: auto;
}
.grad_subkategorije_container {
	float:left;
	margin-top: 5px;
	margin-bottom: 5px;
    width: 100%;
	min-height: 300px;
}
.grad_subkategorije_head {
	float:left;
	margin-bottom: 3px;
    width: 100%;
	min-height: 30px;
	line-height: 30px;
}
.grad_subkategorije_button{
    float: left;
    margin-left: 10px;
	padding-left: 10px;
	padding-right: 10px;
    background-color: #343434;
	border-radius: 10px;
    color: white;
    font-size: large;
}
.grad_subkategorije_textarea {
	float:left;
	margin-right: 10px;
    min-width: 45.55%;
	min-height: 270px;
    max-width: 45.55%;
	max-height: 270px;
}
.grad_subkategorije_output {
	float:left;
    min-width: 45.55%;
	min-height: 270px;
    max-width: 45.55%;
	max-height: 270px;
	background-color: white;
    border: medium solid #B7E2FF;
    overflow-y: auto;
}
.grad_statistika_text {
	float: left;
	margin-left: 100px;
	font-size: large;
	font-weight: bold;
	line-height: 45px;
	
}
.grad_statistika_select {
	float: left;
	margin-top: 5px;
	margin-left: 10px;
	line-height: 30px;
	width: 500px;
}
.grad_projekt_text_title {
	float: left;
	text-align: center;
    width: 98%;
	font-size: x-large;
	font-weight: bold;
	margin: 12px;
}
.grad_projekt_text_content {
	float: left;
	text-align: justify;
    width: 98%;
	height: 28px;
	font-size: medium;
	margin-left: 12px;
	margin-right: 12px;
	word-spacing: 5px;
	line-height: 1.5;
	transition: height 3s;
	overflow-y: hidden;
}
.grad_projekt_text_content:hover {
	height: 550px;
}
.grad_projekt_text_content.two:hover {
	height: 500px;
}
.grad_projekt_text_content.three:hover {
	height: 800px;
}
.grad_projekt_text_content.four:hover {
	height: 620px;
}
.grad_projekt_text_content.five:hover {
	height: 700px;
}
.grad_projekt_text_content.six:hover {
	height: 410px;
}
.najem_conteiner {
	position: relative;
    margin: auto;
    width: 98%;
    min-height: 570px;
	max-height: 570px;
    border: medium solid #B7E2FF;
    background-color: #E5E5E5;
    border-radius: 10px;
    overflow-y: auto;
}
.najem_title {
    margin: auto;
    width: 100%;
    background-color: #343434;
    border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    color: white;
    line-height: 40px;
    font-size: x-large;
    text-align: center;
    font-weight: bold;
}
.najem_main {
    margin: auto;
    width: 100%;
}
.najem_container {
	float: left;
    margin: auto;
    margin: 10px;
	margin-top: 20px;
	margin-right: 0px;
    width: 32.2%;
}
.najem_container_short {
    width: 100%;
	min-height: 590px;
	max-height: 590px;
	overflow-y: auto;
}
.najem_container_naslov {
    margin: auto;
    width: 100%;
    background-color: #343434;
    border-top-left-radius: 20px;
	border-top-right-radius: 20px;
    color: white;
    line-height: 40px;
    font-size: x-large;
    text-align: center;
}
.najem_container_content {	
	min-height: 380px;
	background-color: #F3F3F3;
}
.najem_container_content:hover {
	background-color: #B7E2FF;
}
.najem_container_slika {
    padding-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
    line-height: 27px;
}
.najem_container_text {
    margin: 10px;
    padding-bottom: 10px;
    text-align: justify;
    width: 95%;
    font-size: large;
}
.najem_container_button {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 5px;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #343434;
	border-radius: 10px;
    color: white;
    font-size: x-large;
    text-align: center;
}
.najem_container_button:hover {
	background-color: #555;
}
.najem_main_icons {
	position: relative;
    margin: auto;
	padding-top: 20px;
    width: 60%;
}
.najem_main_first {
	padding-top: 20px;
	padding-left: 20px;
    width: 98%;
}
.najem_main_first_container {
	float: left;
	width: 48%;
	margin-right: 2%;
}
.najem_main_first_square {
	margin: auto;
	width: 100%;
	background-color: #F3F3F3;
    border-radius: 10px;
	min-height: 530px;
}
.najem_main_icons_first_text {
	margin: 10px;
	font-size: medium;
	word-spacing: 3px;
	line-height: 1.3;
	text-align: justify;
}
.najem_main_icons_container {
	width: 100%;
}
.najem_main_icons_square {
	margin: auto;
	width: 40%;
	background-color: #F3F3F3;
    border-radius: 10px;
}
.najem_main_icons_square:hover {
	background-color: #B7E2FF;
}
.najem_main_icons_square_title {
    margin: auto;
    width: 100%;
    background-color: #343434;
    border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    color: white;
    line-height: 40px;
    font-size: x-large;
    text-align: center;
}
.najem_main_icons_square_pic {
	padding-top: 10px;
	margin-bottom: 10px;
	text-align: center;
    width: 100%;
}
.najem_main_icons_square_two {
	float: left;
	text-align: center;
	margin: auto;
    width: 50%;
	background-color: #F3F3F3;
}
.najem_main_icons_square_two:hover {
	background-color: #B7E2FF;
}
.najem_main_icons_square_subtitle {
	color: #343434;
    line-height: 40px;
    font-size: x-large;
}
.najem_objekta_container {
    position: relative;
    margin: auto;
    width: 98%;
    margin-top: 10px;
    min-height: 270px;
    max-height: 270px;
    border-radius: 10px;
    background-color: #F3F3F3;
}
.najem_objekta_container:hover {
	background-color: #B7E2FF;
}
.najem_objekta_container_short {
    clear: left;
    position: relative;
    margin: auto;
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
    min-height: 230px;
    max-height: 230px;
    background-color: #F3F3F3;
    border-bottom: thin solid #343434;
}
.najem_objekta_container_short:hover {
	background-color: #B7E2FF;
}
.najem_objekta_short_bottom_container {
    clear: left;
    position: relative;
    margin: auto;
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
    min-height: 358px;
    max-height: 358px;
    background-color: #F3F3F3;
    border-bottom: thin solid #343434;
}
.najem_objekta_short_bottom_container_left {
    clear: left;
	float: left;
	margin-left: 2%;
	padding-left: 5px;
	padding-top: 10px;
    width: 200px;
}
.najem_objekta_short_bottom_container_mid {
	float: left;
    width: 517px;
	background-color: white;
	min-height: 315px;
	max-height: 315px;
	overflow-y: auto;
}
.najem_objekta_short_bottom_container_right {
	float: left;
	margin-right: 2%;
    width: 430px;
	min-height: 275px;
	max-height: 275px;
}
.najem_objekta_short_bottom_left_time {
    clear: left;
    float: left;
    text-align: center;
    background-color: #343434;
    color: white;
    margin-left: 10px;
    width: 60px;
	border-top: thin solid white;
    border-left: thin solid white;
	border-right: thin solid white;
    font-size: small;	
	line-height: 17px;
}
.najem_objekta_short_bottom_left_time_bottom {
    clear: left;
    float: left;
    padding-left: 20px;
    padding-top: 5px;
    width: 150px;
    text-align: center;
    font-size: 15px;
    line-height: 17px;
}
.najem_objekta_short_bottom_left_text {
	float: left;
	text-align: center;
    width: 100px;
	font-size: small;
	color: white;
	line-height: 17px;
	background-color: #E5E5E5;
	border-top: thin solid white;
	border-right: thin solid white;
}
.najem_objekta_termin {
    clear: left;
    position: relative;
    margin: auto;
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
    min-height: 40px;
    max-height: 40px;
}
.najem_objekta_title {
    float: left;
    margin: auto;
    width: 87%;
    line-height: 40px;
    font-size: x-large;
    text-align: left;
    border-bottom: thin solid #343434;
    font-weight: bold;
}
.najem_objekta_status {
	float: left;
    margin: auto;
    width: 12%;
    background-color: green;
    color: white;
    line-height: 40px;
    font-size: x-large;
    text-align: center;
	border-radius: 10px;

}
.najem_objekta_slika_container {
	float:left;
	min-height: 230px;
	max-height: 230px;
	min-width: 300px;
	max-width: 300px;
}
.najem_objekta_slika {
	position: relative;
    float: left;
    margin: 10px;
    min-height: 210px;
    max-height: 210px;
    min-width: 280px;
    max-width: 280px;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-size: cover;    
}
.najem_objekta_slika_footer {
	position: absolute;
	background-color: #343434;
	bottom: 0;
	left: 0;
	margin: auto;
    width: 100%;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
    color: white;
    line-height: 40px;
    text-align: center;
	opacity: 70%;
}
.najem_objekta_slika_footer:hover {
	opacity: 100%;
}
.najem_objekta_vsebina_container {
	float:left;
	position: relative;
	min-height: 230px;
	max-height: 230px;
	min-width: 940px;
	max-width: 940px;
}
.najem_objekta_vsebina_container_short {
	float:left;
	position: relative;
	min-height: 230px;
	max-height: 230px;
	min-width: 690px;
	max-width: 690px;
}
.najem_objekta_vsebina_container_right {
	float:left;
	position: relative;
	min-height: 230px;
	max-height: 230px;
	min-width: 210px;
	max-width: 210px;
}
.najem_objekta_vsebina_text {
	margin: 10px;
	font-size: medium;
    text-align: justify;
	line-height: 30px;
}
.najem_objekta_vsebina_footer {
	position: absolute;
	bottom: 0px;
	width: 99%;
	box-shadow: 0 -2px 1px -1px #343434;
}
.najem_objekta_vsebina_footer_short {
	position: absolute;
	bottom: 0px;
	width: 690px;
}
.najem_objekta_vsebina_text_right {
	margin: 10px;
	margin-top: 20px;
	font-size: medium;
    text-align: right;
	line-height: 40px;
}
.najem_objekta_vsebina_button {
	position: absolute;
	bottom: 5px;
	right: 15px;
	width: 140px;
	height: 60px;
	background-color: #343434;
    color: white;
	line-height: 20px;
	word-break: keep-all;
    font-size: medium;
    text-align: center;
	border-radius: 10px;
	margin-top: -1px;
}
.najem_objekta_vsebina_button:hover {
	background-color: #555;
}
.najem_objekta_vsebina_footer_icons {
	float: left;
	width: 80%;
	line-height: 20px;
}
.najem_objekta_vsebina_footer_icons_short {
	float: left;
	width: 98%;
	line-height: 20px;
}
.najem_objekta_vsebina_footer_icons_pics {
	float: left;
	margin-top: 5px; 
	margin-left: 10px;
}
.najem_objekta_vsebina_footer_button {
	float: right;
	width: 153px;
	background-color: #343434;
    color: white;
	line-height: 40px;
    font-size: x-large;
    text-align: center;
	border-radius: 10px;
	margin-top: 5px;
}
.najem_objekta_vsebina_footer_button:hover {
	background-color: #555;
}
.najem_stanovanja_container {
	position: relative;
    margin: auto;
    width: 98%;
	margin-top: 10px;
    background-color: #F3F3F3;
    border-radius: 10px;
    overflow-y: auto;
}
.najem_stanovanja_title_container {
    float: left;
    margin: 1%;
	margin-left: 2%;
	margin-right: 2%;
	width: 96%;
    border-bottom: thin solid #343434;
}
.najem_stanovanja_title {
	float:left;
	margin-left: 1%;
	color: #343434;
	line-height: 30px;
    font-size: large;
}
.najem_stanovanja_title_container_short {
    float: left;
    margin-top: 1%;
	margin-left: 2%;
	margin-right: 2%;
	width: 96%;
	border-bottom: thin solid #343434;
}
.najem_stanovanja_title_short {
	float:left;
	margin-left: 1%;
	color: #343434;
	line-height: 30px;
    font-size: large;
}
.najem_objekta_short_bottom_container_mid_title_container{
    float: left;
    width: 98%;
    margin: 1%;
    border-bottom: thin solid #343434;
    font-weight: bold;	
}
.najem_objekta_short_bottom_container_mid_title_text {
	float:left;
	color: #343434;
	line-height: 20px;
    font-size: medium;
}
.najem_objekta_short_bottom_container_mid_products_container {
	clear: left;
	float:left;
	width: 98%;
	margin-left: 1%;
    font-size: medium;
	min-height: 275px;
	max-height: 275px;
	overflow-y: auto;
}
.najem_objekta_short_bottom_container_mid_products_box{
	clear: left;
	float:left;
	width: 100%;
	border-bottom: thin solid #343434;
}
.najem_objekta_short_bottom_container_mid_products_pics {
	float:left;
	min-width: 60px;
	max-width: 60px;
	margin-left: 3px;
    font-size: medium;
	text-align: center;
	min-height: 60px;
	max-height: 60px;
}
.najem_objekta_short_bottom_container_mid_products_item {
	float:left;
	min-width: 230px;
	max-width: 230px;
	margin-left: 10px;
	margin-top: 20px;
    font-size: medium;
}
.najem_objekta_short_bottom_container_mid_products_qty {
	float:left;
	min-width: 60px;
	max-width: 60px;
	margin-top: 12px;
	margin-left: 10px;
    font-size: medium;
}
.najem_objekta_short_bottom_container_mid_products_price {
	float:left;
	min-width: 50px;
	max-width: 50px;
	margin-left: 10px;
	margin-top: 20px;
	text-align: right;
    font-size: medium;
}
.najem_objekta_short_bottom_container_mid_products_basket {
	float:left;
	min-width: 40px;
	max-width: 40px;
	margin-left: 10px;
	margin-top: 10px;
	text-align: right;
    font-size: medium;
}
.najem_objekta_short_bottom_container_right_products_box{
    clear: left;
    float: left;
    width: 96%;
    margin-left: 10px;
    border-bottom: medium double #343434;
	max-height: 210px;
	overflow-y: auto;
}
.najem_objekta_short_bottom_container_right_products_item {
	float:left;
	min-width: 252px;
	max-width: 252px;
	margin-left: 3px;
    font-size: medium;
	line-height: 30px;
}
.najem_objekta_short_bottom_container_right_products_qty {
	float:left;
	min-width: 40px;
	max-width: 40px;
	margin-left: 10px;
    font-size: medium;
	text-align: center;
	line-height: 30px;
}
.najem_objekta_short_bottom_container_right_products_price {
	float:left;
	min-width: 50px;
	max-width: 50px;
	margin-left: 10px;
    font-size: medium;
	text-align: left;
	line-height: 30px;
}
.najem_objekta_short_bottom_container_right_products_del {
	float:left;
	min-width: 20px;
	max-width: 20px;
	margin-left: 1px;
    font-size: medium;
	text-align: left;
	line-height: 30px;
}
.najem_stanovanja_vsebina_container {
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	width: 96%;
}
.najem_stanovanja_vsebina_left {
	float: left;
	width: 70%;
	min-width: 70%;
	max-width: 70%;
}
.najem_stan_izberi_container {
	float: left;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
	min-width: 790px;
	max-width: 790px;
	min-height: 278px;
	max-height: 278px;
}
.najem_stan_izberi_title_container {
	float: left;
	width: 100%;
	color: white;
	line-height: 25px;
    font-size: medium;
	text-align: center
}
.najem_stan_izberi_title {
	float: left;
	width: 127px;
	background-color: #555;
	border-top-right-radius: 10px;
	margin-right: 5px;
}
.najem_stan_izberi_title:hover {
	background-color: #343434;
}
.najem_stan_izberi_content_container {
    float: left;
    width: 100%;
    margin-top: 2px;
}
.najem_stan_izberi_content_stanovanje {
    float: left;
    width: 16.66%;
    max-width: 16.66%;
    height: 88px;
    min-height: 88px;
    max-height: 88px;
    background-image: url(../imgs/nacrt_stan.png);
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    font-size: large;
    font-weight: bold;    
}
.najem_stan_izberi_content_stanovanje_cover {
	width: 100%;
	height: 100%;
	line-height: 88px;
}
.najem_stan_izberi_content_stanovanje_cover_act {
	width: 100%;
	height: 100%;
	line-height: 88px;
}
.najem_stan_izberi_content_stanovanje_cover_act:hover {
	background-color: green;
	opacity: 50%;
}
.najem_park_izberi_content_parking {
    margin: 4px;
    float: left;
    width: 30px;
    max-width: 30px;
    height: 65px;
    min-height: 65px;
    max-height: 65px;
    background-image: url(../imgs/parking.png);
    background-repeat: no-repeat;
    text-align: center;
    font-size: medium;
    font-weight: bold;
    background-position: center center;
    -webkit-box-shadow: 3px 0px 0px 0px #0D0D0D;
    box-shadow: 3px 0px 0px 0px#0D0D0D;
}
.najem_park_izberi_content_parking_cover {
	width: 100%;
	height: 100%;
	color: white;
	line-height: 75px;
}
.najem_park_izberi_content_parking_cover_act {
	width: 100%;
	height: 100%;
	line-height: 88px;
}
.najem_park_izberi_content_parking_cover_act:hover {
	background-color: green;
	opacity: 50%;
}
.najem_stanovanja_vsebina_right {
	float: left;
	width: 30%;
	line-height: 40px;
}
.najem_stanovanja_vsebina_right_text {
	float: left;
	width: 50%;
	text-align: right;
	padding-right: 10px;
	font-size: medium;
}
.najem_stanovanja_vsebina_right_inputs {
	float: left;
	width: 40%;
}
.najem_stanovanja_bottom_container {
    float: left;
	margin-left: 3.5%;
	margin-right: 3.5%;
	width: 93%;
}
.najem_stanovanja_bottom_head {
	float: left;
	font-size: medium;
	text-align: center;
}
.najem_stanovanja_recap_container {
}
.najem_stanovanja_recap_price_container {
	float: left;
	margin-left: 14%;
	margin-right: 3.5%;
	width: 70%;
	line-height: 27px;
}
.najem_stanovanja_recap_price_container:hover {
	background-color: white;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
}
.nadzorna_plosca_container {
    position: relative;
    margin: auto;
    width: 98%;
    margin-top: 10px;
    min-height: 750px;
    max-height: 750px;
    border-radius: 10px;
    background-color: #F3F3F3;
	overflow: auto;
}
.nadzorna_plosca_title {
    float: left;
    margin: auto;
    width: 100%;
    line-height: 40px;
    font-size: x-large;
    text-align: center;
    font-weight: bold;
	color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #343434;
}
.nadzorna_plosca_left {
	float: left;
	width:10%;
	max_width: 10%;
	background-color: white;
	padding-bottom: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.nadzorna_plosca_left_container {
	margin: 10px;
	margin-bottom: 2px;
	border-radius: 10px;
	background-color: #555;
	height: 115px;
}
.nadzorna_plosca_left_container:hover {
	background-color: #343434 !important; 
}
.nadzorna_plosca_left_container_img {
	padding-left: 22px;
	padding-top: 10px;
}
.nadzorna_plosca_left_container_txt {
	line-height: 35px;
	text-align: center;
	font-size: large;
	color: white;
}
.nadzorna_plosca_right {
	float: left;
	width:90%;
	max_width: 90%;
}
.nz_content_right {
	float: left;
    width: 350px;
	line-height: 40px;
}
.nz_content_left {
	float: left;
    width: 150px;
	text-align: right;
	padding-right: 10px;
	line-height: 40px;
}
.nz_pravice_checkbox {
	float:left;
	margin-left: 30px;
	line-height: 25px;
}
.nz_pravice_checkbox_txt {
	float:left;
	margin-left: 10px;
	line-height: 30px;
	font-size: medium;
	width: 140px;
}
.nz_info_txt {
	float:left;
	margin-right: 10px;
	line-height: 30px;
	font-size: medium;
	text-align: right;
	width: 420px;
}
.nz_button {
	float: left;
    margin: auto;
    width: 110px;
    background-color: #343434;
    color: white;
    line-height: 30px;
    font-size: large;
    text-align: center;
	border-radius: 10px;
}
.nz_button:hover {
	background-color: #555;
}
.nz_dokumenti_racuni {
	float:left;
	width: 94%;
	margin-left: 33px;
}
.nz_dokumenti {
	float:left;
	width: 38%;
}
.nz_racuni {
	float:left;
	width: 58%;
	margin-left: 40px;
}
.nz_dokumenti_title {
	float:left;
	width: 100%;
	text-align: center;
	font-size: medium;
	line-height: 30px;
	border-bottom: thin solid #343434;
}
.nz_racuni_title {
	float:left;
	width: 100px;
	text-align: center;
	font-size: medium;
	line-height: 30px;
	border-bottom: thin solid #343434;
}
.nz_dokumenti_conteiner {
	float:left;
	width: 100%;
	height: 300px;
	min-height: 300px;
	max-height: 300px;
	overflow: auto;
}
.nz_dokumenti_conteiner:hover {
	background-color: white;
}
.nz_dokumenti_racuni_pdf {
	float:left;
	width: 30px;
	padding-top: 5px;
	margin-left: 5px;
	margin-bottom: -5px;
}
.nz_dokumenti_racuni_txt {
	float:left;
	width: 100px;
	font-size: medium;
}
.nz_gradnja_buttons {
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	width: 96%;
}
.nz_textarea {
    color: #343434;
    padding: 5px;
    padding-left: 10px;
    font-size: medium;
    background-color: white;
    border: medium solid #B7E2FF;
    border-radius: 20px;
    font-family: Arial;
    line-height: 30px;
}
.nz_input {
	float:left;
	margin-right: 2px;
    color: #343434;
	text-align: left;
    background-color: white;
    border: medium solid #B7E2FF;
    border-radius: 5px;
	font-family: Arial;
	font-size: medium;
}
.popup-window {
  position: fixed;
  width: 300px;
  height: 200px;
  background: white;
  border: medium solid #B7E2FF;
  border-radius: 10px;
  padding: 10px;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none;
}   
.nz_message {
    margin: 5px;
    float: left;
    text-align: left;
    font-family: Arial;
    font-size: medium;	
}
.nz_upravitelj_menu {
	float:left;
	margin-left: 1%;
	width: 15%;
	text-align: center;
	color: #343434;
	line-height: 30px;
    font-size: large;
}
.nz_upravitelj_menu:hover {
	background-color: #555;
	color: white;
}
.nz_upravitelj_menu_selected {
	float:left;
	margin-left: 1%;
	width: 15%;
	background-color: #343434;
	text-align: center;
	color: white;
	line-height: 30px;
    font-size: large;
}
.nz_upravitelj_menu_container {
    float: left;
    margin: 1%;
	margin-left: 1%;
	margin-right: 1%;
	width: 98%;
    border-bottom: thin solid #343434;
}
.nz_upravitelj_title_container {
    float: left;
    margin: 1%;
	margin-top: 0px;
	margin-left: 2%;
	margin-right: 2%;
	width: 96%;
    border-bottom: thin solid #343434;
}
.nz_upravitelj_content_container {
    color: #343434;
    clear: left;
    line-height: 30px;
    font-size: medium;
    margin-left: 3%;
    margin-right: 3%;
    width: 94%;
    min-height: 300px;
    max-height: 300px;
    overflow-y: auto;
}
.nz_upravitelj_content_container2 {
    color: #343434;
    clear: left;
    line-height: 30px;
    font-size: medium;
    margin-left: 3%;
    margin-right: 3%;
    width: 94%;
}
.nz_upravitelj_kn_title {
	float:left;
	margin-left: 1%;
	width: 120px;
	text-align: center;
	color: #343434;
	line-height: 30px;
    font-size: large;
}
.nz_upravitelj_kn_title_selected {
	float:left;
	margin-left: 1%;
	width: 120px;
	text-align: center;
	background-color: #343434;
	color: white;
	line-height: 30px;
    font-size: large;
}
.nz_upravitelj_kn_title:hover {
	background-color: #555;
	color: white;
}
.nz_upravitelj_kn_content_container {
	clear: left;
	float: left;
    margin: 1%;
	margin-top: 0px;
	margin-left: 2%;
	margin-right: 2%;
	width: 96%;
}
.nz_upravitelj_kn_content {
    float: left;
    color: #343434;
    line-height: 25px;
    font-size: medium;
    width: 49.8%;
    overflow-y: auto;
    min-height: 603px;
	max-height: 603px;
}
.nz_upravitelj_kn_text {
	clear:left;
    float: left;
    color: #343434;
    line-height: 30px;
    font-size: large;
}
.nz_upravitelj_kn_text_ciscenje {
    float: left;
    color: #343434;
	width: 460px;
    line-height: 25px;
    font-size: large;
}
.nz_upravitelj_kn_text_narocila {
	float: left;
    color: #343434;
	width: 100%;
    line-height: 25px;
    font-size: large;
	background-color: white;
}
.nz_upravitelj_kn_text_narocila:hover {
	background-color: #B7E2FF;
}
.nz_upravitelj_kn_ciscenje {
    clear: left;
    float: left;
	margin-bottom: 10px;
    width: 98%;
    border-top: medium solid #B7E2FF;
	border-bottom: medium solid #B7E2FF;
	background-color: white;
}
.nz_upravitelj_kn_naro_sum {
    clear: left;
    float: left;
	margin-bottom: 10px;
    width: 98%;
    border-top: medium solid #B7E2FF;
	background-color: white;
}
.nz_upravitelj_content_text {
	float: left;
	margin-right: 5px;
	text-align: center;
	line-height: 32px;
}
.nz_upravitelj_content_button {
	float: left;
	width: 110px;
	background-color: #343434;
    color: white;
	line-height: 23px;
    font-size: medium;
    text-align: center;
	border-radius: 10px;
	margin-top: -1px;
}
.nz_upravitelj_content_button:hover {
	background-color: #555;
}
.nz_upravitelj_content_select {
	float: left;
	width: 170px;
	color: #343434;
	height: 30px;
	padding-left: 10px;
    font-size: medium;
    background-color: white;
    border: thin solid #B7E2FF;
    border-radius: 10px;
	margin-right: 5px;
}
.nz_upravitelj_msg_container {
	clear: left;
	width: 92%;
	margin-left: 4%;
    margin-right: 4%;
	height: 145px;
	min-height: 145px;
	background-color: white;
	border-radius: 10px;
}
.nz_upravitelj_textarea {
	float:left;
	padding: 3px;
	margin: 5px;
    min-width: 45.55%;
	min-height: 90px;
    max-width: 45.55%;
	max-height: 90px;
	line-height: 20px;
	font-family: Arial; 
	font-size: 16px;
	border: thin solid #343434;
	background-color: #F3F3F3;
}
.nz_upravitelj_message {
	float:left;
	margin: 5px;
	padding: 3px;
	margin-left: 30px;
    min-width: 45.55%;
	min-height: 90px;
    max-width: 45.55%;
	max-height: 90px;
	line-height: 20px;
	border: thin solid #343434;
	background-color: #F3F3F3;
    overflow-y: auto;
	font-family: Arial;
	font-size: 16px;
}
.nz_upravitelj_content_sms_mail {
    clear: left;
    float: left;
    margin: 5px;
    margin-left: 35px;
    width: 95%;
    border-radius: 5px;
    border: thin solid #0F0F0F;
}
.nz_upravitelj_content_sms_mail_textarea {
	float: left;
	background-color: white; 
	line-height: 20px;
	font-family: Arial; 
	font-size: 16px;
	margin-left: 10px; 
	max-height: 60px; 
	min-height: 60px; 
	width: 500px;
	border: thin solid #B7E2FF; 
	border-radius: 5px;
}
.nz_upravitelj_nakupi_container {
    float: left;
    line-height: 30px;
    width: 96%;
    margin: 2%;
	margin-bottom: 0%;
	padding-bottom: 2%;
}
.nz_upravitelj_nakupi_container2 {
    float: left;
    line-height: 30px;
    width: 92%;
    margin-left: 4%;
	margin-right: 4%;
    border-bottom: thin solid #B7E2FF;
}
.nz_upravitelj_nakupi_pic {
    float: left;
    min-height: 80px;
    max-height: 80px;
    min-width: 60px;
    max-width: 60px;
	margin: 5px;
    background-repeat: no-repeat;
    background-size: contain;
}
.nz_upravitelj_nakupi_opis {
	float: left;
	margin: 5px;
	padding-top: 20px;
	margin-bottom: -20px;
	min-height: 80px;
    max-height: 80px;
}
.nz_upravitelj_nakupi_file {
	float: left;
	margin: 5px;
	min-height: 80px;
    max-height: 80px;
	padding-top: 20px;
	margin-bottom: -20px;
}
.nz_upravitelj_nakupi_seznam {
	float: left;
	clear: left;
	margin-bottom: 4px;
	margin-left: 5px;
	margin-right: 5px;
}
.showfile_head {
	clear: left;
	width: 90%;
	margin: auto;
	line-height: 30px;
}
.items--container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-left: 1rem;
  width: 250px;
  height: 35px;
  font-family: Arial;
  font-size: medium;
}
.item.activated .content {
  color: #FFFFFF;
}
.item.activated .arrow {
  background: #343434;
}
.item.completed .content {
  color: #FFFFFF;
}
.item.completed .arrow {
  background: #006400;
}
.content {
  color: #343434;
  position: absolute;
  z-index: 2;
}
.arrow {
  width: 100%;
  height: 50%;
  background: white;
}
.arrow.top {
  transform: skew(45deg, 0deg);
}
.arrow.bottom {
  transform: skew(-45deg, 0deg);
}
.np_invest_menu_container {
    float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}
.np_invest_head_container {
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	width: 98%;
	border-bottom: thin solid #343434;
	line-height: 35px;
	padding-bottom: 5px;
}
.np_invest_head_container.noborder {
	border-bottom: none;
}
.np_invest_head_container.noborder2 {
	border-bottom: none;
	margin-top: 10px;
}
.np_invest_head_title_aktivacija {
	float: left;
	clear: left;
	line-height: 30px;
	width: 100%;
}
.np_invest_head_title {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	color: #343434;
	font-size: medium;
	font-weight: bold;
}
.np_invest_head_title.slika {
	line-height: 35px;
}
.np_invest_head_title.nobold {
	font-weight: normal;
}
.np_invest_head_title.ask {
	font-weight: normal;
	clear: left;
	line-height: 30px;
	margin-bottom: 5px;
	font-size: small;
}
.np_invest_head_title.green {
	color: green;
}
.np_invest_head_title.red {
	color: red;
}
.np_invest_head_select {
	float: left;
	width: 400px;
	color: #343434;
	height: 35px;
	padding-left: 10px;
    font-size: medium;
    background-color: white;
    border: medium solid #B7E2FF;
    border-radius: 10px;
	margin-right: 5px;
}
.np_invest_head_select.slika {
	width: 350px;
}
.np_invest_head_select.number {
	width: 50px;
}
.np_invest_head_select.kategorija {
	width: 253px;
}
.np_invest_head_select.file {
	width: 350px;
	height: 25px;
}
.np_invest_head_select.file2 {
	width: 180px;
	height: 25px;
}
.np_invest_head_msg {
	float: right;
	margin-right: 10px;
	width: 440px;
	color: green;
	text-align: right;
	font-size: medium;
}
.np_invest_head_badge {
	float: right;
	margin-right: 10px;
	height: 35px;
	text-align: center;
}
.np_invest_head_msg.red {
	color: red;
}
.np_invest_question_container {
	float: left;
	clear: left;
	line-height: 70px;
	width: 100%;
}
.np_invest_mid_left_container {
	float: left;
	width: 50%;
	line-height: 35px;
	margin-top: 10px;
}
.np_invest_mid_right_container {
	float: left;
	width: 50%;
	line-height: 35px;
	margin-top: 10px;
}
.np_invest_mid_left_content {
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	width: 96%;
}
.np_invest_mid_right_content {
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	width: 96%;
}
.np_invest_mid_right_content.text {
	line-height: 23px;
	text-align: justify;
	font-family: Arial;
	font-size: medium;
}
.np_invest_mid_title {
	float: left;
	clear: left;
	margin-left: 10px;
	margin-right: 10px;
	color: #343434;
	font-size: medium;
	font-weight: bold;
}
.np_invest_mid_title.nobold {
	font-weight: normal;
}
.np_invest_mid_title.right {
	line-height: 40px;
}
.np_invest_mid_text {
	float: left;
	color: #343434;
	font-size: medium;
	font-weight: bold;
	margin-right: 10px;
}
.np_invest_mid_input {
	float: left;
	color: #343434;
	height: 25px;
	padding-left: 10px;
    font-size: medium;
    background-color: white;
    border: medium solid #B7E2FF;
    border-radius: 10px;
	margin-top: 1px;
}
.np_invest_mid_input.projekt {
	width: 415px;
}
.np_invest_mid_input.smallprojekt {
	width: 330px;
}
.np_invest_mid_input.invest {
	width: 240px;
}
.np_invest_mid_input.naziv {
	width: 225px;
}
.np_invest_mid_input.medium {
	width: 60px;
	margin-right: 10px;
}
.np_invest_mid_input.mild {
	width: 90px;
	margin-right: 10px;
}
.np_invest_mid_input.datum {
	width: 150px;
	font-size: medium;
	font-family: Arial;
}
.np_invest_mid_input.postavka {
	clear: left;
	width: 410px;
}
.np_invest_mid_txt {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	color: #343434;
	font-size: medium;
	font-weight: bold;
}
.np_invest_mid_txt.storitve {
	font-weight: normal;
	line-height: 25px;
}
.np_invest_mid_bottom_container {
	float: left;
	clear: left;
	width: 98%;
	margin-top: 10px;
	margin-left: 1%;
	margin-right: 1%;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: thin solid #343434;
	border-bottom: thin solid #343434;
}
.np_invest_mid_bottom_container.nobottom {
	border-bottom: none;
}
.np_invest_mid_bottom_container.notop {
	border-top: none;
}
.np_invest_mid_bottom_container.noborder {
	border-bottom: none;
	border-top: none;
}
.np_invest_mid_bottom_container.noborderhalf {
	border-bottom: none;
	border-top: none;
	width: 48%;
	clear: none;
	padding-top: 0px;
	margin-top: 3px;
}
.np_invest_asking_container {
	float: left;
	width: 10%;
}
.np_invest_asking_container.right {
	width: 88%;
}
.np_invest_popup-window {
  position: fixed;
  width: 450px;
  height: 450px;
  background: white;
  border: medium solid #B7E2FF;
  border-radius: 10px;
  padding: 10px;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none;
}  
.np_invest_popup-window.vo {
  width: 1000px;
  height: 650px;
}  
.np_invest_popup-window.badge {
  height: 530px;
}  
.np_invest_popup-window.personalid {
  height: 400px;
} 
.np_invest_button {
	float: right;
	margin-right: 10px;
	width: 140px;
	background-color: #343434;
    color: white;
	line-height: 25px;
    font-size: medium;
    text-align: center;
	border-radius: 10px;
}
.np_invest_button:hover {
	opacity: 70%;
}
.np_invest_button.green {
	background-color: #006400;
}
.np_invest_button.red {
	background-color: red;
}
.np_invest_button.blue {
	background-color: blue;
}
.np_invest_bottom_container {
	float: left;
	clear: left;
	width: 98%;
	margin-top: 10px;
	margin-left: 1%;
	margin-right: 1%;
}
.np_invest_slika {
	position: absolute;
	background-color: #343434;
	top: 0;
	margin: auto;
    width: 10%;
	height: 100%;
    color: white;
    line-height: 40px;
    text-align: center;
	opacity: 90%;
}
.np_invest_slika.left {
	left: 0;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
.np_invest_slika.right {
	right: 0;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
.np_invest_preview_txt_container {
	clear: left;
	float: left; 
	width: 90%;
}
.np_invest_preview_txt{
	float: left; 
}
.np_invest_preview_txt.title{
	font-size: large; 
	line-height: 30px;
}
.np_invest_preview_txt.text{
	font-size: medium;
	margin-left: 20px;
}
.np_invest_preview_txt.txt{
	font-size: medium;
}
.np_invest_mid_right_menucontainer {
	float: left;
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 10px;
}
.np_invest_mid_right_menucontainer.border {
	border-top: thin solid #343434;
	line-height: 35px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.np_invest_mid_right_menu {
	float: left;
	width: 140px;
	margin-right: 10px;
    color: #343434;
	background-color: white;
	line-height: 25px;
    font-size: medium;
    text-align: center;
}
.np_invest_mid_right_menu:hover {
	background-color: #343434;
	color: white;
}
.np_invest_mid_right_menu.aktiven {
	background-color: #343434;
	color: white;
}
.np_invest_mid_bottom_preview_container {
	float: left;
	width: 100%;
	max-height: 190px;
	overflow-y: auto;
}
.np_invest_mid_bottom_preview {
	float: left;
	clear: left;
	margin-left: 2%;
	margin-right: 2%;
	width: 96%;
	line-height: 28px;
	color: #343434;
	font-size: medium;
}
.np_invest_mid_left_container_import {
	float: left;
	width: 30%;
	line-height: 35px;
	margin-top: 10px;
}
.np_invest_mid_right_container_import {
	float: left;
	width: 70%;
	line-height: 35px;
	margin-top: 10px;
}
.np_invest_mid_left_container_add {
	float: left;
	width: 40%;
	line-height: 35px;
	margin-top: 10px;
}
.np_invest_mid_right_container_add {
	float: left;
	width: 60%;
	line-height: 35px;
	margin-top: 10px;
}
.np_invest_mid_csv {
	float: left;
	height: 25px;
}
.np_invest_preview_container_import {
	float: left;
	clear: left;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-top: 10px;
	width: 97%;
	color: #343434;
	font-size: small;
	min-height: 330px;
	max-height: 330px;
    background-color: white;
    border: medium solid #B7E2FF;
    border-radius: 10px;
	overflow-y: scroll;
}
.np_invest_preview_head_import {
	float: left;
	text-align: center;
	color: white;
	background-color: #343434;
	border-left: 1px solid white;
	line-height: 30px;
}
.np_invest_preview_head_import.kategorija {
	min-width: 184px;
	max-width: 184px;
}
.np_invest_preview_head_import.zaporedna {
	min-width: 34px;
	max-width: 34px;
}
.np_invest_preview_head_import.naziv {
	min-width: 299px;
	max-width: 299px;
}
.np_invest_preview_head_import.opis {
	min-width: 369px;
	max-width: 369px;
}
.np_invest_preview_head_import.enota {
	min-width: 34px;
	max-width: 34px;
}
.np_invest_preview_head_import.kolicina {
	min-width: 44px;
	max-width: 44px;
}
.np_invest_preview_head_import.pripcena {
	min-width: 94px;
	max-width: 94px;
}
.np_invest_preview_text_import_content {
	float: left;
	clear: left;
	color: #343434;
	line-height: 20px;
}
.np_invest_preview_text_import {
	float: left;
	color: #343434;
	line-height: 20px;
}
.np_invest_preview_text_import.kategorija {
	margin-left: 5px;
	min-width: 180px;
	max-width: 180px;
}
.np_invest_preview_text_import.zaporedna {
	min-width: 35px;
	max-width: 35px;
	text-align: center;
}
.np_invest_preview_text_import.naziv {
	min-width: 300px;
	max-width: 300px;
}
.np_invest_preview_text_import.opis {
	min-width: 370px;
	max-width: 370px;
}
.np_invest_preview_text_import.enota {
	min-width: 35px;
	max-width: 35px;
	text-align: center;
}
.np_invest_preview_text_import.kolicina {
	min-width: 45px;
	max-width: 45px;
	text-align: center;
}
.np_invest_preview_text_import.pripcena {
	min-width: 75px;
	max-width: 75px;
	text-align: right;
}
.np_invest_preview_text_import.delete {
	min-width: 20px;
	max-width: 20px;
}
.np_invest_subkategorije_head {
	float:left;
	margin-bottom: 3px;
    width: 100%;
	min-height: 30px;
	line-height: 30px;
}
.np_invest_subkategorije_button{
    float: left;
    margin-left: 10px;
	padding-left: 10px;
	padding-right: 10px;
    background-color: #343434;
	border-radius: 10px;
    color: white;
    font-size: large;
}
.np_invest_subkategorije_textarea {
	float:left;
	padding: 5px;
	margin-right: 10px;
    min-width: 48%;
	min-height: 190px;
    max-width: 48%;
	max-height: 190px;
	line-height: 25px;
	font-size: medium;
	font-family: Arial;
}
.np_invest_subkategorije_textarea.qa {
    min-width: 440px;
	min-height: 70px;
    max-width: 440px;
	max-height: 70px;
}
.np_invest_subkategorije_textarea.score {
    min-width: 480px;
	min-height: 63px;
    max-width: 480px;
	max-height: 63px;
	margin-top: -15px;
	background-color: white;
    border: medium solid #B7E2FF;
    border-radius: 10px;
	margin-bottom: 5px;
}
.np_invest_subkategorije_textarea.smallqa {
    min-width: 890px;
	min-height: 50px;
    max-width: 890px;
	max-height: 50px;
	font-size: small;
}
.np_invest_subkategorije_output {
	float:left;
    padding: 5px;
	min-width: 48%;
	min-height: 190px;
    max-width: 48%;
	max-height: 190px;
	line-height: 25px;
	font-size: medium;
	background-color: white;
    border: medium solid #B7E2FF;
    overflow-y: auto;
}
.np_invest_extrapoints_container {
	float:left;
	min-width: 99%;
	max-width: 99%;
	min-height: 190px;
	max-height: 190px;
	overflow-y: auto;
}
.np_invest_extrapoints_line_container {
	float:left;
	clear: left;
	margin-left: 1%;
	min-width: 96%;
	max-width: 96%;
	line-height: 25px;
}
.np_invest_extrapoints_line_container.stars {
	text-align: right;
}
.np_invest_extrapoints_line_container.title {
	font-weight: bold;
	text-align: center;
}
.np_invest_extrapoints_line_text {
	float: left;
	margin-right: 5px;
}
.np_invest_extrapoints_line_text.one {
	width: 190px;
}
.np_invest_extrapoints_line_text.two {
	width: 82px;
}
.np_invest_extrapoints_line_text.three {
	width: 42px;
}
.np_invest_extrapoints_line_text.four {
	width: 55px;
}
.np_invest_extrapoints_line_text.five {
	width: 80px;
}
.np_invest_extrapoints_line_input {
	float: left;
	color: #343434;
	height: 20px;
    font-size: small;
    background-color: white;
    border: thin solid #B7E2FF;
    border-radius: 10px;
	width: 50px;
	text-align: center;
}
.np_personalid_title {
	float: left;
	font-size: large;
	text-align: center;
	font-weight: bold;
	width: 98%;
}
.np_personalid_image {
	margin-left: 5px;
	margin-bottom: -12px; 
}
.np_personalid_image.redblink{
	border: medium solid red; 
	border-radius: 10px;
    animation: blink 2s;
	animation-iteration-count: 50;
}