/* UPIL 2020 ab */

.side-bar-label {
	color: #89a0b0;
}

.img-user-management {
	width:25px;
	height:25px;
}

#loadingDiv {
	position: absolute; 
	z-index: 9999; 
	opacity: 0.8; 
	filter: alpha(opacity = 80); 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	width: 100%; 
	height: 100%; 
	background-image: url("../img/loading-2021.gif"); 
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
	background-color:White; 
	color: White;
}

.modal-loadingDiv {
	position: absolute; 
	z-index: 9999; 
	opacity: 0.8; 
	filter: alpha(opacity = 80); 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	width: 100%; 
	height: 100%; 
	background-image: url("../img/loading-2021.gif"); 
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
	background-color:White; 
	color: White;
}

.mar-bot-5 {
	margin-bottom:5px;
	background-color: #dfdfd0;
}


.upil-deskripsi {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word; 
}

.upil-header-mobile {
	display:none;
}

.upil-header-mobile-inline {
	display:none;
}

img.upil.thumb-img {
	padding: 10px;
	border: 1px solid black;
}

.upil-break {
	overflow-wrap: break-word;
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
	table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}
}