html, body {
    height: 100%;
}

app {
    display: block;
    height: 100%;
}

/* Timetable Detail View*/
.stations-container .dxbl-text-edit {
    max-width: 112px !important;
}

.timetable-station-group {
    width: 16.6% !important;
}
/* END Timetable Detail View*/
.header-logo {
    flex-shrink: 2;
    background-color: currentColor;
    -webkit-mask: url('../images/logo.png');
    mask: url('../images/logo.png');
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 180px;
    height: 24px;
}

.xaf-nav-item {
    --dxbl-accordion-item-indent: 1.75 !important;
}

/* Editors */
.editor-icon,
.dxbl-btn .editor-icon {
    width: 1rem;
    height: 1rem;
    background-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
    opacity: 0.7;
}

.editor-icon-location {
    -webkit-mask-image: url("../images/icons/location.svg");
    mask-image: url("../images/icons/location.svg");
}

.editor-icon-close {
    background-image: url('../images/icons/location.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    opacity: 0.7;
}

.dxbl-image:not(.dxbl-image-fill) {
    fill: currentcolor;
}


.hide-borders .dxbl-text-edit.dxbl-disabled, .hide-borders .dxbl-text-edit:disabled, .hide-borders .dxbl-text-edit:disabled input {
    border: none !important;
    background-color: transparent !important; /* Optional: to make the background transparent */
    font-size: 2em;
    font-weight: 600;
}

.hide-borders .dxbl-text-edit > textarea {
    background-color: transparent !important; /* Optional: to make the background transparent */
}

#blazor-error-ui {
    background: inherit;
    bottom: 0;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100001;
}

.custom-large-button {
    padding: 10px 20px;
    font-size: 16px;
    min-width: 100px;
}

/* Change these to modify tabs*/
.dxbl-tabs.dxbl-tabs-top > .dxbl-tabs-tablist {
}

ul[role="tablist"] li {
}
/*END Change these to modify tabs*/

/* Band Maintainance Calendar */

.dxbl-scheduler.bandmaintainance-calendar .dxbl-sc-apt.dxbl-sc-horizontal-apt, .dxbl-scheduler.timetable-bandevent-calendar .dxbl-sc-apt.dxbl-sc-horizontal-apt {
    height: 110px;
}

.dxbl-scheduler.bandmaintainance-calendar .dxbl-toolbar-item[dxbl-toolbar-adaptive-item][text="Resources"] {
    visibility: hidden !important;
}

/* END Band Maintainance Calendar */

/*Personnel*/
.personnel-working-pattern .dxbl-list-box {
    height: 220px !important;
}
/*END Personnel*/

/* My Holiday Calendar*/
.holiday-calendar td.dxbl-sc-time-cell {
    height: 100px !important;
}

/*Hide Resource Tab*/
.holiday-calendar .dxbl-sc-resources-scroll-area {
    visibility: hidden;
    width: 0 !important;
}

.holiday-calendar .dxbl-scheduler .dxbl-sc-empty-cell {
    visibility: hidden;
    width: 0 !important;
}

.holiday-calendar-container .dxbl-scheduler .dxbl-sc-empty-cell {
    visibility: hidden;
    width: 0 !important;
}
/* END Hide Resource Tab*/


.holiday-entitlement-record .xaf-masterdetail-detailview-holder {
    padding-right: 0px;
}

.holiday-entitlement-record .xaf-masterdetail-detailview, .holiday-entitlement-record .my-calendar-entitlement, .holiday-entitlement-record .xaf-masterdetail-view {
    min-width: auto !important;
}

.holiday-entitlement-record .xaf-masterdetail-first-pane {
    min-height: 130px !important;
    flex: 0 1 130px !important;
}

.holiday-entitlement-record .xaf-masterdetail-splitter {
    visibility: hidden;
    margin: 0;
}

.holiday-calendar-container .dxbl-fl-ctrl.dxbl-fl-ctrl-nc {
    margin-top: 10px;
}
/* END My Holiday Calendar*/

/* Groups */
.dxbl-col.no-caption .dxbl-group {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0 !important;
}

.dxbl-col.no-caption .dxbl-group-header {
    visibility: hidden;
    height: 0;
}

/* Job Profiles - Personnel Record Detail View */
.job-profiles-container .xaf-masterdetail-view.xaf-masterdetail-listview.xaf-masterdetail-first-pane {
    flex: 0 1 175px !important;
    min-height: 80px;
}

/* Documents - Personnel Record Detail View */
div.nested-frame[data-frame-name="Required Reading"] a:hover {
    color:white;
}

/* Exams */
.exam-question-list .xaf-masterdetail-view.xaf-masterdetail-listview {
    min-width: 242px;
    max-width: 242px;
}

.exam-question-list .dxbl-grid-table col:nth-child(2) {
    width: 180px !important;
}

.exam-question-list .xaf-masterdetail-splitter .handle-container {
     display: none;
    visibility: hidden; 
}

/* END Exams*/

.folder-tree-list-editor, .folder-tree-list-editor .dxbl-grid-table {
    border: 0 none;
} /*Remove borders from the TreeView*/
    
    .folder-tree-list-editor table.dxbl-grid-table thead {
        display: none;
    } /*Hide the Header Row*/

.folder-tree-list-editor .xaf-masterdetail-view.xaf-masterdetail-listview {
    min-width: 242px;
    max-width: 242px
} /* Set the width of the listview */

.folder-tree-list-editor .xaf-masterdetail-splitter .handle-container {
    display: none;
    visibility: hidden;
} /* Hide Splitter */

/* HR Folders*/

.job-advert {
    color: #2c3e50;
}

    @media (max-width:768px) {
        /* Timetable Detail View*/
        .stations-container .dxbl-text-edit {
        max-width: 100% !important;
    }
    /* END Timetable Detail View*/
}

/*Change this if menu is to be hidden*/
@media (max-width: 1080px) {

    app .header-left-side .header-logo {
        display: flex !important;
    }

    app .sidebar {
        display: none !important;
    }

    app .collapse-toggle .sidebar {
        display: flex !important;
    }

    app .collapse-toggle .header-left-side {
        min-width: 270px;
    }
}