body {
	background: #FFFFFF;
	color:#262626; font-family:verdana; font-size:13px;}

.navbar-default .navbar-nav > li.clr1 a{
		color:#FFFFFF; font-size:13px; padding-top:19px;
}
.navbar-default .navbar-nav > li.clr2 a{
	color: #FFFFFF; font-size:13px; padding-top:19px;
}
.navbar-default .navbar-nav > li.clr3 a{
	color: #FFFFFF; font-size:13px;  padding-top:19px;
}
.navbar-default .navbar-nav > li.clr4 a{
	color: #FFFFFF; font-size:13px; padding-top:19px;
}
.navbar-default .navbar-nav > li.clr1 a:hover, .navbar-default .navbar-nav > li.clr1.active a{
	color:#fff; font-size:13px;  
	 
}
.navbar-default .navbar-nav > li.clr2 a:hover, .navbar-default .navbar-nav > li.clr2.active a{
	color: #FFFFFF; font-size:13px;
	background:#ED072D;
}
.navbar-default .navbar-nav > li.clr3 a:hover, .navbar-default .navbar-nav > li.clr3.active a{
	color: #FFFFFF; font-size:13px; 
	background:#B5FDFF; 
}
.navbar-default .navbar-nav > li.clr4 a:hover, .navbar-default .navbar-nav > li.clr4.active a{
	color: #FFFFFF; font-size:13px; 
}

.navbar-default{ padding:0px;
	background:#ED072D;border-bottom:1px solid #fff;border-top:1px solid #fff;
     background:-webkit-linear-gradient(top,#ED072D 0%,#9C1E1E 75%);
     background:-moz-linear-gradient(top,#ED072D 0%,#9C1E1E 75%);
     background:-o-linear-gradient(top,#ED072D 0%,#9C1E1E 75%);
     background:-ms-linear-gradient(top,#ED072D 0%,#9C1E1E 75%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ED072D',endColorstr='#9C1E1E',GradientType=0);
     box-shadow: 0px 2px 3px #434666;
}
.navbar-default .navbar-brand {
	color: #ffffff;
	font-weight:bold; font-size:16px;
}
.navbar-default .navbar-text {
	color:#ffffff; font-size:13px;
}
a{color: #FFC107;text-decoration: none;  }

.footer-bottom {
background:#ED072D;border-bottom:1px solid #fff;border-top:1px solid #fff;
     background:-webkit-linear-gradient(top,#ED072D 0%,#9C1E1E 75%);
     background:-moz-linear-gradient(top,#ED072D 0%,#9C1E1E 75%);
     background:-o-linear-gradient(top,#ED072D 0%,#9C1E1E 75%);
     background:-ms-linear-gradient(top,#ED072D 0%,#4392CC 75%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ED072D',endColorstr='#9C1E1E',GradientType=0);
     box-shadow: 0px 2px 3px #434666;
bottom:0;
color:#fff;
padding-top:15px;
padding-bottom:0px;
}

.login-button{
	background:#1666A1;border-bottom:1px solid #fff;border-top:1px solid #fff;
     background:-webkit-linear-gradient(top,#1666A1 0%,#4392CC 75%);
     background:-moz-linear-gradient(top,#1666A1 0%,#4392CC 75%);
     background:-o-linear-gradient(top,#1666A1 0%,#4392CC 75%);
     background:-ms-linear-gradient(top,#1666A1 0%,#4392CC 75%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1666A1',endColorstr='#4392CC',GradientType=0);
     box-shadow: 0px 2px 3px #434666;
	font-size:16px;
}

/*--------------STYLE GRAFIK BAR -------------------*/
.progress-bar-vertical {
    width:90%;
    min-height: 260px;
    display: flex;
    align-items: flex-end;
    margin-right:px;
    margin-left:px;

}
.valSpan {
    padding-left:5px;
}
p.progressTitle {
    font-size:12px;color:#222;
}
    .progress-bar-vertical .progress-bar {
        width: 100%;
        height: 0;
        -webkit-transition: height 1s ease;
        -o-transition: height 1s ease;
        transition: height 1s ease;
    }

.vertical {
    box-shadow: inset 0px 4px 6px #555;
}
.progress {
    background-color:#fff;
    border-radius: 0px;
    margin-bottom: 0px;
}
.progress-bar {
    box-shadow: inset 0px 0px 2px rgba(100,100,100,0.4);
}
.inValueDiv {
    position: absolute;
    bottom:8vh;
    font-size: 1.2em;

}
/*--------------Popup Bayar-------------------*/
@-webkit-keyframes autopopup {
		from {opacity: 0;margin-top:-200px;}
		to {opacity: 1;}
	}
	@-moz-keyframes autopopup {
		from {opacity: 0;margin-top:-200px;}
		to {opacity: 1;}
	}
	@keyframes autopopup {
		from {opacity: 0;margin-top:-200px;}
		to {opacity: 1;}
	}
	/*style untuk popup */
	#popup {
		visibility: hidden;
		opacity: 0;
		margin-top: -200px;
	}
	#popup:target {
		visibility:visible;
		opacity: 1;
		background-color: rgba(0,0,0,0.4);
		position: fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:0;
		z-index: 99999999999;
		-webkit-transition:all 1s;
		-moz-transition:all 1s;
		transition:all 1s;
	}

	@media (min-width: 768px){
		.popup-container {
			width:500px;
		}
	}
	@media (max-width: 767px){
		.popup-container {
			width:100%;
		}
	}
	.popup-container {
		position: relative;
		margin:7% auto;
		padding:10px 10px;
		background-color: #fafafa;
		color:#333;
		border-radius: 5px;border:2px solid #777;
	}

	a.popup-close {
		position: absolute;
		top:3px;
		right:3px;
		background-color: #eee;
		padding:3px 5px;
		font-size: 12px;
		text-decoration: none;
		line-height: 1;
		color:#000;
	}

	/* style untuk isi popup */
	.popup-form {
		margin:10px auto;
	}
		.popup-form h2 {
			margin-bottom: 5px;
			font-size: 37px;
			text-transform: uppercase;
		}
		.popup-form .input-group {
			margin:10px auto;
		}
			.popup-form .input-group input {
				padding:17px;
				text-align: center;
				margin-bottom: 10px;
				border-radius:3px;
				font-size: 16px;
				display: block;
				width: 100%;
			}
			.popup-form .input-group input:focus {
				outline-color:#FB8833;
			}
			.popup-form .input-group input[type="email"] {
				border:0px;
				position: relative;
			}
			.popup-form .input-group input[type="submit"] {
				background-color: #FB8833;
				color: #fff;
				border: 0;
				cursor: pointer;
			}
			.popup-form .input-group input[type="submit"]:focus {
				box-shadow: inset 0 3px 7px 3px #ea7722;
			}
.sukses{
color:#43A800;font-family
}
.gagal{
color:#E05034;font-family: 'Open Sans', sans-serif; }




/* General styles for all menus */
.cbp-spmenu {
	background: #ED072D; opacity:0.97;filter:alpha(opacity=100);
	position: fixed;
}

.cbp-spmenu h3 {
	color: #D1351D;
	font-size: 1.7em;
	padding: 5px;
	margin: 0;
	font-weight: 300;
	background: #; border-bottom:;
}

.cbp-spmenu a {
	display: block;
	color: #FFFFFF;
	font-size: 1.2em; padding:0px 0px 0px 10px;
	font-weight:15px;
}

.cbp-spmenu a:hover {
	background: #23388C; color: #ED072D;
}

.cbp-spmenu a:active {
	background: #afdefa;
	color: #47a3da;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	width: 800px;
	height:100%;           overflow-y: scroll;
	top: 10; padding:2px 2px 2px 15px;
	z-index: 1000;
}

.cbp-spmenu-vertical a {
	border-bottom: 1px solid #6568B8;
	padding:2px 2px 2px 10px;  
}
.cbp-spmenu-vertical a.hover { background: #23388C;  }

.cbp-spmenu-horizontal {
	width: 100%;
	height: 150px;
	left: 0;
	z-index: 1000;
	overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
	height: 100%;
	width: 20%;
	float: left;
}

.cbp-spmenu-horizontal a {
	float: left;
	width: 20%;
	padding: 0.8em;
	border-left: 1px solid #258ecd;
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
	left: -840px;
}

.cbp-spmenu-right {
	right: -840px;
}

.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
	top: -150px;
}

.cbp-spmenu-bottom {
	bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
	top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
	bottom: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

.cbp-spmenu-push-toright {
	left: 240px;
}

.cbp-spmenu-push-toleft {
	left: -240px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* Example media queries */

@media screen and (max-width: 55.1875em){

	.cbp-spmenu-horizontal {
		font-size: 75%;
		height: 110px;
	}

	.cbp-spmenu-top {
		top: -110px;
	}

	.cbp-spmenu-bottom {
		bottom: -110px;
	}

}

@media screen and (max-height: 26.375em){
	.cbp-spmenu-vertical {
		font-size: 90%;  overflow-y: scroll;
		width: 190px;}

	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft {
		left: -190px;
	}

	.cbp-spmenu-right {
		right: -190px;
	}

	.cbp-spmenu-push-toright {
		left: 190px;
	}
}


//*Tambahan STYLE *//

pl  { background:#6589A8;font-size:14px;color:#fff;padding:8px 0 8px 0; }

.garis { border-top:1px solid #ddd; margin: 3px 0 3px 0;}