html {zoom: 85%!important;}
	.zaokruzi_zaglavlje {
		border: 1px solid white;
		border-radius: 5px;
		box-shadow: 0px 0px 4px white;
		padding-top: 0px;
	}

	.linkovi {
		margin-top: -10px;
	}

	.komintet_slika {
		width: 100%;
		border: 2px solid white;
		border-radius: 5px;
		box-shadow: 0px 0px 5px gray;
		margin-bottom: 15px;
		margin-top: 0px;
		background-color: white;
	}

	.korisnik_slika {
		width: 100%;
		border: 2px solid white;
		border-radius: 5px;
		box-shadow: 0px 0px 5px gray;
		margin-bottom: 15px;
		margin-top: 28px;
		background-color: white;
	}

	.plavi_rezultat {
		font-weight: bold;
		color: #e40d27;
	}

	.pasus_razmak {
		margin-top: 10px;
	}

	.desno {
		text-align: right;
		padding-right: 3px;
	}

	.racun_cifre {
		text-align: right;
		width: 100px;
		padding-right: 0px;
	}

	.dugme_sirina {
		width: 100%;
	}

	.dug_fix {
		max-width: 90px;
	}

	.centar {
		text-align: center;
	}

	.tabela_prazno {
		text-align: center;
		padding-top: 60px;
		padding-bottom: 80px;
		font-size: 11pt;
		border: 1px solid #e2e2e2;
		border-radius: 3px;
		color: #d34317;
	}

	.tabela_prazno_modal {
		text-align: center;
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 11pt;
		border: 1px solid #e2e2e2;
		border-radius: 3px;
		color: #d34317;
	}


	input[type=text]:focus {
		padding-right: 0px;
	}

	input[type=text], textarea, select  {
		padding-right: 0px;
		padding-left: 15px;
		font-size: 11pt;
	}

	#page-inner {
		border-radius: 3px;
		/*box-shadow: 0px 0px 7px gray; */
	}

	html {
		zoom: 100%;
	}

	.sezona_combo {
		border-radius: 5px;
		height: 32px;
		text-align: center;
		font-weight: bold;
		padding-right: 5px;
	}

	.sezona_drzac {
		padding: 15px 50px 5px 50px;
		float: right;
		font-size: 16px;
		padding-right: 32px;
	}

	.dobrodosli_drzac {
		padding: 15px 50px 5px 20px;
		float: left;
		font-size: 19px;
		padding-right: 32px;
		color: white;
	}

	.right {
		text-align: right;
		padding-right: 5px;
	}

	.datepicker {
		z-index: 1200 !important;
	}

	.blok1 {
		padding-left: 20px;
		padding-right: 20px;
	}

	.blok2 {
		box-shadow: 0px 0px 7px gray;
		border: 2px solid white
	}

	.direkt_unos {
		background-color: #3b3c3d;
		color: white;
	}

	.obojeno {
		background-color: #ddebb8;
		/*font-weight: bold; */
	}

	.debelo {
		font-weight: bold;
	}

	.kursor {
		cursor: pointer;
	}

	.centrirano {
		padding-left: 0px; padding-right: 0px; text-align: center;
	}

	@media(min-width:768px) {
		.prozor {
			width: 55%; overflow-y:auto;
		}

		.prozor35 {
			width: 35%; overflow-y:auto;
		}

		.prozor30 {
			width: 35%; overflow-y:auto;
        }

		.prozor50 {
			width: 50%; overflow-y:auto;
		}

		.prozor60 {
			width: 60%; overflow-y:auto;
		}

		.prozor70 {
			width: 70%; overflow-y:auto;
		}


		.prozor85 {
			width: 87%;overflow-y:auto;
		}

		.supershop {
			width: 30%;
			padding-top: 30px;
			padding-bottom: 30px;
		}

		.kese {
			width: 100%;
		}

		.izbor_baza {
			padding-top: 180px;
		}

		#nabavka_dobavljac {
			display: none;
		}
	}

 	@media (min-width: 601px) and (max-width:767px) {
		.prozor {
			width: 55%; overflow-y:auto;
		}

		.prozor35 {
			width: 55%; overflow-y:auto;
		}

		.prozor30 {
			width: 35%; overflow-y:auto;
		}

		.prozor50 {
			width: 50%; overflow-y:auto;
        }

		.prozor60 {
			width: 60%; overflow-y:auto;
		}

		.prozor85 {
			width: 90%; overflow-y:auto;
		}

		.supershop {
			width: 50%;
		}

		.kese {
			width: 30%;
		}

		.izbor_baza {
			padding-top: 80px;
		}

	}

  @media(max-width:600px) {
	.prozor, .prozor35 {
		width: 85%; overflow-y:auto;
	}

	.prozor30 {
		width: 70%; overflow-y:auto;
	}

    .prozor50 {
        width: 50%; overflow-y:auto;
    }

	.prozor60, .prozor85 {
		width: 90%; overflow-y:auto;
	}

	.supershop {
		width: 50%;
		padding-top: 100px;
	}

	.kese {
		width: 70%;
	}

	.izbor_baza {
		padding-top: 30px;
	}
 }

  @media(min-width:768px) {
	.p_delete {
		width: 30%; overflow-y:auto;
	}
 }
	@media (min-width: 601px) and (max-width:767px) {
		.p_delete {
			width: 65%; overflow-y:auto;
		}
	 }
	  @media(max-width:600px) {
		.p_delete {
			width: 95%; overflow-y:auto;
		}
	 }

 .dugmici {
	 box-shadow: 0px 0px 1px gray;
 }

 .dugmici:hover {
	 cursor: pointer;
	 box-shadow: 0px 0px 0px gray;
 }

 .izbor_opcije {
	margin-top: 0px; padding-top: 0px; color: #3c6f9b;
 }

 .priv_naziv {
	 width: 88%;
	 color: brown;
 }
   @media(max-width:600px) {
		.izbor_opcije {
		   margin-top: 20px;
		}

		.priv_naziv {
			width: 30px;
		}
   }

   .light-info {
	   background-color: #d9edf7;
	   color: #345271;
   }

    .light-warning {
	   background-color: #fcf8e3;
	   color: #a2702c;
   }


   .klot {
	   padding-left: 8px;
	   padding-right: 0px;

   }


   .modal-title {
       margin-top: 1px;
   }

   .with-errors {
       color: yellow;
   }




/*  css za unos nove sifre maticne datoteke */

.zeleno {
   background-color: #99cc00;
    color: #003366;

}

.crveno {
    background-color: #ff6c00;
    color: 003366;
}


.roze {
    background-color: #e38164;
    color: white;
}


.zeleno::-webkit-input-placeholder { /* Edge */
    color: #003366;
}

.zeleno::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #003366;
}

.zeleno::placeholder {
    color: #003366;
}

.crveno::-webkit-input-placeholder { /* Edge */
    color: #003366;
}

.crveno::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #003366;
}

.crveno::placeholder {
    color: #003366;
}

.cz {
color:red;
}

.mr-10 {
margin-right: 10px !important;
}

.mb-10 {
margin-bottom: 10px !important;
}

.ml-10 {
margin-left: 10px !important;
}

.mt-10 {
margin-top: 10px !important;
}

#zamena {
    border: 1px solid gainsboro;
    min-height: 250px;
    border-radius: 5px;
    text-align: center;
    padding-bottom: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-top: 40px;
}
#osnova {
    display: none;
}

.val_error {
	background-color:wheat; color:crimson; display: block; margin-top: 3px; border-radius: 3px; text-align: center;
}

.modal-backdrop
{
    opacity:0.3 !important;
}


#nalog_konto_combo {

}

.col-xs-1, .col-xs-1-5, .col-sm-1, .col-md-1, .col-md-1-5, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-md-2-1, .col-md-2-5,.col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-xs-1, .col-xs-1-5, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	float: left;
}

@media (max-width: 600px) {
	.skolska_godina {
		display: none;
	}
}

@media (min-width:601px) {
	.skolska_godina2 {
		display: none;
	}
}
@media (min-width: 768px) {
	.col-sm-1, .col-sm-1-5, .col-sm-2, .col-md-2-1, .col-sm-2-5, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	  float: left;
	}
	.col-sm-2-5 {
		width: 14%;
	  }

	.col-sm-1-5 {
		width: 10%;
	}

	.col-md-2-1 {
		width: 18%;
	}
}

@media (min-width: 992px) {
	.col-md-0-5, .col-md-1,  .col-md-1-5, .col-md-1-9, .col-md-2, .col-md-2-1, .col-md-2-3, .col-md-2-5, .col-md-3, .col-md-3-5, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
		 float: left;
	}

	.col-md-1-9 {
		width: 15%; padding-left: 0px; padding-right: 0px; margin-right: 5px; 
	}

	.col-md-3-5 {
		width: 38%; padding-left: 0px; padding-right: 0px; margin-right: 5px; 
	}

	.col-md-2-5 {
		width: 23%; padding-left: 0px; padding-right: 0px; margin-right: 5px;
	}
	
	.col-md-2-3 {
		width: 21%; padding-left: 0px; padding-right: 0px; margin-right: 4px;
	}

	.col-md-2-1 {
		width: 18%; padding-left: 0px; padding-right: 0px; margin-right: 4px;
	}
	
	
	.col-md-1-5 {
		width: 9%; padding-left: 0px; padding-right: 0px; margin-right: 5px;
	}

	.col-md-0-5 {
		width: 10%; padding-left: 0px; padding-right: 0px; margin-right: 5px;
	}


}


th>a {
	color: black;
}

.select2 {
	height: 32px;
}

.select2-dropdown {border-radius: 0 !important; }

.select2-search input { padding-left: 2px; }
.select2-results { background-color: #ddebb8; font-size: 10pt; background: #ddebb8;}
.select2, .select2-container { background-color: #ddebb8; !important; background: #ddebb8; border: 1px solid #d4d4d4;}
.select2-container--default .select2-selection--single {background-color: #ddebb8;  border: none; }
.select2-search--dropdown {background-color: #ddebb8; }	/* boja oblassti oko polja za kucanje  */
.select2-search--dropdown .select2-search__field {background-color: #ddebb8;  }   /* boja polja u kom se kuca */

.px-0 {
	padding-left:  0px!important;
	padding-right:  0px!important;
}

.list_teachers, #autokopi {
	transform: scale(1.75); margin-right: 10px;
}

.w-100 {
	width: 100%!important;
}

.mt-2 {
	margin-top: 10px;
}

.polje {
	font-size: 12pt; font-weight: bold; color: #3c8dbc;
}

.sponsors {
	position: absolute; 
	right: 0px; 
	bottom: 0px;
	padding-bottom: 10px;
}

.virtuelco {
	margin-top: 155px!important;
}

.skolska {
	color: white; float: left; padding-top: 16px; padding-bottom: 16px; margin-right: 30px; font-size: 13pt
}


@media (max-width: 992px) {
	.sponsors {
		position: relative; 
		text-align:  center;
		margin-top:  40px;
		padding-bottom: 10px!impotant;
	}

	.virtuelco {
		margin-top: 90px!important;
	}

	.skolska {
		margin-right: 30px;
	}
}