﻿


h1 {
    font-size: 2rem;
}

.QuickFormMainContainer .rz-tabview-panel {
    padding-top: 0;
    margin-right: 5px;
    padding-left: 10px;
}

.QuickFormMainContainer .rz-tabview > ul > li > a {
    font-weight: bold;
    font-size: 12pt;
}

.QuickFormSubmitBar {
    border: 1px solid gainsboro;
    border-radius: 5px;
    padding: 15px;
    margin-top: 10px;
    text-align: center;
    background-color: whitesmoke;
}

.questionFullRow {
    width: 100%;
}

.question {
    /*margin: 10px;*/
    /*margin-top: 25px;*/
    margin-bottom: 15px;
}


.questionIndicator > table > tr > td > i {
    font-size: 15px;
    color: #747272;
    position: relative;
    top: 10px;
    left: -8px;
}

.questionIndicator > table > tr > td.questionIndicatorBar {
    border-left: 3px solid gainsboro;
    height: 100%;
}


.questionIndicator_Required > table > tr > td > i {
    font-size: 15px;
    color: #a36415;
    position: relative;
    top: 10px;
    left: -8px;
}


.questionIndicator_Required > table > tr > td.questionIndicatorBar {
    border-left: 3px solid #a36415;
    height: 100%;
}


.questionIndicator_Completed > table > tr > td > i {
    font-size: 15px;
    color: #218721;
    position: relative;
    top: 10px;
    left: -8px;
}

.questionIndicator_Completed > table > tr > td.questionIndicatorBar {
    border-left: 3px solid #218721;
    height: 100%;
}

.questionIndicator_Error > table > tr > td > i {
    font-size: 15px;
    color: firebrick;
    position: relative;
    top: 10px;
    left: -8px;
}

.questionIndicator_Error > table > tr > td.questionIndicatorBar {
    border-left: 3px solid firebrick;
    height: 100%;
}

/*

.questionIndicator_Required {
    width: 3px;
    background-color: #a36415;
    margin: 4px;
}

.questionIndicator_Completed {
    width: 3px;
    background-color: forestgreen;
    margin: 4px;
}*/

.questionText {
    font-size: 12pt;
}

    .questionText > label {
        margin-bottom: 0;
        margin-right: 5px;
    }

.questionAfterText {
    margin-left: 5px;
}

.questionDescription {
    font-size: 12pt;
}

.questionControl {
    /*margin: 10px;*/
    padding-top: 5px;
}

.questionGroupText {
    font-size: 20pt;
    border: 1px solid gainsboro;
    padding: 5px;
    border-radius: 5px;
    background-color: whitesmoke;
}

.questionGroup {
    height: 100%;
}

.headerLabel {
    border: 1px solid lightblue;
    font-size: large;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #005e90;
    color: white;
    border-radius: 5px;
    margin-bottom: 5px;
    /*margin-right: -5px;*/
    margin-right: 3px;
}

.headerLabelRepeatableRow {
    border: 1px solid lightblue;
    font-size: medium;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    /*background-color: #bcd8ff; */
    background-color: rgb(218 232 252);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /*margin-bottom: 5px;*/
    /*margin-right: -5px;*/
    margin-right: 3px;
    margin-top: 5px;
}

/*HEADING GROUP*/
.headingGroupHeader {
    border: 1px solid #005e90;
    background-color: #005e90;
    color: white;
    font-size: large;
    padding: 3px 10px 2px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.headingGroupBody {
    padding: 5px 10px 5px 10px;
    border: 1px solid #005e90;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 10px;
}


.headingGroupStandardHeader {
    font-size: 13pt;
    font-weight: bold;
    background-color: whitesmoke;
    border: 1px solid gainsboro;
    border-radius: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.headingGroupStandardBody {
}

/*SUBHEADING GROUP*/
.subHeadingGroupHeader {
    border: 1px solid lightgrey;
    background-color: #0f6877;
    color: white;
    font-weight: bold;
    font-size: small;
    padding: 2px 2px 2px 5px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.subHeadingGroupBody {
    padding: 5px;
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-bottom: 10px;
}

/*STEPS*/
.stepGroupHeader {
    padding-top: 5px;
}

.stepGroupBody {
    margin-left: 15px;
    margin-right: 15px;
}

.formHeader {
    font-size: 20pt;
    border-bottom: 1px solid gainsboro;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.repeatableRow {
    border: 1px solid gainsboro;
    padding: 10px;
    /*border-radius: 5px;*/
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-right: -5px;
    margin-right: 3px;
    padding-right: 15px;
}

/*.repeatableRow .repeatableRowChild:not(:first-child) {*/
/*border-top: 2px solid #005e90;*/
/*margin-bottom: 5px;
        padding-top: 3px;
    }*/

.repeatableRowChildHeader {
    border: 1px solid gainsboro;
    background-color: whitesmoke;
    padding: 2px;
    padding-left: 5px;
    border-radius: 5px;
    font-size: 10pt;
    font-weight: bold;
    margin-bottom: 3px;
}

fieldset {
    border: 1px solid gainsboro !important;
    padding: 5px;
    border-radius: 5px;
    /*float: none;*/
}


    fieldset > legend {
        font-size: small;
        margin-left: 10px;
        width: auto;
        margin-bottom: 0;
        float: none;
    }

.formPreviewContainer {
    background-color: white;
    border: 1px solid darkgrey;
    margin: auto;
    padding: 20px;
    filter: drop-shadow(0px 0px 3px rgba(0,0,0,.5));
    border-radius: 5px;
    min-height: 500px;
}


div.rz-fileupload-buttonbar {
    border-radius: 0;
    padding: 10px;
    padding-top: 15px;
    /*text-align: center;*/
}


/*
    #908800 - yellow
    #1b770a - green
    #e6c4f1 - purple
    #f3cbcb - pinkish
*/

.rtsUserInformationPanel {
    background-color: transparent;
    box-shadow: none;
    /*border: 1px solid gainsboro;*/
    padding: 0;
    border-radius: 5px;
    margin-bottom: 10px;
}

    .rtsUserInformationPanel > .rz-panel-content-wrapper {
        margin-bottom: 10px;
        padding: 5px 10px 5px 10px;
        border: 1px solid gainsboro;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .rtsUserInformationPanel > .rz-panel-titlebar {
        /*background-color: #1b770a;*/
        background-color: #0f6877;
        color: white;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        padding: 5px 5px 5px 10px;
        font-weight: bold;
        border-bottom: 1px solid gainsboro;
    }




.rts-rz-panel {
    background-color: transparent;
    box-shadow: none;
    /*border: 1px solid gainsboro;*/
    padding: 0;
    border-radius: 5px;
    margin-bottom: 5px;
}

    .rts-rz-panel > .rz-panel-titlebar-icon .rz-panel-titlebar-toggler {
        top: -5px;
        position: relative;
    }

    .rts-rz-panel > .rz-panel-titlebar {
        color: white;
        /*background-color: #908800;*/
        background-color: var(--rz-secondary);
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        padding: 5px 5px 5px 10px;
        font-weight: bold;
        border-bottom: 1px solid gainsboro;
    }

    .rts-rz-panel > .rz-panel-content-wrapper {
        padding: 5px 10px 5px 10px;
        border: 1px solid gainsboro;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

.rtsPrinterFriendlyTabHeading {
    border-bottom: 3px double darkgrey;
    color: black;
    font-size: 22pt;
    margin-top: 10px;
    margin-bottom: 10px;
}

/**************************/
/**************************/
/*PRINTER FRIENDLY STYLES*/
/**************************/
/**************************/


@media print {

    .hidePrinterFriendly {
        display: none;
    }

    .questionIndicator > table > tr > td > i {
        display: none;
    }

    .questionIndicator > table > tr > td.questionIndicatorBar {
        display: none;
    }


    .questionIndicator_Required > table > tr > td > i {
        display: none;
    }


    .questionIndicator_Required > table > tr > td.questionIndicatorBar {
        display: none;
    }


    .questionIndicator_Completed > table > tr > td > i {
        display: none;
    }

    .questionIndicator_Completed > table > tr > td.questionIndicatorBar {
        display: none;
    }

    .questionIndicator_Error > table > tr > td > i {
        display: none;
    }

    .questionIndicator_Error > table > tr > td.questionIndicatorBar {
        display: none;
    }

    .headerLabelRepeatableRow {
        border: 1px solid darkgrey;
        font-size: medium;
        font-weight: bold;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: whitesmoke;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        /*margin-bottom: 5px;*/
        /*margin-right: -5px;*/
        margin-right: 3px;
        margin-top: 5px;
    }

    /*HEADING GROUP*/
    .headingGroupHeader {
        border: 1px solid darkgrey;
        background-color: whitesmoke;
        color: black;
        font-size: large;
        padding: 3px 10px 2px 10px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .headingGroupBody {
        padding: 5px 5px 5px 5px;
        border: none;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        margin-bottom: 10px;
    }


    .headingGroupStandardHeader {
        font-size: 13pt;
        font-weight: bold;
        background-color: whitesmoke;
        border: 1px solid darkgrey;
        border-radius: 5px;
        padding-left: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .headingGroupStandardBody {
    }

    /*SUBHEADING GROUP*/
    .subHeadingGroupHeader {
        border: 1px solid darkgrey;
        background-color: whitesmoke;
        color: black;
        font-weight: bold;
        font-size: small;
        padding: 2px 2px 2px 5px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .subHeadingGroupBody {
        padding: 5px;
        border: none;
        margin-bottom: 10px;
    }

    .formHeader {
        font-size: 20pt;
        border-bottom: 1px solid gainsboro;
        margin-bottom: 10px;
        padding-bottom: 5px;
    }

    .repeatableRow {
        border: none;
        padding: 10px;
        /*border-radius: 5px;*/
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        margin-right: -5px;
        margin-right: 3px;
        padding-right: 15px;
    }



    .repeatableRowChildHeader {
        border: 1px solid gainsboro;
        background-color: whitesmoke;
        padding: 2px;
        padding-left: 5px;
        border-radius: 5px;
        font-size: 10pt;
        font-weight: bold;
        margin-bottom: 3px;
    }

    .rtsUserInformationPanel {
        background-color: transparent;
        box-shadow: none;
        padding: 0;
        border-radius: 5px;
        margin-bottom: 10px;
    }

        .rtsUserInformationPanel > .rz-panel-content-wrapper {
            margin-bottom: 10px;
            padding: 0px 10px 5px 0px;
            border: none;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
        }

        .rtsUserInformationPanel > .rz-panel-titlebar {
            background-color: whitesmoke;
            color: black;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            padding: 5px 5px 5px 10px;
            font-weight: bold;
            border: 1px solid darkgrey;
        }

    .rts-rz-panel {
        background-color: transparent;
        box-shadow: none;
        /*border: 1px solid gainsboro;*/
        padding: 0;
        border-radius: 5px;
        margin-bottom: 5px;
    }

        .rts-rz-panel > .rz-panel-titlebar {
            color: black;
            background-color: whitesmoke;
            border-radius: 5px;
            padding: 5px 5px 5px 10px;
            font-weight: bold;
            border: 1px solid gainsboro;
        }

            .rts-rz-panel > .rz-panel-titlebar > a.rz-panel-titlebar-toggler {
                display: none;
            }

        .rts-rz-panel > .rz-panel-content-wrapper {
            padding: 5px 10px 5px 10px;
            border: none;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
        }


    .pageHeader {
        border-bottom: 2px solid darkgrey;
    }

    .rz-selectbutton .rz-button.rz-state-active.rz-button-xs, .rz-selectbutton .rz-button-xs.rz-state-active ::before {
        content: '✔ '
    }

    .rz-state-disabled > .rz-form-field-content {
        background-color: transparent;
    }

    .rz-selectbutton .rz-button.rz-button-xs.rz-state-active {
        background-color: whitesmoke;
    }

    .rz-html-editor-toolbar {
        display: none;
    }

    .pageHeader {
        border-bottom-width: 1px;
        margin-bottom: 10px;
        font-size: 18pt;
    }

    .formHeader > h1 {
        font-size: 22pt;
    }

    .formHeader > div > h1 > img {
        height: 45px;
        /*display: none;*/
    }

    html, body {
        overflow-y: visible !important;
    }

    body {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
}
