@media screen {
    .clsFormPanel {
        margin-left: 0px;
        padding-left: 0px;
    }
}

@media print {
    .clsFormPanel {
        margin-left: 0px;
    }
}

.clsFormPanel {
    background-color: white;
    color: windowtext;
    font-size: 9pt;
    font-family: Tahoma;
}

.case-actions {
    margin-left: 0px;
}

app-case-report > * TABLE,
outbreak-form > * TABLE {
    font-size: 9pt;
}

TABLE.xdLayout {
    font-family: Tahoma;
    width: 99% !important;
}

app-case-report > * TR,
outbreak-form > * TR {
    height: 25px;
}

app-case-report > * H1,
outbreak-form > * H1 {
    font-weight: bold;
    font-size: 28pt;
    margin: 0px;
}

app-case-report > * H2,
outbreak-form > * H2 {
    font-weight: bold;
    font-size: 20pt;
    margin: 0px;
}

app-case-report > * H3,
outbreak-form > * H3 {
    font-weight: bold;
    font-size: 16pt;
    margin: 0px;
}

app-case-report > * H4,
app-case-extra > * H4,
outbreak-form > * H4 {
    font-weight: bold;
    font-size: 11pt;
    margin: 0px;
}

app-case-report > * H5,
app-case-extra > * H5,
outbreak-form > * H5 {
    font-weight: bold;
    font-size: 9pt;
    padding-top: 2px;
    margin: 0px;
}

app-case-report > * H6,
app-case-extra > * H6,
outbreak-form > * H6 {
    font-weight: normal;
    font-size: 7pt;
    padding-bottom: 2px;
    margin: 0;
    margin-top: 5px;
}

app-case-report > * A:active,
app-case-report > * A:visited,
app-case-report > * A:link,
app-case-extra > * A:active,
app-case-extra > * A:visited,
app-case-extra > * A:link,
outbreak-form > * A:active,
outbreak-form > * A:visited,
outbreak-form > * A:link {
    font-weight: normal;
    font-size: 16pt; /* used in help ? icons on form */
    text-decoration: none;
    color: Black;
}

app-case-report > * DIV,
app-case-extra > * DIV,
outbreak-form > * DIV {
    font-size: 9pt;
    font-family: Tahoma;
}

.optionalPlaceholder {
    padding-left: 20px;
    font-weight: normal;
    font-size: xx-small;
    behavior: url(#default#xOptional);
    color: #333333;
    font-style: normal;
    font-size: 10pt;
    font-family: Tahoma;
    text-decoration: none;
}

.langFont {
    border-right: #969696 1px solid;
    border-top: #969696 1px solid;
    font-size: 8pt;
    border-left: #969696 1px solid;
    color: black;
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: #969696 1px solid;
    font-family: Tahoma, Sans-Serif;
    position: absolute;
    background-color: #d9ecff;
}

.defaultInDocUI {
    font-size: 10pt;
    font-family: Tahoma;
}
.optionalPlaceholder {
    padding-right: 20px;
}

.xdListItem {
    display: inline-block;
    width: 100%;
    vertical-align: text-top;
}

.xdListBox,
.xdComboBox {
    margin: 1px;
}

.xdInlinePicture {
    margin: 1px;
    behavior: url(#default#urn::xdPicture);
}

.xdLinkedPicture {
    margin: 1px;
    behavior: url(#default#urn::xdPicture) url(#default#urn::controls/Binder);
}

.xdSection {
    border: 1pt solid #ffffff;
    margin: 6px 0px 6px 0px;
    padding: 1px 1px 1px 5px;
}

.xdRepeatingSection {
    border: 1pt solid #ffffff;
    margin: 6px 0px 6px 0px;
    padding: 1px 1px 1px 5px;
}

.xdMultiSelectList {
    margin: 1px;
    display: inline-block;
    border: 1pt solid #dcdcdc;
    padding: 1px 1px 1px 5px;
    text-indent: 0;
    color: windowtext;
    background-color: window;
    overflow: auto;
    behavior: url(#default#DataBindingUI) url(#default#urn::controls/Binder) url(#default#MultiSelectHelper) url(#default#ScrollableRegion);
}

.xdMultiSelectListItem {
    display: block;
    white-space: nowrap;
}

.xdMultiSelectFillIn {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 1px;
    margin: 1px;
    border: 1pt solid #dcdcdc;
    overflow: hidden;
    text-align: left;
}

.xdBehavior_Formatting {
    behavior: url(#default#urn::controls/Binder) url(#default#Formatting);
}

.xdBehavior_FormattingNoBUI {
    behavior: url(#default#CalPopup) url(#default#urn::controls/Binder) url(#default#Formatting);
}

.xdExpressionBox {
    margin: 1px;
    padding: 1px;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.xdBehavior_GhostedText,
.xdBehavior_GhostedTextNoBUI {
    behavior: url(#default#urn::controls/Binder) url(#default#TextField) url(#default#GhostedText);
}

.xdBehavior_GTFormatting {
    behavior: url(#default#urn::controls/Binder) url(#default#Formatting) url(#default#GhostedText);
}

.xdBehavior_GTFormattingNoBUI {
    behavior: url(#default#CalPopup) url(#default#urn::controls/Binder) url(#default#Formatting) url(#default#GhostedText);
}

.xdBehavior_Boolean {
    padding-top: 4px;
}

.xdBehavior_Select {
    behavior: url(#default#urn::controls/Binder) url(#default#SelectHelper);
}

.xdBehavior_ComboBox {
    behavior: url(#default#ComboBox);
}

.xdBehavior_ComboBoxTextField {
    behavior: url(#default#ComboBoxTextField);
}

.xdRepeatingTable {
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    border-collapse: collapse;
    word-wrap: break-word;
}

.xdScrollableRegion {
    behavior: url(#default#ScrollableRegion);
}

.xdLayoutRegion {
    display: inline-block;
}

.xdMaster {
    behavior: url(#default#MasterHelper);
}

.xdActiveX {
    margin: 1px;
    behavior: url(#default#ActiveX);
}

.xdFileAttachment {
    display: inline-block;
    margin: 1px;
    behavior: url(#default#urn::xdFileAttachment);
}

.xdPageBreak {
    height: 0;
    display: block;
}

/* this fixes a problem in firefox where the first print break doesn't work */
@media print {
    .firefox .xdPageBreak {
        page-break-after: always;
    }

    .firefox .xdPageBreak > br {
        display: block;
    }
}

.xdButton {
    cursor: pointer;
}

.xdButton:hover {
    background-color: #fdb913;
}

@media screen {
    .xdTextBox,
    .xdTextBoxReadOnly {
        font-family: Tahoma;
        display: inline;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 1px;
        margin: 1px;
        color: black;
        background-color: white;
        overflow: hidden;
        text-align: left;
        word-wrap: normal;
        /* margin-bottom: 0px; */
        padding-bottom: 0px;
        padding-top: 0px;
        /* height: 20px; */
        border-right: #969696 1pt solid;
        border-top: #969696 1pt solid;
        border-left: #969696 1pt solid;
        border-bottom: #969696 1pt solid;
    }
}

@media print {
    .xdTextBox,
    .xdTextBoxReadOnly {
        display: inline;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 1px;
        margin: 1px;
        color: black;
        background-color: white;
        overflow: hidden;
        text-align: left;
        word-wrap: normal;
        margin-bottom: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
        height: 20px;
        border-top: none !important;
        border-right: none !important;
        border-left: none !important;
        border-bottom: #969696 1pt solid !important;
    }
}

.xdTextBoxReadOnly {
    background-color: #e8e8e8;
}

.xdRichTextBox {
    display: inline-block;
    padding: 1px;
    margin: 1px;
    border: 1pt solid #dcdcdc;
    color: windowtext;
    background-color: window;
    overflow-x: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    text-align: left;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    vertical-align: baseline;
}

@media screen {
    .xdDTPicker {
        display: inline;
        margin: 1px;
        margin-bottom: 2px;
        color: black;
        background-color: white;
        overflow: hidden;
        text-indent: 0;
        padding-left: 1px;
        margin-bottom: 0pt;
        padding-bottom: 0px;
        height: 20px;
        border-right: #969696 1pt solid;
        border-top: #969696 1pt solid;
        border-left: #969696 1pt solid;
        border-bottom: #969696 1pt solid;
    }
}

@media print {
    .xdDTPicker {
        display: inline;
        margin: 1px;
        margin-bottom: 2px;
        color: black;
        background-color: white;
        overflow: hidden;
        text-indent: 0;
        padding-left: 1px;
        margin-bottom: 0pt;
        padding-bottom: 0px;
        height: 20px;
        border-top: none !important;
        border-right: none !important;
        border-left: none !important;
        border-bottom: #969696 1pt solid !important;
    }
}

.xdDTText {
    height: 100%;
    width: 100%;
    margin-right: 22px;
    overflow: hidden;
    padding: 0px;
    white-space: nowrap;
    height: 22px;
}

.xdDTButton {
    margin-top: -1px;
    margin-left: -20px;
    height: 25px;
    width: 20px;
    border-right: lightgrey 1pt solid;
    border-top: lightgrey 1pt solid;
    border-left: lightgrey 1pt solid;
    border-bottom: lightgrey 1pt solid;
    font-weight: bold;
    background-color: #d9ecff;
}

.xdRepeatingTable TD {
    vertical-align: top;
}

TABLE.xdLayout TD {
    border-right: medium none;
    border-top: medium none;
    border-left: medium none;
    border-bottom: medium none;
}

TABLE.msoUcTable TD {
    border-right: 1pt solid;
    border-top: 1pt solid;
    border-left: 1pt solid;
    border-bottom: 1pt solid;
}

.hidden {
    /* hide legacy CRF fields which should not be displayed */
    display: none;
}

input::-webkit-calendar-picker-indicator {
    /* stop chrome v83 picker overlapping date */
    margin: 0px !important;
    padding: 0px !important;
}