.btn-inside {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
  }

.red-placeholder::placeholder {
    color: red;
}

.red-placeholder:-ms-input-placeholder {
    color: red;
}

.red-placeholder::-ms-input-placeholder {
    color: red;
}

@media (min-width: 576px) {
    .h-sm-100 {
        height: 100%;
    }
}

#menu .nav-link:hover,
#menu .nav-link:focus {
    background-color: #a4a4a4;
    color: #ffffff;
    border-radius: 5px; 
    padding: 10px 10px; 
    margin: 0 +10px; 
    display: block; 
    width: 100%; 
    font-size: 1.1rem; 
}

#menu .nav-link > span {
    font-size: 1rem; 
    transition: background-color 0.3s, color 0.3s;
}

#menu .nav-item {
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px;
  
}

#menu .nav-link.active{
    background-color: #007bff; 
    color: #ffffff;
    border-radius: 5px; 
    padding: 10px 10px; 
    margin: 0 +10px; 
    display: block; 
    width: 100%; 
    font-size: 1.1rem;
}

#menu .nav-link {
    color: #a4a4a4;
}

.icon-tabler-clipboard-list .icon-tabler-nurse .icon-tabler-affiliate .icon-tabler-cat .icon-tabler-shield-lock .icon-tabler-tool .icon-tabler-bell .icon-tabler-home{
    stroke: currentColor;
}

.my-hover-btn {
    color: #a4a4a4;
}

.my-hover-btn:hover {
    background-color: #a4a4a4 !important;
    color: #ffffff;
}

.rounded-table {
    border-collapse: collapse;
  }
  
.rounded-table th,
.rounded-table td {
    padding: 10px;
    text-align: center;
    border: 1px solid #ccc;
}

.rounded-table.rounded-corners {
    border-radius: 10px;
}

.myShadowBox {
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), 0 3px 10px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.3s ease;
}

.myShadowBox:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12), 0 5px 12px rgba(0, 0, 0, 0.08);
}


.highlight {
    background-color: yellow; /* Highlight color */
}