/*
 * H&G Prime App - Site Stylesheet
 * (c) Copyright 2020-2024, Humphrey & Gray Ltd
 *
 * Description: Global application variables & functions
 *
 * Modification History
 * 15.03.2023 - First production release
*/


/* UX Overrides */
select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
    background: #fafafa;
    box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
    display: none;
}

.dataTables_wrapper > .datatable-scroll {
    overflow-x: hidden;
}

[data-action='move']::after {
    content: none;
}


/* jQuery UI Overrides */
.ui-sortable-handle:hover {
    cursor: move; 
}

.card + .sortable-placeholder, .sortable-placeholder + .card {
    margin: 0;
}

.hg-dash-column .sortable-placeholder {
    margin: 0 0 0.5rem 0;
}

.hg-dash-column .sortable-placeholder:last-child {
    margin-bottom: 0;
}

.ui-sortable-placeholder {
    background-color: #202020;
}


/* Login Page - Image background */
.hg-login-background {
    background-image: url(../images/bg-login.jpg);
}


/* Notification - List icon styling */
a.hg-notify-reply:hover i:before {
    content: '\eb05';
}
a.hg-notify-delete:hover i:before {
    content: '\ebfa';
}


/* Dashboard - Additional styles */
.hg-dash-layout {
    margin: 0;
    padding: 0;
}
.hg-dash-column {
    margin: 0.5rem;
    padding: 0;
    min-height: 48px;
    background-color: #e0e0e0;
}
.hg-dash-widget {
    margin: 0 0 0.5rem 0;
    padding: 0;
}
.hg-dash-widget:last-child {
    margin: 0;
}
.hg-dash-widget .card {
    margin: 0;
    padding: 0;
}
.hg-dash-lock .hg-dash-widget > .card-header,
.hg-dash-lock .hg-dash-widget.card-collapsed {
    display: none !important;
}
.hg-dash-lock .hg-dash-column {
    background-color: transparent;
}

/* Dashboard editor */
.hg-dash-editor {
    padding: 1rem 1.25rem;
}
.hg-dash-editor .media-list .sortable-placeholder {
    margin: 0.5rem 0 0.5rem 0;
    padding: 0;
}
.hg-dash-editor .hg-dash-item {
    margin: 0.5rem 0 0.5rem 0;
}
.hg-dash-editor .media {
    margin: 0;
    padding: 0.5rem;
    border: 1px solid #ddd;
    background-color: #f0f0f0;
}
.hg-dash-editor-empty, .hg-dash-editor-widget {
    padding: 1rem;
}
.hg-dash-editor-empty {
    background-color: #d0d0d0;
}
.hg-dash-editor-widget {
    background-color: #78909c;
}