/*Sistem Sekolah SGA Bootstrap*/
/*OVR*/
body {font-family: 'Roboto', sans-serif;}
.navbar {padding-top: 0px; padding-bottom: 0px;border-bottom: solid 1px #ccc;}
.navbar-light {background: #fff !important;}
.fa-solid {margin-right: 3px;}
.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Pilih berkas";
}
.custom-file-label {border-radius: 0px;border-top: 0px; border-left: 0px;border-bottom: thin dashed #ccc;}
/*UI*/
.logo-sga {max-width: 100px;}
.logo-login {margin-bottom: 25px;}
.dropdown-akun-sga {left: auto; right: 14px; top: 54px;}
.wrapper-login-daftar-sga {margin-top: 5%;}
.form-login-daftar {border: solid thin #ccc;padding: 25px; border-radius: 25px;}
.form-general {}
.spacer-field-sga {margin-top: 10px;}
.breadcrumb-area {margin-top: 15px;}
.content-area {margin-top: 25px;}
.footer-area-wrapper {margin-top: 50px;background-color: dodgerblue; padding-top: 25px; padding-bottom: 25px;}
.border-bottom-row-sga {border-bottom: solid thin #333;}
.info-pendaftaran-wrapper {    padding: 15px;
    background-color: bisque;}
.row-status-pendaftaran {border: solid thin #333;padding: 0px;}
.col-status-pendaftaran-lg-2 {padding: 5px;} 
.col-status-pendaftaran-lg-10 {border-left: solid thin #ccc;}
.col-lg-3-status-data {border: solid thin #ccc; padding: 5px;}

.table-striped tbody tr:hover {background-color: aqua;}
.table-striped tbody tr:nth-of-type(odd):hover {background-color: aqua;}
.table thead th {font-size: 14px !important;}
.btn-pendaftaran {margin-bottom: 15px;}
/*Typo*/
.breadcrumb-text {font-size: 12px;color: #333;}
.judul-seksi-sga {color: green;font-size: 25px;}
.judul-berita-sga {color: darkblue; font-size: 20px;font-weight: 900;}
.status-jumlah-sga-h2 {color: red; font-weight: 900; font-size: 40px;}
normal-label-nilai {font-size: 20px;}

/*form-Over*/

input,.date-picker-sga,.form-control {border-left: 0px ; border-top: 0px; border-right: 0px; border-bottom: thin dashed #ccc;color: #333; border-radius: 0px; margin-top: -5px; padding-top: 0px !important;padding-bottom: 0px !important;}
.textarea-sga {border-left: 0px ; border-top: 0px; border-right: 0px; border-bottom: thin dashed #ccc;color: #333; border-radius: 0px; margin-top: 0px; padding-top: 0px !important;padding-bottom: 0px !important;}
.form-control {padding: 0px !important;}
.datepicker {border: 0px; }
.sga-icon-cal {background-color: #fff;}
.button-area-sga {margin-top: 15px;}
label,normal-label {font-weight: 500; color: #333; margin-bottom: 1px;}

label:after { content: ' \002A';color: red;}
keterangan-form {font-size: 12px;}
.sga-check-tatacara {margin-top: 20px;}
.notes-notification-sga {background-color: yellowgreen; padding: 15px;border-radius: 15px; margin-bottom: 20px;}
.notes-notification-sga2 {background-color: powderblue; padding: 15px;border-radius: 15px; margin-bottom: 20px;}
.tab-content-sga-form {margin-top: 0px; margin-bottom: 25px;}
.tabs-form-panel-title-sga {text-align: center; background-color: dodgerblue;color: #fff;padding: 5px;font-size: 25px;}
.title-section-form-sga {margin-top: 25px;}
.col-keterangan-form {line-height: 1 !important;}
.spacing-checkbox-sga {margin-top: 10px;}
rutinitas {display: block;margin-bottom: 15px; border-bottom: solid thin #ccc;padding-bottom: 15px;}
penyakit {display: block;font-size: 16px;    color: darkmagenta; font-weight: 600;}
imunisasi,alergi,sejarahkesehatan {display: block; border-bottom: solid thin #ccc;padding-bottom: 20px;
    padding-top: 20px;}
surat-pernyataan-orangtua {display: block; padding-bottom: 20px;
    padding-top: 20px;}
.sga-status-dropdown {width: auto; border:0px; color: blue;}
.data-sesi-sga {font-size: 13px;}
/*nav*/
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}
@media (min-width: 1200px){
normal-label-khusus-penyakit-desktop {font-weight: 500; color: #333; margin-bottom: 1px;font-size: 13px;}	
normal-label-khusus-penyakit {display: none;}
}

@media (min-width: 992px) and (max-width: 1199.98px){
normal-label-khusus-penyakit-desktop {font-weight: 500; color: #333; margin-bottom: 1px;font-size: 13px;}	
normal-label-khusus-penyakit {display: none;}

}

@media (min-width: 768px) and (max-width: 991.98px){
	.dropdown-akun-sga {left: 15px; right: auto; top: inherit;}
	.col-status-pendaftaran-lg-2 {border: solid thin #333;}
	.col-keterangan-form {line-height: inherit !important;}
normal-label-khusus-penyakit {font-weight: 500; color: #333; margin-bottom: 1px;font-size: 13px;}	
normal-label-khusus-penyakit-desktop {font-weight: 500; color: #333; margin-bottom: 1px;font-size: 13px;}
}

@media (min-width: 576px) and (max-width: 767.98px){
	.col-status-pendaftaran-lg-2 {border: solid thin #333;}
	.col-keterangan-form {line-height: inherit !important;}
	.spacer-col-sga {margin-top: 15px;}
	normal-label-khusus-penyakit {font-weight: 500; color: #333; margin-bottom: 1px;font-size: 13px;}
	normal-label-khusus-penyakit-desktop {font-weight: 500; color: #333; margin-bottom: 1px;font-size: 13px;}
}

@media (max-width: 575.98px){
	.col-status-pendaftaran-lg-2 {border: solid thin #333;}
	.col-keterangan-form {line-height: inherit !important;}
	.spacer-col-sga {margin-top: 15px;}
	normal-label-khusus-penyakit {font-weight: 500; color: #333; margin-bottom: 1px;font-size: 13px;}
	normal-label-khusus-penyakit-desktop {font-weight: 500; color: #333; margin-bottom: 1px;font-size: 13px;}
}