.li-hover:hover{
background-color: black;
}

.border-bawah{
border-bottom: 1px solid black;
}

.notsel{
	user-select: none;
	-webkit-user-select: none;
}

/*************************** Radio Button With Images ***************************/
.input-hidden {
  position: absolute;
  display: none;
}

input[type=radio]:checked + label {
  /*border-bottom:1px solid #bababa;*/
	
  
}

input[type=radio]:hover + label {
  cursor: pointer;
}

input[type=radio]:checked:hover + label {
  
}

/* Stuff after this is only to make things more pretty */
input[type=radio] + label {
  transition: 200ms all;
}


/*************************** Checkbox Button With Images ***************************/
.input-hidden-checkbox {
  position: absolute;
  display: none;
}

input[type=checkbox]:checked + label {
  /*border-bottom:1px solid #bababa;*/
	
  
}

input[type=checkbox]:hover + label {
  cursor: pointer;
}

input[type=checkbox]:checked:hover + label {
  
}

/* Stuff after this is only to make things more pretty */
input[type=checkbox] + label {
  transition: 200ms all;
}


/*************************** Modal Image Checkbox Ver *****************************/

input[type=checkbox]:hover + label
{
	cursor: pointer;
}

#check:checked ~ label #cover
{
	display:block;
}

#cover
{
	display:none;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0.7);
	user-select: none;
	-webkit-user-select: none;
	z-index: 1100;
}

#box img
{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 95%;
	max-height: 95%;
	transition: all 5s ease-in-out;
	user-select: none;
	-webkit-user-select: none;
}

#box .close {
	position: absolute;
	top: 0;
	right: 10px;
	transition: all 200ms;
	font-size: 50px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	z-index: 1100;
	cursor: pointer;
}

#box .close:hover {
	color: #06D85F;
}


/** ZOOM **/
.zoom_label img {
  transition: transform .5s ease;
}
.zoom_label:hover img {
  position: relative;
  z-index: 2;
  transform: scale(1.03);
}

/*************************** popup-Login-overlay ***************************/
/*Trigger Button*/
.login-trigger {
  font-weight: bold;
  color: #fff;
  background: linear-gradient(to bottom right, #B05574, #F87E7B);
  padding: 15px 30px;
  border-radius: 30px;
  position: relative; 
  top: 50%;
}

/*Modal*/
.close {
  color: #fff;
  transform: scale(1.2);
  font-size: 25px;
}
.modal-content {
  font-weight: bold;
  background: #00795b;
  padding-bottom : 10px;
}

.login {
  padding: 6px 20px;
  border-radius: 20px;
  background: none;
  border: 2px solid #FAB87F;
  color: #FAB87F;
  font-weight: bold;
  transition: all .5s;
  margin-top: 0px;
}
.login:hover {
  background: #FAB87F;
  color: #fff;
  cursor: pointer;
}