@import url(webfonts.css); 
@import url(style.css); 

@media (min-width:260px){
	body,html{
		font-size:0.8em
	}
	.hide{
		display:none;
	}
	.mb-60 {
		margin-bottom:0%;
	}
	.img-responsive {
		width:160px;
		height:30px;
	}
	.mobile-menu {
		display:block;
	}
}
@media (min-width:360px){
	body,html{
		font-size:0.8em
	}
	.hide{
		display:none;
	}
	.mb-60 {
		margin-bottom:0%;
	}
	.img-responsive {
		width:200px;
	}
	.mobile-menu {
		display:block;
	}
}

@media (min-width:576px){
	body,html{
		font-size:0.8em
	}
	.hide{
		display:none;
	}
	.mb-60 {
		margin-bottom:0%;
	}
	.img-responsive {
		width:200px;
	}
	.mobile-menu {
		display:block;
	}
}

@media (min-width:768px){
	body,html{
		font-size:0.9em
	}
	.hide{
		display:block;
	}
	.mb-60 {
		margin-bottom:5%;
	}
	.img-responsive {
		width:200px;
	}
	.mobile-menu {
		display:none;
	}
}

@media (min-width: 992px) {
	body,html{
		font-size:0.9em
	}
	.hide{
		display:block;
	}
	.mb-60 {
		margin-bottom:5%;
	}
	.img-responsive {
		width:200px;
	}
	.mobile-menu {
		display:none;
	}
}

@media (min-width: 1200px) {
	body,html{
		font-size:0.9em
	}
	.hide{
		display:block;
	}
	.mb-60 {
		margin-bottom:5%;
	}
	.img-responsive {
		width:200px;
	}
	.mobile-menu {
		display:none;
	}
	
}


.navbar-custom {
	background:#d41;
}
.menu-opsi {
	margin-right:10px;
	background:none;
}
.menu-opsi:hover {
	margin-right:10px;
	background:none;
	border-bottom:3px solid #ccc;
	box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)!important;
	-moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
}

.menu-logout {
	margin-right:10px;
	background:orange;
}
.menu-logout:hover {
	margin-right:10px;
	background:#d30;
	box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)!important;
	-moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
}

.file-list {
	padding:5px;
}
.file-list:hover {
	background:#F5F5F5;
	box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)!important;
	-moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
}

.wrap{ 
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-pack:justify;
	justify-content:space-between
}

.border-shadow:focus {
	box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
}

div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000099;
	font-weight: bold;
	background-color: #000099;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #333333;
}
.pagination {
	display:inline-block;
	padding-left:0;
	margin:10px 0;
	border-radius:4px;
}
.pagination > li {
	display:inline;
}
.pagination > li > a,
.pagination > li > span {
	position:relative;
	float:left;
	padding:3px 6px;
	margin-left:-1px;
	line-height:1.42857143;
	color:#337ab7;
	text-decoration:none;
	background-color:#F3F3F3;
	border:1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
	margin-left:0;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	z-index:3;
	color:#23527c;
	background-color:#eee;
	border-color:#ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	z-index:2;
	color:#fff;
	cursor:default;
	background-color:#337ab7;
	border-color:#337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	color:#777;
	cursor:not-allowed;
	background-color:#fff;
	border-color:#ddd;
}

.overflow-auto { height:400px; overflow:auto; }