/* .app{
  padding-left: 230px !important;
} */
.sidebar{
  background-color: #1e6975 !important;
  top: 70px !important;
  position: fixed !important;
}

.sidebar .nav > li.active > a, 
.sidebar .nav > li.active > a:hover{
  background-color: #007c8c !important;
}
    .header .header-block-nav > ul > li > a:hover {
      color: #007c8c !important;
    }
        .dropdown-menu .dropdown-item:hover {
      color: #007c8c !important;
        }
.header .header-block-nav .profile-dropdown-menu a .icon {
    color: #007c8c;
}

.custom-badge:hover {
  background: #007c8c !important;
}
.custom-badge {
  border: 1px solid #007c8c !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #007c8c !important;
}
.nav.nav-pills .nav-item .nav-link.active:hover {
  background-color:#007c8c !important;
}
span.num_info{
  color: #007c8c !important;
}
::-webkit-scrollbar-thumb {
    background: #007c8c !important;
}
::-webkit-scrollbar-thumb:window-inactive {
  background: #007c8c !important;
}
.text-success {
    color: #007c8c !important;
}
a.text-success:focus, a.text-success:hover {
    color: #007c8c !important;
}
.header .header-block-collapse .collapse-btn {
    color: #007c8c !important;
}
.chat .chat-header {
  background-color: #ffffff !important;
}
  .btn.btn-primary {
    background-color: #007c8c !important;
    border-color: #007c8c !important;
  }
    .btn.btn-primary:hover {
    background-color: #00434c !important;
    border-color: #00434c !important;
}
    .btn.btn-primary:focus, .btn.btn-primary.focus {
      background-color: #00434c !important;
        border-color: #00434c !important;
    }
    .btn.btn-primary:active, .btn.btn-primary.active,
    .open > .btn.btn-primary.dropdown-toggle {
      background-color: #00434c !important;
    border-color: #00434c !important;
    }
      .btn.btn-primary:active:hover, .btn.btn-primary:active:focus, .btn.btn-primary:active.focus, .btn.btn-primary.active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active.focus,
      .open > .btn.btn-primary.dropdown-toggle:hover,
      .open > .btn.btn-primary.dropdown-toggle:focus,
      .open > .btn.btn-primary.dropdown-toggle.focus {
        background-color: #00434c !important;
    border-color: #00434c !important;
    }
    .btn.btn-primary.disabled:focus, .btn.btn-primary.disabled.focus, .btn.btn-primary:disabled:focus, .btn.btn-primary:disabled.focus {
      background-color: #007c8c !important;
      border-color: #007c8c !important; 
    }
    .btn.btn-primary.disabled:hover, .btn.btn-primary:disabled:hover {
      background-color: #007c8c !important;
      border-color: #007c8c !important; 
    }
    .btn.btn-primary.disabled:focus, .btn.btn-primary.disabled.focus, .btn.btn-primary:disabled:focus, .btn.btn-primary:disabled.focus {
      background-color: #007c8c !important;
      border-color: #007c8c !important;
    }
    .btn.btn-primary.disabled:hover, .btn.btn-primary:disabled:hover {
      background-color: #007c8c !important;
      border-color: #007c8c !important;
    }
.btn.btn-secondary.ui-state-disabled {
    background-color: #007c8c !important;
}
.btn-primary.shadow {
    background-color: #007c8c !important;
    border-color: #007c8c !important;
}
.btn-primary.rounded {
  background-color: #007c8c !important;
  border-color: #007c8c !important;
}
.select2-container--default .select2-selection--multiple:focus {
  border-color: #007c8c !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #007c8c !important;
}
  .btn.btn-primary-outline {
    color: #007c8c !important;
    border-color: #007c8c !important;
}
.btn.btn-primary-outline:hover {
      background-color: #00434c !important;
      border-color: #00434c !important;
}
.btn.btn-primary-outline:focus, .btn.btn-primary-outline.focus {
      background-color: #00434c !important;
      border-color: #00434c !important;
}
.btn.btn-success, .btn.btn-success:focus {
  background-color: #007c8c !important;
  border-color: #007c8c !important;
}
.btn.btn-success:hover, .btn.btn-success:active:focus {
  background-color: #00434c !important;
  border-color: #00434c !important;
}
i.mapel_list {
  background-color: #007c8c !important;
}
.nav.nav-pills .nav-item .nav-link.active {
  border-color: #007c8c !important;
  background-color: #007c8c !important;
}
span.status-siswa{
  color: #ffffff;
  padding: 3px;
  border-radius: 4px;
  font-size: 9pt;
  text-align: center;
  width: 70px;
  display: block;
}
span.status-siswa.nonactive{
  background-color: #ff0000;
  border: solid 1px #ff0303;
}
span.status-siswa.active{
  background-color: #007c8c !important;
  border: solid 1px #007180 !important;
}
.list-pilihan {
  background-color: #007180 !important;
}

.sidebar .nav>li>ul>li a {
  padding-left: 45px !important;
}
.sidebar .nav>li>a i {
  width: 20px !important;
}
.spinner_anim>div {
  background-color: #007180 !important
}
a.single-input {
  color: #007180 !important;
}
.text-primary{
  color: #007180 !important;
}
.sidebar-header {
  margin-right: 25px !important;
}
p.msg-unread {
  color: #007180;
}
.other-message {
  background: #007180;
}
.chat .chat-history .other-message {
  background: #007180;
}
.other-message.float-right::after {
  border-color: transparent transparent transparent #007180;
}
.card.card-primary {
  border-color: #007180 !important;
}
  .card.card-primary > .card-header {
    background-color: #007c8c !important;
    border-color: #007180 !important;
  }
.modal .modal-header {
  background-color: #007180;
}
span.ket_orang {
  position: inherit;
}
@media (min-width: 992px){
  .app{
    padding-left: 230px !important;
  }
  .header .sidebar-header {
      padding-left: 0px !important;
  }
  }
  @media (max-width: 767px){
  .sidebar {
      top: 0px !important;
  }
  .sidebar-head__title {
    display: none;
  }
  }


  /*!
* metismenu https://github.com/onokumus/metismenu#readme
* A jQuery menu plugin
* @version 3.0.4
* @author Osman Nuri Okumus <onokumus@gmail.com> (https://github.com/onokumus)
* @license: MIT 
*/
.metismenu .arrow {
  float: right;
  line-height: 1.42857;
}
*[dir="rtl"] .metismenu .arrow {
  float: left;
}

/*
 * Require Bootstrap 3.x
 * https://github.com/twbs/bootstrap
*/

.metismenu .glyphicon.arrow:before {
  content: "\e079";
}
.metismenu .mm-active > a > .glyphicon.arrow:before {
  content: "\e114";
}

/*
 * Require Font-Awesome
 * http://fortawesome.github.io/Font-Awesome/
*/

.metismenu .fa.arrow:before {
  content: "\f104";
}
.metismenu .mm-active > a > .fa.arrow:before {
  content: "\f107";
}

/*
 * Require Ionicons
 * http://ionicons.com/
*/

.metismenu .ion.arrow:before {
  content: "\f3d2"
}
.metismenu .mm-active > a > .ion.arrow:before {
  content: "\f3d0";
}
.metismenu .plus-times {
  float: right;
}
*[dir="rtl"] .metismenu .plus-times {
  float: left;
}
.metismenu .fa.plus-times:before {
  content: "\f067";
}
.metismenu .mm-active > a > .fa.plus-times {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.metismenu .plus-minus {
  float: right;
}
*[dir="rtl"] .metismenu .plus-minus {
  float: left;
}
.metismenu .fa.plus-minus:before {
  content: "\f067";
}
.metismenu .mm-active > a > .fa.plus-minus:before {
  content: "\f068";
}
.metismenu .mm-collapse:not(.mm-show) {
  display: none;
}

.metismenu .mm-collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-timing-function: ease;
  transition-duration: .35s;
  transition-property: height, visibility;
}

.metismenu .has-arrow {
  position: relative;
}

.metismenu .has-arrow::after {
  position: absolute;
  content: '';
  width: .5em;
  height: .5em;
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: currentColor;
  border-color: initial;
  right: 1em;
  -webkit-transform: rotate(-45deg) translate(0, -50%);
          transform: rotate(-45deg) translate(0, -50%);
  -webkit-transform-origin: top;
          transform-origin: top;
  top: 50%;
  transition: all .3s ease-out;
}

*[dir="rtl"] .metismenu .has-arrow::after {
  right: auto;
  left: 1em;
  -webkit-transform: rotate(135deg) translate(0, -50%);
          transform: rotate(135deg) translate(0, -50%);
}

.metismenu .mm-active > .has-arrow::after,
.metismenu .has-arrow[aria-expanded="true"]::after {
  -webkit-transform: rotate(-135deg) translate(0, -50%);
          transform: rotate(-135deg) translate(0, -50%);
}

*[dir="rtl"] .metismenu .mm-active > .has-arrow::after,
*[dir="rtl"] .metismenu .has-arrow[aria-expanded="true"]::after {
  -webkit-transform: rotate(225deg) translate(0, -50%);
          transform: rotate(225deg) translate(0, -50%);
}

.fa.fa-circle {
  margin-right: 5px;
}