* {
	box-sizing: border-box;
}

body {
	background-color: #eff2f0;
}

h4.list-group-item-heading {
	margin-bottom: 0;
	display: inline-block;
	margin-right: 10px;
}

h2.judul {
	margin-top: 30px;
	margin-bottom: 30px;
}

a {
	color: #333;
}

.list-group a {
	padding-left: 20px;
}

.list-group li.item-hover-yes:hover {
	background-color: #f5f5f5;
}

span.badge {
	position: absolute;
	right: 10px;
	top: 40%;
}

input,
select {
	padding: 20px !important;
}

select {
	width: 100%;
	padding: 10.6px 12px !important;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.btn {
	padding: 10px 10px;
}

.input-group.search {
	margin-bottom: 10px;
}

div.list-group {
	position: relative;
}

.loading-bg {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: rgba(0,0,0,.5);
	z-index: 1;
	border-radius: 4px;
}

.div-loading-btn {
	display: inline-block;
	position: relative;
}

.loading-bg.btn:hover {
	cursor: default;
}

.loading {
	width: 80px;
	height: 80px;
	position: absolute;
	background-color: transparent;
	border: 15px solid white;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-radius: 50%;
	z-index: 2;
	left: 50%;
	top: 50%;
	margin-top: -40px;
	margin-left: -40px;
	animation: rotation 2s;
	animation-iteration-count: infinite;
	animation-timing-function: cubic-bezier(.99, .01, -.01, 1.01);
}

.loading-btn {
	width: 30px;
	height: 30px;
	position: absolute;
	background-color: transparent;
	border: 5px solid white;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-radius: 50%;
	z-index: 2;
	left: 50%;
	top: 50%;
	margin-top: -15px;
	margin-left: -15px;
	animation: rotation 2s;
	animation-iteration-count: infinite;
	animation-timing-function: cubic-bezier(.99, .01, -.01, 1.01);
}

@keyframes rotation {
	0% {
		transform: rotateZ(0deg);
	} 50% { 
		transform: rotateZ(180deg);
	} 100% {
		transform: rotateZ(360deg);
	}
}

.mt-30 {
	margin-top: 30px;
}

.mt-20 {
	margin-top: 20px;
}

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

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

.mb-20 {
	margin-bottom: 20px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-100 {
	margin-bottom: 100px;
}

.mr-5 {
	margin-right: 5px;
}

.badge.normal {
	top: 28%;
	background-color: #fcf8e3;
	border: 1px solid #946d3b;
	color: #946d3b;
}

.panel-title {
	font-size: 16pt;
}

.panel-title.small {
	font-size: 14pt;
}

.panel {
	box-shadow: none;
}

.list-group-item-default {
	background-color: #f5f5f5;
}

.padding-l-10px {
	padding-left: 10px !important;
}

.nopadding-l {
	padding-left: 0 !important;
}

.nopadding-r {
	padding-right: 0;
}

.nopadding-all {
	padding: 0;
}

.pr-5 {
	padding-right: 5px;
}

.pl-20 {
	padding-left: 20px;
}

.alert.fixed {
	position: fixed;
	right: 10px;
	bottom: 0px;
}

.copy-right {
	color: #c9c9c9;
	font-size: 10pt;
}

.login .form-control {
  	position: relative;
  	height: auto;
  	font-size: 15px;
}

.login button {
	font-size: 15px;
}

.login .form-control:focus {
  	z-index: 2;
}

.login input[type="text"] {
  	margin-bottom: -1px;
  	border-bottom-right-radius: 0;
  	border-bottom-left-radius: 0;
}
.login input[type="password"] {
  	border-top-left-radius: 0;
  	border-top-right-radius: 0;
}

.input-group-btn button {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.input-group-btn.div-loading-btn button:hover {
	z-index: 999 !important;
}

.display-inline-block {
	display: inline-block;
}

.border-radius-0 {
	border-radius: 0;
}

.alert {
	z-index: 9999;
}