/*=========================================================================================
    File Name: laravel-menu.scss
    Description: laravel Specific menu styles
    ----------------------------------------------------------------------------------------
    Item name: Vuexy  - Vuejs, HTML & Laravel Admin Dashboard Template
    Author: PIXINVENT
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/

/*========================================================
        DARK LAYOUT
=========================================================*/

body.vertical-layout.vertical-menu-modern .horizontal-menu-wrapper {
  display: none;
}

.horizontal-menu > .main-menu {
  display: none;
}

.horizontal-menu .fixed-top {
  left: 0;
}

html body.navbar-static .app-content .header-navbar {
  background: transparent;
  box-shadow: none !important;
}

@media (max-width: 575.98px) {
  body.vertical-layout:not(.horizontal-layout).navbar-floating .header-navbar {
    margin-left: 1.2rem;
    margin-right: 1.2rem;
  }
}
.btn-primary {
  border-color: #4839eb !important;
  background-color: #303030 !important;
  color: #fff;
}
.btn-primary:hover {
  border-color: #5e50ee !important;
  color: #fff !important;
  box-shadow: 0 8px 25px -8px #303030;
}

.pagination .page-item.active .page-link {
  z-index: 3;
  border-radius: 5rem;
  background-color: #303030;
  color: #fff;
  transform: scale(1.05);
}

.form-control:focus {
  color: #4e5154;
  background-color: #fff;
  border-color: #303030;
  outline: 0;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}

a {
  color: #303030;
  text-decoration: none;
  background-color: transparent;
}

.vs-checkbox-primary input:checked ~ .vs-checkbox {
  border-color: #303030 !important;
}

.vs-checkbox-primary input:checked ~ .vs-checkbox .vs-checkbox--check {
  background-color: #303030 !important;
}

.btn-outline-primary {
  border: 1px solid #303030;
  background-color: transparent;
  color: #303030;
}

.btn-outline-primary:hover {
  background-color: #30303010;
  color: #303030;
  border-color: #303030;
}

.form-control:focus ~ .form-control-position i {
  color: #303030;
}
.form-label-group > input:focus:not(:placeholder-shown) ~ label, .form-label-group > input:not(:active):not(:placeholder-shown) ~ label, .form-label-group textarea:focus:not(:placeholder-shown) ~ label, .form-label-group textarea:not(:active):not(:placeholder-shown) ~ label {
  color: #303030 !important;
  opacity: 1;
}

.btn-flat-warning {
  background-color: transparent;
  color: #303030;
}

.btn-flat-warning:hover {
  color: #303030;
  background-color: #30303010;
}

.modal .modal-header .close span {
  font-weight: 400;
  font-size: 2rem;
  color: #303030;
}