@font-face {font-family: 'Raleway';src: url('../etiket_fonts/Raleway.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'LeagueGothic';src: url('../etiket_fonts/LeagueGothic.otf');font-weight: normal;font-style: normal;}


.rainbow {
  font-weight: bold;
  animation: warna 2s infinite;
  font-size:14px; padding:0px 0px 5px 5px; margin:0px;
}

@keyframes warna {
  0%   { color: red; }
  35%  { color: blue; }
  75%  { color: orange; }
  100% { color: red; }
}

.badge-belum-bayar {
      display: inline-block; font-size:30px;
      background: none; 
      font-weight: bold;
      font-family:Raleway;
      padding: 10px 20px;
      border-radius: 20px;
      text-transform: uppercase;
      letter-spacing: 2px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.2); 
	  border:10px double #FF0000; color:#FF0000;
	 opacity: 0.2; margin-top:15px;}
.badge-sudah-bayar {
      display: inline-block; font-size:30px;
      background: none; 
      font-weight: bold;
      font-family:Raleway;
      padding: 10px 20px;
      border-radius: 20px;
      text-transform: uppercase;
      letter-spacing: 2px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.6); 
	  border:10px double #0ad13c; color:#08a630;
	  opacity: 0.4; margin-top:15px;}


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: Calibri;word-wrap: break-word;font-size:12px; }
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; }

.bersih {clear:both;}
h1,h2,h3 {font-family:Calibri; padding:0px 0px 0px 0px; margin:0px; text-align:center; color:#393939; }
p { font-size:14px; line-height:20px; font-family:Calibri;  word-wrap:break-word; padding:0px; margin:0px; }
a{text-decoration: none; color: #FFFFFF;}
a:hover {text-decoration: underline;color: #FFFF00;}
.sembunyi{ display:none; }


/* LOGIN */
.centang {color: #FFFFFF; font-size:11px; padding:2px 0px; margin:0px; text-align:left;}


/* ISI */
.isi_teks_1 { font-family:Calibri; font-size:25px; line-height:30px; font-weight:bold; margin:0px; padding:0px; text-align:center; color: #333333; text-transform:uppercase;}
.isi_teks_2 { font-family:Calibri; font-size:13px; line-height:15px; margin:0px; padding:0px; text-align:center; color: #7f7f7f; padding-bottom:15px; width:85%;}
.isi_judul_halaman_1 { font-family:Calibri; font-size:30px; line-height:40px; font-weight:bold; margin:20px 0px 0px 0px; padding:0px; text-align:center; color: #4a4949; text-transform:uppercase;}
.isi_judul_halaman_2 { font-family:Tahoma; font-size:13px; line-height:20px; margin:0px 0px 20px 0px; padding:0px; text-align:center; color: #7f7f7f;}
.frame_video {width:100%; height:600px; padding:20px 0px;}
.detail_daftar {width:100%; height:auto; text-align:center; padding:5px; border:1px solid #187BF3; background-color: #0C80D6; color:#FFFFFF; font-size:10px;}
.detail_saja {width:100%; height:auto; text-align:center; padding:5px; border:1px solid #0DBF66; background-color:#01AD94; color:#FFFFFF; font-size:10px;}
.keterangan{ color:#df0428; font-size:12px; padding:5px 0px; line-height:15px; text-align:justify;}	
.tabmenu_kotak {position:relative; padding:0px; width:100%; height:auto;margin-top:10px;}
.tabmenu_menu {height:auto; padding:12px 12px 12px 12px; color:#FFF; text-align:center; background-color:#2c3336; float:left; font-size:10px; margin:0 0.2% 0 0;}
.tabmenu_menu strong{ color:#fffc13; }
.tabmenu_menu.aktif { background-color:#FFF; color:#000; bottom:-1px; font-size:11px; border:none; }
.tabmenu_menu.nonaktif { background-color: #b0b0b0; color:#7d7d7d; }
.tabmenu_menu.aktif strong{ color:#d8101e; }
.seleksi { position: absolute; right:2.5%; background-color:#1d93e0; color:#FFFFFF; padding:15px 40px;font-size:15px; text-align:center; margin-top:30px;}
.seleksi2 { background-color:#1d93e0; color:#FFFFFF; padding:10px 10px; font-size:15px; text-align:center; margin-bottom:1px;width:100%;}

.kotak_form {width:32.7%; height:auto; float:left; border:1px dotted #171717; margin:2px 0.3%; text-align:left; font-size:12px; padding:1px 5px; font-weight:bold; }
.kotak_form2 {width:66%; height:auto; float:left; border:1px dotted #171717; margin:2px 0.3%; text-align:left; font-size:12px; padding:1px 5px; font-weight:bold;}
.kotak_form3 {width:24%; height:auto; float:left; border:1px dotted #171717; margin:2px 0.5%; text-align: center; font-size:17px; padding:10px 5px; font-weight:bold; color:#000000 }
.kotak_form3 img {width: auto; height:50px; margin-bottom:5px;}
.kotak_form50 {width:49.5%; height:auto; float:left; border:1px dotted #171717; margin:2px 0.2%; text-align:left; font-size:12px; padding:1px 5px; font-weight:bold; }
.kotak_form_text { font-size:14px; margin:0px; padding:5px 0px 0px 0px; color: #1F3AA7; } 


/* HALAMAN USER */
.user_isi_judul {width:100%; height:auto; padding:7px 10px 0px 10px; }
.user_judul_halaman {text-align:left; font-size:18px;  font-family:Calibri; font-weight:400; color:#363636; padding-top:10px; }
.user_judul_halaman span{ color:#0d68a3;}

.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:0px;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; }



/* ISI DETAIL */
.det_warna {background: rgb(231,230,230);background: linear-gradient(180deg, rgba(231,230,230,1) 10%, rgba(255,255,255,1) 100%); background-repeat:no-repeat; }
.det_header {width:100%; height:auto; padding:5px 15px; background-color:#333333; }
.det_kiri { width:70%; height:auto; float:left; text-align:left; font-family:calibri; font-size:17px; color:#FFF; padding-top:5px;}
.det_kanan { width:30%; height:auto; float:left; text-align:right;}


/* FORMULIR */
input[type=button],input[type=submit],input[type=reset] {  font-family:Calibri;padding:7px 10px 7px 35px;color: #ffffff;text-decoration: none;font-size:13px;background-size:17px;border:0px;background-position:10px 9px; line-height:20px; cursor:pointer; margin:1px; border-radius:0px; }
input[type=text], input[type=password], input[type=file], textarea {padding:7px 7px 7px 7px; border:1px solid #a5a5a5;-moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;color:#373939;font-family:Calibri; width:100%;margin:1px;}
select{padding:6px 7px 7px 7px; border:1px solid #a5a5a5;-moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;color:#373939;font-family:Calibri;  cursor:pointer; margin:1px;}
textarea { font-size:13px; }
input[type=checkbox] { cursor:pointer; }
input[type=text]:focus, input[type=password]:focus, input[type=file]: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_tambah { background:url(../etiket_gambar/tombol_tambah.png) left no-repeat;background-color: #038CC0; }
.tombol_batal { background:url(../etiket_gambar/tombol_batal.png) left no-repeat;background-color:#dc0062; }
.tombol_cari { background:url(../etiket_gambar/tombol_cari.png) left no-repeat;background-color:#c27f29;padding:4px 0px 3px 20px!important;font-size:11px!important;background-size:13px!important;background-position:10px 7px!important; }
.tombol_reset { background:url(../etiket_gambar/tombol_reset2.png) left no-repeat;background-color: #666666; }
.tombol_reset2 { background:url(../etiket_gambar/tombol_reset2.png) left no-repeat;background-color:#898989;padding:4px 0px 3px 20px!important; font-size:11px!important;background-size:13px!important;background-position:10px 7px!important;}
.tombol_simpan { background:url(../etiket_gambar/tombol_cek.png) left no-repeat;background-color:#19d885; }
.tombol_cek { background:url(../etiket_gambar/tombol_cari.png) left no-repeat;background-color:#19d885; }
.tombol_login { background:url(../etiket_gambar/tombol_login.png) left no-repeat;background-color:#0d93d1; }
.tombol_edit { background:url(../etiket_gambar/tombol_edit.png) left no-repeat;background-color:#19d885; }
.tombol_kembali { background:url(../etiket_gambar/tombol_kembali.png) left no-repeat;background-color: #666666; }
.tombol_daftar { background:url(../etiket_gambar/tombol_daftar.png) left no-repeat;background-color: #0cad62; }
.tombol_pass { background:url(../etiket_gambar/tombol_password.png) left no-repeat;background-color:#d1641b; }
.tombol_cetak { background:url(../etiket_gambar/cetak_pdf2.png) left no-repeat;background-color: #288ABF; }


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

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




/* MENU USER */

.menu_user { width:100%; height:auto; padding:13px 5px 13px 15px; color: #FFF; font-size:14px; text-align:left;  border-bottom:1px dotted #c1c1c1; cursor:pointer; font-family:calibri;}
.menu_user img { width:auto; height: 16px;margin-right:8px; vertical-align: bottom;}
.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:9px 5px 9px 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:13px;}
.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;}



/* TABEL */
.tabel { display:table; }
.baris { display:table-row;}
.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:#232324; font-size:12px; line-height:18px;}
.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; }




/* TABEL DATA*/
.table-fill {
  border-radius:0px;
  border-collapse: collapse;
  margin: auto;
  padding:4px;
  width: 100%;
}
 
.table-fill th {
  color: #FFFFFF;
  background: #4F4F4F;
  border:1px solid #adacac;
  font-size:11px;
  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:0px;
}
.table-fill  td ol,ul {  margin:0px 0px 20px 0px;}
.table-fill  td li { color:#3a3838; font-size:12px; line-height:23px; font-family:Calibri;  word-wrap: break-word; padding:0px; margin:0px;}
.table-fill  th:last-child {
  border-top-right-radius:0px;
  border-right:none;
}
  
.table-fill  tr {
  border: 1px solid #adacac;
  color: #1A1A1A;
  font-size:12px;
  font-weight:normal;
}
 

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

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

}
 
.table-fill  tr:nth-child(odd) td {
  background:#e6e6e6;
}
.table-fill  tr:nth-child(even) td {
  background:#fff;
}
 
.table-fill  tr:hover td {
  background:#d4f0fc;
}

.table-fill  tr:last-child td:first-child {
  border-bottom-left-radius:0px;
}
 
.table-fill  tr:last-child td:last-child {
  border-bottom-right-radius:0px;
}
 
.table-fill  td {
  background: none;
  padding:8px;
  text-align:left;
  vertical-align: middle;
  font-size:12px;
  border-right: 1px solid #adacac; 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:15px 0px 0px 15px; margin-top:-10px;font-size:12px!important;}
.table-fill  td li{font-size:12px!important; line-height:15px;}


.table-fill  td:last-child {
  border-right:1px solid #adacac;
}

.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;
}
.table-fill  td.kanan { text-align:right!important;}

.header { width:100%; height: 70px; position:fixed; background:#04c7ac;-webkit-box-shadow: 0 5px 5px -2px #999999;-moz-box-shadow: 0 5px 5px -2px #999999;box-shadow: 0 5px 5px -2px #999999; color:#FFFFFF; font-family: Calibri; font-size:13px; line-height:14px;}
.header_logo { width:20%; height:70px; float:left; text-align:right; padding-top:10px; }
.header_menu_utama { width:80%; height:70px; float: right; }
.header_menu_1 { width: auto; height:70px; float: right;  margin-right:10%;}
.header_menu_2 { width:20%; height:70px; float:left; border-right:1px dotted #FFFFFF;border-bottom:1px dotted #FFFFFF; padding:15px 0px 0px 0px;}
.header_menu_x { width:auto; height:70px; float:left; border-right:1px solid #8bd6cc; padding:30px 30px;}
.header_menu_x:hover { background-color: #05d5e3;}
.header_menu_x.aktif {font-weight:bold; font-size:13px; background-color: #264f52;}
.header_mobile {float:right; display:none; padding:10px 20px 10px 0px;}

.isi {width:90%; height:auto; padding-top:80px;}

.home_jadwal {width:99%; height: auto; background-color:#FFFFFF; margin:1% 0; padding:20px; margin-bottom:10px; border:1px solid #bfbfbf;}
.ket_kolom { display:none;}
.ket_kolom2 { display:none;}
.ket_kolom3 { visibility:hidden; display:none;}

.kotak_isi {width:100%; height: auto; background-color:#FFFFFF; padding:25px;}


.halaman { font-size: 12px; padding:5px 15px 5px 15px; color: #000; background:#b5b5b5;  vertical-align:middle; border-radius:0px;}
.halaman:hover { background-color:#00bd9c; color:#ff0048; font-weight:bold;}

/* HOME ATAS */
.kotak_status { width:19%; height: auto;margin:0% 0.5% 0px 0.5%; float:left;  }
.kotak_status_1 {width:100%; height: auto; background: #7a7a7a; padding:15px 20px; color:#FFFFFF; margin:10px 0px; border:1px solid #8a8888; }
.kotak_status_1 img {height:25px; width:auto;vertical-align: top; margin:2px 10px 0px 0px;}
.kotak_status_1_tulisan1 {font-weight:bold; font-size:30px; line-height:35px; text-align:left; font-family:LeagueGothic; text-align:center; }
.kotak_status_1_tulisan2 {margin-top:15px; font-size:16px; line-height:20px; font-family:Raleway; text-transform: uppercase; }

.kotak_pengumuman {width:99%; height:auto; font-size:14px; line-height:20px; padding:12px 20px; margin:10px 0px; background-color:#f7f4da; border:1px solid #b3b3b3; text-align:justify; }

.kotak_tiket {width:79%; height: auto; float:left; text-align:center; background: #FFFFFF;padding:20px 20px 25px 20px; margin:10px 0.5% 0.5% 0.5%;  box-shadow: inset 0 0 2px rgba(117, 117, 117, 0.9);   min-height: 233px!important;  }
.kotak_tiket_tulisan1 {font-weight:bold; color: #333333; font-size:30px; line-height:30px; text-align: center; font-family:LeagueGothic; margin-bottom:10px;}
.kotak_tiket_tulisan2 {font-size:18px; line-height:25px; font-family:TAHOMA; margin-top:20px; }

.kotak_bayar { width:33%; height:auto; float:left; padding:10px;}
.kotak_bayar2 { width:33%; height:auto; float:left; padding:10px;text-align: center; padding-top:30px;}
.rekening {width:99%; height:auto; padding:10px; margin:10px 0px; background-color:#FFFFFF; border:1px solid #adacac;}


.user_kotak {width:84%; height: auto;padding:40px 15px 25px 15px;float: right;}
.user_foto {width: 190px; height:auto; position: absolute; left:21%; margin:10px; background-color:#9D9D9D; padding:10px; font-size:10px; line-height:15px; color:#FBFF62;}
.user_foto_url  {width:150px; height:220px; border:1px solid #000000; }
.user_mobile  { display: none;}
.user_ket_pelatihan {display: block; padding:7px 20px; background-color:#666666; color:#FFFFFF;  font-size:13px; margin-bottom:2px; } 
.user_profil { width:75%; display:table; float:right;}

.running_tex {width: 97%; height: auto; position:fixed; bottom:0; left:0; background: #2dad9a; padding:10px;color: #FFFFFF;font-family:Verdana;font-size:14px; overflow:hidden;}
.logo_wa {width:auto; height:44px;position:fixed; bottom:0; right:0;}

.kotak_biasa {width:50%; height:auto; margin-bottom:5px;}


/* KOTAK LOGIN DISHUB*/
.login_kotak_admin {width:24%;height: auto; top:15%; overflow:hidden; position: fixed; left: 38%;
background: rgba(255, 255, 255, 0.9);
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(237, 237, 237, 1) 51%, rgba(230, 230, 223, 1)  100%) 0.7;
text-align:left; padding:30px 30px 30px 30px;  color: #636363; font-size:13px; border-radius:7%;}
.login_kotak {width:24%;height:100%;overflow:hidden; position: fixed; left: 38%; background-color:rgba(255, 255, 255,0.7);text-align:center; padding:50px 30px 20px 30px; text-align:left; color: #333333; font-size:13px;}
.login_kotak2 {width:24%;height: auto; text-align:right; margin-top:4%;}
.gambar_login {height:120px; margin-bottom:20px;}
.login_tulisan1 { font-size:30px; font-family:LeagueGothic;color: #242424; font-weight:bold; line-height:35px; text-align:center; }
.login_tulisan2 { font-size:20px; font-family: Calibri;color: #0000FF; line-height:20px;margin-bottom:25px; text-align:center; font-weight:bold; }
.login_jarak { width:100%; height:15px; clear:both; }

.panduan {}


@media only screen and (max-width: 767px) {
.kotak_biasa {width:100%;}

.header { height: auto; background:#04c7ac;  }
.header_logo { height: auto; border: none; width:50%; float:left; text-align:left; padding-top:5px;}
.header_logo img { height:38px; width:auto; margin-left:20px; }
.header_mobile { display:block; cursor:pointer; width:50%; float:left; text-align: right; }
.header_mobile img { height:25px;}
.header_menu_utama {width:100%; height:auto; display:none;}
.header_menu_1 { width:97%; height:auto; border:none; background-color:#256983; margin:0px 1.5%;padding:0px; }
.header_menu_2 { width:97%; height:auto;border:none; background-color:#256983; margin:0px 1.5%;padding:0px; }
.header_menu_x { width:100%; height:auto; float: none; padding:12px 17px; text-align:left; margin:0px; border-bottom:1px dotted #FFFFFF;}
.header_menu_x img{ width: auto; height:10px; }
.header_menu_y { width:100%; height:auto; float: none; background:none; text-align:left; border:none; border-bottom:1px dotted #FFFFFF;}
.header_menu_x.aktif {  border-bottom:1px dotted #FFFFFF;}

/* HOME ATAS */
.rekening {width:100%;}
.kotak_pengumuman {width:100%; padding:10px; margin:5px 0px 5px 2px;}
.kotak_status { width:100%; height: auto; float:none; }
.kotak_status_1 { margin:5px 0px; height:auto;padding:5px 5px; }
.kotak_status_1_tulisan1 {font-size:20px; line-height:25px;}
.kotak_status_1_tulisan2 {margin-top:10px;  font-size:13px; line-height:20px;  }
.kotak_status_1 img {height:20px; }

.kotak_tiket {width:100%; height: auto; float: none; padding:10px; }
.kotak_tiket img { height:80px!important; }
.kotak_tiket_tulisan2 {font-size:15px; line-height:20px; margin-top:5px; }

.kotak_form2 {width:100%;height:auto; float: none; } 
.kotak_form3 {width:100%; height:auto; float: none;font-size:14px;}
.kotak_form3 img{width: auto; height:25px;}
.kotak_form {width:100%; height:auto; float: none;  }
.kotak_form50 { width:100%; height:auto; float: none; }
.kotak_bayar {width:100%; float:none;}



.badge-belum-bayar { font-size:12px; transform: rotate(0deg); }
.badge-sudah-bayar { font-size:12px;  transform: rotate(0deg);}
.kotak_bayar2 { width:100%; height:auto; float: none; padding:10px;text-align: center; padding-top:10px;}

.isi {width:95%; height:auto; padding-top:60px;}
.statistik_kotak  { width:49.5%; height: auto; margin:0.25%; }
.statistik_isi_kiri { width:100%; height:auto; padding:0px; }
.statistik_isi_kiri img  {width: auto; height:30px;padding-top:5px;}
.statistik_isi_kanan { width:100%; height:auto; padding:0px; }
.statistik_1 { padding:0px; font-size:11px;}
.statistik_2 { font-size:25px; line-height:30px;}
.brand {width:100%; padding:10px; }
.brand_1 {width:100%; height: auto; padding:10px;}
.brand_2 {width:100%;height: auto; padding:8px;}
.brand_1_judul {font-size:15px; line-height:15px;}
.brand_1_judulsub {font-size:12px;}
.brand_1_kotak {width:32%;font-size:8px; padding:5px;}
.brand_1_kotak img {height:20px;margin-bottom:5px; }
.brand_2_judul {font-size:11px;}
.brand_2 img{height:20px;}

.home_jadwal {width:100%; height: auto; padding:10px;}
.isi_teks_1 { font-size:16px; line-height:20px;}
.isi_teks_2 { font-size:10px; line-height:15px;}

.table-fill { width:95%; float:left;  }
.table-fill th { display:none; } 
.table-fill tr { border:none!important; margin-bottom:15px!important; display:block;} 
.table-fill td{ width:100%; display:block; text-align:left!important; border:none!important; border-bottom:1px dotted #000000!important; padding:5px 10px!important;}

#NOMOR{ text-align:center!important;}
#HIDE{ display:none;}
.ket_kolom { display: block; font-weight:bold;padding-right:5px; float:left;}
.ket_kolom2 { display: block; font-weight:bold;}
.ket_kolom3 { visibility: visible; display:inline;}

.isi_judul_halaman_1 {font-size:16px; line-height:20px;}
.isi_judul_halaman_2 { font-size:10px; line-height:15px;}

.option_cari {width:99%!important; margin:0.5%!important; }
input[type=text], input[type=password], input[type=file], textarea { width:99%!important; margin:0.5%!important; }
input[type=button],input[type=submit],input[type=reset] {width:49%!important; margin:0.5%!important; }
select { width:99%!important; margin:0.5%!important; }
.tabel { display: block; }
.baris { display:block;}
.kolom_kiri {display:block; width:100%!important; text-align:left; border:none; padding:0px!important; margin:0px!important; text-transform:uppercase!important;}
.kolom_kanan {display:block; width:100%!important;  padding:0px!important; margin:0px 0px 10px 0px!important;}
.kotak_isi {padding:10px;}
.frame_video {height:250px;}

.hubungi_1 { width:100%; float:none;padding:20px; }
.hubungi_2 {width:100%; float:none; padding:10px;}
.hubungi_2 img { height:40px!important; }

#USER_HEADER { display:none; }
.user_kotak {width:100%; height: auto;padding:8px;float: none; padding-top:40px;}
.user_foto {width: 130px!important; font-size:9px; line-height:12px; padding:5px; right:5%;}
.user_foto_url  {width:90px!important; height:132px!important; }

.user_isi_judul input[type=button] { width:100%!important;}
.user_mobile  { display: block; width:100%; height: auto;position:fixed; z-index:100; color:#FFFFFF; font-family: Calibri; font-size:13px; line-height:14px; background-color:#55B3D7;}
 select.lebar_70{ width: 70%!important;}
 input.lebar_70{ width: 70%!important;}
 input.lebar_100{ width: 100%!important;}
 
.header_menu_user {width:95%; height:auto; display:none; margin-top:45px; padding-bottom:10px;}
.user_menu_m {width:100%; height: auto;padding:10px; background-color:#32ad95; text-align:left; border-bottom:1px dotted #FFFFFF; }
.user_menu_m.aktif { background-color:#0186D6;}
.user_menu_m img {width: auto; height: 15px; margin-right:10px; vertical-align:middle}
.user_judul_halaman {font-size:15px; padding-top:10px!important; font-weight:bold;}
.user_isi { padding:10px;}
.tabmenu_menu { width:49.5%;margin:1px 0.25% 1px 0.25%; padding:8px 5px 8px 5px;}
.legend_judul {font-size:12px!important;}
.seleksi { padding:15px 15px;margin-top:0px; }
.user_ket_pelatihan {display: block; padding:7px 10px;  font-size:13px;} 

li { margin-left:-15px; padding-right:5px; }

.running_tex {width: 92%; }
.logo_wa {width:auto; height:35px;position:fixed; bottom:2px; right:0;}



/* KOTAK LOGIN DISHUB*/
.login_kotak_admin {width:90%;height: auto; margin-top:20px; overflow: auto; position: inherit; left: 0%;
background: rgba(255, 255, 255, 0.7);
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(237, 237, 237, 1) 51%, rgba(230, 230, 223, 1)  100%) 0.7;
text-align:left; padding:20px 20px 20px 20px;  color: #636363; font-size:13px; border-radius:0%;}

}