/* #region Colors */

.color-abcs {
    color: #d6931f !important;
}

.background-color-abcs {
    background-color: #d6931f !important;
}

/* #endregion /Colors */

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

.border-right-abcs {
    border-right-color: #d6931f !important;
}

.border-bottom-abcs {
    border-bottom-color: #d6931f !important
}

.border-left-abcs {
    border-left-color: #d6931f !important;
}

.border-thick-top-abcs {
    border-top-width: 2px;
    border-top-color: #d6931f;
}

.border-thick-right-abcs {
    border-right-width: 2px;
    border-right-color: #d6931f;
}

.border-thick-bottom-abcs {
    border-bottom-width: 2px;
    border-bottom-color: #d6931f;
}

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

/* #region Cards */

/* #endregion /Cards */

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

/* #region Notifications */
.notification-item-abcs:hover {
    background-color: rgba(214, 147, 31, 0.3);
    border-bottom: 1px solid #d6931f !important;
}

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

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

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

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

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

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

.abacus-tooltip-icon:hover {
    color: #d6931f;
    cursor: pointer;
}

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

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

    .dt-link-cc:hover {
        color: #268bd2;
        text-decoration: underline;
    }

#campbellsCodeAdminUsers .dt-email-link:hover {
    color: #268bd2;
}*/
/* #endregion /DataTable Links */

/* #region DataTable Filters */
/* Keep dropdown icons highlighted as long as dropdown is shown */
/*#campbellsCodeAdminUsers .dropdown.show i.main-icon,
#campbellsCodeAdminRoles .dropdown.show i.main-icon,
#campbellsCodeAdminPermissions .dropdown.show i.main-icon,
#campbellsCodeAdminLogger .dropdown.show i.main-icon {
    color: #268bd2;
}

#campbellsCodeAdminUsers .datatable-filters-wrapper i:hover,
#campbellsCodeAdminRoles .datatable-filters-wrapper i:hover,
#campbellsCodeAdminPermissions .datatable-filters-wrapper i:hover,
#campbellsCodeAdminLogger .datatable-filters-wrapper i:hover {
    cursor: pointer;
    color: #268bd2;
}

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

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

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

/* #region DataTable Actions */
/*#campbellsCodeAdminUsers #dataTableActions .edit-btn,
#campbellsCodeAdminRoles #dataTableActions .edit-btn,
#campbellsCodeAdminPermissions #dataTableActions .edit-btn {
    background-color: #268bd2;
}

#campbellsCodeAdminUsers #dataTableActions .delete-btn,
#campbellsCodeAdminRoles #dataTableActions .delete-btn,
#campbellsCodeAdminPermissions #dataTableActions .delete-btn {
    background-color: #268bd2;
}*/
/* #endregion /DataTable Actions */

/* #region DataTable Pagination */
/*#campbellsCodeAdminUsers .dataTables_paginate .paginate_button.current,
#campbellsCodeAdminRoles .dataTables_paginate .paginate_button.current,
#campbellsCodeAdminPermissions .dataTables_paginate .paginate_button.current #campbellsCodeAdminPermissions .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#campbellsCodeAdminLogger .dataTables_paginate .paginate_button.current {
    background-color: #268bd2;
}*/
/* #endregion /DataTable Pagination */
/* #endregion /DataTables */

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

/*.tooltip-icon-cc {
    color: white;
    cursor: pointer;
}

.tooltip-icon-cc:hover {
    color: #268bd2;
    cursor: pointer;
}

.tooltip-icon-cc:active {
    color: #268bd2;
    cursor: pointer;
}*/
/* #endregion /Tooltips */



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

    /* #region DataTable Filters */
    /*#campbellsCodeAdminUsers #filterColumns.active,
    #campbellsCodeAdminUsers #mainIcon.active,
    #campbellsCodeAdminUsers #settings.active,
    #campbellsCodeAdminRoles #filterColumns.active,
    #campbellsCodeAdminRoles #mainIcon.active,
    #campbellsCodeAdminRoles #settings.active,
    #campbellsCodeAdminPermissions #filterColumns.active,
    #campbellsCodeAdminPermissions #mainIcon.active,
    #campbellsCodeAdminPermissions #settings.active,
    #campbellsCodeAdminLogger #filterColumns.active,
    #campbellsCodeAdminLogger #mainIcon.active,
    #campbellsCodeAdminLogger #settings.active {
        color: #268bd2 !important;
    }

    #campbellsCodeAdminUsers #refreshButton i,
    #campbellsCodeAdminRoles #refreshButton i,
    #campbellsCodeAdminPermissions #refreshButton i,
    #campbellsCodeAdminLogger #refreshButton i {
        color: white !important;
    }

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

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

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