#profil {
  background-color: #2e86de;
  box-sizing: content-box;
  padding: 1.5em;
  box-shadow: 3px 4px 19px 0px rgba(0,0,0,0.09);
  border-radius: .25rem;
  margin-bottom: 2em;
  color: #ffffff;
}

body {
  background-color: #3c40c6;
  color: #34495E;
}

.heading-siap {
  color: #34495E;
  text-shadow: 3px 4px 5px rgba(0,0,0,0.09);
  margin-bottom: 1.5em;
}

.container-siap {
  padding-top: 3em;
  padding-bottom: 3em;
}

.jadwal-siap {
  background-color: white;
  padding: 1em;
  border-radius: .25rem;
  box-shadow: 3px 4px 19px 0px rgba(0,0,0,0.09);
  color: #34495E;
  margin-bottom: 2em;
}

.jadwal-logo-cdr-siap {
  display: block;
  margin: 0 auto;
}

.btn-success-siap {
  background-color: #4CEB8F;
  border-color: #4CEB8F;
}

.btn-success-siap:hover {
  background-color: #319f5f;
  border-color: #319f5f;
}

.btn-success-siap:not(:disabled):not(.disabled):active {
  background-color: #319f5f;
  border-color: #319f5f;
}

.btn-danger-siap {
  background-color: #FF7272;
  border-color: #FF7272;
}

.btn-danger-siap:hover {
  background-color: #ac4949;
  border-color: #ac4949;
}

.btn-danger-siap:not(:disabled):not(.disabled):active {
  background-color: #ac4949;
  border-color: #ac4949;
}

.btn-keluar-siap {
  box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.22);
  padding: 0.5em;
  font-weight: 500;
  margin-top: 1.5em;
}

.right-jadwal-siap {
  padding-top: 1em;
}

#menu {
  background-color: #2e86de;
  box-sizing: content-box;
  padding: 1em;
  box-shadow: 3px 4px 19px 0px rgba(0,0,0,0.09);
  border-radius: 5px;
  margin-bottom: 1em;
}

.nav-pills-siap .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #2973be;
}

.nav-pills-siap .nav-link {
  color: white;
}

.panel-absensi-siap h5 {
  color: #4CEB8F;
}

.btn-selesai-siap {
  margin-top: 1em;
  padding: 0.5em;
}

.box-shadow-siap {
  box-shadow: 3px 4px 19px 0px rgba(0,0,0,0.09);
}

.card-siap .card-header {
  padding: 1em;
  background-color: #2e86de;
  color: #ffffff;
  border: 0px;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
}

.card-siap {
  border: 0px;
  margin-bottom: 1em;
}

.card-siswa-siap {
  padding: 1em;

  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 14px;
}

.card-siswa-siap:nth-child(2n),
.card-siswa-siap .row:nth-child(2n) {
  background: #f0f0f0;
}

.card-siswa-siap:last-child{
  border-bottom: 0px solid #e0e0e0;
}

.absensi {
  padding: 0.5em;
  background-color: #E1DAFB;
}

.btn-download-siap {
  margin-right: 1em;
}

.profil-image-siap {
  padding-right: 0px;
}

.tabel-siswa-siap {
  margin-top: 1em;
  border-radius: .25rem;
  border: 0px;
}

.tabel-siswa-siap table {
  margin-bottom: 0px;
}

.belum-waktu-absensi-siap {
  background-color: rgba(0,0,0,0.6);
  color: #ffffff;
}

.selesai-waktu-absensi-siap {
  background-color: rgba(47,146,89,0.6);
  color: #ffffff;
}

.belum-waktu-absensi-siap, .selesai-waktu-absensi-siap {
  border-radius: .25rem;
  position: absolute;
  left: 0;
  top: 0;
  margin-left: 15px;
  width: 92.3%;
  height: 83.2%;
}

.belum-waktu-absensi-siap h4, .selesai-waktu-absensi-siap h4 {
  padding-top: 28%;
}

.card{
  margin-bottom: 2em;
}

.itemJadwal{
  border-radius: .25rem;
  padding: .5em;
  border: 1px solid rgba(0,0,0,.1);
  margin-bottom: 1em;
}

.itemJadwal hr{
  margin-bottom:.5em;
}

.itemJadwal p{
  margin: 0px;
}

.itemJadwal .btnSetting{
  padding-right: 0px;
  color: #007bff;
}

.itemJadwal .btnDelete{
  padding-right: 0px;
  color:#FF7272;
}

.itemJadwal .btnDelete{
  padding-left: 0px;
  color: #dc3545;
}

.itemJadwal:after{
  clear: both;
  display: block;
  content: " ";
}

.emptyJadwal{
  color: #dfdfdf;
  font-size: 1.2em;
  font-weight: bold;
  font-family: arial;
  text-align: center;
  padding: .3em;
}

.emptyJadwal .emotMeh{
  font-size: 3em;
}

.alert{
  margin-bottom:0px;
}

.btn-tambahJadwal{
  margin-top: 1em;
}

.hiddenInput{
  width:0px;
  height:0px;
  padding:0px;
  margin:0px;
  font-size:0px;
  border:0px;
  position:absolute;
}

.hideInput{
  width:0px;
  height:0px;
  padding:0px;
  margin:0px;
  font-size:0px;
  border:0px;
  position:absolute;
}

.form-check{
  float:left;
}

.form-check-label{
  margin-right: 20px;
}
.svgsiab{
  width:100%;
}

.hide{
  display: none;
}

.section-absen
{
  max-height: 75vh;
  overflow-y: scroll;
}

.loading
{
    position: fixed;
    z-index: 99999;
    top: 0;

    display: flex;

    width: 100%;
    height: 100vh;

    transition: .5s all linear;

    background: #222930d9;

    justify-content: center;
    align-items: center;
}

.presentase-kehadiran table th
{
  text-align: center;
  padding: 0px 10px;

}
.presentase-kehadiran table td
{

  text-align: center;
  
}

.habis .card{
  text-align: center;
}
.habis .card-body{
  padding: 0.2em;
  font-size: 1.1em;
  font-weight: 700;
}
.habis .card-header{
  padding: 0.1em 0em;
}
.habis .col{
  padding: 0.1em;
}

.habis{
  margin-top:0.6em;
}
.presentase-kehadiran .progress{
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 1em;
}

.presentase-kehadiran h6{
  margin-top: -22px;
  margin-left: -15px;
}