.txtdetil{
	padding: 5px !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	color : #000 !important;
}
#btnadd {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 5px;
  z-index: 400;
}

#btncari {
  position: absolute;
  top: 42px;
  right: 50px;
  padding: 7px;
  z-index: 400;
}
#btnref {
  position: absolute;
  top: 42px;
  right: 50px;
  padding: 7px;
  z-index: 400;
}
#lblhari {
	font-size: 10px;
	top: 7px;
	position: relative;
}
#lbljudul {
  display:inline-grid;
  position: fixed;
  top: 0px;
  padding: 5px;
  padding-bottom:0px;
  z-index: 400;
  width:100%;
  font-weight:bold;
  font-size: 22px;
  font-family: monospace;
  text-shadow: 1px 1px 1px #000;
  color:#fff;
  text-align:center;
  background: rgb(2,0,36);
  background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
  height:55px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  
}
#lbljudul span {
  font-size: 15px;
  top:-10px;
  position:relative;
}
#btnclock{
	border-radius:10px;
	border:1px solid #6151D4;
	padding:3px 15px;
	margin-bottom: -4px;
}
#btnperiode{
	border-radius:10px;
	border:1px solid #6151D4;
	padding: 3px 15px;
	top: 8px;
	position: relative;
}
#boxinfo {
  position: absolute;
  top: 57px;
  padding: 10px 4px;
  z-index: 400;
  min-width:140px;
  font-weight:bold;
  font-size: 14px;
  color:#000;
  background: #fff;
  border: 3px solid #080768;
  border-radius: 10px;
  text-align:center;
  margin-left: 8px;
  height: 115px;
  display: grid;
}
#boxket {
  position: absolute;
  top: 175px;
  padding: 5px;
  z-index: 400;
  font-weight:bold;
  font-size: 9px;
  color:#000;
  background: #fff;
  border: 2px dotted #080768;
  border-radius: 10px;
  margin-left: 8px;
}
.textarea {
  display: block;
  width: 100%;
  overflow: hidden;
  resize: both;
  min-height: 40px;
  line-height: 20px;
  white-space: pre-wrap;
  color: #000 !important;	
}
.textarea {
  padding: 4px 10px !important;
  width:98% !important;
}
#myModal { overflow-y:scroll }
#boxcari, #divperiode {
  position: absolute;
  top: 84px;
  padding: 10px;
  z-index: 400;
  width:auto;
  max-width:70%;
  min-width:175px;
  font-weight:bold;
  font-size: 14px;
  color:#000;
  background: #fff;
  border: 1px solid #000;
  border-radius: 10px;
  text-align:center;
  margin-left:10px;
  min-height: 85px;
}
.btn-add-lapor{
	position:fixed;
	bottom:34px !important;
	z-index:400;
	right:5px;	
}
.btn-tabel{
	position: fixed;
	bottom: 35px !important;
	z-index: 400;
	right: 75px;
}
.btn-logout{
	
}
.btn-reload{
	position: fixed;
	bottom: 35px !important;
	z-index: 400;
	right: 150px;
}
.btn-rekap{
	position: fixed;
	bottom: 35px !important;
	z-index: 400;
	right: 210px;
}
table td {
	vertical-align: top;
}
.bootstrap-select > .dropdown-toggle { padding-top:2px;padding-bottom:2px; }
.leaflet-marker-icon {
	border: 2px dotted #DC3545;
	border-radius: 50%;
}
.leaflet-popup-content { width:270px !important; }
.leaflet-bottom{bottom: 40px !important;}
.leaflet-bottom .leaflet-control { margin-bottom: 4px; } 

/* Dropdown Button */
.dropbtn {
  background-color: #3498DB;
  color: white;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}
.dropdown {
  display: inline-block;
  position: fixed;
  bottom: 35px !important;
  z-index: 400;
  right: 272px;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #768690;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  bottom: 50px;
  border-radius: 10px;
 }
.dropdown-content a {
  color: #fff;
  padding: 5px 29px;
  text-decoration: none;
  display: block;
  border: 1px dotted #8F8F8F;
  text-align: left;
  white-space:nowrap;
  padding-left: 20px;
  font-weight:bold;
}
.dropdown a:hover {background-color: #ddd;color:#000}
.show {display: block;}