/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/

/* Fix mobile scrolling */
@media (max-width: 767.98px) {
  html, body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    height: auto !important;
    min-height: 100vh !important;
  }
  
  #layout-wrapper {
    overflow-x: hidden !important;
    overflow-y: visible !important;
    height: auto !important;
    min-height: 100vh !important;
  }
  
  .main-content {
    overflow-x: hidden !important;
    overflow-y: visible !important;
    height: auto !important;
  }
  
  .page-content {
    overflow-x: hidden !important;
    overflow-y: visible !important;
    height: auto !important;
  }
}

/* Admin Actions Layout - Make horizontal */
.actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.actions select {
    margin-bottom: 0 !important;
    margin-right: 10px !important;
}

.actions button[type="submit"] {
    margin-bottom: 0 !important;
    margin-right: 10px !important;
}

.actions .action-counter {
    margin-bottom: 0 !important;
    margin-left: 10px !important;
}

/* Breadcrumb margin bottom */
.breadcrumb {
    margin-bottom: 0 !important;
}
.apexcharts-toolbar {
  position: absolute;
  left: auto !important;
  right: 10 !important;
}

@media screen and (min-width: 500px) {
  #topnav-hamburger-icon {
    display: none;
  }
}
.navbar-menu .h1,
.navbar-menu .h2,
.navbar-menu .h3,
.navbar-menu .h4,
.navbar-menu .h5,
.navbar-menu .h6,
.navbar-menu h1,
.navbar-menu h2,
.navbar-menu h3,
.navbar-menu h4,
.navbar-menu h5,
.navbar-menu h6 {
  color: var(--vz-heading-color);
}

.card-header .h1,
.card-header .h2,
.card-header .h3,
.card-header .h4,
.card-header .h5,
.card-header .h6,
.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5,
.card-header h6 {

  color: var(--vz-heading-color);
}

.stars {
 color: var(--vz-heading-color);
  background-color: white;
      width: 70%;
    margin: auto;
    zoom: 1.5;
}
.stars i {
  color: var(--vz-header-bg-dark);
}

.auth-page-wrapper,
.auth-page-content,
.login-left
{
  background-color: #fefcef;
}

/* Footer mobile responsive */
@media (max-width: 767.98px) {
  .footer {
    text-align: center !important;
    padding: 1rem 0 !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  
  .footer .container-fluid {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  
  .footer .row {
    margin: 0 !important;
    width: 100% !important;
  }
  
  .footer .col-sm-6 {
    width: 100% !important;
    text-align: center !important;
    padding: 0 !important;
    font-size: 0.85rem !important;
    margin: 0 !important;
  }
}