body {
  margin: 0;
  font-family: sans-serif;
  background-color: #e0e0e0;
}

.main-layout {
  display: flex;
  height: calc(100vh - 40px);
}
.sidebar {
  width: 240px;
  background-color: #007BFF;
  color: white;
  padding: 15px;
  overflow-y: auto;
}
.content {
  flex-grow: 1;
  background: #f9f9f9;
  padding: 10px;
}
.tabs {
  display: flex;
  gap: 6px;
  padding-bottom: 10px;
}
.tabs button {
  padding: 5px 10px;
  border: none;
  cursor: pointer;
  background-color: #ccc;
}
.tabs button:hover {
  background-color: #bbb;
}
/*
JSSQLManagerDB
*/

.base-hover-orange {
 background-color:#FF4500;
 width:100%;
}

.base-hover {
 background-color:#AFEEEE;
 width:100%;
}

.text-manager-blue {
 margin-top:2px;
 margin-left:-10px;
 display: inline; /* Ensure they behave as inline elements */
 color: #1E90FF; /* Blue */
 font-size: 16px;
 font-weight: bold;
 opacity:0.8;
}

.text-sql-orange {
 margin-top:2px;
 margin-left:-5px;
 display: inline; /* Ensure they behave as inline elements */
 color: #FF4500; 
 font-size: 16px;
 font-weight: bold;
 opacity:0.8;
}

.text-manager-yellow {
    display: inline; /* Ensure they behave as inline elements */
    margin-left:-5px;
    /* Keep your color styles here */
    opacity:0.9;
    font-size: 17px;
    color: #FFD700; /* yellow */
    font-weight:500; 
}

.text-manager-green {
    display: inline; /* Ensure they behave as inline elements */
    /* Keep your color styles here */
    
    color: #90EE90; /* Green */
}

#app-header {
  background-color: #003366;
  color: white;
  padding: 8px 15px;
  font-weight: bold;
  font-size: 18px;
  display: flex;
   justify-content: space-between;
   align-items: center;
 background-color:#FFF0F5;
 color: white;
 padding: 10px 20px;
max-height:18px;"
}