.success-button {
    background-color: #28a745; /* Success green color */
    color: white; /* Text color */
    padding: 10px 20px; /* Padding for a nice shape */
    border: none; /* Remove default border */
    border-radius: 10px; /* Rounded edges */
    font-size: 16px; /* Font size */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s; /* Smooth transition */
    text-decoration: none;
}

.success-button:hover {
    background-color: #218838; /* Darker green on hover */
}

.info-button {
    background-color: #00FFFF; /* Success green color */
    color: white; /* Text color */
    padding: 10px 20px; /* Padding for a nice shape */
    border: none; /* Remove default border */
    border-radius: 10px; /* Rounded edges */
    font-size: 16px; /* Font size */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s; /* Smooth transition */
    text-decoration: none;

}

.secondary-button {
    background-color: #9FA6B2; /* Success green color */
    color: white; /* Text color */
    padding: 10px 20px; /* Padding for a nice shape */
    border: none; /* Remove default border */
    border-radius: 10px; /* Rounded edges */
    font-size: 16px; /* Font size */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s; /* Smooth transition */
    text-decoration: none;

}

.warning-button {
    background-color: #ffc107; /* Success green color */
    color: white; /* Text color */
    padding: 10px 20px; /* Padding for a nice shape */
    border: none; /* Remove default border */
    border-radius: 10px; /* Rounded edges */
    font-size: 16px; /* Font size */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s; /* Smooth transition */
    text-decoration: none;

}

 .warning-button:hover {
    background-color: #90EE90;
}

.danger-button {
    background-color: #df4759; /* Success green color */
    color: white; /* Text color */
    padding: 10px 20px; /* Padding for a nice shape */
    border: none; /* Remove default border */
    border-radius: 10px; /* Rounded edges */
    font-size: 16px; /* Font size */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s; /* Smooth transition */
    text-decoration: none;
}

.dark-button {
    background-color: #161c2d; /* Success green color */
    color: white; /* Text color */
    padding: 10px 20px; /* Padding for a nice shape */
    border: none; /* Remove default border */
    border-radius: 10px; /* Rounded edges */
    font-size: 16px; /* Font size */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s; /* Smooth transition */
    text-decoration: none;
}

.primary-button {
    background-color: #3B71CA; /* Success green color */
    color: white; /* Text color */
    padding: 10px 20px; /* Padding for a nice shape */
    border: none; /* Remove default border */
    border-radius: 10px; /* Rounded edges */
    font-size: 16px; /* Font size */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s; /* Smooth transition */
    text-decoration: none;
}

[class$="-button"]:hover {
    color: #8cc751 !important;
}

.text-brown{
    color: brown;
}


.button-sm {
    padding: 4px 8px; /* Adjust padding for smaller size */
    font-size: 0.875rem; /* Smaller font size */
    line-height: 1.5;
    border-radius: 4px; /* Adjust border-radius if needed */
    color: #fff; /* Text color */
    border: 1px solid #007bff; /* Border color */
    text-decoration: none; /* Remove underline for links */
    transition: background-color 0.2s ease-in-out;
}

.button-sm:hover {
    background-color: #0056b3; /* Darker shade for hover */
    text-decoration: none; /* Keep links unstyled */
}

.bg-smoke{
    background-color: #F5F5F5 !important;
}

.bg-snow{
    background-color: #F5FEFD !important;
}

.bg-cream{
    background-color: #FFFDD0 !important;
}

.bg-beige{
    background-color: #F5F5DC !important;
}

.bg-snowdrift{
    background-color: #F8FBF8 !important;
}

.row-hover:hover{
    background-color: #F5FEFD !important;
}

.navbar, .sidebar{
    background-color: rgba(0, 128, 128, 0.75) !important;
}

.banner-caption, .banner-control{
    background-color: brown !important;
    opacity: 0.7 !important;
}

a:hover{
    color: blue !important;
    text-decoration: none !important;
}