/* ================================================
   CleanOps Custom Theme Overrides
   Primary Color: #0070C0
   Target: Paper Dashboard 2 Pro v2.1.1
================================================ */

/* Root variable override */
:root {
  --primary: #0070C0;
}

/* Sidebar primary color */
.sidebar[data-color="blue"] {
  background-color: #0070C0 !important;
}

/* Active menu item in sidebar */
.sidebar .nav li.active > a,
.sidebar .nav li.active > a:hover,
.sidebar .nav li.active > a:focus {
  background-color: #005a9e !important;
  color: #fff !important;
}

/* Navbar (if bg-primary is used) */
.navbar.bg-primary,
.navbar[data-background-color="blue"] {
  background-color: #0070C0 !important;
}

/* Buttons */
.btn-primary {
  background-color: #0070C0 !important;
  border-color: #0070C0 !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color: #005a9e !important;
  border-color: #005a9e !important;
  color: #fff !important;
}

/* Links */
a {
  color: #0070C0;
}
a:hover,
a:focus {
  color: #005a9e;
}

/* Card headers */
.card .card-header {
  background-color: #0070C0 !important;
  color: #fff !important;
  border-bottom: 1px solid #005a9e;
}

/* Form control focus border */
.form-control:focus {
  border-color: #0070C0;
  box-shadow: 0 0 0 0.2rem rgba(0, 112, 192, 0.25);
}

/* Switch toggle (if used) */
.custom-switch-input:checked ~ .custom-switch-indicator {
  background: #0070C0 !important;
}

/* Progress bar */
.progress-bar.bg-primary {
  background-color: #0070C0 !important;
}

/* Badge */
.badge-primary {
  background-color: #0070C0 !important;
}

/* Tooltip, popovers, etc. */
.tooltip-inner {
  background-color: #0070C0 !important;
}
.bs-tooltip-top .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-top-color: #0070C0 !important;
}
.btn-cleanops {
  background-color: #0070C0;
  border-color: #0070C0;
  color: #fff;
}
.btn-cleanops:hover {
  background-color: #005a9e;
  border-color: #005a9e;
  color: #fff;
}
/* Override btn-warning to a blue-based tone instead of yellow */
.btn-warning {
  background-color: #66aaff !important;  /* Light blue shade */
  border-color: #3399ff !important;
  color: #fff !important;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
  background-color: #3399ff !important;  /* Slightly darker on hover */
  border-color: #0070C0 !important;
}
/* Global link styling */
a {
  color: #0070C0; /* your brand blue */
  text-decoration: none;
}

a:hover,
a:focus {
  color: #005a9e; /* darker blue for hover effect */
  text-decoration: underline;
}
/* Sidebar background */
.sidebar {
  background-color: #ffffff;
}

/* Sidebar text color */
.sidebar .nav li > a {
  color: #32325d;
}

/* Active menu item */
.sidebar .nav li.active > a {
  background-color: #e9ecef;
  color: #5e72e4;
  font-weight: 600;
}

/* Hover effect */
.sidebar .nav li > a:hover {
  background-color: #f6f9fc;
  color: #5e72e4;
}
  /* Make calendar blend into Paper Dashboard */
  #calendar {
    font-family: "Montserrat", sans-serif;
    background-color: #fff;
    border-radius: 12px;
  }

  .fc-toolbar-title {
    font-weight: 600;
    font-size: 1.2rem;
    color: #333;
  }

  .fc-daygrid-day-number {
    font-size: 0.85rem;
    font-weight: 500;
    color: #2c2c2c;
  }

  .fc-event {
    background-color: #5e72e4 !important;
    border: none !important;
    border-radius: 8px;
    padding: 2px 6px;
    font-size: 0.75rem;
    font-weight: 500;
  }

  .fc-day-today {
    background-color: #f5f394 !important;
  }

  .fc-button {
    background-color: #5e72e4 !important;
    border: none;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 500;
  }

  .fc-button:hover {
    background-color: #324cdd !important;
  }

  .fc-button:disabled {
    background-color: #ccc !important;
  }
/* Bold top day number */
.fc-daygrid-day-number {
  font-weight: 700 !important;
  color: #000;
}

/* Optional: Slightly highlight "more" links */
.fc-more-link {
  font-weight: 500;
  color: #5e72e4;
  text-decoration: underline;
  cursor: pointer;
}
/* Shrink font and fit title/time inline */
.fc-event-title,
.fc-event-time {
  display: inline;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fc-daygrid-event {
  padding: 1px 4px;
  margin-bottom: 1px;
  border-radius: 4px;
}
/* Remove bold and shrink font for day numbers (top-right numbers) */
.fc-daygrid-day-number {
  font-size: 11px !important;
  font-weight: 400 !important;
  color: #333;
}

/* Smaller and non-bold event title + time */
.fc-event-title,
.fc-event-time {
  font-size: 10px !important;
  font-weight: 400 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Smaller spacing between events */
.fc-daygrid-event {
  padding: 1px 3px;
  margin-bottom: 1px;
  border-radius: 3px;
}
/* Event container shrink */
.fc-daygrid-event {
  padding: 1px 4px !important;  /* Less padding */
  margin-bottom: 1px !important; /* Less vertical spacing */
  font-size: 10px !important;   /* Smaller font */
  line-height: 1.1 !important;
  border-radius: 3px !important;
}

/* Smaller time + title */
.fc-event-time,
.fc-event-title {
  font-size: 10px !important;
  font-weight: 400 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Optional: make "+X more" smaller too */
.fc-more-link {
  font-size: 10px !important;
  color: #5e72e4;
}
.card-header {
  padding: 0.5rem 1rem !important;
}

.card-header .title {
  font-size: 14px !important;
  font-weight: 600;
  margin-bottom: 0;
}

.card-header small {
  font-size: 11px !important;
  color: #666;
}
/* Make individual event background light and slightly transparent */
.fc-daygrid-event {
  background-color: rgba(94, 114, 228, 0.35) !important; /* Light blue with transparency */
  color: #2c2c2c !important;  /* Dark text for readability */
  border-radius: 6px !important;
  border: 1px solid rgba(94, 114, 228, 0.25) !important; /* Optional subtle border */
  padding: 2px 5px !important;
  font-size: 10px !important;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}


/* Optional: tighten more on smaller screens */
@media (max-width: 768px) {
  .fc-daygrid-event {
    font-size: 9px !important;
    padding: 1px 3px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}
/* Remove vertical space above event in the day cell */
.fc-daygrid-day-frame {
  padding-top: 2px !important;
}

/* Tighten the spacing of event container */
.fc-daygrid-event {
  margin-top: 0px !important;
  margin-bottom: 1px !important;
  padding: 1px 4px !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
}

/* Remove extra spacing inside the day cell event container */
.fc-daygrid-day-events {
  margin-top: 0px !important;
}

/* Tighten the dot-event layout (if used) */
.fc-daygrid-dot-event {
  padding-top: 0px !important;
}

/* Optional: shrink day number padding */
.fc-daygrid-day-number {
  padding: 2px !important;
  font-size: 10px !important;
}
#weekly-days {
  pointer-events: auto !important;
  opacity: 1 !important;
}




/* Highlight selected toggle buttons */
.btn-check:checked + .btn-outline-primary {
  background-color: #0070C0 !important;
  border-color: #0070C0 !important;
  color: white !important;
}

/* Optional: Slight rounded corners for a smoother look */
#weekly-days .btn {
  border-radius: 6px;
}
#daySelector .btn-group .btn {
  min-width: 50px;
  text-align: center;
}
.modal-header .btn-close {
  position: absolute;
  top: 10px;
  right: 15px;
  margin: 0;
}