@import 'captcha.css';
@import 'navbar.css';
@import 'button.css';
@import 'datepicker.css';
@import 'validation.css';
@import 'input.css';
@import 'content.css';
@import 'dashboard.css';
@import 'print-buku.css';
@import 'login.css';
@import 'footer.css';

h1,h2,h3,h4,h5,h6 { margin: 0 }



.red { background-color: lightcoral !important }
.blue { background-color: lightblue !important }
.green { background-color: lightgreen !important }

.pad-0 { padding: 0 }
.pad-1 { padding: 5px }
.pad-2 { padding: 10px }

.flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }

.pad-btm-no { padding-bottom: 0 }
.pad-top-no { padding-top: 0 }
.pad-left-no { padding-left: 0 }
.pad-right-no { padding-right: 0 }

.pad-btm-1{ padding-bottom: 5px }
.pad-top-1{ padding-top: 5px }
.pad-left-1{ padding-left: 5px }
.pad-right-1{ padding-right: 5px }

.pad-btm-2{ padding-bottom: 10px }
.pad-top-2{ padding-top: 10px }
.pad-left-2{ padding-left: 10px }
.pad-right-2{ padding-right: 10px }

.mar-0 { margin: 0 }
.mar-1 { margin: 5px }
.mar-2 { margin: 10px }

.mar-btm-no { margin-bottom: 0 }
.mar-top-no { margin-top: 0 }
.mar-left-no { margin-left: 0 }
.mar-right-no { margin-right: 0 }

.mar-btm-1{ margin-bottom: 5px }
.mar-top-1{ margin-top: 5px }
.mar-left-1{ margin-left: 5px }
.mar-right-1{ margin-right: 5px }

.mar-btm-2{ margin-bottom: 10px }
.mar-top-2{ margin-top: 10px }
.mar-left-2{ margin-left: 10px }
.mar-right-2{ margin-right: 10px }

.mar-btm-3{ margin-bottom: 15px }
.mar-top-3{ margin-top: 15px }
.mar-left-3{ margin-left: 15px }
.mar-right-3{ margin-right: 15px }

.mar-btm-4{ margin-bottom: 20px }
.mar-top-4{ margin-top: 20px }
.mar-left-4{ margin-left: 20px }
.mar-right-4{ margin-right: 20px }

@media screen and (min-width: 767px) {
    .text-sm-right {
        text-align: right;
    }
}

/* Custom CSS Pengumuman alert */
#pengumuman {
  width: 300px;
  position: fixed;
  display: none;
  top: 80px;
  right: 25px;
  z-index: 999;
}

/* custome CSS */
.pagination>li>a, .pagination>li>span {
    position: relative;
    /* float: left; */
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.form_group>label {
  color: #FFFFFF;
}

body > #container.outer-wrapper {
  background-color: transparent;
}

textarea {
  border-radius: 15px !important;
  padding: 5px 15px !important
}