BODY.index {
	font-family: 'Poppins', sans-serif; 
	background: url(../img/ozadje.jpg) no-repeat center center fixed;
	background-size: cover;
	background-color: black;
	align-items:center;
	font-size: 18px;
}

body.osnova {
	background-color: #E7E7E7;
	font-family: 'Poppins', sans-serif; 
	font-size: 19px;
}

.polje, .fontsize, .fvelikost5 { 
	font-size: 23px;
}

.fontsize { 
	font-size: 20px;
}

.fvelikost {
	font-size: 25px;
}

.fvelikost1 {
	font-size: 19px;
}

.fvelikost2, .fvelikost4 {
	font-size: 17px;
}


.fvelikost6 {
	font-size: 16px;
}

.fvelikost7 {
	font-size: 12px;
}

.fvelikost8 {
	font-size: 14px;
}


.vflex {
	flex: 0 0 12% !important;
}

.table td, .table th{
    border-color: #999 !important;
}


.gh {
  	align-items:center;
  	color: white;
   	-webkit-border-radius: 20px;
	-webkit-box-shadow: 0 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);
	box-shadow: 0 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);
	background-color: rgb(85,99,99,0.8);
}

.dan {
	color: #999;
}

.praznik {
	background-color: #F9FAB6;
	color: red;
}

.sobota {
	background-color: #C4D8F0;
}

.nedelja {
	background-color: #558AAF;
	color: #fff;
}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  padding: 10px;
}

.paginacija {
	font-size:13px;
	border: 1px #afafaf solid;
    background-color: #fbfbfb;
    padding: 5px 11px 5px 11px;
    margin: 5px;
    border-radius: 3px;
}

.paginacija2 {
	font-size:13px;
	padding: 7px 13px 5px 13px;
    margin: 3px;
    background-color: #404040;
	border-radius: 3px;
	margin: 5px;
	color: #fff;
}

a.paginacija3:link, a.paginacija3:visited {
	text-decoration: none;
}

.radio1 {
	height: 20px; 
	width: 20px;
  vertical-align: middle;
}



/*###### FORBIDDEN ######*/

.forbidden {
	background: url('../img/forbidden.jpg') no-repeat center center fixed; 
	font-family: 'Roboto Condensed', sans-serif; 
	background-size: cover; 
	background-color: #BFC2C6;
	font-size: 20px;
}

/*###### FORBIDDEN ######*/

.plosca, .plosca2 {
	position:relative;
	-webkit-border-radius: 20px;
	-webkit-box-shadow: 0 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);
	box-shadow: 0 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);
	width: 40%;
}

.plosca2 {
	width: 50%;
}

.spodaj {
	/*position: relative;*/ 
	z-index: 1;
}

.arrow {
	font-size: 40px;
}

.zgoraj {
	position:absolute; 
	z-index:2; 
	left: 0; 
	background-color: rgb(231,231,231,0.9);
}

@media screen AND ( max-width: 400px ) {

	.plosca {
		width: 99%;
	}

	.polje {
		font-size: 16px;
		height: 50px;
	}

	.fontsize {
		font-size: 14px;
	}

	.fvelikost {
		font-size: 22px;
	}

	.fvelikost1, .fvelikost4 {
		font-size: 14px;
	}

	.fvelikost2 {
		font-size: 9px;
	}

	.fvelikost3 {
		font-size: 11px;
	}

	.fvelikost5 {
		font-size: 28px;
	}


	.fvelikost6 {
		font-size: 8px;
	}

	.fvelikost7 {
	font-size: 6px;
}

	.forbidden {
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 19px;
	}

	.vflex {
		flex: 0 0 20% !important;
	}

	.arrow {
		font-size: 37px;
	}

	input[type=checkbox] {
	  /* Double-sized Checkboxes */
	  -ms-transform: scale(1.2); /* IE */
	  -moz-transform: scale(1.2); /* FF */
	  -webkit-transform: scale(1.2); /* Safari and Chrome */
	  -o-transform: scale(1.2); /* Opera */
	  padding: 10px;
	}

	.plosca, .plosca2 {
		width: 99%;
	}


}


/* XS */
@media screen AND ( min-width: 301px ) AND ( max-width: 575px ) {

	.plosca, .plosca2 {
		width: 99%;
	}

	.polje {
		font-size: 16px;
		height: 50px;
	}

	.fontsize {
		font-size: 14px;
	}

	.fvelikost6 {
		font-size: 10px;
	}

	.fvelikost {
		font-size: 22px;
	}

	.fvelikost1, .fvelikost4 {
		font-size: 17px;
	}

	.fvelikost2 {
		font-size: 9px;
	}

	.fvelikost3 {
		font-size: 11px;
	}

	.fvelikost5 {
		font-size: 28px;
	}


	.forbidden {
		font-size: 19px;
		font-family: 'Roboto Condensed', sans-serif;
	}

	.vflex {
		flex: 0 0 20% !important;
	}

	.arrow {
		font-size: 37px;
	}

	input[type=checkbox] {
	  /* Double-sized Checkboxes */
	  -ms-transform: scale(1.2); /* IE */
	  -moz-transform: scale(1.2); /* FF */
	  -webkit-transform: scale(1.2); /* Safari and Chrome */
	  -o-transform: scale(1.2); /* Opera */
	  padding: 10px;
	}

}


/* S */
@media screen AND ( min-width: 576px ) AND ( max-width: 767px ) {

	.plosca, .plosca2 {
		width: 70%;
	}

	.polje {
		font-size: 16px;
		height: 50px;
	}

	.fontsize {
		font-size: 14px;
	}

	.fvelikost6 {
		font-size: 12px;
	}

	.fvelikost {
		font-size: 22px;
	}

	.fvelikost1, .fvelikost4 {
		font-size: 17px;
	}

	.fvelikost2 {
		font-size: 9px;
	}

	.fvelikost3 {
		font-size: 11px;
	}

	.fvelikost5 {
		font-size: 28px;
	}


	.forbidden {
		font-size: 19px;
		font-family: 'Roboto Condensed', sans-serif;
	}

	.vflex {
		flex: 0 0 20% !important;
	}

	.arrow {
		font-size: 37px;
	}

	input[type=checkbox] {
	  /* Double-sized Checkboxes */
	  -ms-transform: scale(1.2); /* IE */
	  -moz-transform: scale(1.2); /* FF */
	  -webkit-transform: scale(1.2); /* Safari and Chrome */
	  -o-transform: scale(1.2); /* Opera */
	  padding: 10px;
	}

}


/* M */
@media screen AND ( min-width: 768px ) AND ( max-width: 991px ) {

	.plosca, .plosca2 {
		width: 70%;
	}

	.polje {
		font-size: 16px;
		height: 50px;
	}

	.fontsize {
		font-size: 14px;
	}

	.fvelikost6 {
		font-size: 12px;
	}

	.fvelikost {
		font-size: 22px;
	}

	.fvelikost1, .fvelikost4 {
		font-size: 17px;
	}

	.fvelikost2 {
		font-size: 9px;
	}

	.fvelikost3 {
		font-size: 11px;
	}

	.fvelikost5 {
		font-size: 28px;
	}


	.forbidden {
		font-size: 19px;
		font-family: 'Roboto Condensed', sans-serif;
	}

	.vflex {
		flex: 0 0 20% !important;
	}

	.arrow {
		font-size: 37px;
	}

	input[type=checkbox] {
	  /* Double-sized Checkboxes */
	  -ms-transform: scale(1.2); /* IE */
	  -moz-transform: scale(1.2); /* FF */
	  -webkit-transform: scale(1.2); /* Safari and Chrome */
	  -o-transform: scale(1.2); /* Opera */
	  padding: 10px;
	}

}

/* L */
@media screen AND ( min-width: 992px ) AND ( max-width: 1199px ) {

	.plosca, .plosca2 {
		width: 50%;
	}

	.polje {
		font-size: 16px;
		height: 50px;
	}

	.fontsize {
		font-size: 14px;
	}

	.fvelikost6 {
		font-size: 11px;
	}

	.fvelikost {
		font-size: 22px;
	}

	.fvelikost1, .fvelikost4 {
		font-size: 17px;
	}

	.fvelikost2 {
		font-size: 9px;
	}

	.fvelikost3 {
		font-size: 11px;
	}

	.fvelikost5 {
		font-size: 28px;
	}


	.forbidden {
		font-size: 19px;
		font-family: 'Roboto Condensed', sans-serif;
	}

	.vflex {
		flex: 0 0 20% !important;
	}

	.arrow {
		font-size: 37px;
	}

	input[type=checkbox] {
	  /* Double-sized Checkboxes */
	  -ms-transform: scale(1.2); /* IE */
	  -moz-transform: scale(1.2); /* FF */
	  -webkit-transform: scale(1.2); /* Safari and Chrome */
	  -o-transform: scale(1.2); /* Opera */
	  padding: 10px;
	}

}


/* XL */
@media screen AND ( min-width: 1200px ) {

	.plosca, .plosca2 {
		width: 50%;
	}

	.polje {
		font-size: 16px;
		height: 50px;
	}

	.fontsize {
		font-size: 14px;
	}

	.fvelikost6 {
		font-size: 16px;
	}

	.fvelikost {
		font-size: 22px;
	}

	.fvelikost1, .fvelikost4 {
		font-size: 17px;
	}

	.fvelikost2 {
		font-size: 16px;
	}

	.fvelikost3 {
		font-size: 15px;
	}

	.fvelikost5 {
		font-size: 28px;
	}


	.forbidden {
		font-size: 19px;
		font-family: 'Roboto Condensed', sans-serif;
	}

	.vflex {
		flex: 0 0 20% !important;
	}

	.arrow {
		font-size: 37px;
	}

	input[type=checkbox] {
	  /* Double-sized Checkboxes */
	  -ms-transform: scale(1.2); /* IE */
	  -moz-transform: scale(1.2); /* FF */
	  -webkit-transform: scale(1.2); /* Safari and Chrome */
	  -o-transform: scale(1.2); /* Opera */
	  padding: 10px;
	}

}


/* zvezdice za oceno knjige */
.zvezdice {
	display: inline-block;
}

.zvezdice * {
  float: right;
}

input.tri {
  display: none;
}

label.dva {
  font-size: 30px;    
  color: grey;
}

input.tri:checked ~ label.dva {
  color: orange;
}
/* zvezdice za oceno knjige */


label {
	font-weight: bold;
}

.precrtan {
	text-decoration:line-through!important;
}




