html,
body {
	margin:0;
	padding:0;
	height:100%;
	text-align: center; /* !!! */
	background:url(../../images/bg.jpg) no-repeat center center fixed;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;	
	
background-image: linear-gradient(to left bottom, #0544a4, #0074ca, #00a1e2, #00cdf2, #78f8ff);
	
}

/*.marquee{
	width:100%;
	margin-top:55px;
	padding:10px;
	background-color:#3399CC;
	color:#fff;
}*/
#ee .cnotfound{
	border: 1px solid #f00;
	background: #FFD2D3;
	font-size: 18px;
	padding: 10px;
	color: #f00;
	width: 100%;
}
.kontainer{
	width:90%;
}
.konten{
	padding-top:100px;
	padding-bottom:100px;
	z-index:100;
}
.hal-konten{
	background:#fff;
	padding:5px;	
	border:5px solid #CCC;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;		
	min-height:400px;
	z-index:100;
}
.hal-konten2{
    top: 50%;
    left: 50%;
    width:30em;
    height:auto;
    margin-top: -16em; /*set to a negative number 1/2 of your height*/
    margin-left: -16em; /*set to a negative number 1/2 of your width*/
    border: 1px solid #f00;
    /*background-color: #f3f3f3;*/
	background-color: #fff;
    position:fixed;
	border:5px solid #CCC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
}	
.hal-kontenLogin{
    top: 55%;
    left: 52%;
    width:450px;
    height:auto;
    margin-top: -16em; /*set to a negative number 1/2 of your height*/
    margin-left: -16em; /*set to a negative number 1/2 of your width*/
    border: 1px solid #f00;
    /*background-color: #f3f3f3;*/
	background-color: #fff;
    position:fixed;
	border:5px solid #CCC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
}		
footer{
/*	
   position:fixed;
   bottom:0;
   width:100%;
   height:70px;   /* tinggi dari footer /
   background:#85C0F1;
*/   
	height:50px;
/*	background-color:#3399CC;
	background-color:#fff;*/
	opacity:0.8;
	color:#fff;
	font-weight:bold;
	width:100%;
	margin-top:0px;	
	font-size:12px;
	bottom:0;
	padding-top:20px;
	padding-bottom:50px; 
	position: fixed;
/*	 z-index: 1;*/
}

.alert-danger{
	background:#F00;
	padding:10px;
	color:white;
		
}
label.teks{
	font-size:14px;
}
.text-light-home{
	color:#fff;	
}
a.icon-home{
	color:#18445a;
	font-weight:bold;
}

.label-user{
	text-transform:uppercase;
}

#tombol-back:hover{
	background:#0072c6;	
	color:#fff;
	border:0px;
}
.label{
	font-size:12px;
}







@media screen and (max-width: 800px) {
    .app-bar.fixed-top {
        position: relative !important;
    }
    .content {
        padding-top: 0 !important;
    }
}

@media screen and (max-width: 640px) {
    .content {
        padding-top: 32px;
    }
}