/* Write your custom CSS here */

.validation-summary-valid.alert-danger {
    display: none;
}

.showEntries {
    line-height: 1.7 !important;
}

tbody td.thumbnail-table {
    text-align: center;
}

    tbody td.thumbnail-table img {
        width: 50px !important;
        height: 50px !important;
        object-fit: cover;
        border-radius: 4px;
        box-shadow: -5px 16px 60px 0px rgba(0, 0, 0, 0.1);
    }


.card-fixed-height {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .card-fixed-height .card-body {
        flex-grow: 1;
    }

html .tox .tox-toolbar,
html .tox .tox-toolbar__primary {
    background-color: #1F1F31 !important; /* Dark blue for toolbar background */
    color: #FFFFFF !important; /* White text for contrast */
}

html .tox .tox-menubar { /* Adding tox-menubar */
    background-color: #1F1F31 !important; /* Dark blue for toolbar and menubar background */
    color: #FFFFFF !important; /* White text for contrast */
}

html .tox .tox-editor-header {
    background-color: #1F1F31 !important; /* Dark blue for toolbar and menubar background */
}

html .tox .tox-toolbar-overlord {
    background-color: #1F1F31 !important;
}

html .tox .tox-statusbar {
    background-color: #1F1F31 !important;
}

tox tox-tinymce {
    border: 2px solid #020912 !important;
}

html .tox .tox-button,
html .tox .tox-button:active,
html .tox .tox-button:hover {
    background-color: #1F1F31 !important; /* Dark blue for buttons */
    border-color: #3A3A55 !important; /* Slightly lighter border for visibility */
    color: #FFFFFF !important; /* White text for readability */
}

    html .tox .tox-button:focus {
        box-shadow: 0 0 0 3px rgba(130, 138, 255, 0.5) !important; /* Custom focus style */
        outline: none !important;
    }

html .tox .tox-edit-area {
    background-color: #1F1F31 !important; /* Dark blue for content background */
    color: #FFFFFF !important; /* White text for readability */
}

    html .tox .tox-edit-area a {
        color: #4A90E2 !important; /* Light blue for links */
    }
