@font-face {font-family: 'OpenSans'; src: url('../laporan_fonts/OpenSans-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'Raleway';src: url('../laporan_fonts/Raleway.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Poppins';src: url('../laporan_fonts/Poppins-Light.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'LeagueGothic';src: url('../laporan_fonts/LeagueGothic.otf');font-weight: normal;font-style: normal;}
/* UMUM */
.halaman_kotak { width:100%; height:auto; padding:30px 0px 0px 0px; text-align:center;}
.halaman { font-size: 12px; padding:5px 15px 3px 15px; color: #FFFFFF; background:#515151;  vertical-align:middle; border-radius:4px;}
.halaman:hover { background-color:#00bd9c; color:#ff0048; font-weight:bold;}


.laporan_judul {font-family:tahoma; font-weight:bold; font-size:16px; line-height:25px;}
li.laporan_judul {font-family:tahoma; font-weight:bold; font-size:16px; line-height:25px;padding:0px 0px 0px 20px;}

.laporan_biasa {font-family:tahoma; font-size:14px; line-height:25px; text-align: justify;text-indent:0px;}
li.laporan_biasa {font-family:tahoma; font-size:14px; line-height:25px; text-align: justify;text-indent:0px;padding:0px 0px 0px 20px;}
.laporan_daftar {font-family:tahoma; font-size:14px; line-height:25px; text-align: justify;text-indent:0px;padding:0px 0px 0px 20px;}

.judul_tabel { background-color:#cfcfcf; color:#000; font-size:12px; font-family:tahoma; font-weight:bold; }
.isi_tabel { color: #000; font-size:12px; font-family:tahoma; }


html,body{width:100%; height:100%; padding:0;margin:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; font-family:OpenSans;word-wrap: break-word;font-size:15px; }
div,iframe,img{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; word-wrap: break-word; }
div {-webkit-background-size: cover!important;-moz-background-size: cover!important; -o-background-size: cover!important;background-size: cover!important; }
.kotak { width:100%; height:auto;}
.kotak_90 { width:90%; height:auto; padding:25px 0px;}

.bersih {clear:both;}
h1,h2,h3 {font-family:OpenSans; padding:0px 0px 0px 0px; margin:0px; text-align:center; color:#393939; }
p { font-size:15px; line-height:23px; font-family:Poppins;  word-wrap:break-word; padding:0px; margin:0px; }
a{text-decoration: none;}
a:hover {text-decoration: underline;color: #23A95C;}
.sembunyi{ display:none; }

.bg_admin { background:url(../laporan_gambar/kemkes_bg_admin.jpg) center center no-repeat; padding-top:3%;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;background-size: cover;}



/* TOMBOL KE ATAS */
a.back-to-top {	display: none;	width: 40px;height: 40px;	text-indent: -9999px;	position: fixed;	z-index: 999;
	right: 20px;	bottom: 20px;	background: #333333 url("../laporan_gambar/up-arrow.png") no-repeat center 43%;	-webkit-border-radius:50%;
	-moz-border-radius: 50%;	border-radius: 50%;}
a:hover.back-to-top {background-color: #008f9c;}




/* ISI HALAMAN */
.isi_judul {padding:85px 0px 20px 0px; width:88%;text-align:left; }
.isi_judul_besar {color:#FFF; font-family:Raleway;font-size:22px; padding-bottom:7px; }
.isi_judul_kecil {font-size:14px; color: #fff;}
.isi_bayangan {width:100%; height:30px;background:url(../laporan_gambarisi/bayangan.png) no-repeat top center; margin-top:-2px; margin-bottom:40px;}
.isi_kotak {width:87%; height:auto; text-align:left; padding-bottom:0px;}
.isi_kotak2 {width:87%; height:auto; text-align:left; padding-bottom:30px;}
.isi_bawah1 { padding-top:30px; font-size:13px;}
.isi_bawah2 { padding-top:30px; font-size:13px; float:left; width:40%; text-align:justify;}
.isi_kotak li{line-height:23px; font-size:13px; margin-bottom:7px; font-family:OpenSans;}
.isi_atas {text-align:center; padding-bottom:20px; font-size:13px;}
.isi_bawah li{line-height:23px; font-size:13px;}


.isi_gambar {width:50%; border: 1px solid #969696;background-color: #fafafa;box-shadow: 7px 7px 4px #b8b8b8; height:380px; padding:7px; margin:30px 50px 100px 0px; }
.rotate_right {float: left;-ms-transform: rotate(-1deg);-webkit-transform: rotate(-1deg);transform: rotate(-1deg); height:320px!important;}
.rotate_left {float: left;-ms-transform: rotate(1deg);-webkit-transform: rotate(1deg);transform: rotate(1deg);}
.panduan_gambar {width:100%; height:auto;}

/* FORMULIR */
input[type=button],input[type=submit] {  font-family:Poppins;padding:9px 10px 9px 20px;color: #ffffff;text-decoration: none;font-size:13px;background-size:20px;border:0px;background-position:10px 9px; line-height:20px; cursor:pointer; margin:2px; border-radius:0px;margin:1px 1px!important; }
input[type=text], input[type=password], input[type=file], textarea {padding:7px; border:1px solid #a5a5a5;-moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;color:#373939;font-family:Poppins; width:100%;margin:1px 1px!important;}
select{padding:6px; border:1px solid #a5a5a5;-moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;color:#373939;font-family:Poppins;  cursor:pointer; margin:1px 1px 1px 1px!important;}
textarea { font-size:13px;margin:1px 1px!important; }
input[type=checkbox] { cursor:pointer; }
input[type=text]:focus, input[type=password]:focus, textarea:focus,select:focus{background-color:#f9feff; color:#000; 
 	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	border: 1px solid rgba(81, 203, 238, 1);
 }
 input[type=file] {padding:6px!important; } 
 /* TOMBOL */
.tombol_cari { background:url(../laporan_gambar/tombol_cari.png) left no-repeat;background-color:#108ad0!important;padding:4px 0px 4px 20px!important; font-size:11px!important;background-size:13px!important;background-position:10px 7px!important; border-radius:0px!important;}
.tombol_reset { background:url(../laporan_gambar/tombol_reset2.png) left no-repeat;background-color:#898989!important;}
.tombol_reset2 { background:url(../laporan_gambar/tombol_reset2.png) left no-repeat;background-color:#898989!important;padding:4px 0px 4px 20px!important; font-size:11px!important;background-size:13px!important;background-position:10px 7px!important;border-radius:0px!important;}
.tombol_kembali { background:url(../laporan_gambar/tombol_kembali.png) left no-repeat;background-color:#546470!important;}
.tombol_kembali2 { background:url(../laporan_gambar/tombol_kembali.png) left no-repeat;background-color:#5e6b72;padding:4px 0px 4px 20px!important; font-size:11px!important;background-size:13px!important;background-position:10px 7px!important;}
.tombol_kirim { background:url(../laporan_gambar/tombol_send.png) left no-repeat;background-color:#7fbc09!important;}
.tombol_kirim2 { background:url(../laporan_gambar/tombol_send.png) left no-repeat; padding:10px 0px 7px 0px!important;}
.tombol_download { background:url(../laporan_gambar/tombol_download.png) left no-repeat;background-color:#2790e9!important;}
.tombol_lanjut { background:url(../laporan_gambar/tombol_lanjut.png) right no-repeat;background-color:#0837c0!important; background-position:95%!important; text-align:left!important;padding:4px 0px 4px 20px!important; font-size:11px!important;background-size:13px!important;border-radius:0px!important; }

.tombol_daftar { background:url(../laporan_gambar/tombol_daftar.png) left no-repeat;background-color:#0070c6;border-radius:5px!important;}
.tombol_login { background:url(../laporan_gambar/tombol_login.png) left no-repeat;background-color: #686868!important; font-size:12px!important;background-size:14px!important;padding:8px 0px 6px 35px!important; text-align:left!important;}
.tombol_batal2 { background:url(../laporan_gambar/tombol_batal.png) left no-repeat;background-color:#757575!important;padding:5px 0px 5px 20px!important; font-size:11px!important;background-size:13px!important;background-position:10px 8px!important;}
.tombol_simpan2 { background:url(../laporan_gambar/tombol_cek.png) left no-repeat;background-color:#19d885!important;padding:5px 0px 5px 20px!important; font-size:11px!important;background-size:13px!important;background-position:10px 8px!important;}
.tombol_simpan { background:url(../laporan_gambar/tombol_cek.png) left no-repeat;background-color:#19d885!important;padding:5px 0px 5px 20px!important; font-size:13px!important;background-size:13px!important;background-position:10px 8px!important;}
.tombol_cetak { background:url(../laporan_gambar/cetak_pdf.png) left no-repeat;background-color:#19d885!important;padding:8px 0px 5px 20px!important; font-size:13px!important;background-size:15px!important;background-position:10px 10px!important;}
.tombol_cetak2 { background:url(../laporan_gambar/tombol_excel.png) left no-repeat;background-color: #288CC8!important;padding:8px 0px 5px 20px!important; font-size:13px!important;background-size:15px!important;background-position:10px 10px!important;}
.tombol_cetak3 { background:url(../laporan_gambar/tombol_cetak.png) left no-repeat;background-color: #8722a8!important;padding:8px 0px 5px 20px!important; font-size:13px!important;background-size:15px!important;background-position:10px 10px!important;}
.tombol_buat { background:url(../laporan_gambar/tombol_daftar.png) left no-repeat;background-color: #288CC8!important;padding:8px 0px 5px 20px!important; font-size:13px!important;background-size:15px!important;background-position:10px 10px!important;}

.tombol_pass2 { background:url(../laporan_gambar/tombol_password.png) left no-repeat;background-color:#03925e!important;padding:5px 0px 5px 20px!important; font-size:11px!important;background-size:13px!important;background-position:10px 8px!important;}
.tombol_edit2 { background:url(../laporan_gambar/tombol_edit.png) left no-repeat;background-color:#856e00!important;padding:5px 0px 5px 20px!important; font-size:11px!important;background-size:13px!important;background-position:10px 8px!important;}

.tombol_tambah2 { background:url(../laporan_gambar/tombol_tambah.png) left no-repeat;background-color:#857400!important;padding:4px 0px 4px 20px!important; font-size:11px!important;background-size:13px!important;background-position:10px 7px!important;}

/* LEGEND */
fieldset { border:1px solid #c5c5c5; border-collapse:collapse;}
.field_judul { padding:5px 10px 5px 10px; text-align:left; margin:0px 0px 10px 0px;}
.legend_judul { color: #616161; font-size:13px; font-family:Poppins; text-align:left; font-weight:bold;}

.text_cari { padding:4px!important; font-size:11px!important; border-radius:2px!important; margin:0px 1px!important;}
.option_cari { padding:3px!important; font-size:11px!important; margin:0px 1px!important; }


/* HUBUNGI */
.hubungi_kotak {width:100%; height:auto; padding:20px; background-color:#e5e5e5; margin:10px 0px 60px 0px; border-radius:5px;}
.hubungi_alamat {width:50%; height:auto; padding:0px 20px; float:left;}
.hubungi_centang {-ms-transform: scale(1.5);-moz-transform: scale(1.5);-webkit-transform: scale(1.5);-o-transform: scale(1.5); margin-left:5px; }


.login_kotak {width:23%;height:100%;padding:13% 25px 0px 25px; text-align:left; color: #424242;z-index:1000; position: absolute; right:7%; top:0; font-size:12px; }
.login_kotak2 {width:25%;height: auto; text-align:right; margin-top:2%;z-index:1000; position: relative;}

.login_tulisan1 { font-size:50px; font-family:Raleway;color:#ff003c; line-height:50px; text-align:center; margin-bottom:0px; }
.login_tulisan2 { font-size:25px; font-family:LeagueGothic;color: #000; line-height:35px; text-align:left; margin-bottom:35px; }
.login_jarak { width:100%; height:15px; clear:both; }

.kotak_daftar {  float:left; padding:5px; text-align:left; font-size:12px;}
.grafik_kotak { width:100%; padding:40px 0px;}

/* MENU USER */

.menu_user { width:100%; height:auto; padding:15px 5px 15px 15px; color: #FFF; font-size:13px; text-align:left;  border-bottom:1px dotted #c1c1c1; cursor:pointer;}
.menu_user img { width:auto; height: 15px;margin-right:8px; vertical-align: top;}
.mCustomScrollbar a{ text-decoration:none!important;}
.menu_user:hover { background-color:#2c86b4; font-weight:bold; text-decoration:underline;}
.menu_user.aktif { background-color:#db1b64; border-left:3px solid #1f9eff; padding:15px 5px 15px 15px; font-weight:bold; text-decoration: underline;}
.menu_user2 { width:100%; height:auto; padding:10px 5px 10px 37px; color: #FFF; text-align:left; border-bottom:1px dotted #7e7e7e; cursor:pointer;font-size:12px;}
.menu_user2 img{ width:auto; height: 14px;margin-right:8px; vertical-align: middle;margin-top:3px;}
.menu_user2.aktif { background-color:#408594; border-right:5px solid #aeff00;}

.menu_user.user_pel { background-color: #cbd11b;}



/* DASHBOARD */
.dashboard { width:33.33%; height: auto; padding:5px; float:left; display:table;}
.dashboard2 { width:50%; height: auto; padding:5px; float:left; display:table;}

.dashboard_isi_1 { width:30%; padding:15px; border:1px solid #c3c3c3; border-right:none; text-align:center; display:table-cell;}
.dashboard_isi_1 img{height:70px; vertical-align:middle; }
.dashboard_isi_2 { border:1px solid #c3c3c3; padding:15px; border-left:none; text-align:center; font-family:LeagueGothic; font-size:50px; line-height:50px;display:table-cell; }
.dashboard_tulisan { font-family:Raleway; font-size:12px; color:#232323; line-height:15px; padding-top:10px;}


/* TABEL */
.tabel { display:table; }
.baris { display:table-row; border-top:none;}
.kolom_kiri {padding:5px 5px 2px 5px; display:table-cell;text-align:right; border-bottom:1px dotted #808080; vertical-align:middle; background-color:#fbfbfb; font-size:12px; line-height:18px; font-weight:bold;}
.kolom_kanan {padding:5px 5px 2px 5px;  display:table-cell;text-align:left; border-bottom:1px dotted #808080; vertical-align:middle;font-size:12px; line-height:18px;}
.kolom_kanan ul{ padding:5px 0px 0px 15px; margin:0px;}
.kolom_kanan li{ color:#e40c34; font-size:10px; line-height:16px;}
.kolom_kiri.top { vertical-align:text-top; padding-top:15px;}
.kolom_kiri.text { padding:9px 5px 6px 5px; }
.kolom_kanan.text { padding:9px 5px 6px 5px; }

/* HALAMAN USER */
.user_isi_judul {width:100%; height:auto; padding:10px 10px 0px 10px; }
.user_judul_halaman {  text-align:left; font-size:24px; font-family:LeagueGothic; font-weight:400; color:#363636; }
.user_isi {width:100%; height: auto; padding:20px; text-align:left; background-color:#FFF; margin:5px 0px 40px 0px; border-radius:1px; border-top:3px solid #00b8d9;border-bottom:1px solid #949494;}

.user_isi2 {width:100%; height: auto; padding:20px; text-align:left; background-color:#FFF; margin:0px 0px 40px 0px; border-radius:3px;border-bottom:1px solid #949494;}
.user_isi_judul2 {width:100%; height:auto; padding:10px 10px 0px 10px; text-align:left; font-size:25px; font-family:SansPro; font-weight:400; color:#363636;border-bottom:3px solid #00b8d9; }

.keterangan{ color:#df0428; font-size:12px; padding:5px; line-height:15px; text-align:justify;}	


/* TABEL DATA*/
.table-fill {
  background: white;
  border-radius:3px;
  border-collapse: collapse;
  margin: auto;
  padding:4px;
  width: 100%;
}
 
.table-fill th {
  color: #FFFFFF;
  background:#1aaebb;
  border-bottom:1px solid #ffffff;
  border-right: 1px solid #409ba1;
  font-size:12px;
  font-weight: 100;
  padding:7px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
  font-weight:bold;
  overflow-wrap:normal!important;word-wrap: normal!important; word-break:normal!important;
  font-family:calibri;
}

.table-fill  th:first-child {
  border-top-left-radius:3px;
}
.table-fill  td ol,ul {  margin:0px 0px 20px 0px;}
.table-fill  td li { color:#3a3838; font-size:13px; line-height:23px; font-family:Poppins;  word-wrap: break-word; padding:0px; margin:0px;}
.table-fill  th:last-child {
  border-top-right-radius:3px;
  border-right:none;
}
  
.table-fill  tr {
  border-top: 1px solid #e4e4e4;
  border-bottom-: 1px solid #e4e4e4;
  color: #1A1A1A;
  font-size:12px;
  font-weight:normal;
}
 

.table-fill  tr a{  color: #0000FF; } 
.table-fill  tr:hover a{  color: #007503; } 
.table-fill  tr:first-child {
  border-top:none;
}

.table-fill  tr:last-child {
  border-bottom: 1px solid #C1C3D1;

}
 
.table-fill  tr:nth-child(odd) td {
  background:#d6f1f8;
}
 
.table-fill  tr:hover td {
  background:#91ffc2;
}

.table-fill  tr:last-child td:first-child {
  border-bottom-left-radius:3px;
}
 
.table-fill  tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}
 
.table-fill  td {
  background:#f1f7f8;
  padding:8px;
  text-align:left;
  vertical-align: middle;
  font-size:12px;
  border-right: 1px solid #C1C3D1; line-height:15px;
  font-family:calibri;
  
}

.table-fill  td .wrap{
  overflow-wrap: break-word!important;word-wrap:break-word!important; word-break: break-all!important; 
}
.table-fill  td ol{ padding:0px 0px 0px 15px; margin-top:-10px; margin-bottom:-10px;font-size:11px!important;}
.table-fill  td li{font-size:11px!important; line-height:15px;}


.table-fill  td:last-child {
  border-right: 0px;
}

.table-fill  td img { width: auto; height: 19px; cursor:pointer; padding:2px; }

.table-fill  th.text-left {
  text-align: left;
}

.table-fill  th.text-center {
  text-align: center;
}

.table-fill  th.text-right {
  text-align: right;
}

.table-fill  td.text-left {
  text-align: left;
}

.table-fill  td.text-center {
  text-align: center;
}
.table-fill  td.top { vertical-align:top;}
.table-fill  td.text-right {
  text-align: right;
}
.tabmenu_kotak {position:relative; padding:18px; width:100%; height:auto; border-bottom:1px solid #0b00a0; margin-top:10px;}
.tabmenu_menu {height:auto; padding:12px 10px 10px 10px; color:#FFF; text-align:center; font-weight:bold; background-color:#0082ac; position:absolute; top:0px; bottom:0px; font-size:10px;}
.tabmenu_menu.aktif { border:1px solid #0b00a0; border-bottom:2px solid #FFF; background-color:#FFF; color:#000; bottom:-1px; font-size:10px; }


@media only screen and (max-width: 1230px) {

}
@media only screen and (min-width: 768px) and (max-width: 1024px) {


}
@media only screen and (max-width: 767px) {

}

@media only screen and (max-width: 640px) {

}

@media only screen and (max-width: 479px) {

}