a,
body,
div,
em,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
ins,
label,
li,
object,
ol,
p,
q,
s,
small,
span,
strong,
ul,
var {
 margin:0;
 padding:0;
 outline:0;
 border:0;
 vertical-align:baseline;
 font-weight:inherit;
 font-style:inherit;
 font-size:100%;
 font-family:inherit;
 line-height:2
}
html {
 overflow-y:scroll;
 font-size:62.5%;
 -webkit-text-size-adjust:100%;
 -ms-text-size-adjust:100% 
}
body {
 background-color:#aaa;
}

#page {
  padding-top:15px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.hapus {
	background-color:#E07373;
	padding:5px;
	color:#fff
}

.hapus:hover {
	background-color:red;
	padding:5px;
	color:#fff
}

.ringkasan {
background-color:#fff;
border:1px solid #ccc;
margin-top:20px;
padding:10px;
	text-align:center;
}

.tambah {
background-color:#fff;
border:1px solid #ccc;
margin-top:20px;
padding:10px;
	text-align:center;
}

.transaksi {
background-color:#fff;
border:1px solid #ccc;
margin-top:20px;
padding:10px;
	text-align:center;
}

table {
  width:100%;
   text-align:left;
   	background-color:#fff;
	border:1px solid #eee;
}

table img{
vertical-align: middle
}

tr:hover {background-color: #D6EEEE;}
/* Style remaining rows with numbering */
table tr:not(:first-child)::before {
  display: table-cell;

  padding-right: 0.1em;
  vertical-align: middle;
}
table th {
text-transform: uppercase;
font-size:15px;
background-color:#D6EEEE;
padding:5px

}
table td {
border-bottom:1px solid #eee;
max-width:500px;
text-align:left;
padding:5px
}

#search-box {
 position:relative;
 width:100%;
 margin-bottom:5px 
}
#search-form {
 height:30px;
 border:1px solid #c5cdd2;
 background-color:#fff;
 overflow:hidden 
}
#search-text {
 font-size:14px;
 color:#ddd;
 border-width:0;
 background:0 0;
}
#search-box input[type=text] {
 width:90%;
 padding:7px 0 10px 1em;
 color:#000;
 outline:0 
}

#search-button:hover {
 background:#111 
}
#search-button {
 font:bold 12px/30px "Roboto", serif;
 position:absolute;
 top:0;
 right:0;
 height:32px;
 width:80px;
 font-size:14px;
 color:#fff;
 text-align:center;
 line-height:32px;
 border-width:0;
 background-color:#069;
 cursor:pointer 
}


#back2Top {
 width:40px;
 line-height:40px;
 overflow:hidden;
 z-index:999;
 display:none;
 cursor:pointer;
 -moz-transform:rotate(270deg);
 -webkit-transform:rotate(270deg);
 -o-transform:rotate(270deg);
 -ms-transform:rotate(270deg);
 transform:rotate(270deg);
 position:fixed;
 bottom:10px;
 right:10px;
 background-color:#f7cf7d;
 color:#555;
 text-align:center;
 font-size:30px;
 text-decoration:none 
}
#back2Top:hover {
 background-color:#fe9400;
 color:#000 
}

article,
footer,
header {
 display:block 
}
ol,
ul {
 list-style:none 
}
.fb-like {
 height:1px 
}
q:after,
q:before {
 content:"" 
}
q {
 quotes:"" "" 
}
a:focus {
 outline:thin dotted 
}
a:active,
a:hover,
a:link {
 text-decoration:none 
}
a img {
 border:0 
}
body,
button,
input,
select,
textarea {
 color:#404040;
 font-size:14px;
 font-size:1.6rem;
 font-family:"Roboto", serif;
 line-height:1.5 
}
h1,
h2,
h3,
h4,
h5,
h6 {
 clear:both;
 text-transform:none 
}

hr {
 border-top:1px solid #ddd;
 border-bottom:0 solid #ddd;
 margin-top:1px;
 margin-bottom:0 
}
p {
 margin-bottom:.5em 
}
ol,
ul {
 margin:0 0 1.5em 3em 
}
ul {
 list-style:disc 
}
ol {
 list-style:decimal 
}
li>ol,
li>ul {
 margin-bottom:0;
 margin-left:1.5em 
}
b,
strong {
 font-weight:700 
}
em,
i {
 font-style:italic 
}

small {
 font-size:75% 
}
a {
 color:#369;
 text-transform:none 
}
a:visited {
 color:#369 
}
a:active,
a:focus,
a:hover {
 color:#f60 
}

#fotosiswa {display:none}

.masuk {
 width:27%;
 font-family:"Roboto", serif;
 padding:5px;
	color:#009E9B;
 display:inline-block;
 margin:10px;
 border-bottom:3px solid #009E9B;
 text-align:center;
font-weight:bold;
	text-transform: uppercase;
}



.keluar {
 width:27%;
 font-family:"Roboto", serif;
 padding:5px;
	color:#C10336;
 display:inline-block;
 margin:10px;
 border-bottom:3px solid #C10336;
 text-align:center;
	font-weight:bold;
	text-transform: uppercase;

}

.saldo {
 width:27%;
 font-family:"Roboto", serif;
 padding:5px;
	color:#3E4090;
 display:inline-block;
 margin:10px;
 border-bottom:3px solid #3E4090;
 text-align:center;
	font-weight:bold;
	text-transform: uppercase;

}

.tambahmasuk {
 width:27%;
 font-family:"Roboto", serif;
 font-size:20px;
	color:#fff;
 padding:5px;
 display:inline-block;
 cursor:pointer;
 margin:10px;
 border:1px solid #009E9B;
 background-color:#009E9B;
 text-align:center 
}
.tambahmasuk:hover {
 background-color:#fff;
	color:#009E9B;
}
.tambahmasuk:visited {
 width:27%;
 font-family:"Roboto", serif;
 font-size:20px;
	color:#fff;
 font-weight:700;
 padding:5px;
 display:inline-block;
 cursor:pointer;
 margin:10px;
 border:1px solid #009E9B;
 background-color:#009E9B;
 text-align:center 
}
.tambahmasuk:hover:visited {
 background-color:#fff;
	color:#009E9B;
}

.tambahkeluar {
 width:27%;
 font-family:"Roboto", serif;
 font-size:20px;
	color:#fff;
 padding:5px;
 display:inline-block;
 cursor:pointer;
 margin:10px;
 border:1px solid #C10336;
 background-color:#C10336;
 text-align:center 
}
.tambahkeluar:hover {
 background-color:#fff;
	color:#C10336;
}
.tambahkeluar:visited {
 width:27%;
 font-family:"Roboto", serif;
 font-size:20px;
	color:#fff;
 padding:5px;
 display:inline-block;
 cursor:pointer;
 margin:10px;
 border:1px solid #C10336;
 background-color:#C10336;
 text-align:center 
}
.tambahkeluar:hover:visited {
 background-color:#fff;
	color:#C10336;
}


.tambahbarang {
 width:27%;
 font-family:"Roboto", serif;
 font-size:20px;
	color:#fff;
 padding:5px;
 display:inline-block;
 cursor:pointer;
 margin:10px;
 border:1px solid #483E4B;
 background-color:#483E4B;
 text-align:center 
}
.tambahbarang:hover {
 background-color:#fff;
	color:#483E4B;
}
.tambahbarang:visited {
 width:27%;
 font-family:"Roboto", serif;
 font-size:20px;
	color:#fff;
 padding:5px;
 display:inline-block;
 cursor:pointer;
 margin:10px;
 border:1px solid #483E4B;
 background-color:#483E4B;
 text-align:center 
}
.tambahbarang:hover:visited {
 background-color:#fff;
	color:#483E4B;
}

.dadi {
 width:45%;
 font-family:"Roboto", serif;
 padding:5px;
 display:inline-block;
 cursor:pointer;
 margin:5px;
 border:1px solid #ddd;
 text-align:center;
font-weight: 600;
}
.dadi:hover {
 background-color:#dbeaf9 
}

.entry-content:after,
.entry-content:before,
.site:after,
.site:before {
 display:table;
 content:"";
 line-height:0 
}
.entry-content:after,
.site:after {
 clear:both 
}
.entry-meta {
 clear:both 
}
.entry-content {
 margin:1em 0 0 
}
.entry-content li {
 padding:2px 
}
.blog .format-image .entry-title,
.blog .format-link .entry-title,
.blog .format-status .entry-title {
 display:none 
}
.single .format-image h1.entry-title,
.single .format-link h1.entry-title,
.single .format-status h1.entry-title {
 font-size:13px;
 line-height:21px 
}
.format-image .entry-format,
.format-link .entry-format,
.format-status .entry-format {
 color:#999;
 font-weight:300 
}
.entry-content img,
.site-header img,
.widget img {
 max-width:100% 
}
.entry-content img,
.site-header img,
.widget img,
img[class*=align],
img[class*=wp-image-] {
 height:auto 
}
.entry-content img,
.site-header img,
img.size-full {
 max-width:100% 
}
embed,
object {
 max-width:100% 
}
#comments {
 margin-top:40px;
 margin-bottom:30px;
 font-size:14px 
}
.widget,
.widget_twitter ul li {
 margin:0 0 1.5em 
}
body {
 color:#000;
 font:15px "Roboto", serif;
 font-weight:400;
 line-height:1.6 
}
.site-logo img {
 margin-bottom:10px 
}
.site-title a {
 color:inherit;
 text-decoration:none 
}
.site-title {
 margin:0;
 font-size:18px;
 line-height:1.2 
}
.site-description {
 margin:10px 0 20px 0;
 color:#999;
 font-weight:300;
 font-size:13px 
}
.widget-area ol,
.widget-area ul {
 margin:0;
 padding:0;
 list-style:none 
}
.widget-area li {
 display:block;
 margin:0;
 padding:0 
}
.widget-area ul li a {
 padding:2px 0;
 text-decoration:none 
}
.widget-area .widget-title {
 font-size:15px 
}
h1,
h2,
h3,
h4,
h5,
h6 {
 margin:10px 0;
 font-weight:700 
}
h1 {
 font-size:22px 
}
h2 {
 font-size:18px 
}
h3 {
 font-size:17px;
	color:#111;
	text-transform: uppercase;
}
h4,
h5,
h6 {
 font-weight:400 
}
.site-main article {
 padding:1px 0 1px 0;
 border-bottom:solid 0 #ddd 
}
.entry-title a {
 color:#404040;
 text-decoration:none 
}
.entry-title a:hover {
 color:#26ade4 
}
.entry-meta,
.entry-meta a {
 color:#999;
 font-size:12px 
}
.entry-meta a:hover {
 color:#26ade4 
}
.site {
 background-color:#f9f9f9;
 border:0 solid #d9d9d9;
 margin:auto;
 padding:0 40px;
 width:850px;
}
.site-header {
 float:left;
 margin-top:20px;
 margin-bottom:1px;
 width:24% 
}
.site-content,
.site-footer {
 float:right;
 width:100% 
}
.widget-area {
 float:left;
 width:24%;
 clear:left 
}
.entry-content,
.entry-header,
.site-header,
.widget-area .widget {
 -webkit-hyphens:auto;
 -moz-hyphens:auto;
 hyphens:auto;
 word-wrap:break-word 
}
.site-footer {
 clear:both;
 margin-top:4px;
 margin-bottom:4px 
}
.site-footer,
.site-footer a {
 font-size:15px 
}
.site-footer a:hover {
 color:#26ade4 
}
.latsol_adaptive {
 width:320px;
 height:100px;
 margin-top:3px;
 margin-bottom:3px 
}
@media(min-width:500px) {
 .latsol_adaptive {
  width:468px;
  height:60px;
  margin-top:3px;
  margin-bottom:3px 
 }
}
@media(min-width:800px) {
 .latsol_adaptive {
  width:728px;
  height:90px;
  margin-top:3px;
  margin-bottom:3px 
 }
}
@media only screen and (max-width :900px) {
 .site {
  position:relative;
  margin:0 auto;
  padding:10px;
  width:auto;
 }
 .site-content,
 .site-footer,
 .site-header,
 .widget-area {
  width:100% 
 }
 .site-header {
  margin-top:0 
 }
 .site-description,
 .site-title {
  clear:none;
  margin-left:70px 
 }
 .site-logo,
 .site-logo img {
  float:left;
  width:50px;
  height:auto 
 }
 .siji {
  width:46% 
 }
 .loro {
  width:46% 
 }
 .telu {
  width:46% 
 }
 .papat {
  width:46% 
 }
}
@media only screen and (max-width :600px) {
 .entry-content {
  margin-top:1px 
 }
 .siji {
  width:98% 
 }
 .loro {
  width:98% 
 }
 .telu {
  width:98% 
 }
 .papat {
  width:98% 
 }
	
 .masuk {
  width:90%;
  margin-bottom:5px; 
 }
	
 .keluar {
  width:90%;
  margin-bottom:5px; 
 }
	
 .saldo {
  width:90%;
  margin-bottom:5px; 
 }
	
 .tambahmasuk {
  width:90%;
  margin-bottom:5px; 
 }
	
 .tambahkeluar {
  width:90%;
  margin-bottom:5px; 
 }
	
 .tambahbarang {
  width:90%;
  margin-bottom:5px; 
 }
	
 .dadi {
  width:90%;
  margin-bottom:5px; 
 }
 .selamatdatang {
  font-size:75% 
 }

#fotosiswa {
display:inline-block;
}

table img {
display:none
}

}