@charset "utf-8";
/* CSS Document */

html,
body {
	
  height: 100%;
  margin:0;
}
body {
	width:95%;
	margin:auto;
  //display: -ms-flexbox;
  //display: flex;
  //-ms-flex-align: center;
  //align-items: center;
  //padding-top: 40px;
  //padding-bottom: 40px;
 // background-color: #f5f5f5;
}
.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
  margin-top:-75px;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  //border-bottom-right-radius: 0;
  //border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  //border-top-left-radius: 0;
  //border-top-right-radius: 0;
}

.headerlogin{
	width:100%;
	height:180px;
	background-color:#0080C0;
	padding-top:30px;
}
.headerlogin .txtapps{
	position:relative;
	color:#fff;
	font-family: 'Carter One', cursive;
	font-size:20px;
	//font-weight:bold;
	//margin-top:-30px;
}
.headerlogin .txtlokasi{
	position:relative;
	color: #FF0;
	font-size:18px;
	margin-top:-25px;
	font-weight:bold;
}

.headerapp{
	background-color:#0080C0;
	//width:100%;
	height:75px;
}
.menukiri{
	position:absolute;
	top:75px;
	right:0px;
	bottom:0px;
	left:0px;
	//height:100vh;
	background-color:#333;
	color:#fff;	

}
.displaykanan{
	overflow:scroll;
	background-color:#093;	
}
.logohome{
	padding:8px 0px 0px 50px;	
}
.judulhome{
	color:#fff;
	font-family: 'Carter One', cursive;
	font-size:28px;
	padding:8px 0px 0px 0px;
}

.navbar {
  position: relative;
  z-index: 10;
}

.table-hover tbody tr:hover td {
    background: #FC6;
}

/* DESKTOP VERSION */
@media (min-width: 992px) {
.nav-item  .nav-link {
    text-transform: uppercase;
	font-size:14px;
	color: white !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
	margin-right:30px;
  }

  .nav-link:not(.dropdown-toggle):hover::after {
    content: "";
    display: block;
    border-bottom: 3px solid red;
    width: 50%;
    margin: auto;
    padding-bottom: 5px;
    margin-bottom: -8px;
	font-size:12px;
  }
  
  .userinfo{
		color: white !important;
		padding:8px 10px 0px 0px;  
  }
  
  .formtitle{
	font-size:18px;
	color:#666;
	background:#FFF;
	padding:5px 5px;
	border-bottom:#ccc 1px solid;
	border-top:#6FB7FF 3px solid;
	margin-bottom:0px;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
	}
	.formbox{
		font-size:14px;
		color:#666;
		background:#FFF;
		padding:10px 10px;
		border-bottom:#ccc 1px solid;
		margin-bottom:10px;
		border-bottom-right-radius:4px;
		border-bottom-left-radius:4px;
	}
	.txtform{
		height:auto;
		padding:5px 5px;
		color:#666;
		border:#ccc 1px solid;
		font-size:14px;
		border-radius:5px;
	}
	


} /* akhir desktop version */

a:link,a:visited,a:active{
		color:#333;
		text-decoration:none;
	}
a:hover{
			color:#0080C0;
}

.table td, .table th{
	white-space: nowrap;
 	overflow: hidden;
  	text-overflow: ellipsis;	
}

/*=====================================================================*/
table.keren{
	width:100%;
	margin:auto;
	border-width:1px;
	border-spacing:0px;
	border-style:solid;
	border-color:#666;
	border-collapse:collapse;
	background-color:#FFFFFF;
	margin-top:10px;
	font-size:small;
}
table.keren th{
	border-width:1px;
	padding:1px;
	padding-top:15px;
	padding-bottom:15px;
	border-style:solid;
	border-color:#666;
	color:#666;
	font-weight:bold;
	text-align:center;
	height:20px;
	background-color:#f2fce6;
}
table.keren td{
	border-width:1px;
	padding:5px;
	border-style:solid;
	border-color:#666;
	color:#666;
	height:15px;
}
table.keren tr:hover{
	background:#FFC;
}
/*=====================================================================*/