/* #region Colors */

.color-herm {
    color: #ff0000 !important;
}

.background-color-herm {
    background-color: #ff0000 !important;
}

/* #endregion /Colors */

/* #region Borders */
.border-top-herm {
    border-top-color: #ff0000 !important;
}

.border-right-herm {
    border-right-color: #ff0000 !important;
}

.border-bottom-herm {
    border-bottom-color: #ff0000 !important
}

.border-left-herm {
    border-left-color: #ff0000 !important;
}

.border-thick-top-herm {
    border-top-width: 2px;
    border-top-color: #ff0000;
}

.border-thick-right-herm {
    border-right-width: 2px;
    border-right-color: #ff0000;
}

.border-thick-bottom-herm {
    border-bottom-width: 2px;
    border-bottom-color: #ff0000;
}

.border-thick-left-herm {
    border-left-width: 2px;
    border-left-color: #ff0000;
}
/* #endregion /Borders */

/* #region Cards */

/* #endregion /Cards */

/* #region Tabs */
#hermesMailer .nav-tabs .nav-link.active {
    border-bottom: 2px solid #ff0000 !important;
}
/* #endregion /Tabs */

/* #region Icons */
.custom-underline-herm {
    display: inline-block; /* Important for border-bottom to work properly */
    border-bottom: 3px solid #ff0000 !important; /* Thicker, red underline */
    padding-bottom: 2px; /* Space between text and underline */
}
/* #endregion /Icons */

/* #region Forms */
/*#soberSoftFeatureRequestDate,
#soberSoftFeatureRequesterName,
#soberSoftFeatureRequesterTitle,
#soberSoftFeatureRequesterOrganization {
    cursor: default;
}

#soberSoftFeatureRequests input,
#soberSoftFeatureRequests select,
#soberSoftFeatureRequests textarea {
    max-width: 100% !important;
}

#soberSoftFeatureRequests input:focus, #soberSoftFeatureRequests textarea:focus, #soberSoftFeatureRequests select:focus {
    outline: none !important;
    border-left-color: #202125 !important;
    border-top-color: #202125 !important;
    border-right-color: #202125 !important;
    border-bottom-color: #ff0000 !important;
    -webkit-box-shadow: 4px 5px 9px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 4px 5px 9px -1px rgba(0,0,0,0.75);
    box-shadow: 4px 5px 9px -1px rgba(0,0,0,0.75);
}*/
/* #endregion /Forms */

/* #region Modals */
/* #region New Request Submission Success */
/*#successfullySubmittedNewFeatureRequestModal .modal-body {
    border-right: 2px solid #ff0000 !important;
    border-bottom: 2px solid #ff0000 !important;
    border-left: 1px solid white !important;
    border-top: 1px solid white !important;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5) !important;
    color: white;
    background-color: black;
    font-weight: 400
}

#successfullySubmittedNewFeatureRequestModal .close {
    color: black;
}

#successfullySubmittedNewFeatureRequestModal .close:hover {
    color: white;
}

#successModalGotoMyRequestsTab:hover, #successModalGotoAllRequestsTab:hover {
    cursor: pointer;
    color: #ff0000;
    font-weight: bolder;
    font-size: 1.1rem;
}*/
/* #endregion /New Request Submission Success */
/* #endregion /Modals */

/* #region DataTable Lists */
/* #region DataTable Links */
.dt-link-herm {
    color: white;
}

    .dt-link-herm:hover {
        color: #ff0000;
        text-decoration: underline;
    }

#hermesMailer .dt-email-link:hover {
    color: #ff0000;
}
/* #endregion /DataTable Links */
/* #endregion /DataTable Lists */

/* #region Specific DataTables */
/* #region Sticky Header */
#emailSubscriptionsScrollArea {
    height: 100%;
    max-height: 100%;
    overflow: auto;
    z-index: 998 !important;
}

#emailSubscriptionsScrollArea th {
    position: sticky;
    top: 0px;
    background-color: #1d1e21;
    color: white;
    z-index: 999 !important;
}
/* #endregion /Sticky Header */

/* #region Search */
#emailSubscriptionsCustomSearchBox {
    padding-left: 8px !important;
}

#emailSubscriptionsCustomSearchBox .dataTables_filter {
    margin: 0 !important;
    padding: 0 !important;
}

#emailSubscriptionsCustomSearchBox .dataTables_filter input:focus {
    box-shadow: none !important;
    border-bottom: 1px solid #ff0000 !important;
}
/* #endregion /Search */

/* #region DataTable Filters */
/* Keep dropdown icons highlighted as long as dropdown is shown */
#hermesMailer .dropdown.show i.main-icon {
    color: #ff0000;
}

#hermesMailer .datatable-filters-wrapper i:hover {
    cursor: pointer;
    color: #ff0000;
}

#hermesMailer #showDeletedButton[data-state="on"] i {
    color: #cc4744 !important;
}

#hermesMailer #showDeletedButton[data-state="off"] i {
    color: white !important;
}

#hermesMailer #showDeletedButton[data-state="off"] i:hover {
    color: #ff0000 !important;
}
/* #endregion /DataTable Filters */

/* #region DataTable Actions */
#hermesMailer #dataTableActions .edit-btn {
    background-color: #ff0000;
}

#hermesMailer #dataTableActions .delete-btn {
    background-color: #ff0000;
}
/* #endregion /DataTable Actions */

/* #region Length */
#emailSubscriptionsCustomTableLength .dataTables_length select:focus {
    box-shadow: none !important;
    border-bottom: 1px solid #ff0000 !important;
}
/* #endregion /Length */

/* #region Export Buttons */
/*#myRequestsListCard .dt-button,*/
#emailSubscriptionsListCard .dt-button {
    color: black !important;
    background-color: white !important;
    margin-left: 5px !important;
    border-radius: 7px !important;
    border: none !important;
    padding: 5px !important;
}

/*#myRequestsListCard .dt-button:hover,*/
#emailSubscriptionsListCard .dt-button:hover {
    color: white !important;
    background-color: #ff0000 !important;
}
/* #endregion /Export Buttons */

/* #region Pagination */
#hermesMailer .dataTables_paginate .paginate_button.current {
    background-color: #ff0000;
}
/* #endregion /Pagination */
/* #endregion /Specific DataTables */

/* #region Notifications */
.notification-item-herm:hover {
    background-color: rgba(255, 0, 0, 0.3);
    border-bottom: 1px solid #ff0000 !important;
}

.notification-herm {
    /*background-color: #268bd2 !important;*/
    border-left: 5px solid #ff0000 !important;
    border-bottom: 1px solid gray !important;
}

.notification-herm:hover {
    border-left: 5px solid #ff0000 !important;
    border-bottom: none !important;
}

.dt-notification-herm {
    background-color: rgba(255, 0, 0, 0.3) !important;
    /*border-left: 5px solid #ff0000 !important;*/
    box-shadow: inset 5px 0 0 #ff0000; /* visual left stripe */
    border-bottom: 1px solid gray !important;
}

.dt-notification-herm:hover {
    border-bottom: 2px solid #ff0000 !important;
}
/* #endregion /Notifications */

/* #region Tooltips */
/* The .ui-tooltip class is declared in each cshtml view file */
/*.ui-tooltip {
	border-top: 2px solid #ff0000 !important;
	border-left: 2px solid #ff0000 !important;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5) !important;
	color: white;
	background-color: black;
}*/

.tooltip-icon-herm {
    color: white;
    cursor: pointer;
}

.tooltip-icon-herm:hover {
    color: #ff0000;
    cursor: pointer;
}

.tooltip-icon-herm:active {
    color: #ff0000;
    cursor: pointer;
}
/* #endregion /Tooltips */

/* #region MEDIUM DEVICES */
/* md (medium devices, tablets): ≥ 768px*/
/* Styles for devices with a width of 768px and up */
@media (min-width: 768px) and (max-width: 1024px) and (hover: none) and (pointer: coarse) {
    /* #region Specific DataTables */
    /* #region Sticky Header */
    #emailSubscriptionsScrollArea {
        height: 882px;
        max-height: 100%;
        overflow: auto;
    }
    /* #endregion /Sticky Header */
    /* #endregion /Specific DataTables */
}
/* #endregion /MEDIUM DEVICES */

/* #region MOBILE DEVICES */
/* CSS for screens up to 767px width (typically mobile devices) */
@media only screen and (max-width: 767px) {
    /* #region DataTable Lists */
    /* #region DataTable Links */
    .dt-link-herm {
        color: white;
        text-decoration: underline;
    }
    /* #endregion /DataTable Links */
    /* #endregion /DataTable Lists */

    /* #region Specific DataTables */
    /* #region Search */
    #emailSubscriptionsCustomSearchBox {
        padding-right: 3px;
    }

    #emailSubscriptionsScrollArea {
        max-height: 480px;
        overflow: auto;
    }
    /* #endregion /Search */

    /* #region DataTable Filters */
    #hermesMailer #filterColumns.active,
    #hermesMailer #mainIcon.active,
    #hermesMailer #settings.active {
        color: #ff0000 !important;
    }

    #hermesMailer #refreshButton i {
        color: white !important;
    }

    #hermesMailer #showDeletedButton[data-state="on"] i {
        color: #cc4744 !important;
    }

    #hermesMailer #showDeletedButton[data-state="off"] i {
        color: white !important;
    }

    #hermesMailer #showDeletedButton[data-state="off"] i:hover {
        color: white !important;
    }
    /* #endregion /DataTable Filters */
    /* #endregion /Specific DataTables */

    #successModalGotoMyRequestsTab, #successModalGotoAllRequestsTab {
        color: #ff0000;
        font-weight: bolder;
    }
}
/* #endregion /MOBILE DEVICES */