/* Minification failed. Returning unminified contents.
(355,35): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(392,35): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(397,28): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(403,35): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(408,35): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(412,22): run-time error CSS1039: Token not allowed after unary operator: '-p-white-smoke'
(490,28): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(958,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(963,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(970,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(970,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(978,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(979,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(1210,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(1310,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(1314,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(1320,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(1320,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(1327,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(1328,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(1373,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(1553,28): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(1574,51): run-time error CSS1039: Token not allowed after unary operator: '-i-lt-grayish-yellow'
(1605,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(1622,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(1629,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(1644,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(1661,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(1687,35): run-time error CSS1039: Token not allowed after unary operator: '-k-dark-blue'
(1697,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(1720,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(1816,79): run-time error CSS1039: Token not allowed after unary operator: '-k-pattens-blue'
(1816,114): run-time error CSS1039: Token not allowed after unary operator: '-k-rust'
(1817,79): run-time error CSS1039: Token not allowed after unary operator: '-k-pattens-blue'
(1817,106): run-time error CSS1039: Token not allowed after unary operator: '-k-rust'
(1818,52): run-time error CSS1039: Token not allowed after unary operator: '-k-pattens-blue'
(1818,75): run-time error CSS1039: Token not allowed after unary operator: '-k-rust'
(1820,53): run-time error CSS1039: Token not allowed after unary operator: '-k-pattens-blue'
(1820,79): run-time error CSS1039: Token not allowed after unary operator: '-k-rust'
(1822,21): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(1830,79): run-time error CSS1039: Token not allowed after unary operator: '-k-corn-silk'
(1830,111): run-time error CSS1039: Token not allowed after unary operator: '-k-rust'
(1831,79): run-time error CSS1039: Token not allowed after unary operator: '-k-corn-silk'
(1831,103): run-time error CSS1039: Token not allowed after unary operator: '-k-rust'
(1832,52): run-time error CSS1039: Token not allowed after unary operator: '-k-corn-silk'
(1832,72): run-time error CSS1039: Token not allowed after unary operator: '-k-rust'
(1834,53): run-time error CSS1039: Token not allowed after unary operator: '-k-corn-silk'
(1834,76): run-time error CSS1039: Token not allowed after unary operator: '-k-rust'
(1836,21): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(1843,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(1845,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(1917,25): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(1996,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(2111,28): run-time error CSS1039: Token not allowed after unary operator: '-k-turquoise-blue'
(2112,30): run-time error CSS1039: Token not allowed after unary operator: '-k-turquoise-blue'
(2191,45): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(2192,28): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(2219,28): run-time error CSS1039: Token not allowed after unary operator: '-k-turquoise-blue'
(2221,30): run-time error CSS1039: Token not allowed after unary operator: '-k-turquoise-blue'
(2342,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(2349,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(2561,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(2809,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2810,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2812,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2814,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2815,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2816,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2817,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2818,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2819,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2820,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2822,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2823,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2824,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2825,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2896,26): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(2953,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(2957,36): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(2963,31): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(2963,46): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(2970,40): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(2971,41): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(3028,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3029,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3031,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3034,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3035,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3036,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3038,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3039,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 div,
    .AnnotationView .fontPropCont div > span {
        background-image: url("../../../Content/images/docstar_sprite.png?v=22.1.85");
        display: inline-block;
        float: left;
    }

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

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

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


    .AnnotationView .annotations_menu > div.custom_button.pressed {
        /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#082647', endColorstr='#CDDEFF');
        background: -webkit-gradient(linear, left top, left bottom, from(#082647), to(#CDDEFF));*/
        /*background: -moz-linear-gradient(top, #082647, #CDDEFF);*/
        /* for firefox 3.6+ */
        /*background: linear-gradient(to bottom, #082647 0, #CDDEFF 100%);*/
        /* W3C (IE10) maybe others soon.*/
    }

    .AnnotationView div.cancelEditMode {
        display: none;
    }

        .AnnotationView div.cancelEditMode .ui-icon-cancel {
            background-image: url("../../../Content/images/docstar_sprite.png?v=22.1.85");
            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;
        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;
}

.BookmarksView .children li {
    border-bottom: 1px solid grey;
}

.BookmarksView .custom_button {
    background: none;
    box-shadow: initial;
    border: 1px solid #d5d5d5;
    border-radius: 0;
}
li.CustomFieldValueView {
    display: table;
}

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

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

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

.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% - 10px);
    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;
}

.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;
}

li.CustomFieldValueView .ui-icon-circle-close {
    background-image: url(../../../Content/images/docstar_sprite.png?v=22.1.85);
    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 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=22.1.85");
        }

    .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=22.1.85");
            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: thin;
}


/* 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;
}

.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=22.1.85");
    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=22.1.85);
    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;
}
.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 .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=22.1.85);
    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;
}

/* 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: thin;
}

/* 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=22.1.85);
        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;
}

.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;
    min-width: 128px;
    position: relative;
    font-size: 13px;
    width: calc(100% - 20px);
    border: 1px solid #d3d3d3;
}

.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;
}
.EntityMetaFieldView {
    width: 100%;
    position: relative;
    table-layout: fixed;
}

.EntityMetaFieldView.metadata_viewer select {
    height: 20px;
    min-height: 20px;
    min-width: 128px;
    position: relative;
    font-size: 11px;
    width: 93%;
}

.EntityMetaFieldView.metadata_viewer input {
    height: 20px;
    min-height: 20px;
    min-width: 128px;
    position: relative;
    font-size: 11px;
    width: calc(100% - 25px);
    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.metadata_viewer .ui-resizable-handle {
    bottom: 7px;
    right: 20px;
}
.DocumentMetaFolderView {
    width: 100%;
    position: relative;
}

.DocumentMetaFolderView .valueWidth {
    width: 60%;
}

.DocumentMetaFolderView.metadata_viewer .valueTextArea .folderList {
    border: 1px solid #d3d3d3;
    min-height: 20px;
    width: calc(100% - 22px);
    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: relative;
    bottom: 5px;
}
.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;
}
.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;
}

.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_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: pointer;
        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.move {
        float: left;
        left: 20px;
        position: absolute;
        text-decoration: none;
        top: 3px;
        margin: 0 5px;
    }

    .EntityMetaView .meta_accordion_title_contents > span.anchor {
        float: left;
        left: 45px;
        line-height: 18px;
        position: absolute;
        text-decoration: none;
        top: 0;
        width: calc(100% - 45px);
        /* account for 35px left */
        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;
    }

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

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

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

    .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;
    }

    .EntityMetaView .meta_save_container {
        bottom: 1px;
        display: inline-block;
        float: left;
        height: 45px;
        left: 0px;
        position: relative;
        width: 100%;
    }

        .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;
            position: absolute;
            right: 9px;
        }

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

    .EntityMetaView .labelWidth {
        width: 40%;
    }

    .EntityMetaView .valueWidth {
        width: 60%;
    }

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

.EntityViewLeft .EntityMetaView .view_document_data_scroll,
.EntityViewBottom .EntityMetaView .view_document_data_scroll {
    max-height: calc(100% - 45px);
}
.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 .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=22.1.85");
}

.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;
}

.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=22.1.85);
        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: 102%;
    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: 75%;
        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: 75%;
        top: 0;
        right: 0;
        left: 0;
        min-width: 480px;
    }

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

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

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

    /*#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: -22px; /* 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;
}
.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: 8px;
        line-height: 8px;
        padding: 5px 14px 5px 5px;
    }


    .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: thin;
    }

    /* 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 */
    }

: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;
}
.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=22.1.85");
        background-position: -46px -41px;
    }

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