:root{
    --light: 110%;
}

main, #page-wrapper {
    background-color: var(--main);
    color: white;
}

.widgetheader, .widget-bordered .widgetbody {
    filter:brightness(var(--light));
}

.widget-notbordered .widgetbody {
    background-color: var(--main) !important;
}

.page-title, .blogtitle { 
    color: white;
}

.card-footer small {
    color: var(--main) !important;
}

.btn-primary, .btn-success {
    background-color: #198754;
    border-color: #198754;
}

.btn-primary:hover, .btn-success:hover {
    background-color: #157347 !important;
    border-color: #157347 !important;
}

.modal-content {
    background-color: var(--main);
    color:white;
}

.widget-notbordered .widgetbody .grid-item-content,.widget-notbordered .widgetbody .message, .bloggrid .grid-item-content {
    filter:brightness(var(--light));
}

#calendar {
    background-color: white;
    padding:3px;
}

.dropzone .dz-message .dz-button {
    color: var(--main);
}

.blogsidebar a {
    color:white;
}

.blogsidebar a:hover {
    filter: brightness(90%);
}

#topchat label {
    color: white !important;
}

#useronline > span > span {
    color: white !important;
}

.grid-title {
    color: var(--fontcolorhover);
}