body{
  		background-image: url('https://klim.com.hr/user/lim-linije.png');
     	font-family: 'Karla', sans-serif !important;
	  	background-repeat: no-repeat; 
    	background-size: 100% 100%;
 	 }

    .main {
    	margin: 5rem 0rem !important;
    }

	#logoImg {
    	/*width: 8.75rem !important;*/
   		/*height: 8.75rem !important;*/
    	margin-top: -0.5rem !important;
}
	#logoImg1 {
    	/*width: 8.75rem !important;*/
   		/*height: 8.75rem !important;*/
    	margin-top: -0.5rem !important;
}
	   .naslov {
    	color: #33586B;
    }


.cookie-banner {
  position: fixed;
  bottom: 40px;
  left: 10%;
  right: 10%;
  width: 80%;
  padding: 50px 75px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #eee;
  border-radius: 5px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
.close {
  height: 20px;
  background-color: #777;
  border: none;
  color: white;
  border-radius: 2px;
  cursor: pointer;
}

@media (max-width: 992px) {
	.left {
	    width: 100%;
	}
	
	.right {
	    width: 100%;
	}
	.main {
    	justify-content: center !important;
	}
	.contentContainer {
    	width: 90% !important;
	}
	.contentContainerTable {
    	width: 90%;
	}
}
@media (min-width: 993px) and (max-width: 1200px) {
	.left {
	    -ms-flex: 0 0 18.666667%;
	    flex: 0 0 18.666667%;
	    max-width: 18.666667%;
	}
	.right {
	    width: 81%;
	}
	.contentContainer {
    	width: 100% !important;
	}
	.contentContainerTable {
    	width: 100%;
	}
}
@media (min-width: 1201px) and (max-width: 1499px) {
	.left {
	    -ms-flex: 0 0 15.666667%;
	    flex: 0 0 15.666667%;
	    max-width: 15.666667%;
	}
	.right {
	    width: 84%;
	}
	.contentContainer {
    	width: 80% !important;
	}
	.contentContainerTable {
    	width: 100%;
	}
}
@media (min-width: 1500px) {
	.left {
	    -ms-flex: 0 0 10.666667%;
	    flex: 0 0 10.666667%;
	    max-width: 10.666667%;
	}
	.right {
	    width: 89%;
	}
	.contentContainer {
    	width: 60% !important;
	}
	.contentContainerTable {
    	width: 100%;
	}
}




html, body {
     min-height: 100% !important;
	 height: 100%;
}
footer {
    justify-content: center;
    display: flex !important;
    margin-bottom: 3rem;
	margin-top:0px;
}
footer img {


}

nav {
	margin-top: 5rem !important;
}
/*
tr {
	cursor: pointer;
}

tr:hover {
	background-color: #00000013;
}
*/
.btn-success2 {
    color: #fff !important;
    background-color: #577484 !important;
    border-color: #577484 !important;
}

.btn-success2:not(:disabled):not(.disabled).active:focus, .btn-success2:not(:disabled):not(.disabled):active:focus, .show>.btn-success2.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem #57748480;
}

.item-row {
	background-color: #fff;
}

.dataTables_scrollHeadInner, .dataTables_scrollHeadInner table {
	width: 100% !important;
}

.dataTables_scrollHeadInner table tr:focus {
    background-color: #57748480 !important;
}

#zeta2 tr, #racuni tr {
	cursor: pointer;	
}

#zeta2 tr:hover, #racuni tr:hover {
	background-color: #a5b9c5;	
}
/* ----------------------- dataTables ------------------------------*/

.page-item.active .page-link {
    z-index: 3;
    color: #fff !important;
    background-color: #577484 !important;
    border: 0.05rem solid #577484 !important;
}
.page-link {
	color: #000 !important;
    border: 0.05rem solid #577484 !important;
}
.page-link:focus {
    box-shadow: 0 0 0 0.2rem rgb(61 62 63 / 25%) !important;
}
div.dataTables_filter input {
    border: 0.05rem solid #577484 !important;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #577484;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(87 116 132 / 57%) !important;
}