body {
margin:0;
background-color:#edfcfe;
font-family: Calibri, Arial, Tahoma, Helvetica, sans-serif;
}

p {
	margin : 5px;
}

input[type=text] {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
	border-radius:5px;
	padding:3px;
}

input[type=number] {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
	border-radius:5px;
	padding:3px;
}

input[type=date] {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
	border-radius:5px;
	padding:3px;
}

textarea  {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
	border-radius:5px;
	padding:3px;
}


select  {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
	border-radius:5px;
	padding:3px;
}

select2  {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
	border-radius:5px;
	padding:3px;
}


input[type=password] {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
	border-radius:5px;
	padding:3px;
}

input[type=submit] {
    background-color: #786897;
    -webkit-rtl-ordering: logical;
	border-radius:5px;
	padding:10px;
	font-weight:bold;
	color:#ffffff;
}

input[type=reset] {
    background-color: #F76B54;
    -webkit-rtl-ordering: logical;
	border-radius:5px;
	padding:10px;
	font-weight:bold;
	color:#ffffff;
}

button {
    -webkit-rtl-ordering: logical;
	border-radius:5px;
	padding:10px;
	font-weight:bold;
	color:#ffffff;
}

.show {
	display:block;
}

.hide {
	display:none;
}

#beranda01 {
	font-family:Calibri, Arial, "Times New Roman";
	font-size:36px;
	color:#000099;
	font-weight:bold;
}

#beranda01 a{
	font-family:Calibri, Arial, "Times New Roman";
	font-size:36px;
	color:#000099;
	font-weight:bold;
	text-decoration : none;
}	

#beranda01 a:hover {
	font-family:Calibri, Arial, "Times New Roman";
	font-size:36px;
	color:#FF0000;
	font-weight:bold;
	text-decoration : none;
}	

#beranda02 {
	font-family:Calibri, Arial, "Times New Roman";
	font-size:24px
	color:#000099;
	font-weight:bold;
}

#beranda02 a{
	font-family:Calibri, Arial, "Times New Roman";
	font-size:24px;
	color:#000099;
	font-weight:bold;
	text-decoration : none;
}	

#beranda02 a:hover {
	font-family:Calibri, Arial, "Times New Roman";
	font-size:24px;
	color:#FF0000;
	font-weight:bold;
	text-decoration : none;
}	


#menuatas {
	font-family:Calibri, Arial, "Times New Roman";
	font-size:16px;
	font-weight:bold;
	color:#ffd000;
	padding:20px;
}

#menuatas a {
	font-family:Calibri, Arial, "Times New Roman";
	font-size:16px;
	font-weight:bold;
	color:#ffd000;
	text-decoration:none;
}

#menuatas a:hover {
	font-family:Calibri, Arial, "Times New Roman";
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

#jurnal_list {
	font-family:Calibri, Arial, "Times New Roman";
	font-size:16px;
	color:#000000;
	padding:5px;
}

#jurnal_list a {
	font-family:Calibri, Arial, "Times New Roman";
	font-size:16px;
	color:#000000;
	padding:5px;
	font-weight:bold;
	text-decoration:none;
	vertical-align:top;
}

#jurnal_list a:hover {
	font-family:Calibri, Arial, "Times New Roman";
	font-size:16px;
	color:#FF485E;
	padding:5px;
	font-weight:bold;
	text-decoration:none;
	vertical-align:top;
}

#warning {
	background-color:#FC4404;
	font-family:Calibri, Arial, "Times New Roman";
	font-weight:bold;
	text-align:center;
	font-size:24px;
	color:#ffffff;
	border-style:solid;
	border-width:1px;
	border-radius:10px;
	vertical-align:middle;
}

.judul_tabel {
	font-family:Calibri, Arial, "Times New Roman";
	font-size:30px;
	color:#000000;
	padding:5px;
	font-weight:bold;
}

.jar_bin {
	min-height:200px;
	min-width:200px;
}

.ticker-container {
  width: 100%;
  overflow: hidden; /* Hide overflowing text */
  background: #333;
  color: white;
  padding: 10px 0;
  white-space: nowrap; /* Keep text on one line */
}

.ticker-wrapper {
  display: flex;
  width: 200%; /* Enough space for two sets of text */
}

.ticker-text {
  flex: 1;
  font-family: Arial, sans-serif;
  font-size: 20px;
  display: flex;
  justify-content: space-around;
  padding-left: 10px;
}

@media print {
	body * {
		visibility:hidden;
		height:0;
	}
	#section-to-print, #section-to-print * {
		visibility:visible;
		height:auto;
	}
	#section-to-print {
		position:absolute;
		left:0;
		top:0;
	}
	#section-print2 {
		visibility:visible;
		position:absolute;
		height:auto;
		left:0;
	}
	.not-print-object {
		visibility:hidden;
		height:0;
	}
}