/*
    BrollOnline StyleSheet
    Main Color Maroon
        Hex - #920000
        RGB - 146, 0, 0
    Sub Color MistyRose
*/
html, head, body {
    margin: 0;
    padding: 0;
}

body {
    background-attachment: fixed;
    color: black;
    background-repeat: repeat;
    font-family: Arial;
    background-color: transparent;
}

.CssBodyColor, .CssTableColor {
    background-color: ButtonFace;
}

hr {
    border: thin #920000 solid;
}

thead {
    color: white;
    background-color: #920000;
}

div {
    color: black;
}

.divHeader {
    background-color: #920000;
    color: white;
    font-weight: bold;
    width: 730px;
}

.CssLabelHeader, .header-row-style {
    border: 2px solid #920000;
    background-color: #920000;
    color: white;
}

.CssLabelHeaderText, .CssTableBoxed {
    border: 2px solid #920000;
    background-color: #EEEEEE;
}

.CssLabelTotals {
    border-width: thin;
    border-color: Black;
    background-color: #920000;
    color: White;
    border-style: inset;
    text-align: center;
    width: auto;
}

.CssHeaderBanner {
    font-size: small;
    text-transform: capitalize;
    color: white;
    font-style: italic;
    font-family: Arial;
    background-color: red;
}

.CssClearLabel {
    color: black;
    font-family: Arial;
}

.CssTextBox, .CssDropDown {
    font-family: Arial;
    color: black;
}

.CssTextBoxClear, .CssDataListAlternatingItemStyle2, .txtD, .CssItemClear {
    background-color: white;
}

.CssVisiblePanel {
    border: 2px solid #920000;
}

.CssDataList, .CssStandardListGrid {
    background-color: White;
    border: 2px solid #920000;
    font-family: Arial;
}

.CssDataListBack {
    background-color: #920000;
    border: 2px solid #920000;
    font-family: Arial;
}

.CssDataListHeaderStyle, .CssDataGridHeaderStyle, .CssGridHeaderStyle {
    color: white;
    font-family: Arial;
    background-color: #920000;
    position: sticky;
    top: 0;
    z-index: 1;
}

.CssDataListAlternatingItemStyle, .CssTableAlternatingItemStyle, .CssGridAlternatingRowStyle, .CssDataGridAlternatingItemStyle {
    background-color: #EEEEEE;
}

.CssDataListItemStyle, .CssTableItemStyle, .CssGridRowStyle, .CssDataGridItemStyle {
    background-color: Gainsboro;
}

.CssDataListItemStyle2 {
    background-color: MistyRose;
}

.CssDataListFooterStyle, .CssDataGridFooterStyle {
    color: white;
    font-family: Arial;
    background-color: #920000;
}

.CssRadGridSelectedItemStyle, .CssDataGridSelectedItemStyle, .CssDataListSelectedItemStyle, .CssGridSelectedRowStyle {
    background-color: MistyRose;
    color: blue;
}

.CssLabel {
    color: black;
}

.CssRequiredFieldLabel, .CssErrorLabel, .CssLabelNegative {
    color: red;
}

.CssCheckBox {
    color: black;
}

.CssOutSetImageButton {
    border: 2px;
    border-style: solid;
    border-color: White;
}

.CssImportantLabel {
    font-weight: bold;
    color: #920000;
}

.CssCompliantLabel {
    font-weight: bold;
    color: green;
}

.CssTreeView {
    font-size: x-small;
    font-family: Arial;
}

.CssMoneyTextBox {
    text-align: right;
}

.CssTextboxBold {
    color: #920000;
    font-weight: bold;
}

.CssTable, .CssDiv {
    background-color: White;
    border: 2px solid #920000;
}

.CssTable2 {
    background-color: #EEEEEE;
    border: 2px solid #920000;
}

.CssTableHeader, .CssPanelHeader {
    background-color: #920000;
    color: white;
}

.CssTableHeader2 {
    background-color: royalblue;
    color: white;
}

.CssTableFooter {
    background: #920000;
    color: white;
}

.CssBottomBorder {
    border-bottom: 3px solid #920000;
}

.CssBottomBorder2 {
    border-bottom: 1px solid #920000;
}

.CssBottomBorderDashed {
    border-bottom: 1px dashed #920000;
}

.BorderPanel, .CssBorderPanel, .CssTextboxBorder, .BorderDiv {
    border: 2px solid #920000;
}

.CssIMGBorder {
    border: #920000 double;
}

.divSystemAdmin {
    width: 700px;
    height: 450px;
    border: #920000 2px solid;
    padding: 10px;
}


/* Add this class when calling a jQuery dialog  */
@media (min-width: 800px) {
    .Prevent_Scrolling {
        height: 100%;
        overflow: hidden;
    }
}

body, table, textarea {
    font-size: small;
    font-family: Arial;
}

div, .divModal {
    font-size: small;
}

.OverlayOff {
    display: none;
}

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

.item {
    font-family: Courier New;
    width: 100%;
}

.button, .CssCellBorder {
    background-color: ButtonFace;
    border: thin solid Gray;
}

    .button:hover {
        background-color: #A6F4FF;
        border: thin solid #26A0DA;
        cursor: pointer;
    }

.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2000;
}

.ui-widget-overlay {
    z-index: 1000;
}

.tile-bt {
    text-align: center;
    cursor: pointer;
    width: 0px;
    height: 0px;
    border: 2px solid #920000;
    float: left;
    margin: 3px;
    display: none;
}


.light-text {
    color: #000000;
    font-family: Arial;
    font-size: 9px;
    font-weight: bold;
    vertical-align: top;
}

.shadow-black:hover {
    box-shadow: 0px 0px 5px 5px #444444;
    -webkit-box-shadow: 0px 0px 5px 5px #444444;
    -moz-box-shadow: 0px 0px 5px 5px #444444;
}

.iPadiFrameScrolling {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}

.ipadBodyPosistion {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.pointer {
    cursor: pointer;
}

.confirmDialog-Information {
    background: url(/broll-online/Images/info-5-32.gif) no-repeat top left;
    display: inline;
    float: left;
    margin: 0 10px 50px 10px;
    height: 32px;
    width: 32px;
}

.confirmDialog-Warning {
    background: url(/broll-online/Images/warning-3-32.gif) no-repeat top left;
    display: inline;
    float: left;
    margin: 0 10px 50px 10px;
    height: 32px;
    width: 32px;
}

.PlaceHolder {
    font-style: italic;
    color: Gray;
}

.panelCustom {
    min-height: 390px;
    border: 2px solid #920000;
    background-color: White;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}

.PanelListCustom {
    padding-left: 4px;
}

.BrollOnlinePageHeader {
    vertical-align: top;
    font-family: verdana, sans-serif;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    background-color: #920000;
    color: White;
    font-weight: bold;
    padding: 2px 40px 2px 10px;
    margin: 0;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background: -webkit-linear-gradient(bottom, rgba(146, 0, 0, 0.5), rgba(146, 0, 0, 1));
    background: -o-linear-gradient(bottom, rgba(146, 0, 0, 0.5), rgba(146, 0, 0, 1));
    background: -moz-linear-gradient(bottom, rgba(146, 0, 0, 0.5), rgba(146, 0, 0, 1));
    background: linear-gradient(to bottom, rgba(146, 0, 0, 0.5), rgba(146, 0, 0, 1));
    font-size: 14px;
    display: inline-block;
    position: relative;
    top: -3px;
    cursor: default;
    white-space: nowrap;
}

.BrollOnlineSubPageHeader {
    text-decoration: none;
    font-size: 15px !important;
    font-weight: bold;
    font-family: verdana, sans-serif;
    color: White;
    background-color: #920000;
    border-top: 1px solid #920000;
    border-left: 1px solid #920000;
    border-bottom: 1px solid #920000;
    border-right: 1px solid #920000;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    padding: 5px;
    position: relative;
    background: -webkit-linear-gradient(bottom, rgba(146, 0, 0, 0.5), rgba(146, 0, 0, 1));
    background: -o-linear-gradient(bottom, rgba(146, 0, 0, 0.5), rgba(146, 0, 0, 1));
    background: -moz-linear-gradient(bottom, rgba(146, 0, 0, 0.5), rgba(146, 0, 0, 1));
    background: linear-gradient(to bottom, rgba(146, 0, 0, 0.5), rgba(146, 0, 0, 1));
    display: inline-block;
    cursor: pointer;
}

.BrollOnlineSubPageHeaderEmpty {
    text-decoration: none;
    font-size: 15px !important;
    font-weight: bold;
    font-family: verdana, sans-serif;
    color: #920000;
    background-color: White;
    border-top: 1px solid #920000;
    border-left: 1px solid #920000;
    border-bottom: 1px solid #920000;
    border-right: 1px solid #920000;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    padding: 5px;
    position: relative;
    background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 1));
    background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 1));
    background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 1));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 1));
    display: inline-block;
    cursor: pointer;
}

.BrollOnlinePageButton {
    font-size: 19px !important;
    color: White;
    background-color: #920000;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-bottom: 3px solid black;
    border-right: 3px solid black;
    border-radius: 16px;
    padding: 5px;
    position: relative;
    top: -3px;
    background: -webkit-linear-gradient(bottom, rgba(146, 0, 0, 0.5), rgba(146, 0, 0, 1));
    background: -o-linear-gradient(bottom, rgba(146, 0, 0, 0.5), rgba(146, 0, 0, 1));
    background: -moz-linear-gradient(bottom, rgba(146, 0, 0, 0.5), rgba(146, 0, 0, 1));
    background: linear-gradient(to bottom, rgba(146, 0, 0, 0.5), rgba(146, 0, 0, 1));
    display: inline-block;
    cursor: pointer;
}

.BrollOnlinePageButtonSmall {
    font-size: 13px !important;
    color: White;
    background-color: #920000;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-bottom: 3px solid black;
    border-right: 3px solid black;
    border-radius: 16px;
    padding: 2px;
    position: relative;
    top: -1px;
    background: -webkit-linear-gradient(bottom, rgba(146, 0, 0, 0.5), rgba(146, 0, 0, 1));
    background: -o-linear-gradient(bottom, rgba(146, 0, 0, 0.5), rgba(146, 0, 0, 1));
    background: -moz-linear-gradient(bottom, rgba(146, 0, 0, 0.5), rgba(146, 0, 0, 1));
    background: linear-gradient(to bottom, rgba(146, 0, 0, 0.5), rgba(146, 0, 0, 1));
    display: inline-block;
    cursor: pointer;
}

.BrollOnlinePageButtonSmaller {
    font-size: 12px !important;
    color: White;
    background-color: #920000;
    border: 1px solid black;
    border-radius: 16px;
    padding-top: 2px;
    padding-left: 2.5px;
    padding-right: 2.5px;
    padding-bottom: 1.5px;
    position: relative;
    top: -0.5px;
    background: -webkit-linear-gradient(bottom, rgba(146, 0, 0, 0.5), rgba(146, 0, 0, 1));
    background: -o-linear-gradient(bottom, rgba(146, 0, 0, 0.5), rgba(146, 0, 0, 1));
    background: -moz-linear-gradient(bottom, rgba(146, 0, 0, 0.5), rgba(146, 0, 0, 1));
    background: linear-gradient(to bottom, rgba(146, 0, 0, 0.5), rgba(146, 0, 0, 1));
    display: inline-block;
    cursor: pointer;
}

.BrollOnlineButton {
    color: #920000;
    cursor: pointer;
}

.BrollOnlineButtonColor {
    color: white;
    cursor: pointer;
}

.BrollOnlineButtonColor2 {
    color: red;
    cursor: pointer;
}

.BrollOnlineButtonColor3 {
    color: green;
    cursor: pointer;
}

.BrollOnlineButtonColor4 {
    color: orange;
    cursor: pointer;
}
.BrollOnlineLogoWrapper {
    width: 95px;
    height: 48px;
    overflow: hidden;
    border-radius: 12px;
    background-color: transparent;
    margin: 0;
    padding: 0;
}

.hover:hover {
    background-color: mistyrose;
    color: #920000;
    cursor: pointer;
}

.no-background {
    background-image: none !important;
}
/* shell classes for modaldialog functions*/
.date-time-picker-2030 {
}

.date-time-picker-2050 {
}

.date-time-picker-9999 {
}

.load-spinner {
}

.load-report-spinner {
}

.input-text-alphanumeric {
}

.td-shade-border {
    border: 1px solid #920000;
    background-color: mistyrose;
    color: #920000;
    padding: 3px;
}

.td-shade-border-edit {
    border: 1px solid grey;
    color: #000000;
    padding: 3px;
}

select:disabled {
    border: solid 1px Silver;
    background-color: #F9F9F9;
    color: Black;
}

.long-press {
}

.CssBorderFill, .CssPanelFill {
    background-color: #920000;
}

.CssBorderColor {
    border-color: #920000;
}

.LoginDiv {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%,-50%);
    border: #F9F9F9 ridge medium;
    padding: 7px 7px 7px 7px;
    background-color: #920000;
    width: 250px;
}

.CssDivBorder {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border: 2px solid #920000;
    position: fixed;
}

.Header {
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 2px solid #920000;
    margin-bottom: 5px;
}

.CssMainBody {
    margin-top: 2px;
    position: fixed;
    top: 78px;
    left: 0;
    right: 0;
    overflow: scroll;
    bottom: 100px;
    background-color: white;
    border: 2px solid #920000;
    padding: 5px;
}

.CssBorder {
    border: 2px solid #920000;
}

.CssBorderGrey {
    border: 2px solid #CCCCCC;
}

.CssBorderGrey2 {
    border: 2px solid #CCCCCC;
}

.CssliClass, .CssliClassClick {
    background-color: #920000;
    color: #FFFFFF;
}

.CssliSubClassClick {
    background-color: MistyRose;
    color: #920000;
}

.CssNotesHeader {
    font-style: italic;
    color: red;
}

.CssNotes, .CssNotesFooter2 {
    font-style: italic;
    color: blue;
}

.CssLabelBlue {
    font-weight: bold;
    color: blue;
}

.CssNotesFooter1, .CssdivHeaderText {
    color: #920000;
    font-weight: bold;
}

.CssNotesFooter2 {
    font-weight: bold;
}

.CssMandatory, .CssReadOnlyColor, .CssTextboxAttention {
    background-color: MistyRose;
}

.CssReadOnlyColor2 {
    background-color: #920000;
    color: white;
}

.CssReadOnly {
    background-color: #CCCCCC;
}

.CssReadOnlyLabel {
    color: #CCCCCC;
}

.CssReadOnlyWaiting {
    background-color: #FF6347;
}

.divCategory {
    display: block;
    background-color: #920000;
    color: White;
    font-family: Arial;
    font-weight: bold;
    height: 15px;
    font-size: small;
    margin-top: 10px;
    padding: 1px;
    vertical-align: middle;
    text-align: center;
}

.CssValidateButton, .CssImportantButton {
    background-color: #920000;
    color: white;
}

.CssTextColor {
    color: #920000;
}

.CssNotesColor {
    color: blue;
}

.CssLabelNew {
    color: #920000;
    font-weight: bold;
}

.CssRowNew {
    background-color: seashell;
    border-spacing: 0px;
}
.Cssbglightgreen {
    background-color: lightgreen;
}
.Cssbglightcoral {
    background-color: lightcoral;
}
.Cssbglightskyblue {
    background-color: lightskyblue;
}
.Cssbglightgray {
    background-color: #EEEEEE;
}

.selected, .CssItemColorMonthly, .CssItemReadyForPosting, .CssItemBadPremises, .CssItemErrorMsg, .CssItemNoStatus, .CssItemReceipts, .CssItemArchived,
.CssItemRelease {
    background-color: lightskyblue;
}

.accepted, .CssItemColorUpcoming, .CssItemReadyForRelease, .CssItemAuthorise, .AuthorisedGreen, .CssItemAVAIL, .CssItemPosted, .CssItemPositive, .CssItemJournals,
.CssItemActive {
    background-color: lightgreen;
}

.declined, .inactive, .CssItemColorExpired, .CssItemReadyForAuthorisation, .CssItemReject, .CssItemBadDebtor, .CssItemBAL, .CssItemBankNotOpen, .CssItemNegative, .CssItemRDs,
.CssItemCancel, .CssItemInconsistant, .CssHasComment {
    background-color: lightcoral;
}

.CssItemSplitAllocations {
    background-color: aquamarine;
}

.CssItemAlloctedItems, .CssItemAutoAlloc {
    background-color: green;
}

.CssItem {
    background-color: aquamarine;
}

.td-border {
    border: 1px solid #CCCCCC;
}

.CssBorderBlack {
    border: 2px solid black;
}

.Browse {
    border: 1px solid #AAA;
    padding: 1px 15px 1px 15px;
    margin: 1px 1px 1px 1px;
    background: buttonface;
    display: inline-block;
    cursor: pointer;
}

    .Browse:hover {
        border: 1px solid #AAA;
        padding: 1px 15px 1px 15px;
        margin: 1px 1px 1px 1px;
        background-color: #A6F4FF;
        border-color: #26A0DA;
        display: inline-block;
        cursor: pointer;
    }

.BrowseDisabled {
    border: 1px solid #AAA;
    padding: 1px 15px 1px 15px;
    margin: 1px 1px 1px 1px;
    background: buttonface;
    display: inline-block;
    cursor: default;
}

.add-doc:hover {
    background-color: MistyRose;
    color: #920000;
}

.CssTextBoxNegative, .CssItemUrgent, .CssButtonHold, .CssItemDisputedItems, .CssItemError {
    background-color: red;
}

.CssDropDownClear {
    background-color: white;
    color: black;
}

.CssDropDownError {
    background-color: red;
    color: white;
}

.CssLabelPositive {
    color: green;
}

.CssLabelX {
    color: #920000;
}

.CssItemNegative {
    background-color: MistyRose;
}

.CssItemPositive {
    background-color: lightcyan;
}

.CssItemReject2 {
    background-color: khaki;
}				 
.CssItemAllocated {
    background-color: bisque;
}

.CssItemNegative2, .CssItemHighlight, .CssItemColorCase2, .CssItemItems120, .CssItemCompleted {
    background-color: LightYellow;
}

.CssItemColorCase1 {
    background-color: #DDDDFF;
}

.CssItemColorCase3 {
    background-color: #CCFFFF;
}

.CssItemColorWeekend, .CssItemSearchItems {
    background-color: SkyBlue;
}

.CssListBoxAllocated {
    background-color: MistyRose;
    color: #920000;
}

.CssAllocated2, .CssItemExternal {
    background-color: PaleGreen;
}

h3:hover {
    background-color: Blue;
    border: thin solid Blue;
    color: #FFFFFF;
    font-size: x-small;
}

.headers {
    border: thin solid #920000;
    background-image: none;
    background: #920000;
    color: #FFFFFF;
    font-weight: bold;
    font-size: x-small;
}

.divContent, .CssTableCellBorder {
    border: thin solid #920000;
}

#tblSearch tr:nth-child(even) {
    background-color: #EEEEEE;
}

#tblSearch tr:nth-child(odd):not(:first-child) {
    background-color: gainsboro;
}

.headerLogFault {
    text-align: center;
    background-color: #920000;
    color: White;
    font-weight: bold;
}

.CssSelected, .CssItemNotExist {
    background-color: blue;
    color: white;
}

.CssItemColorOverdue, .CssItemDebitPosted {
    background-color: orange;
}

.CssItemColorVacated {
    background-color: olive;
}

.txtM {
    background-color: #920000;
    border-color: #920000;
    color: White;
    border-style: solid;
}

/*.txtH {
    background-color: #920000;
    border-color: #920000;
    color: White;
    border-style: solid;
    font-size: x-small;
    font-weight: bold;
}*/

.CssItemColorCategorySplit {
    background-color: gray;
    color: white;
}

.CssButtonApprove {
    background-color: limegreen;
}

.lblTDS_WHT {
    color: blue;
    background-color: MistyRose;
}

.CssItemColorPosted {
    background-color: lightgray;
}

.CssLabelWhite {
    color: white;
}

.AddNewRowButton {
    float: right;
    background-color: #920000;
    color: White;
    border: none;
}

    .AddNewRowButton:hover {
        float: right;
        background-color: MistyRose;
        color: #920000;
        border: none;
        cursor: pointer;
    }

.silverBorder {
    border: silver 2px solid;
    display: none;
    vertical-align: middle;
}

.maroonBorder {
    border: #920000 2px solid;
    background-color: #CCCCCC;
    display: none;
    vertical-align: middle;
}

.TableStyle {
    border-bottom-style: dotted;
    border-bottom-width: thin;
    border-bottom-color: #C0C0C0;
    width: 100%;
}

    .TableStyle:hover {
        border-bottom-style: dotted;
        border-bottom-width: thin;
        border-bottom-color: #C0C0C0;
        width: 100%;
        background-color: MistyRose;
        color: #920000;
    }

.item-style-grand-total {
    background-color: lightskyblue;
    color: white;
}

.item-style-grand-total-alternating {
    background-color: gainsboro;
    color: black;
}

.datagrid {
    border: 2px solid lightskyblue;
}

.viewOnly {
    background-color: lightskyblue;
}

#Menu .head li a:hover {
    color: white !important;
    Background: #43b3c5 !important;
}

 active-btn {
    background: #43b3c5 !important;
    color: white !important;
}


.ui-autocomplete-category {
    font-family: Courier New, Courier, monospace;
    background-color: mistyrose;
    color: #920000;
}

.ui-autocomplete-loading {
    background: url("/broll-online/Images/loader.gif") no-repeat right center;
    background-size: 16px 16px;
}

.ui-menu-item {
    font-family: Courier New, Courier, monospace;
}

.left-white-border {
    border-left-color: white;
    border-left-style: solid;
    border-left-width: 1px;
}

.login-form {
    width: 300px;
    background-color: #920000;
    padding: 25px 20px;
    box-shadow: 0px 0px 3px 3px #444444;
    -webkit-box-shadow: 0px 0px 3px 3px #444444;
    -moz-box-shadow: 0px 0px 3px 3px #444444;
}

.input-icon {
    color: #cccccc !important;
    display: block;
    position: absolute;
    z-index: 1;
    margin: 9px 2px 4px 10px;
    height: 16px;
    text-align: center;
}

.TreeNodeError {
    font-family: Tahoma;
    font-size: 8pt;
    color: white;
    background-color: red;
    padding-left: 3pt;
    text-decoration: none;
}

.DropDownReadOnly {
    background: #eee;
    pointer-events: none;
    touch-action: none;
}

.contentHolder {
    width: 100%;
    height: 100%;
    padding-top: 20px;
}

.iframeLogo {
    width: 95px;
    height: 48px;
    border: none;
    overflow: hidden;
}

.docImg {
    cursor: pointer;
}

.cpPaddingNone {
    padding: 0px;
}

.cpPaddingCell {
    padding: 5px;
}

.cpPaddingTop {
    padding: 10px;
}

.cpPaddingBottom {
    padding-bottom: 10px;
}

.cpPaddingRight5 {
    padding-right: 5px;
}

.cpBold {
    font-weight: bold;
}

.cpH5 {
    height: 5px;
}

.cpH10 {
    height: 10px;
}

.cpH15 {
    height: 15px;
}

.cpH20 {
    height: 20px;
}

.cpW100p {
    width: 100%;
}

.cpCellItem {
    padding-left: 5px;
    text-align: left;
}

.cpCellItemW30 {
    text-align: left;
    width: 120px;
    vertical-align: bottom;
}

.cpCellItemW200 {
    width: auto;
    height: 48px;
    border: none;
    vertical-align: bottom;
    text-align: left;
}

.cpCellText {
    padding-right: 5px;
    text-align: right;
}

.cpCellCenter {
    text-align: center;
}

.cpBodyCenter {
    align-content: center;
}

.cpCellText span {
    padding-left: 3px;
}

.table {
    table-layout: fixed;
}

.cpCellItemOther {
    text-align: right;
}

.cpTextArea {
    height: 100px;
    width: 600px;
}


.cpTextArea2 {
    height: 300px;
    width: 350px;
}

.cpBlock {
    display: inline-block;
    width: auto;
}

.hiddenButton {
    display: none !important;
}

.ddlW200p {
    width: 200px;
}

.ddlW240p {
    width: 240px;
}

.cpText240p {
    width: 240px;
}

.highLight {
    background-color: #920000;
    color: white;
}

.new-task {
    box-shadow: 0px 0px 4px 4px #444444;
}

.toast-header-fix {
    background-color: none;
    color: white;
    background: -webkit-linear-gradient(bottom, rgba(146, 0, 0, 0.3), rgba(146, 0, 0, 1));
    background: -o-linear-gradient(bottom, rgba(146, 0, 0, 0.3), rgba(146, 0, 0, 1));
    background: -moz-linear-gradient(bottom, rgba(146, 0, 0, 0.3), rgba(146, 0, 0, 1));
    background: linear-gradient(to bottom, rgba(146, 0, 0, 0.3), rgba(146, 0, 0, 1));
    border-bottom: none;
}

div.BorderDiv.CssTableHeader.modal-page-container iframe {
    background-color: white !important;
}

.legend-footer {
    border-top: 2px solid #920000;
    position: fixed;
    bottom: 0%;
    width: 100%;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
}

.card-footer {
    position: fixed;
    bottom: 0%;
    width: 100%;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
}

.legend-body {
    margin-bottom: 25px;
}

.disabled {
    border: solid 1px Silver;
    background-color: #EBEBE4;
    color: Black;
    cursor: default;
}

.border-top {
    border-top: 2px solid #920000;
}

.CssForex {
    background-color: darkcyan;
}

.pinned {
    padding-top: 1px;
    color: black;
}

.unpinned {
    padding-top: 2px;
    transform: rotate(90deg);
}

.pin {
    float: right;
    cursor: pointer;
}

.CssDataGridItemStyle .FrozenColumn {
    left: 0;
    position: sticky;
    z-index: 1;
    background-color: gainsboro;
}

.CssDataGridAlternatingItemStyle .FrozenColumn {
    left: 0;
    position: sticky;
    z-index: 1;
    background-color: #EEEEEE;
}

.CssRadGridSelectedItemStyle .FrozenColumn {
    left: 0;
    position: sticky;
    z-index: 1;
    background-color: mistyrose;
    color: blue;
}

.CssDataListHeaderStyle.FrozenColumn, .CssDataGridHeaderStyle.FrozenColumn, .CssGridHeaderStyle.FrozenColumn {
    left: 0;
    position: sticky;
    z-index: 2;
    background-color: #920000;
    color: white;
}

.divFrozenColumns {
    height: calc(100vh - 13vh);
    overflow-y: scroll;
}

.TableWrapCells td {
    word-break: break-word;
}

.progress {
    text-align: center;
    border-radius: 10px;
    background-color: linen;
    margin-bottom: 10px;
    margin-top: 10px;
    height: 1rem;
}

.progress-bar {
    border-radius: 10px;
    position: relative;
    font-style: italic;
}

.progress-10 {
    background-color: lightcoral;
}

.progress-50 {
    background-color: coral;
}

.progress-75 {
    background-color: lightgreen;
}

.progress-100 {
    background-color: palegreen;
}

.DocTypeSecurity_Refresh {
    width:80px;
    font-size:x-small;
    color:white;
    border-color:white;
    background-color:transparent;
    border-style:solid;
    border-width:thin
}