// Fonts
@import url('https://fonts.googleapis.com/css?family=Nunito');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons');

// Variables
@import 'variables';
$fa-font-path: "../webfonts";
// Bootstrap
@import '~bootstrap/scss/bootstrap';
@import '~admin-lte/dist/css/adminlte.css';
@import '~@fortawesome/fontawesome-free/scss/fontawesome.scss';
@import '~@fortawesome/fontawesome-free/scss/solid.scss';
@import '~@fortawesome/fontawesome-free/scss/brands.scss';


.navbar-laravel {
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

.logo-link-sidebar, .router-link-exact-active{
  color: #fff !important;
  background-color: #00B7E3;
}
.cyan-bg{
  background-color: #00B7E3 !important;
}

.card-info:not(.card-outline) .card-header {
  background-color: #00B7E3 !important;
  border-bottom: 0;
}
.bg-dark .dropdown-item{
  color:#333 !important;
}
.icon-lg{
  font-size:20px !important;
}
.anim-rotate{
  animation:spin 4s linear infinite;
}
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.page-content {
  padding: 30px;
}
.vertical-align-middle {
  vertical-align: middle;
  width: 600px;
  margin:0 auto;
}
.theme--light.application{
  background-color:transparent !important;
}
.v-input--checkbox label{
 margin:0 !important
}

.v-text-field input {
    font-size: .9em;
}

.v-text-field .v-label {
    font-size: .9em;
}
.main-sidebar {
    z-index: 100 !important;
}

//tambahi disini okee

@media (max-width: 991.98px) {
    .sidebar-open #sidebar-overlay {
        display: none !important;
    }
}