/* settings.css */

.settings-container {
  margin: 20px;
  padding: 20px;
  
  
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
.settings-container {
    display: grid;
    grid-template-columns: 6fr 6fr;
    gap: 30px;
    background-color: var(--calendar-bg-color);
    color: var(--calendar-text-color);
    
  }
.out-of-office-settings, .general-settings {
  border: 0.1px solid #ececec;
  padding: 20px;
  border-radius: 5px;
}


.settings-actions {
  text-align: center;
  margin-top: 20px;
}

/* Media queries for mobile responsiveness */
@media (max-width: 768px) {
  .settings-container {
    margin: 2px;
    padding: 10px;
    grid-template-columns: 1fr;
  }

  .form-control-Settings, .form-select-settings {
    font-size: 0.875rem;
    padding: .25rem .5rem;
  }

  .settings-actions {
    text-align: center;
    margin-top: 10px;
  }
}