.divContInnerDock {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-columns: minmax(300px, 1fr);
    overflow-x: hidden !important;
}

div.csFieldSetTextBox {
    /* MS : TFS 7614 : switch from 7px to 10px padding for conformity with other "csField ... .AutoArrange" CSS classes */
    padding: 10px;
    /*margin: 0px;*/
    text-align: left;
    vertical-align: bottom;
    font-family: 'Open Sans', sans-serif !important;
    width: 55.6%;
    /* MS : TFS 7614 : switch from 220px to 225px padding for conformity with other "csField ... .AutoArrange" CSS classes */
    min-width: 225px;
}

    div.csFieldSetTextBox.AutoArrange {
        display: block;
        width: 95%;
        max-width: 395px;
        /*vertical-align: text-top;*/
    }

    div.csFieldSetTextBox.TopDown {
        display: inline-block;
        width: 89.6%;
        padding: 1px 5px 15px 20px;
    }

    div.csFieldSetTextBox.InLine {
        margin: 0px 0px 0px 0px;
        width: 30.9%; /*-calc(77.3% - 52.5px);*/ /*--TODO - Should this be 48px??? 80% - input margins (24px) - label margins (24px) */
        border: 0px;
        display: inline-block;
        vertical-align: text-top;
        align-items: flex-start;
    }

    div.csFieldSetTextBox.Grid {
        display: block;
        width: 80.3%;
        float: left;
    }

label.riLabel {
    text-align: left;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: bold;
    font-size: large;
    padding: 0px 5px 5px 0px;
}

    label.riLabel.TopDown {
        display: block;
        width: inherit;
    }

    label.riLabel.AutoArrange {
       /* display: inline-block;
        width: 100%;
        vertical-align: text-top;*/
    }

    label.riLabel.InLine {
        padding: 0px;
        margin: 0px 5px 0px 0px;
        width: 27.8%; /* - Changed for IE 20% causes wrap */
        display: inline-block;
        text-align: left;
        float: left;
        vertical-align: text-top;
        align-items: flex-start;
        word-break: break-word; /*RS TFS 572 Correccted Inline overlap. Reviewed with Jenn & Majesty */
    }

    label.riLabel.Grid {
        display: inline-block;
        width: 33.1%;
        min-width: 150px;
        text-align: left;
        vertical-align: top;
    }

    label.riLabel.Paragraph {
        display: inline;
        width: auto;
        min-width: 150px;
        vertical-align: text-top;
    }

    label.riLabel.required:hover {
        text-shadow: 1px 1px 1px red;
    }

    label.riLabel.required:before {
        content: "*";
        color: red;
    }

    label.riLabel.Grid.editLabel {
        display: inline-block;
        width: 33.1%;
        min-width: 150px;
        text-align: right;
        vertical-align: top;
        padding: 1px 8px 10px 0px;
    }

    label.riLabel:hover {
        text-shadow: 1px 1px 1px #b3b3b3;
    }

        label.riLabel:hover .title {
            visibility: visible;
        }

    label.riLabel.editLabel:hover a {
        visibility: visible;
        display: inline;
    }

    /* MS : TFS 7532 : adjustment for pencil icon */
    label.riLabel.editLabel a {
        visibility: hidden;
        display: none;
    }

label.DetailsScreen.FieldValue {
    vertical-align: text-top;
    font-family: 'Open Sans', sans-serif !important;
    font-size: large;
    font-weight: normal;
    word-wrap: break-word;
}

    /* MS : TFS 7510 : alignment fix for VCG */
    label.DetailsScreen.FieldValue.Grid {
        /* TFS 2568 DEC/MGD - Fix a format issue with Venor contact page */
        display: inline-block;
        text-align: left;
        /*width: 66.6%;*/
        /* MS : TFS 7590 : pushed to 500 px */
        max-width: 500px;
    }

    label.DetailsScreen.FieldValue.TopDown {
        display: inline-block;
        width: 89.6%;
        padding: 1px 5px 15px 0px;
        text-align: left;
        float: left;
    }

    label.DetailsScreen.FieldValue.InLine {
        display: inline;
        width: 89.6%;
        padding: 1px 5px 15px 0px;
        text-align: left;
    }

    label.DetailsScreen.FieldValue.AutoArrange {
        /*padding: 2px 0px 15px 0px;*/
        width: 99.6%; /*-calc(77.3% - 52.5px);*/ /*--TODO - Should this be 48px??? 80% - input margins (24px) - label margins (24px) */
        /*border: 0px;
        display: inline-block;
        vertical-align: text-top;
        align-items: flex-start;*/
    }

    label.DetailsScreen.FieldValue.Paragraph {
        display: inline;
        width: 99.6%;
        padding: 1px 5px 15px 5px;
    }

img.editfieldbygroup {
    vertical-align: central;
}

    img.editfieldbygroup:hover {
        transform: scale(1.15);
    }

/* MS : TFS 7510 : alignment fix for VCG */
@media screen and (min-width: 300px) and (orientation: portrait), screen and (max-width: 1040px) and (orientation: landscape) {
    label.riLabel.Grid.editLabel {
        text-align: left;
    }
}



/* MS : TFS 7659 : added missing CSS */
div.csFieldSetTextArea {
    padding: 10px;
    text-align: left;
    vertical-align: bottom;
    /*width: 46.4%;*/
    min-width: 225px;
    font-family: 'Open Sans', sans-serif !important;
}

   /* div.csFieldSetTextArea.AutoArrange {
        display: inline-block;
        width: 27.8%;
        vertical-align: text-top;
    }*/

    div.csFieldSetTextArea.TopDown {
        display: inline-block;
        width: 89.6%;
        padding: 1px 5px 15px 20px;
    }

    div.csFieldSetTextArea.InLine {
        margin: 0px 0px 0px 0px;
        width: 30.9%; /*-calc(77.3% - 52.5px);*/ /*--TODO - Should this be 48px??? 80% - input margins (24px) - label margins (24px) */
        border: 0px;
        display: inline-block;
        vertical-align: text-top;
        align-items: flex-start;
    }

    div.csFieldSetTextArea.Grid {
        display: block;
        width: 80.3%;
        float: left;
        /*white-space: nowrap;*/
    }

    div.csFieldSetTextArea.Paragraph {
        display: inline-block;
        width: 80.3%;
        vertical-align: text-top;
        clear: right;
        vertical-align: top;
    }

div.csFieldSetDropDown {
    padding: 10px;
    text-align: left;
    vertical-align: bottom;
    width: 30.9%;
    min-width: 225px;
    font-family: 'Open Sans', sans-serif !important;
}

    /*div.csFieldSetDropDown.AutoArrange {
        display: inline-block;
        vertical-align: text-top;
    }*/

    div.csFieldSetDropDown.TopDown {
        display: inline-block;
        width: 89.6%;
        padding: 1px 5px 15px 20px;
    }

    div.csFieldSetDropDown.InLine {
        margin: 0px 0px 0px 0px;
        width: 30.9%; /*-calc(77.3% - 52.5px);*/ /*--TODO - Should this be 48px??? 80% - input margins (24px) - label margins (24px) */
        border: 0px;
        display: inline-block;
        vertical-align: text-top;
        align-items: flex-start;
    }

    div.csFieldSetDropDown.Grid {
        display: block;
        width: 80.3%;
        float: left;
    }

/* MS : TFS 7510 : added missing CSS */
.RadDock_Bootstrap div.rdTitleBar em {
    font-weight: 700 !important;
    min-width: 200px !important;
}

.DataDockTitle .rdTable .rdTop .rdCenter .rdTitleBar {
    padding-left: 5px;
}

@media (max-width: 768px) {
    .divContInnerDock {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .divContInnerDock {
        grid-template-columns: repeat(2, 1fr);
    }

    div.csFieldSetTextBox.AutoArrange {
        width: 100%;
        max-width: 450px;
    }
}

.RadSlider_CobbleStone .rslHorizontal.rslTop .rslItemsWrapper {
    top: 3em !important;
}

/* MS : TFS 9179 : added to handle InLine display of these fields. */
div.csFieldSetTextBox.InLine .RadEditor {
    display: inline-block;
}
div.csFieldSetTextBox.InLine .RadSlider {
    display: inline-block;
}

/* MS : TFS 9179 : added to handle Paragraph display of detail fields. */
.RadDock_CobbleStone .rdContent {
    overflow-x: unset !important;
}

/* MS : TFS 9389 : using CSS classes instead of inline styling to control conditional field handling */
.showParent {
    display: inline-block !important;
}
.hideParent {
    display: none !important;
}

/* MS : TFS 15553 : max width for select RadTooltips generated by CSFieldMgrVCG.cs */
.fieldMgrVCGTooltip {
    max-width: 250px;
}