/* Minification failed. Returning unminified contents.
(307,17): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(317,17): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(390,39): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(427,43): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(433,40): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(439,47): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(444,47): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(448,34): run-time error CSS1039: Token not allowed after unary operator: '-p-white-smoke'
(533,32): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(678,54): run-time error CSS1030: Expected identifier, found '.'
(678,73): run-time error CSS1031: Expected selector, found ')'
(678,73): run-time error CSS1025: Expected comma or open brace, found ')'
(682,49): run-time error CSS1030: Expected identifier, found '.'
(682,68): run-time error CSS1031: Expected selector, found ')'
(682,68): run-time error CSS1025: Expected comma or open brace, found ')'
(1016,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(1021,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(1028,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(1028,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(1029,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(1036,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(1037,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(1293,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(1400,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(1404,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(1410,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(1410,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(1411,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(1417,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(1418,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(1463,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(1682,28): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(1703,51): run-time error CSS1039: Token not allowed after unary operator: '-i-lt-grayish-yellow'
(1736,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(1753,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(1760,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(1775,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(1798,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(1824,35): run-time error CSS1039: Token not allowed after unary operator: '-k-dark-blue'
(1834,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(1865,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(1990,79): run-time error CSS1039: Token not allowed after unary operator: '-k-pattens-blue'
(1990,114): run-time error CSS1039: Token not allowed after unary operator: '-k-rust'
(1991,79): run-time error CSS1039: Token not allowed after unary operator: '-k-pattens-blue'
(1991,106): run-time error CSS1039: Token not allowed after unary operator: '-k-rust'
(1992,52): run-time error CSS1039: Token not allowed after unary operator: '-k-pattens-blue'
(1992,75): run-time error CSS1039: Token not allowed after unary operator: '-k-rust'
(1994,53): run-time error CSS1039: Token not allowed after unary operator: '-k-pattens-blue'
(1994,79): run-time error CSS1039: Token not allowed after unary operator: '-k-rust'
(1996,21): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(2004,79): run-time error CSS1039: Token not allowed after unary operator: '-k-corn-silk'
(2004,111): run-time error CSS1039: Token not allowed after unary operator: '-k-rust'
(2005,79): run-time error CSS1039: Token not allowed after unary operator: '-k-corn-silk'
(2005,103): run-time error CSS1039: Token not allowed after unary operator: '-k-rust'
(2006,52): run-time error CSS1039: Token not allowed after unary operator: '-k-corn-silk'
(2006,72): run-time error CSS1039: Token not allowed after unary operator: '-k-rust'
(2008,53): run-time error CSS1039: Token not allowed after unary operator: '-k-corn-silk'
(2008,76): run-time error CSS1039: Token not allowed after unary operator: '-k-rust'
(2010,21): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(2017,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(2019,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(2105,26): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(2129,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(2149,28): run-time error CSS1039: Token not allowed after unary operator: '-p-lt-gray'
(2250,10): run-time error CSS1030: Expected identifier, found '.'
(2250,26): run-time error CSS1031: Expected selector, found ')'
(2250,26): run-time error CSS1025: Expected comma or open brace, found ')'
(2291,36): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(2313,40): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(2320,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(2448,28): run-time error CSS1039: Token not allowed after unary operator: '-k-turquoise-blue'
(2449,30): run-time error CSS1039: Token not allowed after unary operator: '-k-turquoise-blue'
(2528,45): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(2529,28): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(2556,28): run-time error CSS1039: Token not allowed after unary operator: '-k-turquoise-blue'
(2558,30): run-time error CSS1039: Token not allowed after unary operator: '-k-turquoise-blue'
(2691,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(2698,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(2910,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(3059,32): run-time error CSS1039: Token not allowed after unary operator: '-p-lt-gray'
(3063,32): run-time error CSS1039: Token not allowed after unary operator: '-p-lt-gray'
(3173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3262,26): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(3319,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(3323,36): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(3329,31): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(3329,46): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(3330,31): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(3336,40): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(3337,41): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(3399,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3400,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3402,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3405,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3406,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3407,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3409,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3410,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3412,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
.AnnotationView {
    display: inline-block;
    float: left;
    position: relative;
    top: -3px;
}

    .AnnotationView .collapsedAnnotationMenuButton {
        float: left;
    }

    .AnnotationView .annotations_menu {
        background: inherit;
    }

        .AnnotationView .annotations_menu .custom_button {
            background: #fff;
            box-shadow: initial;
            border: 1px solid #d5d5d5;
            border-radius: 0;
            margin-right: 2px;
        }

        .AnnotationView .annotations_menu.collapse {
            display: none;
            float: left;
            position: absolute;
            right: -130px;
            top: 23px;
            z-index: 100;
            background: #fff;
        }
        .AnnotationView .toggle_btn.pressed {
            background-image: linear-gradient(#8A8585, #ccc);
        }
        .AnnotationView .showHideAnno:not(.pressed) {
            background-image: linear-gradient(#8A8585, #ccc);
        }
    .AnnotationView div,
    .AnnotationView .fontPropCont div > span {
        background-image: url("../../../Content/images/docstar_sprite.png?v=25.2.118");
        display: inline-block;
        float: left;
    }

        /*.AnnotationView .fontPropCont div.toggle_btn {
        background-image: url("../../../Content/images/s.png?v=25.2.118");
        background-position: -2px -178px;
    }

        .AnnotationView .fontPropCont div.toggle_btn.pressed {
            background-position: -2px -200px;
        }*/

        .AnnotationView div > span {
            height: 21px;
            margin: 2px;
            width: 22px;
        }

    .AnnotationView div.cancelEditMode {
        display: none;
        cursor: pointer;
    }

        .AnnotationView div.cancelEditMode .ui-icon-cancel {
            background-image: url("../../../Content/images/docstar_sprite.png?v=25.2.118");
            background-position: -428px -221px;
        }

    .AnnotationView span.anchor.thick_one {
        background: #000;
        height: 1px;
        margin: .5px 0 0;
        width: 100%;
    }

    .AnnotationView span.anchor.thick_two {
        background: #000;
        height: 2px;
        margin: 1px 0 0;
    }

    .AnnotationView span.anchor.thick_four {
        background: #000;
        height: 4px;
        margin: 2px 0 0;
    }

    .AnnotationView .annoPropsCont {
        background: #f0ede0;
        border: 1px solid #12c3f4;
        color: #000;
        display: none;
        height: 65px;
        position: absolute;
        right: 6px;
        top: 24px;
        width: 400px;
        z-index: 198;
    }

        .AnnotationView .annoPropsCont .dropdown {
            display: inline-block;
            float: left;
            width: 65px;
        }

            .AnnotationView .annoPropsCont .dropdown li {
                background: none;
                color: #000;
                line-height: 20px;
                text-align: center;
                height: 20px;
                padding: 0 5px;
                width: 35px;
            }

            .AnnotationView .annoPropsCont .dropdown span.anchor {
                float: none;
                margin: 0;
                width: auto;
            }

            .AnnotationView .annoPropsCont .dropdown ul li span.anchor {
                padding: 0;
                display: block;
                position: relative;
                top: 47%;
                width: 100%;
            }

        .AnnotationView .annoPropsCont .thickness_text {
            background: #000;
            display: inline-block;
            float: left;
            height: 0;
            position: relative;
            top: 50%;
            width: 50%;
        }

        .AnnotationView .annoPropsCont span.jPicker {
            height: 22px;
            margin: 0;
            max-height: 22px;
            max-width: 25px;
            width: 20px;
        }

            .AnnotationView .annoPropsCont span.jPicker .Icon {
                position: relative;
            }

        .AnnotationView .annoPropsCont > div {
            margin: 5px 0;
        }

        .AnnotationView .annoPropsCont div {
            background: none;
        }

        .AnnotationView .annoPropsCont a {
            background: none;
            display: inline-block;
            float: left;
            margin: 5px;
        }

        .AnnotationView .annoPropsCont select {
            height: 20px;
            width: 150px;
        }

            .AnnotationView .annoPropsCont select[name="FontSize"] {
                width: 45px;
            }

    .AnnotationView .fontPropCont a {
        margin: 0;
        width: 0;
    }

    .AnnotationView div.fontPropCont {
        display: none;
        margin: 0 0 0 5px;
    }

    .AnnotationView .annoProps a {
        height: 14px;
        cursor: pointer;
        margin: 5.5px -3px;
    }

    .AnnotationView .FontStyleBold {
        background-position: -59px -13px;
        /*height: 22px;*/
        width: 16px;
    }

    .AnnotationView .FontStyleItalic {
        background-position: -234px -55px;
        /*height: 16px;*/
        width: 16px;
    }

    .AnnotationView .FontStyleUnderLine {
        background-position: -233px -185px;
        /*height: 16px;*/
        width: 16px;
    }

    .AnnotationView .FontStyleStrike {
        background-position: -498px -78px;
        /*height: 16px;*/
        width: 20px;
    }

/* Image / Text Stamp Sprite */
.imageStampCont,
.textStampCont {
    height: 66px;
    overflow: hidden;
    width: 64px;
}

    .imageStampCont img,
    .textStampCont img {
        position: relative;
    }



.AnnotationView .imageStamps,
.AnnotationView .textStamps {
    background: #bbb;
    border: 1px solid #000;
    color: #000;
    display: none;
    max-height: 152px;
    overflow: auto;
    position: absolute;
    right: 6px;
    top: 24px;
    width: 400px;
    z-index: 198;
}


    .AnnotationView .imageStamps div,
    .AnnotationView .textStamps div {
        background: none;
        margin: 2px;
    }

    .AnnotationView .imageStamps ul,
    .AnnotationView .textStamps ul {
        list-style: none;
        margin: 5px;
        padding: 0;
    }

        .AnnotationView .imageStamps ul li,
        .AnnotationView .textStamps ul li {
            background: #000;
            display: inline-block;
        }

            .AnnotationView .imageStamps ul li.pressed,
            .AnnotationView .textStamps ul li.pressed,
            .AnnotationView .imageStamps ul li.pressed:active,
            .AnnotationView .textStamps ul li.pressed:active {
                background: #F00;
            }

.BookmarksView {
    width: 30px;
}

.BookmarksView .vert_seperator {
    display: block;
    float: left;
    margin: 0 2px;
}

.BookmarksView .displayNone {
    display: none;
}

.BookmarksView .bookmarksMenu dd ul.children {
    overflow-y: hidden;
    background-color: #fff;
    display: none;
    left: 0;
    list-style: none;
    /* cancel the default list style */
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 1050;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

.BookmarksView .children li {
    border-bottom: 1px solid grey;
    background-color: #FFCC42;
    color: var(--p-black);
}

.BookmarksView .custom_button {
    background: none;
    box-shadow: initial;
    border: 1px solid #d5d5d5;
    border-radius: 0;
}
.BookmarksView .children li span.anchor:hover {
    color: var(--p-black);
    text-decoration: none;
    cursor: pointer;
}
.BookmarksView .children li .anchor {
    color: #000;
    display: inline-block;
    text-decoration: none;
    font-size: 11px;
}
li.CustomFieldValueView {
    display: table;
}

    li.CustomFieldValueView > div {
        display: table-row;
    }

.CustomFieldValueView .readOnly {
    opacity: 0.6;
}

.CustomFieldValueView {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 0 0 5px 0;
    table-layout: fixed;
}

    .CustomFieldValueView .del_cf {
        width: 16px;
        vertical-align: middle;
    }

    .CustomFieldValueView .show_pred {
        width: 20px;
        vertical-align: middle;
    }

    .CustomFieldValueView .hide_pred {
        width: 20px;
        vertical-align: middle;
        visibility: hidden;
    }

    .CustomFieldValueView input {
        /* 
            Display Value element and actual value element need to match in height (including borders/padding/margin etc.) 
            border: 4px (2px top, 2px bot)
            height: 16px
            margin: 3px bot
            padding: 2px (1px top, 1px bot)
            Total: 25px
        */
        padding: 1px 0;
        height: 16px;
        margin: 0 3px 3px;
        width: calc(100% - 25px);
        float: left;
        min-height: 16px;
        border: 1px solid #d3d3d3;
    }

        .CustomFieldValueView input[readonly] {
            background-color: #F0F0F0;
            margin: 0 0 0 6px;
            width: calc(100% - 14px);
        }

    .CustomFieldValueView textarea {
        overflow: hidden;
        resize: none;
        border-bottom: 1px solid var(--kc-interactive-blue);
        font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
        font-size: 13px;
    }

        .CustomFieldValueView textarea[readonly] {
            background-color: #F0F0F0;
            width: calc(100% - 17px);
            margin: 3px 0 0 7px;
        }

    .CustomFieldValueView .cf_val_Container {
        overflow-x: hidden;
        overflow-y: hidden;
        max-height: 100px;
        border: 1px solid black;
        margin: 2px 0;
        padding: 2px 0 2px 2px;
        cursor: default;
        border: 1px solid #d3d3d3;
    }

        .CustomFieldValueView .cf_val_Container.requiresValueError {
            border-color: #ff0000;
            color: #a60000;
        }

        .CustomFieldValueView .cf_val_Container textarea {
            overflow-x: hidden;
            overflow-y: scroll;
            max-height: 100px;
            resize: none;
            border: none;
            padding: 0;
            margin: 0;
            width: 100%;
            outline: 0px solid transparent;
            border-bottom: 1px solid var(--kc-interactive-blue);
            font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
            font-size: 13px;
        }

            .CustomFieldValueView .cf_val_Container textarea:focus {
                border: 1px solid var(--a-mauve);
                outline: none;
            }

            .CustomFieldValueView .cf_val_Container textarea:hover {
                border: none;
                border-bottom: 1px solid var(--kc-interactive-hover);
            }

            .CustomFieldValueView .cf_val_Container textarea:active {
                border: none;
                border-bottom: 1px solid var(--kc-interactive-blue);
            }

            .CustomFieldValueView .cf_val_Container textarea[readonly] {
                background: var(--p-white-smoke);
            }

    .CustomFieldValueView input[type="checkbox"] {
        width: auto;
        height: auto;
        min-height: 0;
        margin: 4px 6px;
        float: left;
    }

        .CustomFieldValueView input[type="checkbox"].requiresValueError {
            box-shadow: 0px 0px 0px 1px #ff0000;
            background-color: #ff0000;
        }

    .CustomFieldValueView .labelWidth select {
        width: calc(100% - 5px);
    }

    .CustomFieldValueView select,
    .CustomFieldValueView textarea {
        font-size: 11px;
        position: relative;
        width: 125px;
    }

    .CustomFieldValueView select {
        float: left;
        margin: 3px;
    }

    .CustomFieldValueView div.cfsFormat {
        vertical-align: top;
        word-break: break-all;

    }
    @media not all and (min-resolution:.1dpi) {
        /* for safari browser only; https://fabiorosado.dev/blog/change-css-safari-only/ */
        .CustomFieldValueView div.cfsFormat {
            display: -webkit-box; 
        }
    }

        .CustomFieldValueView select.cfsFormat,
        .CustomFieldValueView div.cfsFormat span {
            overflow: hidden;
            text-overflow: ellipsis;
            float: left;
            margin: 0 3px;
        }

    .CustomFieldValueView:hover div.cfsFormat:not(.excludeHover):after {
        content: "";
        display: block;
        overflow: hidden;
        height: 1em;
        border-bottom: 2px dotted #999;
    }

    .CustomFieldValueView select.cf_val,
    .CustomFieldValueView .ui-selectmenu-button {
        margin: 3px;
        width: 92%;
    }

    .CustomFieldValueView div.cf_displayVal {
        /* 
            Display Value element and actual value element need to match in height (including borders/padding/margin etc.) 
            border: 4px (2px top, 2px bot)
            height: 18px
            margin: 3px bot
            Total: 25px
        */
        /*border: 2px inset #000000;*/
        /*box-shadow: 1px 1px 1px #000000;*/
        border: 1px solid #d3d3d3;
        display: inline-block;
        height: 18px;
        margin: 0 3px 3px;
        width: calc(100% - 10px);
        max-width: calc(100% - 10px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        background-color: var(--p-white);
    }

        .CustomFieldValueView div.cf_displayVal.requiresValueError {
            border-color: #ff0000;
            color: #a60000;
        }

    .CustomFieldValueView div.cf_displayDisabled {
        background-color: #999;
        opacity: 0.5;
    }

    .CustomFieldValueView span.cf_displayVal {
        line-height: 13px;
        padding: 0 4px;
    }

    .CustomFieldValueView .ui-combobox {
        margin: 0 3px 3px;
        width: 100%;
        height: 20px;
        float: left;
    }

        .CustomFieldValueView .ui-combobox input.ui-autocomplete-input {
            color: #000;
            float: none;
            height: 16px;
            width: 80%;
        }

        .CustomFieldValueView .ui-combobox a.ui-button {
            display: inline-block;
            padding: 0;
            position: relative;
            float: none;
            height: 24px;
            margin: -3px 0 0 -4px;
        }

    .CustomFieldValueView span.isRequired {
        display: table-cell;
        vertical-align: middle;
        width: 16px;
        position: relative;
        right: -4px;
        top: 0;
    }

        .CustomFieldValueView span.isRequired.requiresValueError {
            color: #a60000;
        }

    .CustomFieldValueView span.spacer {
        width: 16px;
    }

    .CustomFieldValueView .taMinHeight {
        height: 18px;
    }
    .CustomFieldValueView .predictionText {
        color: #aaa;
    }

li.CustomFieldValueView .ui-icon-circle-close {
    background-image: url(../../../Content/images/docstar_sprite.png?v=25.2.118);
    background-position: -144px -100px;
}

.DocumentFormSetGridItemView .ui-icon.displayNone {
    display: none;
}

.DocumentFormSetGridItemView:hover .ui-icon.displayNone {
    display: block;
}

.DocumentFormSetGridItemView.selected {
    background: none repeat-x scroll 50% 50% #fbf9d0;
    color: #363636;
}
.DocumentFormSetGridItemView .seqCol {
    text-align: center;
}
.DocumentFormSetGridView {
    position: relative;
    width: 100%;
    height: 100%;
}

    .DocumentFormSetGridView .seqCol {
        width: 10%;
    }

    .DocumentFormSetGridView .otherColWidth {
        width: 45%;
    }

.DocumentFormSetStatusView {
    left: -1px;
    position: relative;
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px;
    padding: 0px;
    display: table;
}

    .DocumentFormSetStatusView .fsStatusContainer {
        position: relative;
        margin: 0px;
    }

    .DocumentFormSetStatusView .fsStatusContainer div {
        height: 17px;
    }
        .DocumentFormSetStatusView .fsStatusContainer div span {
            padding: 0px 2px;
        }

.DocumentFormView {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}

    .DocumentFormView input[type="checkbox"] {
        box-shadow: none;
        /* The designer removes the drop shadow, so the form editor will as well. This makes it more WYSIWYG */
    }

        .DocumentFormView input[type="checkbox"].requiresValueError,
        .DocumentFormView input[type="radio"].requiresValueError {
            box-shadow: 0px 0px 1px 1px #ff0000;
            background-color: #ff0000;
        }

    .DocumentFormView .requiresValueError {
        border-color: #ff0000;
        color: #a60000;
    }

    .DocumentFormView fieldset.formElementMarkup:has(.requiresValueError) {
        border-color: #ff0000 !important;
    }

    .DocumentFormView div.formElementMarkup:has(.requiresValueError) iframe {
        border-color: #ff0000;
        border-width: 1px;
        border-radius: 20px;
        border-style: solid;
    }

.DocumentFormView span.isRequired {
    position: static;
}

    .DocumentFormView .viewer_menubar {
        flex: 0 1 auto;
        position: relative;
    }

        .DocumentFormView .viewer_menubar .view_menu {
            float: left;
            position: relative;
            margin: 0 0 0 3px;
        }

        .DocumentFormView .viewer_menubar .viewer_navigation {
            float: left;
            display: inline-block;
            margin-left: 6px;
            margin: 3px 0 0 6px;
        }

        .DocumentFormView .viewer_menubar .viewer_results_type {
            float: left;
            margin: 0 1px;
            position: relative;
        }

        .DocumentFormView .viewer_menubar .navControl {
            background-color: transparent;
            border: none;
            cursor: pointer;
            float: left;
            height: 16px;
            position: relative;
        }

        .DocumentFormView .viewer_menubar input {
            float: left;
            height: 12px;
            margin: 0px 3px;
            position: relative;
            text-align: center;
            top: -3px;
            width: 40px;
        }

    .DocumentFormView .formPartContainer {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#909090', endColorstr='#808080');
        background: -webkit-gradient(linear, left top, left bottom, from(#909090), to(#808080));
        background: -moz-linear-gradient(top, #909090, #808080); /* for firefox 3.6+ */
        background: linear-gradient(to bottom, #909090 0%, #808080 100%); /* W3C (IE10) maybe others soon.*/
        overflow: auto;
        flex: 1 1 auto;
        margin: 3px;
    }

        .DocumentFormView .formPartContainer .custom_button {
            background: #008aa9;
            border: 1px solid #008aa9;
            color: #fff;
            outline: 0;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 400;
            cursor: default;
            display: inline-block;
            text-align: center;
            text-decoration: none;
        }

        .DocumentFormView .formPartContainer .short_btn {
            cursor: pointer;
            height: 23px;
            line-height: 22px;
            padding: 2px 4px;
            width: auto;
            min-width: 70px;
        }

        .DocumentFormView .formPartContainer #masterForm > div {
            background: #fff;
            margin: auto;
        }

    .DocumentFormView .fileUploadInProgress {
        position: absolute;
        top: 30%;
        left: 42%;
        border: 1px solid black;
        text-align: center;
        padding: 5px 10px;
        z-index: 400;
        display: none;
    }

        .DocumentFormView .fileUploadInProgress .progressIndeterminate {
            width: 56px;
            height: 22px;
            display: inline-block;
            background-image: url("../../../Content/images/indeterminate_progress.gif?v=25.2.118");
        }

    .DocumentFormView span.custom_button.uploadFile {
        width: auto;
        line-height: 16px;
        padding: 1px 5px;
        margin: 0 5px;
    }

    .DocumentFormView .formPartContainer #masterForm span.custom_button.uploadFile {
        vertical-align: baseline; /* reset to default */
    }

    .DocumentFormView .FormAddGroupSetButton, .DocumentFormView .FormDeleteGroupSetButton {
        cursor: pointer;
        position: absolute;
        height: 10px;
        width: 10px;
        background-repeat: no-repeat;
        background-position: center;
        border: 1px solid gray;
        border-radius: 3px;
    }

    .DocumentFormView .formElementMarkup [readonly=readonly] {
        opacity: 0.6;
        pointer-events: none;
    }

    .DocumentFormView .submitButtonContainer {
        position: absolute;
        right: 30px;
    }

        .DocumentFormView .submitButtonContainer a {
            background-image: url("../../../Content/images/s.png?v=25.2.118");
            background-position: -66px -178px;
            border: 1px solid #000;
            color: #FFF;
            text-align: center;
            display: inline-block;
            margin: 0 0 0 5px;
            padding: 1px 5px;
            width: auto;
            min-width: 75px;
        }

            .DocumentFormView .submitButtonContainer a:active {
                background-position: -66px -207px;
            }

            .DocumentFormView .submitButtonContainer a.disabled {
                background-color: #999;
                background-image: none;
                cursor: default;
            }

        .DocumentFormView .submitButtonContainer.left {
            left: 30px;
            right: auto;
        }

        .DocumentFormView .submitButtonContainer.center {
            text-align: center;
            width: 100%;
            left: auto;
            right: auto;
        }

        .DocumentFormView .submitButtonContainer.right {
            right: 30px;
            left: auto;
        }

        .DocumentFormView .submitButtonContainer .throbber {
            margin: 3px 3px 7px 3px;
        }

    .DocumentFormView .anno_menu_cont {
        border: none;
    }

 .DocumentFormView .anno_menu_cont.collapse.pressed {
            background-image: linear-gradient(#636161, #ccc);

 }

  .DocumentFormView .anno_menu_cont.collapse {
            border: 1px solid #000;
            display: inline-block;
            height: 20px;
            position: relative;
            background-image: linear-gradient(#ccc, #636161);
 }

            .DocumentFormView .anno_menu_cont.collapse:active {
                background-image: linear-gradient(#636161, #ccc);
            }

            .DocumentFormView .anno_menu_cont.collapse .collapsedAnnotationMenuButton {
                padding: 5px;
                position: relative;
                top: -2px;
                color: #fff;
            }

    .DocumentFormView .viewer_menubar .vert_seperator_hidable {
        display: block;
        float: left;
        margin: 0 2px 0 5px;
    }

    .DocumentFormView .autoSaveDisabled {
        position: absolute;
        text-align: center;
        top: 0;
        color: white;
        line-height: 20px;
        width: 100%;
        z-index: 400;
        padding-right: 10px;
        padding-left: 10px;
        display: none;
    }

    .DocumentFormView div#animation {
        position: absolute;
        animation: 2s animateFileUploadToRibbon;
        z-index: 99;
        display: none;
    }

/*#region Annotation editing in Forms */
/* items pertaining to approval stamps/annotations need to use the #masterForm so it will override items specified in the form's css*/
#masterForm .editMarkContainer img, #masterForm .editMarkContainer .approvalStampContentContainer, #masterForm .editMarkContainer .hideApprovalStampContainer {
    z-index: 150; /* Ensure that the mark container is over other elements*/
}

#masterForm .editMarkContainer .hideApprovalStampContainer {
    position: absolute;
    top: 3px;
    right: 5px;
    cursor: pointer;
}

#masterForm .editMarkContainer .approvalStampContentContainer {
    width: 100%;
    margin: 2px 0;
}

    #masterForm .editMarkContainer .approvalStampContentContainer .explanationContainer {
        border: 1px solid black;
        overflow: auto;
        margin: 2px 0;
        padding-left: 5px;
        cursor: default;
        max-height: 95px;
        /* Height of textarea in the approval dialog */
    }

        #masterForm .editMarkContainer .approvalStampContentContainer .explanationContainer textarea {
            resize: none;
            border: none;
            padding: 2px 0;
            width: 100%;
        }

            #masterForm .editMarkContainer .approvalStampContentContainer .explanationContainer textarea:focus {
                outline: 0px solid transparent;
            }

    #masterForm .editMarkContainer .approvalStampContentContainer .explanationContainer,
    #masterForm .editMarkContainer .approvalStampContentContainer .signingCeremonyContainer {
        background: #FFF;
    }

    #masterForm .editMarkContainer .approvalStampContentContainer .approvalStampBtnContainer {
        float: right;
    }

    #masterForm .editMarkContainer .approvalStampContentContainer .signingCeremonyContainer {
        padding: 0 5px;
    }

#masterForm .editMarkContainer .selectedAnno {
    z-index: 151;
    /* Always have the selectedAnno on top of others*/
}


#masterForm .ui-draggable:not(.ui-combobox):not(.signatureAreaContainer),
#masterForm div[markid] {
    position: absolute;
}

#masterForm div.transformCont {
    z-index: -1;
    /* This is to prevent the transform container from overlaying anything in the form */
}

#masterForm .submitButtonContainer span:not(.throbber) {
    vertical-align: baseline;
    /*Bug 17405 - have non-throbber buttons maintain default vertical-align, so they will be aligned*/
}

/*#endregion Annotation editing in Forms */


@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    .DocumentFormView .formPartContainer {
        margin-top: 25px;
    }

    /* IE11 */
}
/* Customize scroll bar */

.DocumentFormView .formPartContainer::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}


.DocumentFormView .formPartContainer::-webkit-scrollbar-thumb {
    background-color: var(--k-label);
}


.DocumentFormView .formPartContainer::-webkit-scrollbar-track {
    background-color: var(--k-disabled);
}


/* Mozilla Scrollbar styles */

.DocumentFormView .formPartContainer {
    scrollbar-color: var(--k-label) var(--k-disabled);
    scrollbar-width: var(--k-scroll);
}


/* IE scrollbar styles */

.DocumentFormView .formPartContainer {
    -ms-scrollbar-base-color: var(--k-label);
    -ms-scrollbar-track-color: var(--k-disabled);
}

.DocumentImageContentItemThumbnailsView .contentItem {
    width: 100%;
}

    .DocumentImageContentItemThumbnailsView .contentItem.selectedContentItem {
        background-color: #000;
    }

.DocumentImageContentItemThumbnailsView hr {
    display: inline-block;
    float: left;
    left: 15px;
    position: relative;
    width: 125px;
    height: 3px;
    background: #FFF;
}

.DocumentImageThumbnailsView .thumbs_cont {
    border: 1px solid #000;
    overflow: hidden;
    max-height: 100%;
    min-height: 425px;
    min-width: 160px;
    width: 160px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 32px 0 3px 0;
}

    .DocumentImageThumbnailsView .thumbs_cont.thumbnailleft {
        left: 0;
    }

    .DocumentImageThumbnailsView .thumbs_cont.thumbnailright {
        right: 0;
    }

.DocumentImageThumbnailsView .ps-scrollbar-x-rail {
    display: none;
}

.DocumentImageViewThumbnailContainer .hideNative{
    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
}
.DocumentImageThumbnailView {
}

    .DocumentImageThumbnailView div {
        text-align: center;
    }

    .DocumentImageThumbnailView img {
        width: 150px;
        margin: 0px;
        padding: 5px;
        text-align: center;
        position: relative;
    }

        .DocumentImageThumbnailView img.notRendered {
            width: auto;
            margin:75px;
        }

        .DocumentImageThumbnailView img.throbber {
            width: 15px;
            margin: 75px;
            padding: 0;
        }

        .DocumentImageThumbnailView img.selected_thumbnail {
            background-color: #B2DFEE;
        }

    .DocumentImageThumbnailView div.contentItem {
        position: relative;
        width: 100%;
    }

        .DocumentImageThumbnailView div.contentItem.selectedContentItem {
            background-color: #000;
        }

.DocumentImageView {
    /*width: 100%;
    display: block;
    height: 102%;
    right: 0;
    top: -3px;
    margin: 0 0 0 5px;*/
}

.DocumentImageView .anno_menu_cont {
    border: none;
}

.DocumentImageView .anno_menu_cont.collapse.pressed {
    background-position: -66px -207px;
}

.DocumentImageView .anno_menu_cont.collapse {
    border: 1px solid #000;
    display: inline-block;
    height: 20px;
    position: relative;
    background-position: -66px -165px;
}

.DocumentImageView .anno_menu_cont.collapse:active {
    background-image: url("../../../Content/images/s.png?v=25.2.118");
    background-position: -66px -207px;
}

.DocumentImageView .anno_menu_cont.collapse .collapsedAnnotationMenuButton {
    padding: 5px;
    position: relative;
    top: 2px;
    cursor: pointer;
}

.DocumentImageView .viewer_menubar .vert_seperator_hidable {
    display: block;
    float: left;
    margin: 0 2px 0 5px;
}

.DocumentImageView .viewer_menubar .view_menu {
    float: left;
    position: relative;
    margin: 0 0 0 3px;
}

.DocumentImageView .viewer_menubar .viewer_navigation,
.DocumentImageView .viewer_menubar .rotate_menu {
    float: left;
    display: inline-block;
    margin-left: 6px;
    margin: 3px 0 0 6px;
}

.DocumentImageView .viewer_menubar .displayNone,
.DocumentImageView .viewer_menubar div.displayNone {
    display: none;
}

.DocumentImageView .viewer_menubar .viewer_results_type {
    float: left;
    margin: 0 1px;
    position: relative;
}

.DocumentImageView .viewer_menubar .navControl {
    background-color: transparent;
    border: none;
    cursor: pointer;
    float: left;
    height: 16px;
    position: relative;
}

.DocumentImageView .viewer_menubar input {
    float: left;
    height: 12px;
    margin: 0px 3px;
    position: relative;
    text-align: center;
    top: -3px;
    width: 40px;
}

.DocumentImageView .viewer_menubar .rotate_menu .rotateControl {
    float: left;
    cursor: pointer;
    padding-right: 2px;
}

.DocumentImageView .viewer_image {
    background-image: url(../../../Content/images/transparent.png?v=25.2.118);
    border: 1px solid #000;
    display: inline-block;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 3px;
    bottom: 5px;
    /* NOTE: MSEdge native view pdf displays all black if this isn't set */
    left: 3px;
    margin: 32px 0 0 0;
}

.DocumentImageView .viewer_image.thumbnailleft {
    margin-left: 165px;
}

.DocumentImageView .viewer_image.thumbnailright {
    margin-right: 165px;
}

.DocumentImageView .viewer_image .fullIframe {
    height: 100%;
    width: 100%;
}

.DocumentImageView .viewer_image .fullIframe.hideNative {
    display: none;
}

.DocumentImageView .viewer_image .iconIframe {
    height: 34px;
    width: 34px;
}

.DocumentImageView .viewer_image .downloadNativeDocument {
    top: -10px;
    position: relative;
}

.DocumentImageView .viewer_image .userFriendlyMsg {
    color: #FFFFFF;
    font-weight: bold;
}

.DocumentImageView iframe.download {
    display: none;
}
.DocumentImageView .documentText {
    background: #FFF;
    border: 1px solid #000;
    bottom: 7px;
    display: none;
    height: 300px;
    left: 0;
    position: absolute;
    width: 99.7%;
}

.DocumentImageView .bookmarks_container {
    position: relative;
    top: 0px;
    display: inline-block;
    float: left;
    z-index: 10
}

.EntityMetaFieldGroupsView {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: var(--kc-panel-card-bg);
}

    .EntityMetaFieldGroupsView .customFieldGroup {
        width: calc(100% - 100px); /* account for width of "Add" button */
        min-width: 100px;
        height: 20px;
        margin: 10px 5px 0;
        float: left;
    }

    .EntityMetaFieldGroupsView .addGroup {
        bottom: 2px;
        float: left;
        position: relative;
        right: 4px;
        margin: 8px 6px 5px;
    }

    .EntityMetaFieldGroupsView .cfgGridsContainer {
        padding: 4px 9px 15px 4px; /* 15px bottom to account for horizontal perfect scroll bar */
        overflow: hidden;
        position: relative; /* Set position so perfect scrollbar show at the bottom of the container (e.g. Line Items) */
    }

        .EntityMetaFieldGroupsView .cfgGridsContainer:empty {
            display: none;
        }

    .EntityMetaFieldGroupsView .customGridTableContainer {
        min-height: 100px;
    }

    .EntityMetaFieldGroupsView .EntityMetaFieldSetValueView .ui-combobox .ui-button {
        display: inline-block;
        padding: 0;
        position: relative;
        float: none;
        height: 22px;
        margin: -4px 0 0 -1px;
    }

.EntityMetaFieldGroupView {
    width: 100%;
    height: 100%;
    min-height: 100px;
    position: relative;
    margin-bottom: 5px;
}

.EntityMetaFieldGroupView .scrollContainer {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto;
}

.EntityMetaFieldGroupView .rowNumberCell {
    width: 30px;
}

.EntityMetaFieldGroupView .deleteRowCell {
    width: 40px;
}

.EntityMetaFieldGroupView .deleteGroup {
    background-image: url(../../../Content/images/docstar_sprite.png?v=25.2.118);
    background-position: -144px -100px;
    margin: 2px 3px 0 0;
    margin-right: 7px;
}

.EntityMetaFieldGroupView .deleteGroup .isSubgrid {
    float: unset;
}

.EntityMetaFieldGroupView .columnSpacer {
    background: #FFF;
}

.EntityMetaFieldGroupView .isSubgrid {
    overflow: auto;
    width: 100%;
}

.EntityMetaFieldGroupView .missingCFsErrMsgContainer:empty {
    display: none;
}
.EntityMetaFieldGroupView .customGridPager .customGridPagerNavigation {
 margin-right: 35%;
}

.cfgGridsContainer .EntityMetaFieldGroupView .customGridTable span.line-item-check {
    width: 25px;
}

.EntityMetaFieldGroupView tr.totalRow {
    background-color: #e7eded;
    font-weight: 600;
}
/* Customize scroll bar */
.EntityMetaFieldGroupView .customGridScrollableContainer::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.EntityMetaFieldGroupView .customGridScrollableContainer::-webkit-scrollbar-thumb {
    background-color: var(--k-label);
}

.EntityMetaFieldGroupView .customGridScrollableContainer::-webkit-scrollbar-track {
    background-color: var(--k-disabled);
}

/* Mozilla Scrollbar styles */

.EntityMetaFieldGroupView .customGridScrollableContainer {
    scrollbar-color: var(--k-label) var(--k-disabled);
    scrollbar-width: var(--k-scroll);
}

/* IE scrollbar styles */

.EntityMetaFieldGroupView .customGridScrollableContainer {
    -ms-scrollbar-base-color: var(--k-label);
    -ms-scrollbar-track-color: var(--k-disabled);
}
.EntityMetaFieldSetView {
    height: 22px;
}

    .EntityMetaFieldSetView.mismatch {
        background: #FFF;
    }

        .EntityMetaFieldSetView.mismatch td {
            border-top: 2px solid #FF0000;
            border-bottom: 2px solid #FF0000;
        }

            .EntityMetaFieldSetView.mismatch td:first-child {
                border-left: 2px solid #FF0000;
            }

            .EntityMetaFieldSetView.mismatch td:last-child {
                border-right: 2px solid #FF0000;
            }

    .EntityMetaFieldSetView td.mismatch {
        color: #FF0000;
        font-weight: bold;
    }

    .EntityMetaFieldSetView .deleteSet {
        margin-right: 9px;
        background-image: url(../../../Content/images/docstar_sprite.png?v=25.2.118);
        background-position: -144px -100px;
        margin: 2px 3px 0 0;
    }

    .EntityMetaFieldSetView td.requiresValue {
        border-color: #ff0000;
        color: #a60000;
    }

.EntityMetaFieldsView {
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 13px;
    background-color: var(--kc-panel-card-bg);
}


.EntityMetaFieldsView .metadata_viewer {
    width: 100%;
    position: relative;
    display: table;
    table-layout: fixed;
}

.EntityMetaFieldsView .metadata_viewer .viewer_meta_title {
    text-align: left;
    vertical-align: middle;
    padding-left: 3px;
    overflow: hidden;
}
@media not all and (min-resolution:.1dpi) {
    /* for safari browser only; https://fabiorosado.dev/blog/change-css-safari-only/ */
    .EntityMetaFieldsView .metadata_viewer .viewer_meta_title {
        display: -webkit-box;
    }
}

.EntityMetaFieldsView .metadata_viewer:hover .viewer_meta_title:after {
    content: "";
    display: block;
    overflow: hidden;
    height: 1em;
    border-bottom: 2px dotted #999;
}

.EntityMetaFieldsView .metadata_viewer select:not(.cfsFormat) {
    height: 20px;
    min-height: 20px;
    position: relative;
    font-size: 13px;
    width: calc(100% - 10px);
    left: 8px;
    border: 1px solid #d3d3d3;
}

    .EntityMetaFieldsView .metadata_viewer select.contenttypeid {
        left: -32px;
    }

    .EntityMetaFieldsView .metadata_viewer .CTLabel {
        margin: 0 3px;
    }

.EntityMetaFieldsView .entityTypeFieldButtons {
    width: 100%;
    position: relative;
    display: inline-block;
    margin-bottom: 2px;
}

.EntityMetaFieldsView .entityTypeFieldButtons .throbber {
    margin: 3px;
}

.EntityMetaFieldsView .entityTypeFieldButtons .addCfContainer {
    margin: 0 12px 0 0;
}

.EntityMetaFieldsView .entityTypeFieldButtons .addCfContainer:hover {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
}

.EntityMetaFieldsView .entityTypeFieldButtons .syncActionMessageContainer {
    margin: 5px;
}

.EntityMetaFieldsView .entityTypeFieldButtons .syncActionMessageContainer .syncActionError {
    color: red;
}

.EntityMetaFieldsView .formFieldsContainer fieldset {
    margin: 10px 0 0 0;
    padding: 0;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.EntityMetaFieldsView .formFieldsContainer fieldset legend {
    margin: 0 0 10px 15px;
}

.EntityMetaFieldsView .entityDiffersFromType {
    font-style: italic;
}

.EntityMetaFieldsView .entityDiffersFromType select,
.EntityMetaFieldsView .entityDiffersFromType input {
    font-style: italic;
}

.EntityMetaFieldsView .twoColumns {
    columns: 150px 2;
}
    .EntityMetaFieldsView .twoColumnsContainer {
        display: flex;
        padding: 5px;
    }

        .EntityMetaFieldsView .twoColumnsContainer .items_checkbox {
            width: 18px;
            left: 18px;
        }

.EntityMetaFieldView {
    width: 100%;
    position: relative;
    table-layout: fixed;
}

.EntityMetaFieldView.metadata_viewer select {
    height: 20px;
    min-height: 20px;
    position: relative;
    font-size: 11px;
    width: calc(100% - 15px);
}

.EntityMetaFieldView.metadata_viewer input {
    height: 20px;
    min-height: 20px;
    position: relative;
    font-size: 11px;
    width: calc(100% - 15px);
    left: 8px;
    border: 1px solid #d3d3d3;
}

.EntityMetaFieldView.metadata_viewer .taContainer {
    overflow: auto;
    overflow-x: hidden;
    max-height: 100px;
    border: 1px solid black;
    margin: 2px 0;
    padding-left: 5px;
    cursor: default;
}

/* Bug 11114 - remove the below block once this is fixed */
    .EntityMetaFieldView.metadata_viewer textarea {
        height: 20px;
        min-height: 20px;
        min-width: 128px;
        position: relative;
        width: 90%;
        border-radius: 2px;
        font-family: Source Sans Pro, Verdana, Tahoma;
        font-size: 13px;
        max-height: 100px;
        overflow-x: hidden;
    }

/* Bug 11114 - uncomment the below block once this is fixed */
/*.EntityMetaFieldView.metadata_viewer textarea {
        height: 20px;
        min-height: 20px;
        min-width: 128px;
        position: relative;
        width: 100%;
        border-radius: 2px;
        font-family: Verdana,Tahoma;
        font-size: 11px;
        overflow: hidden;
        resize: none;
        border: none;
        padding: 2px 0;
        outline: 0px solid transparent;
    }*/

.EntityMetaFieldView.metadata_viewer input[type="checkbox"] {
    width: auto;
    margin: 0 0 0 21%;
}

.EntityMetaFieldView.metadata_viewer span {
    min-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    margin: 0 3px;
    word-break: break-word;
}
    .EntityMetaFieldView .show_pred {
        width: 40px;
        vertical-align: middle;
    }

    .EntityMetaFieldView .hide_pred {
        width: 40px;
        vertical-align: middle;
        visibility: hidden;
    }


.DocumentMetaFolderView {
    width: 100%;
    position: relative;
}

.DocumentMetaFolderView .valueWidth {
    width: 60%;
}

.DocumentMetaFolderView.metadata_viewer span {
    margin: 0 3px;
}

.DocumentMetaFolderView.metadata_viewer .valueTextArea .folderList {
    border: 1px solid #d3d3d3;
    min-height: 20px;
    width: calc(100% - 10px);
    left: -32px;
    background-color: var(--p-white);
}

.DocumentMetaFolderView.metadata_viewer .valueTextArea .folderList .folderName {
    margin: 3px 0 3px 3px;
    float: left;
    word-break: break-all;
}

.DocumentMetaFolderView.metadata_viewer .valueTextArea .folderList .removeFolder {
    display: none;
    float: right;
    margin: 2px 0 0 0;
}

.DocumentMetaFolderView.metadata_viewer .valueTextArea .folderList li {
    padding: 0px;
}

.DocumentMetaFolderView.metadata_viewer .valueTextArea .folderList li:hover {
    color: #363636;
    background: none repeat-x scroll 50% 50% var(--i-lt-grayish-yellow);
}

.DocumentMetaFolderView.metadata_viewer .valueTextArea .folderList li:hover span.removeFolder {
    display: block;
}

.DocumentMetaFolderView.metadata_viewer .valueTextArea .folderList li span.removeFolder:hover {
    display: block;
}

.DocumentMetaFolderView.metadata_viewer .addFolder {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    bottom: 8px;
    right: 20px;
}

.DocumentMetaFormSetView {
    width: 100%;
    min-height: 215px;
    position: relative;
}

    .DocumentMetaFormSetView .DocumentFormSetGridViewContainer {
        height: 175px;
    }

.DocumentMetaRelatedItemsView {
    width: 100%;
    height: 165px; /* Allows for 6 visible related items, without scrolling*/
    position: relative;
    background-color: var(--kc-panel-card-bg);
}

.DocumentMetaRelatedItemsView .typeHeader {
    width: 30px;
}

.DocumentMetaRelatedItemsView .rd_container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.DocumentMetaRelatedItemsView .customGridScrollableContainer,
.scrollbarWidthCalculation {
    background-color: var(--kc-panel-card-bg);
}

.DocumentMetaVersioningView {
    width: 100%;
    min-height: 215px;
    position: relative;
    background-color: var(--kc-panel-card-bg);
}

.DocumentMetaVersioningView .versioningButtons {
    text-align: right;
    margin-top: 4px;
    position: relative;
    right: 5px;
}

.DocumentMetaVersioningView .DocumentVersioningGridViewContainer {
    height: 175px;
}
.DocumentMetaVersioningView .customGridScrollableContainer,
.scrollbarWidthCalculation {
    background-color: var(--kc-panel-card-bg);
}

.EntityMetaApprovalView {
    width: 100%;
    height: 100%;
    position: relative;
}

.EntityMetaApprovalView .appButtonContainer {
    margin: 5px;
    float: right;
}

.EntityMetaApprovalView .errorTextContainer {
    margin: 5px;
    padding:5px;
    text-align:justify;
}
.EntityMetaHistoryView {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: var(--kc-panel-card-bg);
}

.EntityMetaHistoryView .histTabs {
    max-width: 99%;
    width: 99%;
    display: inline-block;
    list-style: outside none none;
    margin: 0 0 0 1%;
    padding: 0;
    position: relative;
}

    .EntityMetaHistoryView .histTabs .wfTab {
       /*background: linear-gradient(to bottom, #ffffff 0px, #bdbaba 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
            border: 1px solid #b3b5b7;
            border-top-left-radius: 5px;*/
        cursor: pointer;
        display: inline-block;
        float: left;
        height: 20px;
        padding: 0;
        width: 24%;
    }

.EntityMetaHistoryView .histTabs .wfTab.selected {
    border-bottom: 3px solid var(--k-dark-blue);
}
.EntityMetaHistoryView .histTabs .wfTab span {
    display: inline-block;
    line-height: 20px;
    text-align: center;
    width: 100%;
}

    .EntityMetaHistoryView .wfChatLogListCont {
        border: 1px solid var(--kc-panel-card-border);
        margin: 0 0 0 1%;
        overflow: hidden;
        position: relative;
        text-align: left;
        max-width: 97%;
        padding: 5px;
        line-height: 18px;
        max-height: 280px;
        overflow-y: auto;
        border: 1px solid #ccc;
        scroll-behavior: smooth;        
    }

    .EntityMetaHistoryView .wfChatLogListCont.wrapped{
        max-height: 100%;
    }

.EntityMetaHistoryView .wfChatLogListCont .approvalsList {
    display: inline-block;
    list-style: outside none none;
    margin: 3px;
    min-height: 20px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 98%;
    word-wrap: break-word;
}

.EntityMetaHistoryView .wfChatLogListCont .approvalsList li {
    border: 1px solid var(--kc-panel-card-border);
    float: left;
    left: 1%;
    margin: 2px 0;
    position: relative;
    white-space: normal;
    width: 97.5%;
    word-wrap: break-word;
}

.EntityMetaHistoryView .wfChatLogListCont .approvalsList li.currentUserApproval {
    background: none repeat scroll 0 0 #add8e6;
}


.EntityMetaHistoryView .wfChatLogListCont .approvalsList li div {
    float: left;
    margin: 0 2px;
}

.EntityMetaHistoryView .wfChatLogListCont .approvalsList li div.item_type_icon {
    left: 0;
}

.EntityMetaHistoryView .wfChatLogListCont .approvalsList li div.reason {
    max-height: 100px;
    overflow: auto;
    word-break: break-all;
    word-wrap: break-word;
}

.EntityMetaHistoryView .wfChatLogListCont .approvalsList li div.name {
    margin: 2px;
    max-width: 90%;
    width: 90%;
    word-wrap: break-word;
}

.EntityMetaHistoryView .wfChatLogListCont .approvalsList li div.recall div.recall span.anchor {
    color: #0091ea;
}

.EntityMetaHistoryView .wfChatLogListCont .approvalsList li div.recall {
    float: right;
    margin-right: 4px;
}
.EntityMetaView {
    width: 100%;
    height: 100%;
    position: relative;
}

    .EntityMetaView .view_document_data_scroll {
        float: left;
        margin: 0px 3px 0px 0px;
        overflow: hidden;
        padding: 0px;
        position: relative;
        width: 100%;
    }

        .EntityMetaView .view_document_data_scroll ul {
            list-style: outside none none;
            width: 100%;
            position: relative;
            display: inline-block;
            margin: 0px;
            padding: 0px;
        }

    .EntityMetaView div.closed {
        display: none;
    }

    .EntityMetaView .meta_accordions.sorting .meta_accordion_title {
        position: static;
        /* Ensure titlebars are positioned properly when sorting */
    }

    .EntityMetaView .meta_accordion_title_contents .historyButtonContainer {
        position: absolute;
        right: 15px;
    }

    .EntityMetaView .meta_accordion_title_contents .historyButtondownloadContainer {
        position: absolute;
        right: 13px;
    }

    .EntityMetaView .meta_accordion_title_contents .historyButtonFitHeight {
        position: absolute;
        right: 28px;
    }

    .EntityMetaView .meta_accordion_title_closed .meta_accordion_title_contents .historyButtonFitHeight {
        display: none;
    }

    .EntityMetaView .meta_accordion_title_open .meta_accordion_title_contents .historyButtonFitHeight {
        display: block;
    }

    .EntityMetaView .meta_accordion_title_contents .historyButtonFitHeight .fitHeightIcon.wrapped {
        height: 12px;
        background-position-y: -4px;
        margin-top: 3px;
    }

    .EntityMetaView .meta_accordions.sorting .meta_accordion {
        height: 0;
        overflow: hidden;
        display: none;
    }

    .EntityMetaView .meta_accordions > li {
        display: inline-block;
        min-height: 20px;
        width: 100%;
    }

        .EntityMetaView .meta_accordions > li.displayNone {
            display: none;
        }

    .EntityMetaView .meta_accordion_title_Invalid_closed {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=var(--k-pattens-blue), endColorstr=var(--k-rust));
        background: -webkit-gradient(linear, left top, left bottom, from(var(--k-pattens-blue)), to(var(--k-rust)));
        background: -moz-linear-gradient(top, var(--k-pattens-blue), var(--k-rust));
        /* for firefox 3.6+ */
        background: linear-gradient(to bottom, var(--k-pattens-blue) 0%, var(--k-rust) 100%);
        /* W3C (IE10) maybe others soon.*/
        color: var(--p-black);
    }

    .EntityMetaView .meta_accordion_title_closed .column_chooser {
        display: none;
    }

    .EntityMetaView .meta_accordion_title_Invalid_open {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=var(--k-corn-silk), endColorstr=var(--k-rust));
        background: -webkit-gradient(linear, left top, left bottom, from(var(--k-corn-silk)), to(var(--k-rust)));
        background: -moz-linear-gradient(top, var(--k-corn-silk), var(--k-rust));
        /* for firefox 3.6+ */
        background: linear-gradient(to bottom, var(--k-corn-silk) 0%, var(--k-rust) 100%);
        /* W3C (IE10) maybe others soon.*/
        color: var(--p-white);
    }

    .EntityMetaView .meta_accordion_title {
        cursor: ns-resize;
        padding: 4px 0;
        height: 16px;
        background-color: var(--kc-panel-card-bg);
        border-radius: 3px;
        border: 1px solid var(--kc-panel-card-border);
        margin-bottom: 15px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
        margin-top: 10px;
    }

        .EntityMetaView .meta_accordion_title:hover {
            background-color: #ebebeb;
        }

        .EntityMetaView .meta_accordion_title.stickyHeader {
            z-index: 91;
            /* Overlay grid headers, resize handles and meta panel itself */
            backface-visibility: hidden;
            /* fixed blurry font for sticky headers, Chrome */
        }

            .EntityMetaView .meta_accordion_title.stickyHeader.fixed {
                position: fixed;
            }

            .EntityMetaView .meta_accordion_title.stickyHeader.asPlaceholder {
                visibility: hidden;
                /* Hide scrolling "finished" headers when scrolling */
            }

    .EntityMetaView .meta_accordion_title_contents > span.twoColumnsCF {
        float: right;
        right: 37px;
        position: absolute;
        text-decoration: none;
        margin: 0 5px;
    }

        .EntityMetaView .meta_accordion_title_contents > span.twoColumnsCF.off {
            opacity: 0.5;
        }

    .EntityMetaView .meta_accordion_title_contents > span.move {
        float: right;
        right: 5px;
        cursor: pointer;
        position: absolute;
        text-decoration: none;
        margin: 0 5px;
    }

    .EntityMetaView .meta_accordion_title_contents > span.anchor {
        float: left;
        left: 22px;
        line-height: 18px;
        position: absolute;
        text-decoration: none;
        top: 0;
        width: calc(100% - 45px);
        font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica, sans-serif, weight;
        letter-spacing: 0;
        font-size: 18px;
        font-weight: 600;
        padding: 2px 0;
        color: #112f41;
        cursor: ns-resize;
    }

    .EntityMetaView .meta_accordion_title_contents .actionMenuContainer {
        font-weight: normal;
        /* override the accordions bold font*/
        position: absolute;
        right: 20px;
    }

    .EntityMetaView .meta_accordion_title_closed .title_arrow,
    .EntityMetaView .meta_accordion_title_Invalid_closed .title_arrow {
        background-image: url("../../../Content/images/docstar_sprite.png?v=25.2.118");
        background-position: -322px -57px;
        cursor: pointer;
    }

    .EntityMetaView .meta_accordion_title_open .title_arrow,
    .EntityMetaView .meta_accordion_title_Invalid_open .title_arrow {
        background-image: url("../../../Content/images/docstar_sprite.png?v=25.2.118");
        background-position: -322px -92px;
        cursor: pointer;
    }

    .EntityMetaView .meta_accordion {
        background: var(--kc-panel-card-bg);
        margin-top: 0;
        border-left: 0;
        border-right: 0;
        display: inline-block;
        position: relative;
        width: 100%;
    }

    .EntityMetaView .meta_accordion_title > span {
        float: right;
        height: 20px;
        position: relative;
        right: 15px;
        top: 2px;
        width: 90px;
    }

.EntityViewBottom .EntityMetaView .meta_save_container {
    bottom: 35px;
}

.EntityViewLeft .EntityMetaView .meta_save_container {
    bottom: 0px;
    border-top: 1px solid var(--kc-panel-card-border);
}

    .EntityViewLeft .EntityMetaView .meta_save_container hr {
        display: none;
    }

    .EntityViewLeft .EntityMetaView .meta_save_container div.fright {
        position: relative;
        top: 1px;
    }

.EntityMetaView .meta_save_container {
    bottom: 10px;
    display: inline-block;
    float: left;
    height: 45px;
    left: 0px;
    position: relative;
    width: 100%;
    background-color: var(--p-lt-gray);
}

    .EntityMetaView .meta_save_container hr {
        display: inline-block;
        float: left;
        left: 1%;
        position: relative;
        top: 0px;
        width: 98%;
    }

    .EntityMetaView .meta_save_container .noApprovalStampNotImaged {
        margin: 3px;
    }

    .EntityMetaView .meta_save_container .throbber {
        margin: 3px;
    }

    .EntityMetaView .meta_save_container .saveDocumentButton {
        bottom: 7px;
        right: 9px;
    }

.EntityMetaView .throbberContainer {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.EntityMetaView .labelWidth {
    width: fit-content;
}

.EntityMetaView .valueWidth {
    width: 60%;
}

.EntityMetaView .navigableContainer {
    position: absolute;
    top: 0;
    right: 90px;
}

.EntityViewLeft .EntityMetaView .fieldGroupsAccordion .title_arrow,
.EntityViewBottom .EntityMetaView .fieldGroupsAccordion .title_arrow {
    right: -10px
}

.EntityViewLeft .EntityMetaView .view_document_data_scroll,
.EntityViewBottom .EntityMetaView .view_document_data_scroll {
    height: calc(100% - 17px);
}

.autoWidth {
    width: auto !important;
}

.EntityViewBottom .move {
    -webkit-transform: rotate(180deg); /* WebKit */
    transform: rotate(180deg); /* CSS3 */
}

.manageAccordions {
    margin: 0 5px;
}

.EntityMetaView .backSquared {
    position: relative;
    top: 5px;
    right: -4px
}

.EntityMetaView .menuShortcutContainer .DocumentViewerMenuItemsView {
    margin: 0;
    padding: 0;
}

.EntityMetaView .shortcutIconContainer {
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.EntityMetaView .shortcutContainer {
    display: flex;
}

.EntityMetaView .disableShortcut {
    pointer-events: none;
    opacity: 0.5;
}

.EntityMetaView .shortcutContainer .shortcutIconContainer > .linkIcon {
    margin: 3px 0px 0px 3px;
}


/* Line Items Popout Window CSS */

body:has(.lineItemsWindow) {
    min-height: 0px;
    overflow: hidden;
}

.lineItemsWindow { /* #layout */
    height: 100%;
}

    .lineItemsWindow #view_tab_panel,
    .lineItemsWindow #browse,
    .lineItemsWindow #main,
    .lineItemsWindow #tabs,
    .lineItemsWindow #two_col,
    .lineItemsWindow #tab_panel_container {
        min-height: 0px;
        height: 100%;
    }

    .lineItemsWindow #view_tab_panel {
        height: calc(100vh - 55px);
    }

    .lineItemsWindow .meta_accordions {
        min-width: 100%;
    }

    .lineItemsWindow .meta_accordion_title {
        height: auto;
    }

    .lineItemsWindow .EntityMetaView {
        display: block;
        overflow-y: auto;
        overflow-x: hidden;
        width: calc(100vw - 10px);
    }

    .lineItemsWindow .meta_save_container {
        position: fixed;
        bottom: 0px;
        border-top: 1px solid var(--kc-panel-card-border);
    }

        .lineItemsWindow .meta_save_container hr {
            display: none;
        }

        .lineItemsWindow .meta_save_container .saveDocumentButton {
            bottom: -8px;
            right: 12px;
            position: relative;
        }

    .lineItemsWindow .cfgUIContainer {
        /*        position: fixed;
        bottom: 38px;
        width: calc(100% - 7px);
        background-color: var(--p-lt-gray);*/
    }

        .lineItemsWindow .cfgUIContainer .displayTableRow {
            display: inline-block;
            border-top: 1px solid var(--kc-panel-card-border);
        }

.EntityMetaWorkflowView {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: var(--kc-panel-card-bg);
}

.EntityMetaWorkflowView .entityDiffersFromType {
    font-style: italic;
}

.EntityMetaWorkflowView .padLikeABracket {
    padding-left: 4px;
    padding-top: 4px;
    padding-right: 4px;
}

.EntityMetaWorkflowView hr {
    width: 98%;
}

.EntityMetaWorkflowView .wfInfo div span {
    float: left;
    padding: 0;
    text-align: left;
}

.EntityMetaWorkflowView .wfInfo .align-right {
    overflow: hidden;
    padding: 0 0 0 3px;
    white-space: nowrap;
    width: calc(100% - 120px);
    max-width: calc(100% - 120px);
    text-overflow: ellipsis;
}

.EntityMetaWorkflowView .wfInfo .align-left {
    font-weight: bold;
    width: 115px;
}

.EntityMetaWorkflowView div span.anchor:not(.custom_button) {
    color: #0091ea;
}

.EntityMetaWorkflowView .wfUIPrompts span.UserPromptString {
    font-weight: bold;
    padding: 0 3px 5px 0;
}

.EntityMetaWorkflowView .wfUIPrompts a.short_btn,
.EntityMetaWorkflowView .wfUIPrompts a.long_btn {
    left: -4px;
    top: -3px;
    bottom: -2px;
    float: right;
    position: relative;
    text-align: center;
}

.EntityMetaWorkflowView .wfUIPrompts a.short_btn.wfSearch {
    margin-top: 3px;
}

.EntityMetaWorkflowView .wfUIPrompts .wfApprove.disabled,
.EntityMetaWorkflowView .wfUIPrompts .wfDeny.disabled {
    cursor: default;
    background-color: #999;
    background-image: none;
}

.EntityMetaWorkflowView .wfUIPrompts .short_btn.isRequiredEmpty {
    border: 1px solid #a60000;
}

.EntityMetaWorkflowView .wfUIPrompts .depress {
    border: 2px inset #888;
}

.EntityMetaWorkflowView .wfUIPrompts .depress.isRequiredEmpty {
    border: 2px inset #a60000;
}

.EntityMetaWorkflowView .wfUIPrompts .wfApprove {
    margin: 0 9px;
}

.EntityMetaWorkflowView .wfUIPrompts .workflowTaskTemplate .radios input {
    display: table-cell;
    width: 15px;
}
.EntityMetaWorkflowView .wfUIPrompts .workflowTaskTemplate .radios {
    white-space: nowrap;
}
    .EntityMetaWorkflowView .wfUIPrompts .workflowTaskTemplate.wfDIExtractUI .radios {
        position: relative;
        top: -3px;
        padding-right: 10px;
        float: none;
    }
    .EntityMetaWorkflowView .wfUIPrompts .workflowTaskTemplate.wfDIExtractUI a.long_btn {
        top: 0px;
        float: none;
    }

.EntityMetaWorkflowView .wfUIPrompts .uiOutput {
    display: table-cell;
    width: 100%;
}

.EntityMetaWorkflowView .wfUIPrompts input[type="text"],
.EntityMetaWorkflowView .wfUIPrompts input[type="datetime"],
.EntityMetaWorkflowView .wfUIPrompts input[type="password"] {
    width: calc(100% - 20px);
}

.EntityMetaWorkflowView .wfUIPrompts input[type="checkbox"].uiOutput {
    min-width: 15px;
}

.EntityMetaWorkflowView .wfUIPrompts select.uiOutput {
    display: inline-block;
}

.EntityMetaWorkflowView .wfUIPrompts .isCombo:focus,
.EntityMetaWorkflowView .wfUIPrompts input.ui-autocomplete-input.uiOutput.isCombo:focus {
    margin: -1px;
    /* Offsets the focus border */
}

.EntityMetaWorkflowView .wfUIPrompts input:focus,
.EntityMetaWorkflowView .wfUIPrompts select:focus {
    border: 2px solid var(--k-turquoise-blue);
    box-shadow: 0 0 5px var(--k-turquoise-blue);
}

.EntityMetaWorkflowView .wfUIPrompts input,
.EntityMetaWorkflowView .wfUIPrompts select {
    box-shadow: none;
}

.EntityMetaWorkflowView .wfUIPrompts textarea.UserPromptString {
    font-weight: bold;
    resize: none;
    background: white;
    border: none;
    width: 98%;
    max-width: 98%;
    font-family: Source Sans Pro, Verdana, Tahoma;
    font-size: 13px;
    overflow: auto;
}

.EntityMetaWorkflowView .wfUIPrompts a.ui-button {
    display: inline-block;
    /* adjust styles for IE 6/7 */
    float: left;
    height: 25px;
    margin-left: -1px;
    padding: 0;
    position: absolute;
    margin-top: 5px
}

.EntityMetaWorkflowView .wfUIPrompts input.ui-autocomplete-input {
    display: inline-block;
    margin: 0;
    padding: 0.3em;
    right: 0;
}

.EntityMetaWorkflowView .wfUIPrompts input.ui-autocomplete-input {
    display: inline-block;
    margin: 0;
    padding: 0.3em;
    right: 0;
}

.EntityMetaWorkflowView .wfUIPrompts input.ui-autocomplete-input.uiOutput {
    width: 90%;
    height: 10px;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0.3em;
    right: 0;
}

.EntityMetaWorkflowView .wfUIPrompts .ui-combobox input.ui-autocomplete-input.uiOutput.isCombo {
    width: calc(100% - 36px);
    height: 23px;
    padding: 0 0.3em;
}

.EntityMetaWorkflowView .wfSearch_selection {
    text-align: right;
    margin-top: -15px;
    margin-bottom: 15px;
}

.EntityMetaWorkflowView .wfSubmit {
    text-align: right;
    position: relative;
}

.EntityMetaWorkflowView .wfSubmit .submitCont {
    display: inline-block;
    position: relative;
    right: 5px;
}

.EntityMetaWorkflowView .wfSubmit .wfSubmitOptionsList {
    background: none repeat scroll 0 0 var(--p-white);
    border: 1px solid var(--p-black);
    list-style: none outside none;
    padding: 10px;
    right: 5px;
    text-align: right;
    z-index: 15;
    /* Increased to overlay grids and most other items */
    position: absolute;
    top: 28px;
    width: 265px;
}

.EntityMetaWorkflowView .wfSubmit .wfSubmitOptionsList li {
    display: inline-block;
    text-align: left;
    width: 100%;
}

.EntityMetaWorkflowView .wfSubmit .wfSubmitOptionsList .wfSubmitOptionsClose {
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.EntityMetaWorkflowView .wfSubmit .wfUIPromptSubmit:focus {
    border: 2px solid var(--k-turquoise-blue);
    margin: -1px 1px -1px -1px;
    box-shadow: 0 0 5px var(--k-turquoise-blue);
}

.EntityMetaWorkflowView .wfSubmit .wfUIPromptSubmit,
.EntityMetaWorkflowView .wfSubmit .wfBack {
    display: inline-block;
    float: left;
    position: relative;
}

.EntityMetaWorkflowView .wfSubmit .wfUIPromptSubmit {
    margin: 0 2px 0 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.EntityMetaWorkflowView .wfSubmit .wfBack {
    margin-right: 5px;
}

.EntityMetaWorkflowView .wfSubmit span.throbber {
    margin: 4px;
}

.EntityMetaWorkflowView .wfSubmit .wfUISubmitOptions {
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 23px;
    padding: 1px 0;
    width: 15px;
    border-radius: 0 4px 4px 0;
}

.EntityMetaWorkflowView .wfSubmit .wfUISubmitOptions a {
    left: 0;
    position: relative;
    top: 20%;
}

.EntityMetaWorkflowView .wfSubmit .wfUISubmitOptions .whiteIcon {
    background-image: url("../../../Content/themes/jquery-ui/shared/images/ui-icons_d8e7f3_256x240.png?v=25.2.118");
}

.EntityMetaWorkflowView .wfSubmit .wfUISubmitOptions.disabled {
    cursor: default;
}

.EntityMetaWorkflowView .wfSubmit span.throbber {
    margin: 4px;
}

.EntityMetaWorkflowView .WFChatLog {
    left: -1px;
    position: relative;
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px;
    padding: 0px;
    display: table;
}

.EntityMetaWorkflowView .WFChatLog .chatIcon {
    padding: 3px;
}

.EntityMetaWorkflowView .WFChatLog .wfChatInput {
    width: 98%;
}

.EntityMetaWorkflowView .ui-combobox {
    margin-left: -4px;
    display: table-cell;
    width: 100%;
    height: 35px;
}

.EntityMetaWorkflowView .UserPromptString {
    max-width: 34%;
}

.EntityMetaWorkflowView .wfLeftJustify {
    font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.EntityMetaWorkflowView .wfLeftJustify.wfStatusText {
    font-weight: bold;
}

.EntityMetaWorkflowView .wfLeftJustify.wfStatus {
    margin: 5px 0 0 10px;
}

.EntityMetaWorkflowView .wfLeftJustify.noProcess {
    display: inline-block;
    margin: 15px 0;
    text-align: center;
    width: 100%;
}

.EntityMetaWorkflowView .wfLeftJustify.wfException {
    color: #a60000;
}

.EntityMetaWorkflowView .wfExceptionLayout {
    padding: 0 5px;
}

.EntityMetaWorkflowView .wfExceptionLayout .wfException {
    padding: 0 5px;
    text-decoration: underline;
    cursor: pointer;
}
.EntityMetaWorkflowView .wfDIExtractUI .UserPromptString {
    vertical-align: top;
}
.EntityMetaWorkflowView .wfDIExtractUI .custom_button {
    width: 110px;
}
    .EntityMetaWorkflowView .wfDIExtractUI .chgPendingMsg {
        display: block;
        display: none;
        text-align: center;
        font-style: italic;
        color: darkred;
    }
.DocumentMetaValiDateView {
    width: 100%;
    min-height: 215px;
    position: relative;
    background-color: var(--kc-panel-card-bg);
}
.DocumentMetaValiDateView .DocumentValiDateGridViewContainer {
    height: 175px;
}
.DocumentMetaValiDateView .customGridScrollableContainer,
.scrollbarWidthCalculation {
    background-color: var(--kc-panel-card-bg);
}

.DocumentValiDateGridItemView .ui-icon.displayNone {
    display: none;
}

.DocumentValiDateGridItemView:hover .ui-icon.displayNone {
    display: block;
}

.DocumentValiDateGridItemView.selected {
    background: none repeat-x scroll 50% 50% #fbf9d0;
    color: #363636;
}

.DocumentNativeView {
    width: 100%;
    height: 100%;
    position: relative;
}

    .DocumentNativeView .viewer_menubar .view_menu {
        float: left;
        position: relative;
        margin: 0 0 0 3px;
    }

    .DocumentNativeView .viewer_menubar .viewer_navigation {
        float: left;
        display: inline-block;
        margin-left: 6px;
        margin: 3px 0 0 6px;
    }

    .DocumentNativeView .viewer_menubar .viewer_results_type {
        float: left;
        margin: 0 1px;
        position: relative;
    }

    .DocumentNativeView .viewer_menubar .navControl {
        background-color: transparent;
        border: none;
        cursor: pointer;
        float: left;
        height: 16px;
        position: relative;
    }

    .DocumentNativeView .viewer_menubar input {
        float: left;
        height: 12px;
        margin: 0px 3px;
        position: relative;
        text-align: center;
        top: -3px;
        width: 40px;
    }


    .DocumentNativeView .nativeViewerContainer {
        background-image: url(../../../Content/images/transparent.png?v=25.2.118);
        border: 1px solid #000;
        display: inline-block;
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 3px;
        bottom: 5px; /* NOTE: MSEdge native view pdf displays all black if this isn't set */
        left: 3px;
        margin: 32px 0 0 0;
    }

        .DocumentNativeView .nativeViewerContainer .fullIframe {
            height: 100%;
            width: 100%;
        }

            .DocumentNativeView .nativeViewerContainer .fullIframe.hideNative {
                /*DOC-6633 instead of setting display:none moving the content offscreen to avoid iframe recreation*/
                position: absolute;
                left: -5000px;
            }

        .DocumentNativeView .nativeViewerContainer .iconIframe {
            height: 34px;
            width: 34px;
        }

        .DocumentNativeView .nativeViewerContainer .downloadNativeDocument {
            top: -10px;
            position: relative;
        }

        .DocumentNativeView .nativeViewerContainer .userFriendlyMsg {
            color: #FFFFFF;
            font-weight: bold;
        }

    .DocumentNativeView iframe.download {
        display: none;
    }

.EntityPagerView .metaNavigationContainer {
        width: 100%;
        display: inline-block;
        padding: 10px 0 5px 0;
        background-color: #FFF;
    }

    .EntityPagerView .meta_navigation {
        display: table;
        margin: 0 auto;
    }

        .EntityPagerView .meta_navigation > span.metadata_navigation_start,
        .EntityPagerView .meta_navigation > span.metadata_navigation_prev,
        .EntityPagerView .meta_navigation > span.metadata_navigation_next,
        .EntityPagerView .meta_navigation > span.metadata_navigation_end {
            background-color: transparent;
            border: none;
            cursor: pointer;
            float: left;
            height: 16px;
            position: relative;
            width: 16px;
        }

        .EntityPagerView .meta_navigation .metadata_results_type,
        .EntityPagerView .meta_navigation .metadata_results_max {
            float: left;
            padding: 0 12px;
            position: relative;
        }

        .EntityPagerView .meta_navigation .metadata_results_counter {
            float: left;
            height: 12px;
            margin: 0 12px;
            position: relative;
            text-align: center;
            top: -3px;
            width: 40px;
        }
.DocumentPreviewView {
    width: 100%;
    display: block;
    height: 100%;
    right: 0;
    top: -3px;
    margin: 0 0 0 5px;
}

.DocumentPreviewView .viewer_menubar {
    top: 3px;
    left: 3px;
    background: #f0ede0;
}

.DocumentPreviewView .viewer_menubar .view_menu {
    float: left;
    position: relative;
    margin: 0 0 0 3px;
}

.DocumentPreviewView .viewer_menubar .viewer_navigation {
    float: left;
    display: inline-block;
    margin-left: 6px;
    margin: 3px 0 0 6px;
}

.DocumentPreviewView .viewer_menubar .viewer_results_type {
    float: left;
    margin: 0 1px;
    position: relative;
}

.DocumentPreviewView .viewer_menubar .navControl {
    background-color: transparent;
    border: none;
    cursor: pointer;
    float: left;
    height: 16px;
    position: relative;
}

.DocumentPreviewView .viewer_menubar input {
    float: left;
    height: 12px;
    margin: 0px 3px;
    position: relative;
    text-align: center;
    top: -3px;
    width: 40px;
}

.DocumentPreviewView .viewer_menubar .DocumentViewerMenuView ul.children {
    overflow: visible;
}
.DocumentVersioningCommentView {
    left: -1px;
    position: relative;
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px;
    padding: 0px;
    display: table;
}

    .DocumentVersioningCommentView .versChatLogListContainer {
        border: 1px solid var(--kc-panel-card-border);
        position: relative;
        margin: 0px;
    }

        .DocumentVersioningCommentView .versChatLogListContainer .showCurrentAndPreviousComments {
            cursor: pointer;
        }

        .DocumentVersioningCommentView .versChatLogListContainer hr {
            display: inline-block;
            left: 2%;
            position: relative;
            width: 96%;
        }

        .DocumentVersioningCommentView .versChatLogListContainer ul {
            margin: 4px;
        }

        .DocumentVersioningCommentView .versChatLogListContainer > span {
            margin: 3px;
        }

    .DocumentVersioningCommentView .versChatLogEntry .chatIcon {
        padding: 3px;
    }

    .DocumentVersioningCommentView .versChatLogEntry .versChatInput {
        width: 98%;
    }

    .DocumentVersioningCommentView .versionComment pre {
        white-space: normal;
        word-break:break-all;
    }

    .DocumentVersioningCommentView .versionComment .displayNone {
        display: none;
    }

    .DocumentVersioningCommentView .versionComment:hover .displayNone {
        display: block;
    }

.DocumentValiDateGridView {
    position: relative;
    width: 100%;
    height: 100%;
}

    .DocumentValiDateGridView .customGridHeader {
        width: 33%;
    }

.DocumentVersioningGridItemView .ui-icon.displayNone {
    display: none;
}
.DocumentVersioningGridItemView:hover .ui-icon.displayNone {
    display: block;
}

.DocumentVersioningGridItemView.selected {
    background: none repeat-x scroll 50% 50% #fbf9d0;
    color: #363636;
}

.DocumentVersioningGridView {
    position: relative;
    width: 100%;
    height: 100%;
}

    .DocumentVersioningGridView .customGridHeader {
        width: 20%;
    }

.DocumentValiDateStatusView {
    left: -1px;
    position: relative;
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px;
    padding: 0px;
    display: table;
}

    .DocumentValiDateStatusView .vdStatusContainer {
        position: relative;
        margin: 0px;
    }
.EntityView {
    width: 100%;
    height: 100%;
    position: relative;
}

    .EntityView .EntityViewLeft {
        height: 70%;
        position: relative;
        float: left;
        z-index: 20;
    }

        .EntityView .EntityViewLeft .EntityMetaView {
            height: calc(100% - 5px); /* Make a 5px space, so the meta view isn't pushed up using a bottom */
        }

        .EntityView .EntityViewLeft .EntityPagerView + .EntityMetaView .metaPanelWithPagerView {
            height: calc(100% - 70px); /* Make a 5px space, so the meta view isn't pushed up using a bottom */
        }

    .EntityView .EntityViewRight {
        position: absolute;
        height: 68%;
        right: 0;
        left: 0;
        min-width: 480px;
    }

    .EntityView .EntityViewBottom {
        height: 25%;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        min-width: 480px;
        z-index: 20;
        right: 18px;
    }

    .EntityView .ui-resizable-handle:hover {
        background-color: rgba(2,80,100,.5);
    }

    .EntityView .EntityViewBottom .EntityPagerView {
        margin: 2px 0 0;
    }

        .EntityView .EntityViewBottom .EntityPagerView + .EntityMetaView .metaPanelWithPagerView {
            max-height: calc(100% - 80px);
        }

    .EntityView .EntityViewBottom .ui-resizable-n {
        top: -45px
    }

    .EntityView .EntityViewBottom .EntityMetaView .view_document_data_scroll {
        top: -40px;
        background-color: var(--p-lt-gray);
    }

    .EntityView .EntityViewBottom .meta_accordions {
        background-color: var(--p-lt-gray);
    }
    /*#region Document Hits */
    .EntityView .documentNavigator {
        background: #DAE9F8;
        border: 1px solid #000;
        color: black;
        cursor: default;
        display: none;
        font-weight: normal;
        height: 15px;
        line-height: 15px;
        padding: 7px 5px;
        position: absolute;
        top: 32px;
        z-index: 98;
    }

        .EntityView .documentNavigator div {
            display: inline-block;
            float: left;
        }

        .EntityView .documentNavigator span {
            cursor: default;
            display: inline-block;
            float: left;
            margin: 0 15px 0 0;
        }

            .EntityView .documentNavigator span.ui-icon {
                cursor: pointer;
                margin: 0;
            }

            .EntityView .documentNavigator span.closeDocNav {
                margin: 0 5px 0 0;
            }

            .EntityView .documentNavigator span.cursor {
                cursor: pointer;
            }

    .EntityView .documentText {
        background: #FFF;
        border: 1px solid #000;
        bottom: 7px;
        display: none;
        height: 300px;
        left: 0;
        position: absolute;
        width: 99.7%;
    }

    .EntityView .documentTextHeader {
        background: #DAE9F8;
        border-bottom: 1px solid #000;
        height: 15px;
        padding: 7px 0;
        position: relative;
        width: 100%;
    }

        .EntityView .documentTextHeader span {
            display: inline-block;
            float: left;
            line-height: 15px;
            margin: 0 5px 0 10px;
        }

            .EntityView .documentTextHeader span.closeDocText {
                cursor: pointer;
            }

    .EntityView .documentTextContent {
        height: 265px;
        overflow: auto;
    }

        .EntityView .documentTextContent pre {
            font-family: Source Sans Pro, verdana;
            font-size: 13px;
            margin: 5px 0 5px 15px;
            max-height: 100%;
        }

    .EntityView .hitHighlight {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#51CBEE', endColorstr='#51CBEE');
        background: #51CBEE;
    }

    .EntityView .annoHighlight {
        background: #51CBEE;
        display: inline-block;
        opacity: .75;
        position: absolute;
    }

    .EntityView .EntityViewLeft .ui-resizable-e {
        right: -18px; /* Moving the resize handle to the right of the scrollbar */
    }

/*#endregion Document Hits*/

/*
   Base css for our custom menus
   Shared between menu views (e.g. PackageViewerMenuView, DocumentViewerMenuView, etc.)
*/
:root {
    /*Primary Colors*/
    --p-white: #ffffff;
    --p-black: #000000;
    /*Accent colors*/
    --a-mauve: #b5709a;
    /*Kinetic colors*/
    --kc-interactive-blue: #0d6b9e;
    --kc-interactive-hover: #118ed1;
    --kc-interactive-pressed: #09496b;
    --kc-interactive-gray: #f2f2f2;
    --kc-grid-header: #c1e4f7;
    --kc-interactive-pressed: #09496b;
    --kc-panel-card-border: #91bec9;
    /*Kinetic Text colors*/
    --k-text: #000000;
    --k-label: #616161;
    --k-sec-text: #333333;
    --k-disabled: #cccccc;
    /*Scrollbar Width*/
    --k-scroll: thin;
}
.MenuView {
    float: left;
    left: 5px;
    position: relative;
    top: 0;
}

    .MenuView .submenu li span {
        display: inline-block;
        float: left;
        height: 16px;
        width: 16px;
        z-index: 1;
    }

    .MenuView ul.children {
        padding: 0 0 5px 0;
        width: 290px;
    }

    .MenuView li span.ui-icon-check,
    .MenuView .submenu li span.ui-icon-check {
        top: 2px;
        position: relative;
    }

    .MenuView li span {
        display: inline-block;
        float: left;
        height: 16px;
        width: 16px;
        z-index: 1;
    }

        .MenuView li span.anchor {
            width: auto;
        }

        .MenuView li span.right_icon,
        .MenuView .submenu li span.right_icon {
            float: right;
            position: absolute;
            right: 0;
            top: 3px;
        }

    .MenuView .dropdown ul li span.anchor,
    .MenuView .submenu li span.anchor {
        float: none;
        font-weight: normal;
        position: relative;
        width: 100%;
    }

    .MenuView .dropdown_arrow {
        position: absolute;
        right: 1px;
        top: 3px;
    }

    .MenuView .parent {
        font-weight: normal;
        height: 18px;
        line-height: 8px;
        padding: 1px;
    }


    .MenuView li:hover {
        background: var(--p-white);
    }

    .MenuView .menu_item {
        display: inline-block;
        margin: 0;
        position: relative;
        width: 100%;
    }

        .MenuView .menu_item .left_icon {
            float: left;
            left: 2px;
        }

    .MenuView .dropdown ul.children {
        overflow: visible;
    }

    .MenuView .ItemsView {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
    }

.EntityViewerView {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 0 0 18px;
    background: linear-gradient(to bottom, #008AA9 0, #008AA9 100%);
}

    .EntityViewerView.metaPanelHidden {
        left: -18px;
    }

    .EntityViewerView.hideNative .viewer_image {
        visibility: hidden;
        overflow: hidden;
        width: 0;
        height: 0;
    }

    .EntityViewerView .DocumentViewerMenuView ul.children {
        overflow: visible;
    }

        .EntityViewerView .DocumentViewerMenuView ul.children::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }

        .EntityViewerView .DocumentViewerMenuView ul.children::-webkit-scrollbar-thumb {
            background-color: var(--k-label);
        }

        .EntityViewerView .DocumentViewerMenuView ul.children::-webkit-scrollbar-track {
            background-color: var(--k-disabled);
        }

    /* Mozilla Scrollbar styles */

    .EntityViewerView .DocumentViewerMenuView ul.children {
        scrollbar-color: var(--k-label) var(--k-disabled);
        scrollbar-width: var(--k-scroll);
    }

    /* IE scrollbar styles */

    .EntityViewerView .DocumentViewerMenuView ul.children {
        -ms-scrollbar-base-color: var(--k-label);
        -ms-scrollbar-track-color: var(--k-disabled);
    }

    .EntityViewerView .editMarkContainer .approvalStampContentContainer {
        width: 100%;
        margin: 2px 0;
        position: relative;
        float: left;
        top: 100%;
        min-width: 155px;
        cursor: default;
    }

        .EntityViewerView .editMarkContainer .approvalStampContentContainer .explanationContainer {
            border: 1px solid black;
            overflow: auto;
            margin: 2px 0;
            padding-left: 5px;
            cursor: default;
            max-height: 95px;
            /* Height of textarea in the approval dialog */
        }

            .EntityViewerView .editMarkContainer .approvalStampContentContainer .explanationContainer textarea {
                resize: none;
                border: none;
                padding: 2px 0;
                width: 100%;
                outline: 0px solid transparent;
            }

                .EntityViewerView .editMarkContainer .approvalStampContentContainer .explanationContainer textarea:focus {
                    outline: 0px solid transparent;
                }

        .EntityViewerView .editMarkContainer .approvalStampContentContainer .explanationContainer,
        .EntityViewerView .editMarkContainer .approvalStampContentContainer .signingCeremonyContainer {
            background: #FFF;
        }

        .EntityViewerView .editMarkContainer .approvalStampContentContainer .approvalStampBtnContainer {
            float: right;
        }

        .EntityViewerView .editMarkContainer .approvalStampContentContainer .signingCeremonyContainer {
            padding: 0 5px;
        }

    .EntityViewerView .editMarkContainer .selectedAnno {
        z-index: 151;
        /* Always have the selectedAnno on top of others*/
        /*margin: -1px;*/
        /* To make up for the selected border */
    }
    .hiddenDocView {
        width: 15px;
        left: auto;
        right: 2px;
    }

:root {
    /*Primary Colors*/
    --p-white: #ffffff;
    --p-black: #000000;
    /*Accent colors*/
    --a-mauve: #b5709a;
    /*Industry colors*/
    /*Kinetic colors*/
    --kc-interactive-blue: #0d6b9a;
    --kc-interactive-hover: #118ed1;
    --kc-interactive-pressed: #09496b;
    /*Kinetic Text colors*/
    --k-label: #616161;
    --k-disabled: #cccccc;
    /*Scrollbar Width*/
    --k-scroll: thin;
}
.AttachmentView {
    width: 72px;
    height: 90px;
    position: relative;
    display: inline-block;
    border: 1px solid #000;
    margin: 5px 0 5px 10px;
    padding: 2px;
    background-color: white;
}

    .AttachmentView .imgContainer {
        float: left;
    }

    .AttachmentView .deleteAttachment {
        position: absolute;
        top: -1px;
        right: -1px;
        cursor: pointer;
        background-color: #FFFFFF;
        border: 1px solid #000;
        border-bottom-left-radius: 5px;
    }

    .AttachmentView div.imgContainer .item_type_icon {
        top: 35px;
        left: 28px;
    }

    .AttachmentView div.imgContainer img {
        background-color: white;
        max-height: 88px;
        max-width: 72px;
    }

    .AttachmentView div.imgContainer:not(.isIcon) img {
        width: 100%;
        height: 100%;
    }

    .AttachmentView div.imgContainer.isIcon img {
        width: 15px;
        height: 16px;
        top: 35px;
        left: 28px;
        position: absolute;
    }

    .AttachmentView .progressCont {
        width: 80%;
        height: 15%;
        top: 70px;
        left: 6px;
        position: absolute;
    }

        .AttachmentView .progressCont .progressStatus {
            top: -4px;
        }

.AttachmentViewer {
    width: 100%;
    height: 100%;
}

    .AttachmentViewer .imgContainer {
        width: 100%;
        height: 100%;
        position: relative;
        border: 1px solid #000;
        margin: 3px;
    }

        .AttachmentViewer .imgContainer.fitWidth {
            width: 100%;
        }

            .AttachmentViewer .imgContainer.fitWidth img {
                width: 100%;
                vertical-align: middle;
            }

        .AttachmentViewer .imgContainer.fitHeight {
            height: 100%;
            text-align: center;
        }

            .AttachmentViewer .imgContainer.fitHeight img {
                height: 100%;
            }

        .AttachmentViewer .imgContainer .item_type_icon,
        .AttachmentViewer .imgContainer.isIcon img {
            position: absolute;
            top: calc(50% - 8px); /* half height of standard icon */
            left: calc(50% - 8px); /* half width of standard icon */
        }

        .AttachmentViewer .imgContainer.isLoading img.actualImage {
            display: none;
        }

        .AttachmentViewer .imgContainer img {
            position: relative;
        }

        .AttachmentViewer .imgContainer.isIcon img {
            width: 15px;
            height: 16px;
        }

    .AttachmentViewer .viewer_navigation {
        display: inline-block;
        margin: 10px auto 0 auto;
    }

    .AttachmentViewer .progressCont {
        width: 50%;
        margin-top: calc(100% - 120px);
        float: none;
    }

    .AttachmentViewer .previewContainer {
        width: 100%;
        height: 100%;
        text-align: center;
    }

        .AttachmentViewer .previewContainer.hasPager {
            height: calc(100% - 25px);
        }

        .AttachmentViewer .previewContainer .imgContainer iframe {
            width: 100%;
            height: 100%;
        }

.AttachmentViewerDialog .att_navigation {
    display: inline-block;
    margin: 0 0 -5px 20px;
}

    .AttachmentViewer .navControl,
    .AttachmentViewerDialog .att_navigation .navControl {
        background-color: transparent;
        border: none;
        cursor: pointer;
        float: left;
        height: 16px;
        position: relative;
    }

    .AttachmentViewer .viewer_results_type,
    .AttachmentViewerDialog .att_navigation .viewer_results_type {
        float: left;
        margin: 0 1px;
        position: relative;
    }

    .AttachmentViewer input,
    .AttachmentViewerDialog .att_navigation input {
        float: left;
        height: 12px;
        margin: 0px 3px;
        position: relative;
        text-align: center;
        top: -3px;
        width: 40px;
    }

.RibbonBarView {
    width: 100%;
    padding: 5px 0;
    display: inline-block;
    border-top: 2px solid #999;
    flex: 0 1 auto;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#FFFFFF');
    background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#FFFFFF));
    background: -moz-linear-gradient(top, #F9F9F9, #FFFFFF); /* for firefox 3.6+ */
    background: linear-gradient(to bottom, #F9F9F9 0, #FFFFFF 100%); /* W3C (IE10) maybe others soon. */
}

    .RibbonBarView.collapsed {
        height: 22px;
    }

        .RibbonBarView.collapsed .attachment_accordion_title_uploadStatusInText {
            display: block;
        }

        .RibbonBarView.collapsed .attachment_accordion {
            display: none;
        }

    .RibbonBarView .attachment_accordion {
        width: 100%;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        max-width: calc(100% - 35px);
        padding: 0 5px;
    }

    .RibbonBarView .attachment_accordion_title_uploadStatusInText {
        font-weight: bold;
        width: calc(100% - 25px);
        margin-left: 5px;
        padding: 2px 0;
        display: none;
    }

    .RibbonBarView .attachment_accordion_title_contents {
        cursor: pointer;
        float: right;
        font-weight: bold;
        width: 20px;
        height: 20px;
        position: relative;
        top: -5px; /* Offset padding of ribbon bar */
        border-left: 1px solid #000;
        border-bottom: 1px solid #000;
        border-bottom-left-radius: 5px;
    }

    .RibbonBarView .attachment_accordion_title_contents_closed {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D4E8FC', endColorstr='#032342');
        background: -webkit-gradient(linear, left top, left bottom, from(#D4E8FC), to(#032342));
        background: -moz-linear-gradient(top, #D4E8FC, #032342); /* for firefox 3.6+ */
        background: linear-gradient(to bottom, #D4E8FC 0%, #032342 100%); /* W3C (IE10) maybe others soon.*/
        color: #FFF;
    }

    .RibbonBarView .attachment_accordion_title_contents_open {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCEFC7', endColorstr='#F1B616');
        background: -webkit-gradient(linear, left top, left bottom, from(#FCEFC7), to(#F1B616));
        background: -moz-linear-gradient(top, #FCEFC7, #F1B616); /* for firefox 3.6+ */
        background: linear-gradient(to bottom, #FCEFC7 0%, #F1B616 100%); /* W3C (IE10) maybe others soon.*/
        color: #000;
    }

    .RibbonBarView .title_arrow {
        height: 15px;
        width: 15px;
        left: 3px;
        position: relative;
    }

    .RibbonBarView .attachment_accordion_title_contents_closed .title_arrow {
        background-image: url("../../../Content/images/s.png?v=25.2.118");
        background-position: -46px -41px;
    }

    .RibbonBarView .attachment_accordion_title_contents_open .title_arrow {
        background-image: url("../../../Content/images/s.png?v=25.2.118");
        background-position: -60px -41px;
    }