@font-face {font-family: "Roboto";font-weight: normal;src: url(../fonts/Roboto-Regular.ttf);}
@font-face {font-family: "Roboto";font-weight: bold;src: url(../fonts/Roboto-Bold.ttf);}
@font-face {font-family: "Roboto";font-weight: 100;src: url(../fonts/Roboto-Light.ttf);}
@font-face {font-family: "Roboto";font-style: italic;src: url(../fonts/Roboto-Italic.ttf);}

body { font-family: 'Roboto', Arial; background-color: #fff; }

#cssmenu { font-family: 'Roboto', Arial; }
#cssmenu li:hover > ul > li { height: auto; }

.page-head { padding: 10px 35px; background-color: #f1f1f1; }
.page-head h2 { font-size: 24px; }

.head-judul { display: inline-block; color: #ddd; font-size: 15px; text-transform: uppercase; margin-left: 15px; }
.head-judul h3 { margin: 7px 0 2px 0; color: #fff; font-weight: bold; font-size: 20px; font-family: "Trebuchet MS", Helvetica, sans-serif; }
.head-judul .pemerintah { margin: 12px 0 2px 0; color: #fff; font-weight: bold; font-size: 20px; font-family: "Trebuchet MS", sans-serif; text-shadow: 2px 2px 4px #2F2626}
.head-judul .skpd{margin: 7px 0 2px 0; color: #E0DB13; font-weight: bold; font-size: 28px; font-family: "Arial", Helvetica, sans-serif;text-shadow: 2px 2px 4px #2F2626;}

.am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller .content > ul > li > a { padding: 3px 25px; }
.am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller .content > ul > li > h4 { padding: 2px 25px; color:#E8E217; }
.am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller .content > ul > li > h5 { padding: 2px 25px;font-size:10pt; color:#E8E217; }

.am-left-sidebar .sidebar-elements > li > a { padding: 12px 15px; }
.am-left-sidebar .sidebar-elements img { width: 30px; }

/* tabel */
.panel > .table-responsive { border: 1px solid #eee; }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td { background-color:#64b0f2; color: white;}
.table-condensed > tbody > tr > td { padding: 4px; }

/* form */
label { font-weight: bold; margin-bottom: 4px; }
.form-inline .form-group { margin-right: 10px; }
.form-group .cekbox { padding: 6px 12px 4px 10px; border: 2px solid #eaeaea; }
.modal-body .form-control { padding: 4px 7px; font-size: 13px; height: 36px; }
/*.form_cari .form-group { margin-bottom: 0; }*/
.form_cari label { font-size: 13px; }
.form_cari .form-control { height: 30px; width: 100%; padding: 2px 4px; font-size: 13px; }
.form_cari .btn-group .btn { height: 32px; }
/*.modal-body .form-group { margin-bottom: 0; padding-bottom: 0; }*/

/* modal header */
.modal .modal-content .modal-header .close { color: #ccc; opacity: 1; }
.modal-header { background-color: #64b0f2; color: #fff; }
.modal-body .table-profil > tbody > tr > td.labels { width: 170px; color: #777; }

.media-foto { display: block; width: 100%; height: 120px; background-size: cover; background-position: center center; }

.am-scroll-top { padding: 8px 12px; }
.am-scroll-top::before { font-family: "FontAwesome"; content: "\f062"; font-size: 24px; }

.table > tbody > tr.success > td { background-color: #7accbe; }

@media (min-width: 200px) {

}
@media (min-width: 480px) {

}
@media (min-width: 768px) {

}