/* Style the navigation container */
.main-content .nav-tabs {
  display: flex; /* Align the tabs horizontally */
  border-bottom: 2px solid #ddd; /* Bottom border for tabs */
  padding: 0; /* Remove default padding */
  margin-bottom: 20px; /* Add some margin below the tabs */
  list-style: none; /* Remove bullet points */
}

/* Style each tab item */
.main-content .nav-item {
  margin: 0; /* Remove default margin */
}

/* Style each tab link */
.main-content .nav-link {
  display: block; /* Make links fill the tab area */
  padding: 10px 15px; /* Add padding for spacing */
  text-decoration: none; /* Remove underline from links */
  color: #333; /* Default text color */
  border: 1px solid #ddd; /* Border around each tab */
  border-bottom: none; /* Remove bottom border */
  background-color: #f9f9f9; /* Background color for inactive tabs */
  margin-right: 5px; /* Space between tabs */
  border-radius: 5px 5px 0 0; /* Rounded corners at the top */
}

/* Active tab styles */
.main-content .nav-link.active {
  background-color: #fff; /* White background for active tab */
  color: #000; /* Active tab text color */
  font-weight: bold; /* Bold text for active tab */
  border-bottom: 2px solid #fff; /* Ensure the active tab merges seamlessly with the tab content */
}


/* Responsive styling */
@media (max-width: 768px) {
  .main-content .nav-tabs {
    flex-wrap: wrap; /* Wrap tabs on smaller screens */
  }
  .main-content .nav-link {
    margin-bottom: 5px; /* Add some space below each tab */
  }
}

.main-content .nav-tabs .nav-link:hover,.main-content .nav-tabs .nav-link:focus {
    color: #212529;
}
/*

.toolbar-tray-horizontal.toolbar-tray {
    width: 100% !important;
    top: 40px !important;
}

*/

aside#admin-toolbar {
    padding-top: 40px;
}

label.crm-menubar-toggle-btn {
    min-width: 420px;
}

/* it was hiding import format not sure why this fixes*/
 .js-filter-wrapper {
    display: block !important;
}

/* stop editor from too wide */

.ck.ck-editor__main {
    max-width: 1400px;
}