a {
	COLOR: #ffffff; TEXT-DECORATION: none; font-size:11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
text-shadow:none;
}
a:hover {
	COLOR: #000000; TEXT-DECORATION: none; font-size:11px;  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
text-shadow:none;
}
A.sup {
	FONT-WEIGHT: bold; COLOR: #384e76; TEXT-DECORATION: underline
}
A.sup:hover {
	FONT-WEIGHT: bold; COLOR: #384e76; TEXT-DECORATION: none
}

.m5 {
	COLOR: #ffffff; TEXT-DECORATION: none; font-size:12px;
text-shadow:none;
}
.m5:hover {
	COLOR: #ffccoo; TEXT-DECORATION: none; font-size:12px;
text-shadow:none;
}

SELECT {
	FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Verdana,Arial,Helvetica, geneva,sans-serif; BACKGROUND-COLOR: #999999
}

TD {
	FONT-SIZE: 11px; line-height:1.5; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

input, textarea, select {
color: #000000;
background:#E8E8E8;
border:#938670 1px solid;
}
.input2 {
color: #781351;
background: #fee3ad;
border:#CCCCCC 0px solid;}
.ats {
	FONT-SIZE: 11px; COLOR: #FFE888; line-height:1.7; text-shadow: 0px 0px #000000;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.hijau {color: #056A00}
.merah {color: #CC0000}

.isistaff tr{
font-size:10px;
color:#000000;
}


.ratakanantombol {
float:right;

}


.containerzay {
padding:2px;
margin-top:10px;
}

.tombol {
background-color: #002277;
display: block;
padding:3px 19px ;
margin-right:2px;
width:50px;
cursor:pointer;
margin-top:10px;
font-size:12px;
color:#fff;
text-align:center;

}
.tombol:hover {
background-color: #009999;
display: block;
padding:3px 19px;
width:50px;
cursor:pointer;
color:#000000;
}
.menuutama1 {
FONT-SIZE: 11px; COLOR: #cccccc; TEXT-DECORATION: none;  FONT-FAMILY: Verdana,Arial,Helvetica, geneva,sans-serif; }

.menuutama1:hover {
FONT-SIZE: 11px; COLOR: #00e9d1; TEXT-DECORATION: none; FONT-FAMILY: Verdana,Arial,Helvetica, geneva,sans-serif; }


.menuutama {
FONT-SIZE: 12px; COLOR: #ffffff; line-height:1; TEXT-DECORATION: none;  FONT-FAMILY: Verdana,Arial,Helvetica, geneva,sans-serif; }

.menuutama:hover {
FONT-SIZE: 12px; COLOR: #000000; line-height:1 TEXT-DECORATION: none; FONT-FAMILY: Verdana,Arial,Helvetica, geneva,sans-serif; }

.arsip {
FONT-SIZE: 11px; COLOR: #000000; TEXT-DECORATION: none;  FONT-FAMILY: Verdana,Arial,Helvetica, geneva,sans-serif; }

.arsip:hover {
FONT-SIZE: 11px; COLOR: #000000; TEXT-DECORATION: none; FONT-FAMILY: Verdana,Arial,Helvetica, geneva,sans-serif; }



.floatL{
float:left;
}
.floatR{
float:right;

}
.floatno{
float:right;
font-size:10px;
color:#3F72A9;

}
.clear{
clear:both;
}

.page{
font-size:10px;
color:#3F72A9;
}
.textfly{
font-size:11px;
color:#ffffff;

}



.head{

color:#ffffff;
font-family: arial;
font-size: 16px;
display: block;

font-weight:normal;
line-height:1.0;
padding:12px 20px;
}

.con{
font-size:30px;
font-weight:bold;
color:#ffffff;

}

.tbl{
background:#ffffff;
cellpadding:5px 5px 5px;
cellspacing:2px 5px 5px;

}

.pageItem{
font-size:10px;
font-weight:bold;
color:#848484;
padding:2px 2px;
margin:2px;
cursor:pointer;
background:#e3e3e3;
}
.contentIsi{
font-family:Arial, Helvetica, sans-serif;
display:none;
margin-bottom:20px;
margin-left:30px;
padding-top:1px;
font-size:11px;
line-height:1.7;
color:#222222;
}
.pageItemSel{
font-size:11px;
color:#ffffff;
padding:2px 2px;
margin:2px;
cursor:pointer;
font-weight:bold;
color:#ffffff;
background:#666666;
}

.tgl{
float:right
font:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
}



.kepala {
font:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#ffffff;
background:#2F6C84;
display: block;
text-transform: uppercase;
padding:9px;
margin:2px;
}

.putih{
color:#FFFFFF;}

.kuning{
color:#ffcc00;}

.hijau{
color:#00751c;}

.merah{
color:#be0000;}



.bcma {
background-color: #002277;
display: block;
}

.bcmb {
background-color: #848484;
display: block;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
 
  margin-bottom:5px;
  min-width:1000px;
}

li {
  float: left;
  border-right:1px solid #bbb;
}

li:last-child {
  border-right:1px solid #bbb;
   border-left:1px solid #bbb;
}

li a {
  display: block;
  text-align: center;
  padding: 13px 13px;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  font-size:9px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

li a:hover {
  background-color: #009999;
  display: block;
  text-align: center;
  padding: 13px 13px;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
   font-size:9px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.bgdalam {

  display: block;
  padding: 21px 21px;
  background-color: #848484;
  margin-left:20px;
  margin-right:20px;
}

.bgdalam1 {
display: block;
  padding: 21px 21px;
  background-color: #ccc;
}

.grid-container-pesan-hal-utama {
  display: grid;
  grid-template-columns: auto 20% 20% 10% 20%;
  gap: 0px;
  background-color: ;
  padding: 0px;
  margin:0px;
}

.grid-container-pesan-hal-utama > div {
  background-color: #999;
  
  padding: 9px;
  font-size: 12px;
  margin:2px;
  font-weight: bold;
 
  
}
.grid-container-pesan-hal-utama1 {
  display: grid;
  grid-template-columns: auto 20% 20% 10% 20%;
  gap: 0px;
  background-color: ;
  padding: 0px;
  margin:0px;
}

.grid-container-pesan-hal-utama1 > div {
  background-color: #B9B9B9;
 
  padding: 9px;
  font-size: 12px;
  margin:2px;
  vertical-align:bottom;

}

.itema1 {

  grid-column: 1/ span 4;
}

.itema3 {

  grid-column: 1/ span 3;
}

.huruftengah {
 text-align:center;
}

.hurufkecil {
font-size: 9px;
color: #003366;
}

.fixed-menu {
  position: fixed;
  background-color:#A8A8A8;
  height:100px;
  bottom:0;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0px 0;
  z-index: 99;
}

.fixed-menu-admin {
  position: fixed;
  background-color:#A8A8A8;
  height:10px;
  bottom:0;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0px 0;
  z-index: 99;
}

.jarakantara {
height:33px;

}
.jarakantara1 {
height:100px;

}

.jarakantara1-admin {
height:60px;

}

.judulmenu{
  font-weight: bold;
  text-transform: uppercase;
  font-size:13px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  margin-bottom:19px;
  margin-left:2px;

}

.menupetunjuk{
background-color: #002277;
display: block;
padding:3px 17px 3px 13px  ;
margin-right:2px;
width:50px;
cursor:pointer;
margin-top:2px;
font-size:12px;
color:#fff;
text-align:center;
float:right;
border: 1px  solid #9c9c9c;
}

.menupetunjuk:hover {
background-color: #009999;
display: block;
padding:3px 17px 3px 13px  ;
width:50px;
cursor:pointer;
color:#000000;
border: 1px  solid #9c9c9c;
}

.menurefresh{
background-color: #ffcc00;
display: block;
padding:3px 17px 3px 13px  ;
margin-left:-10px;
width:70px;
cursor:pointer;
margin-top:2px;
font-size:12px;
color:#000;
text-align:center;
float:left;
border: 1px  solid #9c9c9c;
}

.menurefresh:hover {
background-color: #be0000;
display: block;
padding:3px 17px 3px 13px  ;
width:70px;
cursor:pointer;
color:#fff;
border: 1px  solid #9c9c9c;
}

.menuadd{
background-color: #006e17;
display: block;
padding:3px 17px 3px 13px  ;
margin-right:2px;
width:136px;
cursor:pointer;
margin-top:2px;
font-size:12px;
color:#fff;
text-align:center;
float:right;
border: 1px  solid #9c9c9c;
}

.menuadd:hover {
background-color: #7bca8c;
display: block;
padding:3px 17px 3px 13px  ;
width:136px;
cursor:pointer;
color:#000000;
border: 1px  solid #9c9c9c;
}

.menujawab{
background-color: #265831;
display: block;
padding:3px 17px 3px 13px  ;
margin-right:2px;
width:136px;
cursor:pointer;
margin-top:2px;
font-size:12px;
color:#fff;
text-align:center;
float:left;
border: 1px  solid #9c9c9c;
}

.menujawab:hover {
background-color: #7bca8c;
display: block;
padding:3px 17px 3px 13px  ;
margin-right:2px;
width:136px;
cursor:pointer;
margin-top:2px;
font-size:12px;
color:#000000;
text-align:center;
float:left;
border: 1px solid #9c9c9c;
}

.menujawab1{
background-color: #bbb;
display: block;
padding:3px 17px 3px 13px  ;
margin-right:2px;
width:136px;
margin-top:2px;
font-size:12px;
color:#000;
text-align:center;
float:left;
border: 1px  solid #9c9c9c;
}

.menujawab1:hover {
background-color: #bbb;
display: block;
padding:3px 17px 3px 13px  ;
width:136px;
color:#000;
border: 1px  solid #9c9c9c;
}


.menuadd-admin{
background-color: #002277;
display: block;
padding:3px 17px 3px 13px  ;
margin-right:2px;
width:100%;
cursor:pointer;
margin-top:2px;
font-size:12px;
color:#fff;
text-align:center;
border: 1px  solid #9c9c9c;

}

.menuadd-admin:hover {
background-color: #009999;
display: block;
padding:3px 17px 3px 13px  ;
margin-right:2px;
width:100%;
cursor:pointer;
margin-top:2px;
font-size:12px;
color:#fff;
text-align:center;
border: 1px  solid #9c9c9c;
}

.lihathasil{
cursor:pointer;
margin-top:2px;
font-size:12px;
color:#265831;
}

.lihathasil:hover {
cursor:pointer;
margin-top:2px;
font-size:12px;
color:#000000;
}

.kecil{
font-size:10px;
color:#000000;
}

input[type=submit] {
    width:100px;
    padding:5px 15px; 
    background:#265831; 
    cursor:pointer;
    font-size:12px;
    color:#ffffff;
    border: 1px  solid #9c9c9c;
    margin-top:12px;
    margin-bottom:12px;
}
input[type=submit]:hover {
    width:100px;
    padding:5px 15px; 
    background:#2f783f; 
    cursor:pointer;
    font-size:12px;
    color:#ffffff;
    border: 1px  solid #9c9c9c;
    margin-top:12px;
    margin-bottom:12px;
}