body {
		background-image: url(../images/map.png), url(../images/main-bg2.jpg);
		background-attachment: fixed, fixed;
		background-repeat: no-repeat, no-repeat;
		background-size: 50%, cover;	
		-webkit-background-size: 50%, cover;
		-moz-background-size: 50%, cover;
		-o-background-size: 50%, cover;
		background-position: top right, center center;
		height: 100%;

}
.login body {
		background-image: url(../images/map.png), url(../images/main-bg.jpg); 
		background-attachment: fixed, fixed;
		background-repeat: no-repeat, no-repeat;
		background-size: 50%, cover;	
		-webkit-background-size: 50%, cover;
		-moz-background-size: 50%, cover;
		-o-background-size: 50%, cover;
		background-position: top right, center center;
}


.top-block {min-height: 200px;}
.fullWidth {padding-top: 20px;}
.logo-login a {
	position: relative;
	display:block;
	background:url(../images/logo-login.png) no-repeat center; 
	width: 315px; 
	height: 80px;
	margin: 50px 0 0 0;
}
.logo-logintelkom {
	position: relative;
	display:block;
	background:url(../images/telkom.png) no-repeat center; 
	width: 127px; 
	height: 70px;
	margin: 50px 0 0 0;
}

.logo a {
	position: relative;
	display:block;
	background:url(../images/logo-login.png) no-repeat center; 
	width: 315px; 
	height: 80px;
	margin: 20px 0;
}
.logotelkom  {
	position: relative;
	display:block;
	background:url(../images/telkom.png) no-repeat center; 
	width: 127px; 
	height: 70px;
	margin: 10px 0;
}

.dataTables_scrollHead {
		border-radius: 5px 5px 0 0; 
		-webkit-border-radius: 5px 5px 0 0; 
		-moz-border-radius: 5px 5px 0 0;			
}
.dataTables_scrollFoot{
		border-radius: 0 0 5px 5px; 
		-webkit-border-radius: 0 0 5px 5px; 
		-moz-border-radius: 0 0 5px 5px; 			
}
.dataTables_wrapper .dataTables_paginate {padding: 0.5em 0;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
	  padding: 0.2em .65em;
    border: 2px solid rgba(255,255,255,.3);
		background: none;
		border-radius: 5px; 
		-webkit-border-radius: 5px; 
		-moz-border-radius: 5px; 	
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff !important;
	  padding: 0.2em .65em;
		margin: 0 5px;
    border: 2px solid rgba(255,255,255,.3);
		background: none;
		border-radius: 5px;
		-webkit-border-radius: 5px; 
		-moz-border-radius: 5px; 	
}
.dataTables_filter {margin-right: 8px;}
table tr:nth-of-type(2n) {
    background: #F9F9F9;
}

table.dataTable thead th, table.dataTable tfoot th {font-weight: 400;}
table.panel td {color: #fff;}
button.dt-button, div.dt-button, a.dt-button {
    margin-right: 0.333em;
    padding: 0.6em 1.4em  !important;
    border: none !important;
    border-radius: 5px !important;
		color: #fff !important;
    font-size: 0.875rem !important;
    background-color: #e62933 !important;
    background-image: none !important;
}
button.dt-button:hover, div.dt-button:hover, a.dt-button:hover {
    background-color: #991e26 !important;
}
.font_menu {
    color: #fff;
}
option[value] {padding: 5px 10px;}
.css_center {
    width: 100%;
    padding: 5px 20px 20px 20px;
    background: rgba(0,0,0,.5);
		border-radius: 5px;
		-webkit-border-radius: 5px; 
		-moz-border-radius: 5px; 		
}
button.dt-button, div.dt-button, a.dt-button {margin-right: 1em !important;}
textarea, input.hasDatepicker {
	border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 	
  background-color: rgba(0,0,0,0.5);
  border: none;
  color: rgba(255, 255, 255, 0.75);
  display: inline-block;
  font-family: inherit;
  font-size: 0.875rem;
  height: 2.3125rem;
  margin: 0 1rem 1rem 0.5rem;
  padding: 0.5rem;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: rgba(255,255,255,0.5);
}
table.dataTable tbody tr, table tr:nth-of-type(2n) {
    background-color: rgba(255,255,255,0.2);
}

.panel h3, .panel p {color: #fff;}
.dropdown .fa {
	color: rgba(255,255,255,0.2);
	padding-right: 5px;
}
.fa-stack {color: rgba(255,255,255,0.4)}
.login p {color: #fff;}

@media only screen and (min-device-width : 320px) and (max-device-width : 736px) 
and (orientation : portrait) {

.logo-login a {
	-ms-transform: scale(0.8); /* IE 9 */
	-webkit-transform: scale(0.8); /* Safari */
	transform: scale(0.8);
	margin: 30px 0 0 0;
}
.logo a {
	-ms-transform: scale(0.8); /* IE 9 */
	-webkit-transform: scale(0.8); /* Safari */
	transform: scale(0.8);
	margin: 20px 0 10px 0;
}	
	
}

@media only screen and (min-device-width : 320px) and (max-device-width : 736px) 
and (orientation : landscape) {

.feat-icon {width: 25%;}

}