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

html, body {
    	margin			: 0px;
	padding			: 0px;
	height			: 100%;
	font-family		: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a:active{
  text-decoration:none;
  color:#ffffff;
  border:0px;
  -moz-outline-style:none;
}

a:focus{
  outline:none;
  -moz-outline-style:none;
}
	
.canvas{
	background       : white; //#E2E2E2;
	width		 : 1366px;
	height		 : 100%;
}

.badan{
	//background       : pink;
	height		 : 100%; //549px; //613px;
	width 		 : 100%;
}

.kanan{
	//float            : left;
	background       : #E5E3DF;
	//height           : 77%; //544px; //81%;
	//width            : 100%; //1239px; //92%; 
}

.bawah{
	float            : left;
	background       : white; //#003360;
	height           : 13%; //544px; //81%;
	width            : 100%; //1239px; //92%; 
}

.bawahkiri{
	float            : left;
	//background       : white;
	//height           : 75%; //544px; //81%;
	width            : 50%; //1239px; //92%; 
}
.iconfooter{
	float            : left;
}

.bawahkanan{
	float            : right;
	//background       : #FFFFFF;
	//height           : 75%; //544px; //81%;
	width            : 50%; //1239px; //92%; 
}

.labelon {
	color: black;
	background-color: white;
	font-family: "Lucida Grande", "Arial", sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	width: auto;
	padding: 0px 5px 0px 5px;
	border: 2px solid #027DFA;
	white-space: nowrap;
}

.labelmiss {
	color: black;
	background-color: white;
	font-family: "Lucida Grande", "Arial", sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	width: auto;
	padding: 0px 5px 0px 5px;
	border: 2px solid red;
	white-space: nowrap;
}

.labelpark {
	color: black;
	background-color: white;
 	font-family: "Lucida Grande", "Arial", sans-serif;
 	font-size: 10px;
 	font-weight: bold;
  	text-align: center;
   	width: auto;
	padding: 0px 5px 0px 5px;
   	border: 2px solid #F97A14;
   	white-space: nowrap;
}

.labelpoi{
	color: black;
	background-color: white;
   	font-family: "Lucida Grande", "Arial", sans-serif;
   	font-size:10px;
   	font-weight: bold;
   	text-align: center;
   	width: auto;
	padding: 0px 5px 0px 5px;
   	border: 1px solid grey;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.15);
	white-space: nowrap;
}

.lbl{
	width:85px; /*sesuaikan*/
	display:inline-block;
}

 /* Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    left: 100%;
    top:0;
    background-color: white;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); //0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 9px 16px; //12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #A1C9FA} /*f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

.bg1{
	background: #9D0505;
	}

.bg1 .panel-title{
	color:#fff;
	}