body{
	/* background:url(../image/background.jpg) no-repeat; */
	/* background-color:#444; */
	/* background-repeat:no-repeat; */
	/* background-size: 100% 100%; */
}

a {
  color: #DA2020;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #D6F300;
}
h1 {
  text-shadow: 2px 3px 3px #555;
  text-align: center;
  margin: 30px auto;
  margin-bottom: 34px;
}
p {
	line-height: 200%;
}
article h1 {
	color: #000;
	text-shadow: 2px 3px 3px #555;
	text-align: center;
	margin: 30px auto;
	margin-bottom: 34px;
}
article h2 {
	color: #000;
	text-shadow: 2px 3px 3px #555
	margin: 30px auto;
	margin-bottom: 34px;
}

#header{
    /* background:url(../image/logo.png); */
	width:100%;
	height:26.5%;
	background-repeat:no-repeat;
	background-size: 20% 90%;
}

.header_left{
	width:10%;
	height:100%;
	float:left;
}

.header_center{
	width:80%;
	height:100%;
	float:left;
}

.header_right{
	width:10%;
	height:100%;
	float:right;
}

#logo {
	cursor: pointer;
}

.title{
	width:100%;
	padding-top:13%;
	color:#9FD8D4; 
	font-weight:bold;
}

.button_home{
	width:100%;
	padding-top:30%;
	padding-left:30%;
	text-align:center;
}


.button_back{
	width:100%;
	padding-top:30%;
	padding-left:35%;
	text-align:center;
}

#content{
	width:100%; 
	height:58.5%;
	background-color: transparent;
}

.content_left{
	width:20%; 
	height:100%;
	float:left;
}

.menu_left{
	width:60%; 
	height:26%;
}

.content_center{
	width:60%; 
	height:100%;
	float:left;
	background-color:#000;
}
.video{
	width: 100%;
	height: 100%;
	float: left;
	padding:auto 0;
}

.content_right{
	width:20%; 
	height:100%;
	float:right;
}

.menu_right{
	width:60%; 
	height:26%;
}

.galeri_menu{
	width: 26%;
	/* height: 100% !important; */
	float: left;
	padding: 0 2% 0 2%;
}

.slide{
	width: 68%;
	height: 99%;
	float: right;
	padding: 1% 1% 0 1%;
}


.bx-pager {
	margin-top: -45px;	
}

.bx-pager img {
	
}

.bx-wrapper img {
	height:550px !important; 
}

#footer{
	width: 100%;
	height:10%;
	position: fixed;
	bottom: 0;
}

.copy_right{
	width:100%; 
	text-align:center;
	padding-top:1%;
}

.marquee{
	color:#FFF;
	font-size:30px;
	padding-top: 1.5%;
	line-height:110%;
}

.icon_home{
	background:url(../image/button/home_idle.png) no-repeat;
	background-size:50px;
	height:50px;
	width:50px;
	float:left;
}
.icon_home:hover{
	background:url(../image/button/home_hover.png) no-repeat;
	background-size:50px;
	height:50px;
	width:50px;
	float:left;
}

.icon_back{
	background:url(../image/button/back_idle.png) no-repeat;
	background-size:50px;
	height:50px;
	width:50px;
	float:left;
}

.icon_back:hover{
	background:url(../image/button/back_hover.png) no-repeat;
	background-size:50px;
	height:50px;
	width:50px;
	float:left;
}

.button_poli{
	margin: 4%;
}
.pilih_poli{
	/* background:url(../image/rectangle.png); */
	background-color:#85293b;
	border-radius:25px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.pilih_poli:hover {
	/* background:url(../image/rectangle.png); */
	background-color:gray;
	border-radius:25px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.button_sejarah {
	background:url(images/profil/button_sejarah_on.png) no-repeat;
	font-weight:bold;
	color:#000;
	border-radius:5px;
}


.button_page{
	/* background:rgb(193, 193, 193); */
	font-weight:bold;
	color:#000;
	border-radius:5px;
}

.kc-article .kc-h1-visi {
	line-height: 10%;
	text-align: left;
	color:#FFF;
}
.kc-article .kc-p-visi {
	font-size: 1em;
	line-height: 150%;
	text-align: left;
	color:#FFF;
}
.kc-height-100 {
	height: 100%
}
.kc-height-80 {
	height: 80%
}
.kc-hidden {
	display: hidden;
}
.kc-article {
	margin: 0 5%;
	text-align:justify;
	font-size: 1.4em;
	line-height: 120%;
}
.kc-article p {
	font-size: 1em;
	line-height: 100%;
	color:#FFF;
}
.kc-article li {
	font-size: 1.2em;
	line-height: 130%;
}
.kc-article  .kc-ul li {
	font-size: 1em;
	line-height: 150%;
	color:#FFF;
}

.uk-table-striped .odd {
    background: none repeat scroll 0% 0% #402b2c !important;
}

.uk-table-striped .even {
    background: none repeat scroll 0% 0% #4d3638 !important;
}

.dm-modal{
	background:none;
}
.uk-open .dm-modal-dialog{
	background:none repeat scroll 0% 0% #001310;
	color:#fff !important;
	opacity:0.9;
	border-radius:10px;
	font-size:20px;
	font-weight:600;
	text-align:left;
	width: 850px !important;
	/* margin-top:530px; */
}



#confirm_ok{
	min-height:70px; 
	font-size:36px
	}
#confirm_cancel{
	min-height:70px; 
	font-size:36px
}


#wrap {
  height:80%;
}
#showcase {
  width: 100%;
  height: 400px;
  padding-top:15%;
  visibility: hidden;
}

#item-title {
  font-size: 30px;
  color:#FFF;
  weight: 700;
  letter-spacing: 0.13em;
  text-align: center;
}

.galeri_menu #showcase  img {
  cursor: pointer;
  width: 60%;
  height: 65%;
}

.dashboard_menu #showcase {
  width: 100%;
  height: 550px;
  padding-top:0%;
  visibility: hidden;
}

.dashboard_menu #showcase  img {
  cursor: pointer;
  width:25%;
  height: 70%;
}

.dashboard_menu #item-title {
  font-size: 30px;
  color:#FFF;
  weight: 700;
  letter-spacing: 0.13em;
  text-align: center;
}

.uk-tab {
    border-bottom: 0px solid #ddd !important;
}

.uk-tab-left {
    border-right: 0px solid #ddd !important;
}

.uk-table td, .uk-table th {
    padding: 2px 2px !important;
}

.uk-tab > li > a {
	padding:0 !important;
}
 .uk-tab > li > a:hover{
    background-color:#897f7f !important;
 }
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    background-color:#ccc2c800 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    background-color:#897f7f !important;
    
}


.last_update{
	background:#444; 
	color:#a6a3a3; 
	border-radius:5%;
	font-weight:bold;
}

@media screen and (min-width:1280px){
	
	@media (min-height:719px) {
		.pilih_poli{
			height:100px;
			font-size: 20px;
		}
		
		.button_page{
			/* width:130px;  */
			width:auto;
			height:50px; 
			line-height:50px; 
			font-size:24px;
		}
		
		.content_left{
			padding-top:0.7%;
		}
		
		.content_right{
			padding-top:0.7%;
		}
		
		.menu_left{
			padding:2% 20% 2% 20%; 
		}
	
		.menu_right{
			padding:2% 20% 2% 20%; 
		}
		
		.last_update{
			width:25%; 
			height:3%;
			line-height:30px;  
			font-size:14px;
			margin-left:72%;  
			margin-right:3%;
		}
		
	}
	
	@media (min-height:767px) {
		.pilih_poli{
			height:105px;
			font-size: 20px;
		}
		
		.button_page{
			/* width:130px;  */
			width:auto;
			height:50px; 
			line-height:50px; 
			font-size:24px;
		}
		
		.content_left{
			padding-top:0.7%;
		}
		
		.content_right{
			padding-top:0.7%;
		}
		
		.menu_left{
			padding:2% 20% 2% 20%; 
		}
	
		.menu_right{
			padding:2% 20% 2% 20%; 
		}
		
		.last_update{
			width:25%; 
			height:3%;
			line-height:30px;  
			font-size:14px;
			margin-left:72%;  
			margin-right:3%;
		}
		
	}
	
	@media (min-height:1023px) {
		.pilih_poli{
			height:134px;
			font-size: 28px;
		}
		
		.button_page{
			/* width: 150px; */
			width:auto;
			height:50px; 
			line-height:50px; 
			font-size: 24px;
		}
		
		.content_left{
			padding-top:1.2%;
		}
		
		.content_right{
			padding-top:1.2%;
		}
		
		.menu_left{
			padding:2% 20% 2% 20%; 
		}
	
		.menu_right{
			padding:2% 20% 2% 20%; 
		}
		
		.last_update{
			width:20%; 
			height:3%;
			line-height:30px;  
			font-size:14px;
			margin-left:77%;  
			margin-right:3%;
		}
		
	}
	
}

@media screen and (min-width:1366px) {
	
	@media (min-height:719px) {
		.pilih_poli{
			height:100px;
			font-size: 22px;
		}
		
		.button_page{
			/* width:130px;  */
			width:auto;
			height:50px; 
			line-height:50px; 
			font-size:24px;
		}
		
		.content_left{
			padding-top:0%;
		}
		
		.content_right{
			padding-top:0%;
		}
		
		.menu_left{
			padding:0% 20% 0% 20%;
		}
		
		.menu_right{
			padding:0% 20% 0% 20%;
		}
		
		.last_update{
			width:25%; 
			height:3%;
			line-height:30px;  
			font-size:14px;
			margin-left:72%;  
			margin-right:3%;
		}
		
	}
	
	@media (min-height:767px) {
		.pilih_poli{
			height:115px;
			font-size: 22px;
		}
		
		.button_page{
			/* width:130px;  */
			width:auto;
			height:50px; 
			line-height:50px; 
			font-size:24px;
		}
		
		.content_left{
			padding-top:0.2%;
		}
		
		.content_right{
			padding-top:0.2%;
		}
		
		.menu_left{
			padding:0% 20% 0% 20%;
		}
		
		.menu_right{
			padding:0% 20% 0% 20%;
		}
		
		.last_update{
			width:25%; 
			height:3%;
			line-height:30px;  
			font-size:14px;
			margin-left:72%;  
			margin-right:3%;
		}
		
	}
	
	@media (min-height:795px) {
		.pilih_poli{
			height:118px;
			font-size: 22px;
		}
		
		.button_page{
			/* width:130px;  */
			width:auto;
			height:50px; 
			line-height:50px; 
			font-size:24px;
		}
		
		.content_left{
			padding-top:0.5%;
		}
		
		.content_right{
			padding-top:0.5%;
		}
		
		.menu_left{
			padding:0% 20% 0% 20%;
		}
		
		.menu_right{
			padding:0% 20% 0% 20%;
		}
		
		.last_update{
			width:25%; 
			height:3%;
			line-height:30px;  
			font-size:14px;
			margin-left:72%;  
			margin-right:3%;
		}
		
	}
}

@media screen and (min-width:1920px) and (min-height:1079px){
	.pilih_poli{
		height:130px;
		font-size: 28px;
	}
	
	.button_page{
		/* width:150px;  */
		width:auto;
		height:70px; 
		line-height:70px; 
		font-size:30px;
	}
	
	.content_left{
		padding-top:0.2%;
	}
	
	.content_right{
		padding-top:0.2%;
	}
	
	.menu_left{
		padding:0% 20% 0% 20%;
	}
	
	.menu_right{
		padding:0% 20% 0% 20%;
	}
	
	.marquee{
		font-size:45px;
		padding-top: 1.5%;
		line-height:110%;
	}
	
	.dashboard_menu #showcase {
	  height: 700px;
	}
	
	.last_update{
		width:20%; 
		height:3%;
		line-height:30px;  
		font-size:20px;
		margin-left:77%;  
		margin-right:3%;
	}

}