@import "../../Images/Theme/TOS_LA_Web_Variables.css";

@media print {
    .SLSolutionsDataEntryMultilineTextBox, .SLSolutionsDataEntryTextBox {
        font-family: Helvetica, "Helvetica Neue", Roboto, "Segoe UI", Arial, sans-serif; /* fallback */
        font-family: var(--profilereport-font-family, Helvetica, "Helvetica Neue", Roboto, "Segoe UI", Arial, sans-serif) !important;
        font-size: 16px !important; /* fallback */
        font-size: var(--profilereport-text-font-size, 16px) !important;
        color: black !important;
    }

    .GridViewAlternatingRowStyle td, .GridViewRowStyle td {
        font-family: Helvetica, "Helvetica Neue", Roboto, "Segoe UI", Arial, sans-serif; /* fallback */
        font-family: var(--profilereport-font-family, Helvetica, "Helvetica Neue", Roboto, "Segoe UI", Arial, sans-serif) !important;
        font-size: 16px !important; /* fallback */
        font-size: var(--profilereport-grid-font-size, 16px) !important;
        padding: 2px 5px 2px 5px !important;
        vertical-align: middle !important;
        page-break-inside: avoid !important;
    }

    .GridViewAlternatingRowStyle, .GridViewRowStyle {
        font-family: Helvetica, "Helvetica Neue", Roboto, "Segoe UI", Arial, sans-serif; /* fallback */
        font-family: var(--profilereport-font-family, Helvetica, "Helvetica Neue", Roboto, "Segoe UI", Arial, sans-serif) !important;
        font-size: 16px !important; /* fallback */
        font-size: var(--profilereport-grid-font-size, 16px) !important;
        page-break-inside: avoid !important;
    }
}

GridViewControlStyle {
    margin-right: 0px;
    font-size: 0.95em;
    border: 0px none;
}

.GridViewHeaderStyle {
    background-color: #515151; /* fallback */
    background-color: var(--grid-header-pager-background-colour, #515151);
    color: #ffffff; /* fallback */
    color: var(--grid-header-pager-font-colour, #ffffff);
    padding: 8px;
}

    .GridViewHeaderStyle a {
        font-size: 0.95em;
        color: #ffffff; /* fallback */
        color: var(--grid-header-pager-font-colour, #ffffff);
    }

    .GridViewHeaderStyle td {
        background-color: #515151; /* fallback */
        background-color: var(--grid-header-pager-background-colour, #515151);
    }

    .GridViewHeaderStyle th {
        vertical-align: top;
        padding: 8px;
        font-size: 0.92em;
        white-space: normal;
        border-right: white 2px solid;
        text-align: center;
        background-color: #515151; /* fallback */
        background-color: var(--grid-header-pager-background-colour, #515151);
    }

        .GridViewHeaderStyle th:last-child {
            border-top-right-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            -moz-border-radius-topright: 5px;
            border-right: none !important;
        }

        .GridViewHeaderStyle th:first-child {
            border-top-left-radius: 5px;
            -webkit-border-top-left-radius: 5px;
            -moz-border-radius-topleft: 5px;
        }

.GridViewHeaderAsc th a {
    background: url("/Images/arrow-move-up-dark.png") right center no-repeat;
    background-size: auto 15px;
    padding-right: 20px;
}

.GridViewHeaderDesc th a {
    background: url("/Images/arrow-move-down-dark.png") right center no-repeat;
    background-size: auto 15px;
    padding-right: 20px;
}

.GridViewFooterStyle {
    background-color: #515151; /* fallback */
    background-color: var(--grid-header-pager-background-colour, #515151);
    color: White;
    text-align: center;
}

    .GridViewFooterStyle td {
        padding: 3px;
        white-space: normal;
    }

.GridViewPager {
    color: #9CC3F5; /* fallback */
    color: var(--grid-highlight-colour, #9CC3F5);
}

    .GridViewPager table {
        margin: 5px 0;
    }

    .GridViewPager tr {
        border-bottom: 0 !important;
    }

    .GridViewPager td {
        border-width: 0;
        padding: 0px 3px !important;
        font-weight: bold;
        line-height: 1em;
        font-size: 0.95em;
        border: 0 !important;
        background-color: #515151; /* fallback */
        background-color: var(--grid-header-pager-background-colour, #515151);
    }

    .GridViewPager a {
        color: #ffffff; /* fallback */
        color: var(--grid-header-pager-font-colour, #ffffff);
        text-decoration: none;
    }

        .GridViewPager a:hover {
            color: #4376cf; /* fallback */
            color: var(--gridpager-hover-colour, #4376cf);
            text-decoration: none;
        }

.GridViewControlStyle td {
    vertical-align: middle;
    padding: 0;
    border-bottom: #f8fcfd solid 1px;
}

    .GridViewControlStyle td .SLSolutionsNoRecords {
        border: 2px #c2d2e8 solid !important;
        font-weight: bold;
    }

.GridViewAlternatingRowStyle {
    font-size: 0.97em;
    color: black; /* fallback */
    color: var(--application-default-font-colour, black);
    background-color: #f4f4f4; /* fallback */
    background-color: var(--grid-alternating-background-colour, #f4f4f4);
}

    .GridViewAlternatingRowStyle td {
        padding: 5px 6px 2px 6px;
        border-right: solid 2px #eaeaea;
        border-bottom: #f4f4f4 solid 1px; /* fallback */
        border-bottom: var(--grid-alternating-background-colour, #f4f4f4) solid 1px;
    }

        .GridViewAlternatingRowStyle td:last-child {
            border-right: none !important;
        }

.GridViewRowStyle {
    font-size: 0.97em;
    color: black; /* fallback */
    color: var(--application-default-font-colour, black);
    background: white;
}

    .GridViewRowStyle td {
        padding: 5px 6px 2px 6px;
        border-right: solid 2px #eaeaea;
        border-bottom: #f4f4f4 solid 1px; /* fallback */
        border-bottom: var(--grid-alternating-background-colour, #f4f4f4) solid 1px;
    }

    .GridViewRowStyle tr:last-child td {
        border-bottom: #f4f4f4 solid 2px !important; /* fallback */
        border-bottom: var(--grid-alternating-background-colour, #f4f4f4) solid 2px !important;
    }

    .GridViewRowStyle td:last-child {
        border-right: none !important;
    }

.GridViewSelectedRowStyle td {
    color: black; /* fallback */
    color: var(--application-default-font-colour, black);
    background-color: #9CC3F5; /* fallback */
    background-color: var(--grid-highlight-colour, #9CC3F5);
    border-bottom: #9CC3F5; /* fallback */
    border-bottom: solid 1px var(--grid-highlight-colour, #9CC3F5);
    border-right: solid 2px #eaeaea;
    padding: 4px 6px 2px 6px;
}

    .GridViewSelectedRowStyle td:last-child {
        border-right: none !important;
        background-color: #9CC3F5; /* fallback */
        background-color: var(--grid-highlight-colour, #9CC3F5);
    }

.GriViewSelectedRowStyleNone {
    font-size: 0.97em;
    color: black; /* fallback */
    color: var(--application-default-font-colour, black);
    background-color: #f4f4f4; /* fallback */
    background-color: var(--grid-alternating-background-colour, #f4f4f4);
}


/* Hover */
.GridViewAlternatingRowStyle td a:hover, .GridViewRowStyle td a:hover, .GridViewSelectedRowStyle td a:hover, .GridViewAlternatingRowStyle td input:hover, .GridViewRowStyle td input:hover, .GridViewSelectedRowStyle td input:hover {
    opacity: 0.6;
}

.SLSolutionsSubGridView td a:hover, .SLSolutionsSubGridView2 td a:hover, .SLSolutionsSubGridViewProgressive td a:hover {
    opacity: 0.6;
}

/* Timetable */
.TimetableTable .GridViewRowStyle td {
    border-bottom: solid 1px #cdd1de;
    border-top: solid 1px #cdd1de;
    font-size: 0.85em !important;
}

.TimetableTable .GridViewAlternatingRowStyle td {
    border-bottom: solid 1px #cdd1de;
    border-top: solid 1px #cdd1de;
    font-size: 0.85em !important;
}

/* Sub grid View */
.SLSolutionsSubGridView {
    width: 70%;
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
    margin-left: 20px;
    margin-bottom: 2px;
    margin-top: 1px;
    border: 0;
}

.SLSolutionsSubGridView2 {
    width: 90%;
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
    margin-left: 20px;
    margin-bottom: 2px;
    margin-top: 1px;
    border: 0;
}

.SLSolutionsSubGridViewProgressive {
    width: 99%;
    width: -webkit-calc(99%);
    width: -moz-calc(99%);
    width: calc(99%);
    margin-bottom: 2px;
    margin-top: 1px;
    border: none !important;
}

.SLSolutionsSubGridView, .SLSolutionsSubGridView2, .SLSolutionsSubGridViewProgressive {
    text-align: left;
    color: black; /* fallback */
    color: var(--application-default-font-colour, black);
}

    .SLSolutionsSubGridView th, .SLSolutionsSubGridView2 th, .SLSolutionsSubGridViewProgressive th {
        font-size: 0.92em;
        background-color: #515151; /* fallback */
        background-color: var(--grid-header-pager-background-colour, #515151);
        color: white;
        padding: 4px;
        border-right: 1px solid white;
        text-align: center;
    }

        .SLSolutionsSubGridView th:last-child, .SLSolutionsSubGridView2 th:last-child, .SLSolutionsSubGridViewProgressive th:last-child {
            border-top-right-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            -moz-border-radius-topright: 5px;
        }

        .SLSolutionsSubGridView th:first-child, .SLSolutionsSubGridView2 th:first-child, .SLSolutionsSubGridViewProgressive th:first-child {
            border-top-left-radius: 5px;
            -webkit-border-top-left-radius: 5px;
            -moz-border-radius-topleft: 5px;
        }

    .SLSolutionsSubGridView td, .SLSolutionsSubGridView2 td, .SLSolutionsSubGridViewProgressive td {
        padding: 2px 5px 2px 5px;
        font-size: 0.95em;
        color: black; /* fallback */
        color: var(--application-default-font-colour, black);
        border: solid 1px #eaeaea !important;
    }

.SLSolutionsSubGridViewProgressiveAlternatingRowStyle td {
    padding: 5px 6px 2px 6px;
    border-right: solid 2px #eaeaea;
    border-bottom: solid 2px white;
}

.SLSolutionsSubGridViewProgressiveRowStyle {
    font-size: 0.97em;
    color: black; /* fallback */
    color: var(--application-default-font-colour, black);
    background: white;
}

/* Timetable - current day*/
.SLSolutionsCurrentDay {
    background-color: #f3873d;
}

/* Data Entry */
.SLSolutionsDataEntry {
    background-color: #ECF9FE;
}

.SLSolutionsDataEntryTextBox {
    line-height: 1.0em;
    vertical-align: top;
    font-size: 0.95em;
    font-family: Helvetica, "Helvetica Neue", Roboto, "Segoe UI", Arial, sans-serif; /* fallback */
    font-family: var(--application-font-family, Helvetica, "Helvetica Neue", Roboto, "Segoe UI", Arial, sans-serif);
    text-align: start;
    overflow: hidden;
    outline: none;
    resize: none;
    padding-top: 1px;
    padding-bottom: 1px;
}

.SLSolutionsDataEntryBorder {
    border-bottom: 1px solid #d3d3dc;
}

.SLSolutionsDataEntryMultilineTextBox {
    word-wrap: break-word;
    font-family: Helvetica, "Helvetica Neue", Roboto, "Segoe UI", Arial, sans-serif; /* fallback */
    font-family: var(--application-font-family, Helvetica, "Helvetica Neue", Roboto, "Segoe UI", Arial, sans-serif);
    font-size: 1em;
    line-height: 1.0em;
    opacity: 1;
    vertical-align: baseline;
    overflow: auto;
    outline: none;
    resize: vertical;
}

.VerticalHeaderText {
    writing-mode: vertical-rl;
    writing-mode: sideways-lr;
    word-wrap: break-word;
    height: 80px;
    vertical-align: middle !important;
    text-align: center !important;
}