﻿:root {
    --main-bg-color: #F0F2F4;
    --note-bg-color: #F5F5F5;
    --dialogBorderRadius: 4px;
}

/* bug fix for chrome version 72. Fixes grid expansion issues with overflow*/
.ui-grid .ngViewport {
    height: 0;
}
    /* bug fix for chrome version 76. Fixes grid expansion issues with overflow*/
    .ui-grid .ngViewport .ngCanvas {
        height: 0 !important;
    }
/* bug fix for chrome version 72. Fixes grid expansion issues with overflow*/
.ui-grid .ngHierarchy .ngViewport {
    height: auto;
}
/* bug fix for chrome version 76. Fixes grid expansion issues with overflow*/
.ui-grid .ngHierarchy .ngCanvas {
    height: auto !important;
}
/* bug fix for chrome version 76.0.3809.132. Fixes dialog sizing and layout issues for flex fill containers*/
.ui-flexlayout-horizontal > .ui-flexlayout-content {
    height: inherit !important;
}


body {
    padding: 0 !important;
    margin: 0 !important;
}

html, body, input, textarea, select, button, submit {
    font-family: Segoe UI,Tahoma,Verdana !important;
    font-size: 10pt !important;
}

html, body, form {
    width: 100% !important;
    height: 100% !important;
}

.dialogpage_master {
    overflow: hidden;
    background-color: White;
}

.frontpage_master,
.standardpage_master {
    overflow: hidden;
    background-color: White;
}

    .frontpage_master > form,
    .standardpage_master > form {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-flex-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-flex-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-flex-line-pack: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .frontpage_master .ts_page_header,
    .standardpage_master .ts_page_header {
        padding: 3px 10px;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
    }

    .standardpage_master .ts_page_tab {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
    }

    .frontpage_master .ts_page_data,
    .standardpage_master .ts_page_data {
        position: relative;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

        .frontpage_master .ts_page_data > :first-child,
        .standardpage_master .ts_page_data > :first-child {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: auto;
            height: auto;
        }

    .frontpage_master .ts_page_footer,
    .standardpage_master .ts_page_footer {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
    }

        .frontpage_master .ts_page_footer .ts_page_navigation .tl_toolbar_item .rtbText,
        .standardpage_master .ts_page_footer .ts_page_navigation .tl_toolbar_item .rtbText {
            margin-top: 5px;
            display: inline-block;
        }

    .frontpage_master .ts_page_header,
    .standardpage_master .ts_page_header {
        box-sizing: border-box !important;
        background: #fff !important;
        padding: 0;
    }

.external_auth_master .ts_page_data {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.external_auth_master .ts-external-auth-left-panel {
    flex-basis: 330px;
    background: url("/Images/ExternalAuth/WhiteLogo.png") center center no-repeat #0072c6;
}

.external_auth_master .ts-external-auth-content-panel {
    flex: 1;
    padding: 140px 10px 0;
    margin: 65px 13.5% 0;
    background: url("/Images/ExternalAuth/Logo.png") top left no-repeat transparent;
}

.external_auth_master .ts-external-create-account .ts-external-create-account-header {
    color: #0072c6;
    font-size: 22px;
}

.dialog-header {
    color: lightblue !important;
}

.ts-tooltip-wrapper {
    position: absolute;
    z-index: 2000;
}

.ts-tooltip {
    width: 250px;
    padding: 5px 15px;
    border: 1px solid #91cdf2;
    background-color: #f8fcff;
}

.ctrl_saving {
    background-color: yellow !important;
    transition: background-color 1s ease;
}

.ctrl_saved {
    background-color: greenyellow !important;
    transition: background-color 1s ease;
}

.ctrl_saved_done {
    background-color: white !important;
    transition: background-color 1s ease;
}

.ctrl_error {
    background-color: red !important;
    transition: background-color 1s ease;
}

/* list-style-types (matches default list-styles in Telerik Editor in Office - for ex. notes)*/

ul {
    list-style-type: disc;
}

    ul ul {
        list-style-type: circle;
    }

        ul ul ul {
            list-style-type: square;
        }

            ul ul ul ul {
                list-style-type: disc;
            }

                ul ul ul ul ul {
                    list-style-type: circle;
                }

                    ul ul ul ul ul ul {
                        list-style-type: square;
                    }

                        ul ul ul ul ul ul ul {
                            list-style-type: disc;
                        }

                            ul ul ul ul ul ul ul ul {
                                list-style-type: circle;
                            }

                                ul ul ul ul ul ul ul ul ul {
                                    list-style-type: square;
                                }

ol {
    list-style-type: decimal;
}

    ol ol {
        list-style-type: lower-latin;
    }

        ol ol ol {
            list-style-type: lower-roman;
        }

            ol ol ol ol {
                list-style-type: decimal;
            }

                ol ol ol ol ol {
                    list-style-type: lower-latin;
                }

                    ol ol ol ol ol ol {
                        list-style-type: lower-roman;
                    }

                        ol ol ol ol ol ol ol {
                            list-style-type: decimal;
                        }

                            ol ol ol ol ol ol ol ol {
                                list-style-type: lower-latin;
                            }

                                ol ol ol ol ol ol ol ol ol {
                                    list-style-type: lower-roman;
                                }

/* Fix a lot of things that caused overflow after gcpdfviewer.js was replaced, see #12108 for more details */
*, *:before, *:after {
    box-sizing: border-box;
}
