/* SIPP PA Amuntai style.css/table.css palette adaptation */
:root{--green:#007640;--green2:#008c4b;--pale:#c9e6c8;--cyan:#17a2ce;--text:#5b5b5b}
*{box-sizing:border-box;font-family:'Century Gothic',Arial,sans-serif}
body{margin:0;background:#fff;color:var(--text);font-size:14px;line-height:1.45;min-width:800px}
#atas{height:90px;width:100%;position:relative;overflow:hidden;background:#050505 url('../img/top_repeat.jpg') repeat-x right top;background-size:100% 100%;box-shadow:0 0 10px #5b5b5b;padding:0 10px}
#atas .logo{float:left;width:75px;padding-top:7px}#atas .logo img{width:61px;height:72px;object-fit:contain}
#atas .front{float:left;margin-top:11px;padding:2px;color:#fff;text-shadow:0 1px 0 #ccc;font-size:25px}#atas .front span{font-size:15px}
.version_shading{position:absolute;right:30px;top:-70px;height:122px;overflow:hidden}.version_shading label{font-size:150px;font-weight:bold;color:rgba(255,255,255,.1);letter-spacing:-10px}
.cssmenu{height:35px;width:99.8%;border:1px solid #008d4c;border-top:1px solid #009751;background:#007640;box-shadow:0 2px 2px #00582f}.cssmenu ul{list-style:none;margin:0;padding:0}.cssmenu li{float:left}.cssmenu a{display:block;padding:3px 12px;color:#fff;text-decoration:none;font-size:13px;line-height:27px;border-right:1px solid #045000;border-left:1px solid #008d4c}.cssmenu a:hover{background:#008c4b;border-top:2px solid #ff9600;padding-top:1px}
main#konten{width:99%;max-width:none;margin:5px auto;padding:0 5px 40px}.panel{margin:8px 0;border:0;border-radius:0;box-shadow:none;background:#fff}.filters{padding:0 0 8px}.filters h2{margin:0;padding:7px 10px;background:#dedbdb;color:#555;font-size:15px;font-weight:normal}
form{display:grid;grid-template-columns:150px 180px minmax(250px,1fr) auto;gap:12px;align-items:end;padding:12px;background:#dedbdb}form>div{min-width:0}label{display:block;color:#555;font-size:12px;margin-bottom:5px}
input,select{height:32px;width:100%;padding:4px 8px;border:1px solid #eee;border-radius:0;background:#fff;color:#333;font-size:12px}
button{height:34px;padding:8px 15px;border:0;border-radius:0;background:#007640;color:#fff;font-size:14px;font-weight:300;white-space:nowrap;cursor:pointer}button:hover{background:#3bc16c}.check{grid-column:1/-1;display:flex;align-items:center;gap:7px;margin:0;padding-top:2px;font-size:12px}.check input{width:15px;height:15px;margin:0}
.notice{margin:10px 5px;padding:9px 12px;color:#805512;background:#fcf8e3;border:1px solid #faebcc}.summary{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;color:#17a2ce;font-size:16px;border-bottom:1px solid #ddd}.summary span:last-child{font-size:14px}
.table-wrap{margin:5px;overflow:auto;border:1px solid #008c4b;background:#f0f0f0}.table-wrap table{width:100%;min-width:1080px;border-collapse:collapse;border-bottom:2px solid #008c4b}th,td{padding:5px;border:1px solid #fff;text-align:left;vertical-align:top;font-size:13px;letter-spacing:.02em}th{background:#008c4b;color:#fff;text-align:center;font-weight:normal;white-space:nowrap}tbody tr:nth-child(odd){background:#c9e6c8}tbody tr:nth-child(even){background:#f7f7f7}tbody tr:hover{background:#007640;color:#fff}tbody tr:hover td{color:#eee}.case{color:#259fd3;font-weight:bold;white-space:nowrap}.empty{margin:5px;padding:20px 10px;text-align:center;color:#666;background:#f7f7f7;border-bottom:2px solid #008c4b}.foot{font-size:12px;color:#fff;background:#007640;padding:5px 10px;margin:8px 5px 0}
#footer{position:fixed;left:0;bottom:0;height:25px;width:100%;z-index:100;background:#007640;border-top:1px solid #006a14;color:#fff;padding:3px 8px;font-size:12px}
@media(max-width:850px){body{min-width:0}#atas .front{font-size:18px}#atas .front span{font-size:12px}.version_shading{display:none}form{grid-template-columns:1fr 1fr}.kind{grid-column:1/-1}form button{grid-column:1/-1}}
@media(max-width:480px){#atas .logo{width:55px}#atas .logo img{width:50px;height:60px}#atas .front{font-size:15px}form{grid-template-columns:1fr}.check,form button{grid-column:1/-1}}
:focus{outline-color:#008c4b}