/* Minification failed. Returning unminified contents.
(36,26): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size'
(45,17): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-primary'
(48,21): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-primary'
(57,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-border'
(58,17): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface'
(59,28): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-surface-alt'
(60,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-elevation-4'
(80,32): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-surface-alt'
 */
/* Base HTML Element Styles */

html {
    font-size: 1em;
    font-family: Tahoma, Geneva, sans-serif;
}

body {
    margin: 0;
}

button {
    font-size: inherit;
    font-family: inherit;
}

input {
    font-size: inherit;
    font-family: inherit;
}

/* Kendo UI Style Overrides */

/*Kendo UI adds a "k-link" class which turns an anchor tag from inline to block styling.*/

.k-button:hover {
    text-shadow: 1px 0 0;
}

.k-button-md {
    padding: 0.5em 1em;
}

.k-button-sm {
    padding: 0.25em 0.5em;
    font-size: calc(var(--kendo-font-size, inherit) * 0.75);
}

.k-text-error {
    font-size: inherit;
    font-style: inherit;
}

.k-link {
    color: var(--kendo-color-primary, #000000);
}
    .k-link:hover {
        color: var(--kendo-color-primary, #000000);
        text-shadow: 1px 0 0;
    }

/* This was added because the context menus had different settings that were making the menus hard to see.  This matches the top-menu theme instead. */
.a-context-menu .k-menu:not(.k-context-menu) {
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08));
    color: var(--kendo-color-on-app-surface, #000000);
    background-color: var(--kendo-color-surface-alt, #ffffff);
    box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12));
}

.k-tab-on-top {
    text-shadow: 1px 0 0;
}

.k-treeview .k-minus {
    transform: scale(2);
}

.k-treeview .k-plus {
    transform: scale(2);
}

.k-upload {
    border-style: none;
}
    .k-upload .k-dropzone {
        border-style: none;
        background-color: var(--kendo-color-surface-alt, #ffffff);
    }

    .k-upload .k-upload-files {
        border-style: none;
    }

.k-widget .k-multiselect {
    width: 33%;
    vertical-align: middle;
    display: inline-block;
}

.k-window-titlebar {
    font-variant-caps: all-small-caps;
}

.k-click-blank-fields {
    padding-bottom: 10px;
    text-align: center;
}

.k-press-ctrl-a {
    padding-bottom: 30px;
    text-align: center;
}

/* ASEBA First-Level Layout Styles */
#applicationEnvelope {
    height: 100vh;
    display: grid;
    grid-template-areas: "menuBar menuBar" "navigation content" "footer footer";
    grid-template-rows: 2.2em minmax(0, 1fr) 2.2em;
    grid-template-columns: 20em minmax(0, 1fr);
    grid-gap: 0.1em;
}
    #applicationEnvelope #menuBar {
        grid-area: menuBar;
    }

    #applicationEnvelope #navigation {
        grid-area: navigation;
    }

    #applicationEnvelope #content {
        grid-area: content;
    }

    #applicationEnvelope #footer {
        grid-area: footer;
        font-size: 0.75em;
    }

#simpleEnvelope {
    height: 100vh;
    display: grid;
    grid-template-areas: "simpleHeader" "simpleContent" "simpleFooter";
    grid-template-rows: 200px minmax(0, 1fr) 2.2em;
    grid-template-columns: 1fr;
}

#simpleHeader {
    grid-area: simpleHeader;
}

#simpleContent {
    grid-area: simpleContent;
}

#simpleFooter {
    grid-area: simpleFooter;
    font-size: 0.75em;
}

/* ASEBA Class Styles */
.a-alternating-line-colors {
    /* There is no styling associated with this tag */
    /* It is used as a placeholder to script in alternating row colors */
}

/* I have no idea why but the following only works if you specify 'html'.  */
html .a-background-color-inherit {
    background-color: inherit;
}

.a-border-bottom {
    border-bottom: 1px dotted;
}

.a-border-box {
    border-style: dashed;
    border-color: inherit;
}

.a-border-color-inherit {
    border-color: inherit;
}

.a-border-right {
    border-right: 1px dotted;
}

.a-border-top {
    border-top: 1px dotted;
}

.a-checkbox-radiobox {
    transform: scale(1.5);
}

.a-clear-both {
    clear: both;
}

.a-context-menu {
    position: fixed;
    z-index: 1;
}

.a-disabled {
    pointer-events: none;
    opacity: 0.7;
}

.a-display-flex {
    display: flex;
    justify-content: center; /* For horizontal alignment */
    align-items: center; /* For vertical alignment */
}

.a-display-flex-left {
    display: flex;
    justify-content: flex-start; /* For horizontal alignment */
    align-items: flex-start; /* For vertical alignment */
}

.a-display-flex-top-left {
    display: flex;
    justify-content: flex-start; /* For horizontal alignment */
    align-items: center; /* For vertical alignment */
}

.a-display-flex-top {
    display: flex;
    justify-content: center; /* For horizontal alignment */
    align-items: flex-start; /* For vertical alignment */
}

.a-display-grid-four-columns {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 0.5em;
    align-items: center;
    justify-content: normal;
}

    .a-display-grid-four-columns.a-align-items-start {
        align-items: start;
    }

.a-display-grid-three-columns {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 0.5em;
    align-items: center;
    justify-content: normal;
}
    .a-display-grid-three-columns.a-align-items-start {
        align-items: start;
    }

    .a-display-grid-three-columns.a-auto-columns {
        grid-template-columns: auto auto auto;
    }

.a-display-grid-two-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0.5em;
    align-items: center;
    justify-content: normal;
}

    .a-display-grid-two-columns.a-align-items-start {
        align-items: start;
    }

    .a-display-grid-two-columns.a-auto-columns {
        grid-template-columns: auto auto;
    }

        .a-display-grid-two-columns.a-align-items-start {
        align-items: start;
    }

.a-display-grid-two-rows {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-gap: 0.5em;
}

.a-display-grid-three-rows {
    display: grid;
    grid-template-rows: 1fr auto 1fr;
    grid-gap: 0.5em;
}

.a-display-inline {
    display: inline;
}

.a-fill-container {
    width: 100%;
    height: 100%;
}

.a-flex-1-0-auto {
    flex: 1 0 auto;
}

.a-flex-3-0-auto {
    flex: 3 0 auto;
}

.a-flex-column-no-grow {
    flex: 0 0 auto;
}

.a-flex-direction-column {
    flex-direction: column;
}

.a-float-left {
    float: left;
}

.a-float-right {
    float: right;
}

.a-font-color-black {
    color: #000000;
}

.a-font-color-gray {
    color: #999999;
}

.a-font-color-red {
    color: #cc0000;
}

.a-font-size-1p25-em {
    font-size: 1.25em;
}

.a-font-size-1p5-em {
    font-size: 1.5em;
}

.a-font-size-2-em {
    font-size: 2em;
}

.a-font-size-4-em {
    font-size: 4em;
}

.a-font-variant-normal {
    font-variant-caps: normal;
}

.a-font-variant-small-caps {
    font-variant-caps: all-small-caps;
}

.a-gridwidget-outer-container {
    height: 100%;
}
    .a-gridwidget-outer-container > .a-gridwidget-inner-container {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
        .a-gridwidget-outer-container > .a-gridwidget-inner-container .a-gridwidget-wrapper {
            flex: 1 1;
        }
            .a-gridwidget-outer-container > .a-gridwidget-inner-container .a-gridwidget-wrapper > .a-gridwidget {
                font-size: 0.8em;
            }

.a-height-2p5-em {
    height: 2.5em;
}

.a-height-40-em {
    min-height: 39em;
    max-height: 40em;
}

.a-height-90-pct {
    height: 85%;
}

.a-height-100-pct {
    height: 100%;
}

.a-height-inherit {
    height: inherit;
}

.a-hidden {
    display: none;
}

.a-indented-margin {
    margin-left: 2em;
}

.a-key-entry-table {
    font-size: 0.8em;
}

.a-label-key-entry {
    display: inline-block;
    width: 33%;
}

.a-legend {
    font-variant-caps: all-small-caps;
}

.a-list-style-none {
    list-style: none;
}

.a-loading-view {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

.a-margin-0p5-em {
    margin: 0.5em;
}

.a-margin-2-em {
    margin: 2em
}

.a-margin-center {
    margin-left: auto;
    margin-right: auto;
}

.a-margin-sides-0p25-em {
    margin: 0 0.25em
}

.a-message-box {
    min-height: 1em;
    padding-bottom: 0.5em;
}

.a-overflow-wrap-break-word {
    overflow-wrap: break-word;
}

.a-overflow-y-auto {
    overflow-y: auto;
}

.a-padding-0p25-em {
    padding: 0.25em;
}

.a-padding-0p5-em {
    padding: 0.5em;
}

.a-padding-1-em {
    padding: 1em;
}

.a-padding-0p15-em {
    padding: 0.15em;
}

.a-padding-1-em-left-1p5-em-right {
    padding-left: 1em;
    padding-right: 1.5em;
}

.a-padding-2-em {
    padding: 2em;
}

.a-padding-25-px {
    padding: 25px;
}

.a-padding-bottom-0p1-em {
    padding-bottom: 0.1em;
}

.a-padding-bottom-0p25-em {
    padding-bottom: 0.25em;
}

.a-padding-bottom-0p5-em {
    padding-bottom: 0.5em;
}

.a-padding-bottom-1-em {
    padding-bottom: 1em;
}

.a-padding-bottom-2-em {
    padding-bottom: 2em;
}

.a-padding-left-0p25-em {
    padding-left: 0.25em;
}

.a-padding-left-0p5-em {
    padding-left: 0.5em;
}

.a-padding-left-2-em {
    padding-left: 2em;
}

.a-padding-vertical-0p25-em {
    padding: 0.25em 0;
}

.a-padding-vertical-0p5-em {
    padding: 0.5em 0;
}

.a-padding-vertical-1p5-em {
    padding: 1.5em 0;
}

.a-put-in-center-of-screen {
    width: 80%;
    min-height: 200px;
    position: absolute;
    top: 200px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.a-selection-container {
    overflow-y: scroll;
    height: 35em;
}

.a-stretched-to-margin {
    display: block;
    position: absolute;
    height: auto;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    margin-bottom: 0;
}

.a-tab-content {
    overflow: auto;
}

.a-text-align-left {
    text-align: left;
}

.a-text-align-right {
    text-align: right;
}

.a-text-bold {
    font-weight: bold;
}

.a-text-centered {
    text-align: center;
}

.a-text-justify {
    text-align: justify;
}

.a-text-selected {
    text-shadow: 1px 0 0;
}

.a-text-small {
    font-size: 0.7em;
}

.a-textarea {
    resize: vertical;
}

.a-textarea-small {
    font-size: 0.5em;
    width: 95%;
    height: 7em;
    overflow: hidden;
    pointer-events: none;
}

.a-textarea-large {
    resize: vertical;
    width: 100%;
}

.a-textbox-large {
    font-size: 1.5em;
    width: 100%;
}

.a-ul-items {
    margin-left: 20px;
    text-align: center;
}

    .a-ul-items li {
        margin-right: 10px;
        margin-bottom: 10px;
        list-style: none;
        float: left;
    }

.a-vertical-align-middle {
    vertical-align: middle;
}

.a-vertical-align-top {
    vertical-align: top;
}

.a-width-12-em {
    width: 12em;
}

.a-width-24-em {
    width: 24em;
}

.a-width-28-em {
    width: 28em;
}

.a-width-50-em {
    width: 50em;
}

.a-width-25-pct {
    min-width: 24%;
    max-width: 25%;
}

.a-width-18-pct {
    min-width: 17%;
    max-width: 18%;
}

.a-width-10-pct {
    min-width: 9%;
    max-width: 10%;
}

.a-width-33-pct {
    min-width: 32%;
    max-width: 33%;
}

.a-width-30-pct {
    min-width: 29%;
    max-width: 30%;
}

.a-width-40-pct {
    min-width: 39%;
    max-width: 40%;
}

.a-width-41-pct {
    min-width: 40%;
    max-width: 41%;
}

.a-width-45-pct {
    min-width: 44%;
    max-width: 45%;
}

.a-width-75-pct {
    min-width: 74%;
    max-width: 75%;
}

.a-window-navigation-and-content {
    display: grid;
    grid-template-areas: "a-navigation a-content" "a-footer a-footer";
    grid-template-rows: 1fr 3.6em;
    grid-template-columns: 25% 1fr;
    grid-gap: 0.1em;
    align-items: normal;
    justify-content: center;
}

    .a-window-navigation-and-content .a-navigation {
        grid-area: a-navigation;
        display: flex;
        flex-direction: column;
        height: 75vh;
        overflow-y: auto;
    }

    .a-window-navigation-and-content .a-content {
        grid-area: a-content;
    }

    .a-window-navigation-and-content .a-footer {
        grid-area: a-footer;
    }

.a-wrap-text {
    word-break: normal;
}

/* ASEBA Element Styles */
#BaseReportViewerControl_ReportToolbar {
    margin: 0.5em auto;
    height: 50px;
    width: 1050px;
    font-size: 1.5em;
    font-variant-caps: small-caps;
}

    #BaseReportViewerControl_ReportToolbar a {
        padding: 1em;
        font-variant-caps: small-caps;
        margin-right: 3em;
        font-size: 1em;
    }

    #BaseReportViewerControl_ReportToolbar select {
        padding: 1em;
        font-variant-caps: small-caps;
        margin-left: 6em;
        font-size: 0.5em;
    }

#createAccountViewContainer {
    margin-left: auto;
    margin-right: auto;
}

#crossInformantTypesDropDown {
    width: 250px;
}

#editableEmailText {
    width: 100%;
    min-height: 16em;
    overflow: auto;
}

#exportAdvancedFormFilterGrid .k-grid-content {
    max-height: 560px;
}

#formQuestionsAndAnswersKeyEntryView .k-autocomplete,
#formQuestionsAndAnswersKeyEntryView .k-combobox,
#formQuestionsAndAnswersKeyEntryView .k-datepicker,
#formQuestionsAndAnswersKeyEntryView .k-timepicker,
#formQuestionsAndAnswersKeyEntryView .k-datetimepicker,
#formQuestionsAndAnswersKeyEntryView .k-colorpicker,
#formQuestionsAndAnswersKeyEntryView .k-numerictextbox,
#formQuestionsAndAnswersKeyEntryView .k-dropdownlist,
#formQuestionsAndAnswersKeyEntryView .k-selectbox,
#formQuestionsAndAnswersKeyEntryView .k-textbox,
#formQuestionsAndAnswersKeyEntryView .k-multiselect {
    width: 33%;
}

#initialLoadingImageInsideWindow {
    width: 100%;
    height: 100%;
}

#messageTextArea {
    width: 100%;
    height: 32em;
}

#reportViewer {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    font-family: 'segoe ui', 'ms sans serif', sans-serif;
    overflow: hidden;
}

#reportWindow {
    height: 1000px;
}

#reportWindowHeader .k-dropdownlist {
    width: 260px;
}

#createAccountSuccessViewSelector {
    width: 50%;
    margin: 0 auto;
}

/* This is needed so that the "Loading View" displays properly */
[data-aseba-element="popWindow"] {
    min-height: 200px;
    min-width: 200px;
}

[role="tab"] {
    font-variant-caps: all-small-caps;
}