.btn-link{
    text-decoration: none;
}

.btn-link:hover{
    text-decoration: underline !important;
}

.org-info{
    color: #17a2b8 !important;
    text-decoration: none;
}
.org-info:hover{
    color: #0c7888 !important;
    text-decoration: underline;
}

.info-btn {
    background-color: #17a2b8;
    border: 1px solid #17a2b8;
    transition: background-color 0.3s, border-color 0.3s; /* Smooth transition for color changes */
}

.info-btn:hover, .info-btn:focus, .info-btn:active {
    background-color: #0c7888;
    border-color: #0c7888;
}

.info-btn:focus, .info-btn:active {
    background-color: #0c7888 !important; /* Ensures focus and active have priority if needed */
    border-color: #0c7888 !important;
}

.info-btn:after {
    background-color: #17a2b8 ;
    border: 1px solid #17a2b8 ;
}
.phrase-nav-breadcrumb-item{
    color: #6c757d !important;
}
.pill-container{
    height: fit-content;
    margin-left: 16px;
}
.badge-pill{
    background-color: white;
    padding-left: 0.6rem;
    border-radius: 10rem;
    padding-right: 0.6rem;
}
.badge-text{
    font-size: 75% !important;
}
.close-btn:hover{
   background-color: grey;
   border: 50%;
   height: 16px;
   width: 16px;
}

.custom-radius {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

/* .filter-icon{
    color: #17a2b8 !important;
} */
.filter-btn{
    border-color:  #17a2b8 ;
    color: #17a2b8  !important;
}
.filter-btn:hover{
    background:  #17a2b8 !important;
    color: white !important;
}
.filter-btn:focus{
    background:  #17a2b8 !important;
    color: white !important;
}

.filter-btn .filter-icon{
    color: #17a2b8 !important;
}
button.filter-btn:hover .filter-icon,
button.filter-btn:focus .filter-icon {
    color: white I !important; 
}
/* Button styling */
.btn-success.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    background-color: #28a745;
    border-color: #28a745;
    color: #fff;
    transition: all 0.3s ease;
}

.btn-success.btn-sm:hover {
    background-color: #218838;
    border-color: #1e7e34;
    color: #fff;
}

.btn-success {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff;
    transition: all 0.3s ease;
    font-weight: 500;
}

.btn-success:hover {
    background-color: #218838;
    border-color: #1e7e34;
    color: #fff;
}
.morpheme-container{
    margin-top: 2.5rem ;

}
.morpheme-container {
    padding-left: 6rem;
    padding-right: 6rem;
}
.custom-container{
    padding-left: 6rem;
    padding-right: 6rem;
}
.table-header{
   border-top: 1px solid #dee2e6; 
   border-bottom: 1px solid #dee2e6;
}
th.no-sort, th.no-sort::before, th.no-sort::after {
    cursor: default !important; 
    content: none !important;   
    background-image: none !important;  
}