@import url('https://fonts.googleapis.com/css?family=Open Sans'); 

    
@font-face {
    font-family: 'BOI-regular';
    src: url('./fonts/BankOfIrelandSerif-Rg.woff2') format('woff2'), url('./fonts/BankOfIrelandSerif-Rg.woff') format('woff');
}

@font-face {
    font-family: 'BOI-bold';
    src: url('./fonts/BankOfIrelandSerif-Bd.woff2') format('woff2'), url('./fonts/BankOfIrelandSerif-Bd.woff') format('woff');
}


body,
body td span {
    font-family: var(--font-light);
    font-weight: normal;
    font-size: 8pt;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}

input {
    font-size: 8pt;
    font-family: var(--font-light);
}

textarea {
    font-size: 8pt;
    font-family: var(--font-light);
}

select {
    font-size: 8pt;
    font-family: var(--font-light);
}

.DashPageBody {
    min-height: 520px;
    background-color: var(--background-main);
}

.DashReportBody {
    min-height: 520px;
    background-color: var(--background-main);
}

.BackToLeaseWebSiteContainer {
    position: absolute;
    top: 20px;
    right: 15%;
    font-family: var(--font-light);
    font-size:14px;
}

.BackToLeaseWebSiteContainer a {
        background-image: var(--og-gradient);
        width: 200px;
        height: 20px;
        border-radius: 4px;
        color: var(--text-color-button);
        padding: 8px 10px 8px 10px;
        text-decoration: none;
    }

.LoginBody {
    font-family: var(--font-light);
    min-height: 520px;
    background-image: url(images/LoginBackGround.png);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--background-main);
}

@media screen and (max-width: 1000px) {
    .LoginBody {
        background-size: cover;
    }
}

.LoginPanelBack {
    position: relative;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 130px;
    padding: 15px 15px 15px 15px;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: var(--shadow2);
    text-align: center;
    opacity: 0.8;
}

#SignInPage.LoginPanelBack {
    width: 450px;
}
#ResetRequestPage.LoginPanelBack {
    width: 580px;
}
#ResetEntryPage.LoginPanelBack {
    width: 450px;
}
#ChangePasswordPage.LoginPanelBack {
    width: 450px;
}

.LoginPanelBack table {
    width: 100%;
}

.LoginPanelBack input[type='text'],
.LoginPanelBack input[type='password'] {
    border: none;
    text-align: center;
    font-family: var(--font-regular);
    font-size: 14px !important;
    height: 30px !important;
    width: 100% !important;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: var(--background-main);
    border: 1px solid #333333;
    border-radius: 4px;
}

@media (min-width: 900px) {
    #SignInPage.LoginPanelBack {
        zoom: 100%;
    }
}

@media (min-width: 1200px) {
    #SignInPage.LoginPanelBack {
        zoom: 100%;
    }
}


.LoginTitleContainer {
    position: absolute;
    top: -40px;
    width: 480px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    left: 0px;
}
.ResetTitleContainer {
    position: absolute;
    top: -40px;
    width: 610px;
    left: 0px;
}

.LoginTitleText {
    font-family: var(--font-regular);
    font-size: 30px;
    color: var(--text-login-title);
    background: var(--og-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.LoginSubTitleRow {
    padding-bottom: 10px;
    padding-top:10px;
    border-bottom: 1px solid #ccc;
}

.LoginSubTitleText {
    font-family: var(--font-regular);
    font-size: 18px;
    font-weight: 500;
    color: var(--text-color-primary);
}

.LoginFieldText {
    font-family: var(--font-regular);
    font-size: 14px;
    font-weight:bold;
    color: var(--text-color-primary);
}
.LoginFieldTitle {
    display: block;
    font-size: 14px;
    padding-bottom: 8px;
    padding-top: 8px;
}

.linkForgottenUsernameOrPassword {
    color: var(--text-color-link);
    font-family: var(--font-bold);
    font-size: 14px;
    text-decoration: none;
}
.linkForgottenUsernameOrPassword:visited,
.linkForgottenUsernameOrPassword:hover {
        text-decoration: underline;
    }

.AlternatingGridHeader {
    font-family: var(--font-semibold);
    font-weight: bold;
    font-size: 8pt;
    color: var(--text-color-secondary);
    height: 19px;
    text-align: left;
    vertical-align: top;
    background-image: url('images/GridHeaderBack.gif');
    background-repeat: repeat-x;
    background-color: #184CA4;
}

.GridAltRow {
    background-color: #FFF4BC;
    color: var(--text-color-primary);
    font-family: var(--font-regular);
    font-size: 7pt;
    font-weight: normal;
    border-style: none;
    vertical-align: top;
    height: 18px;
}

.GridRow {
    background-color: #FFFFD5;
    color: var(--text-color-primary);
    font-family: var(--font-regular);
    font-size: 7pt;
    font-weight: normal;
    border-style: none;
    vertical-align: top;
}

/* text styles */
.PoweredByText {
    font-family: var(--font-regular);
    font-size: 9px;
    font-weight: normal;
    color: #888888;
}

.TitleText {
    font-family: var(--font-light);
    font-size: 12pt;
    font-weight: bold;
    color: var(--text-color-titlebar);
}
    .TitleText span {
        font-family: var(--font-light);
        font-size: 12pt !important;
        font-weight: bold;
    }

.CategoryText {
    font-family: var(--font-light);
    font-size: 12pt;
    font-weight: bold;
    color: var(--text-color-summarygroup-header);
}

.AnalysisItemText {
    font-family: var(--font-bold);
    font-size: 14px;
    font-weight: bold;
    color: var(--text-color-analysispanel-header);
}

.ItemHeaderText {
    font-family: var(--font-light);
    font-size: 10pt;
    font-weight: bold;
    color: var(--text-color-summarygroup-item);
}

.ItemText {
    font-family: var(--font-light);
    font-size: 12px;
    font-weight: bold;
    color: var(--text-color-summarygroup-item);
}

.ItemTextWhite {
    font-family: var(--font-bold);
    font-size: 12px;
    font-weight: bold;
    color: var(--text-color-summarygroup-item);
}

.CO2Summary .ItemTextWhite {
    font-size: 14px;
}

.BodyStyleListBox .ItemTextWhite {
    padding-top: 2px;
    padding-right: 5px;
}
.BodyStyleListBox .ItemImage {
    width: 45px;
}

.PageText {
    font-family: var(--font-light);
    font-size: 8pt;
    font-weight: normal;
}

.ReportTitleText {
    font-family: var(--font-bold);
    font-size: 14px;
    font-weight: bold;
    color: var(--text-color-primary);
}

.ReportText {
    font-family: var(--font-regular);
    font-size: 12px;
    font-weight: normal;
}

.ReportHeaderText {
    font-family: var(--font-bold);
    font-size: 12px;
    font-weight: normal;
}

.ButtonText {
    font-family: var(--font-bold);
    font-size: 14px;
    font-weight: bold;
    color: var(--text-color-button);
    text-decoration: none;
}

.ButtonText span {
    font-size: 14px !important;
    font-family: var(--font-bold);
}

.ButtonTitle {
    font-family: var(--font-bold);
    font-size: 14px;
}

.MenuText {
    font-family: var(--font-light);
    font-size: 11pt;
    font-weight: bold;
    color: var(--text-color-menubar);
}

.ErrorText {
    font-family: var(--font-light);
    font-size: 8pt;
    font-weight: bold;
    color: var(--text-color-error);
}

.AdminPanelText {
    font-family: var(--font-regular);
    font-size: 12px;
    font-weight: normal;
    color: var(--text-color-adminpanel-item);
}

.ButtonBlack, .btnLoginButton {
    border: solid 1px Transparent;
    background-color: var(--color-button-main);
    color: var(--text-color-button);
    outline: 0;
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    
    cursor: pointer;
    line-height: 20px !important;
    padding-top: 2px;
}

.ButtonBlack:hover, .btnLoginButton:hover {
        border: solid 1px var(--color-button-focus);
        background-color: var(--color-button-focus);
    }

.btnLoginButton {
    padding: 4px 4px 4px 4px;
    font-family: var(--font-regular);
    font-size: 18px;
    width: 170px;
    margin-top: 5px;
    margin-bottom: 5px;
}


.ProgressMessage {
    font-family: var(--font-regular);
    font-size: 8pt;
    font-weight: bold;
    color: var(--text-color-primary);
}

.LoadingText {
    font-family: var(--font-regular);
    font-size: 10pt;
    font-weight: bold;
    color: var(--text-color-message);
}

.LoadingTextSmall {
    font-family: var(--font-regular);
    font-size: 8pt;
    font-weight: bold;
    color: var(--text-color-message);
}

.AdminProcessText {
    font-family: var(--font-regular);
    font-size: 8pt;
    font-weight: bold;
    color: var(--text-color-primary);
}

.WarningText {
    font-family: var(--font-regular);
    font-size: 8pt;
    font-weight: bold;
    color: var(--text-color-warning);
}

.PageContainer {
    position: relative;
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
}

.TitleBar {
    position: relative;
    z-index: 4000;
    height: 42px;
    width: 1024px;
    background-color: Transparent;
    padding-top:8px;
    padding-bottom:8px;
}

    .TitleBar table {
        display: block;
        background-color: Transparent !important;
        width: 100%;
    }

.TitleBarLogo {
    height: 36px;
    width: 152px;
    display: block;
    background-color: Transparent;
}

.TitleBarLogo img {
        position: absolute;
        top: 0px;
        right: 0px;
    }

.TopBar {
    position: relative;
    z-index: 2;
    height: 48px;
    clear: both;
    background-color: var(--background-topbar);
    border-radius: 10px;
    -webkit-box-shadow: var(--shadow2);
    box-shadow: var(--shadow2);

}
.TopBar .CategoryText,
.TopBar .ItemTextWhite {
    color: var(--text-color-topbar);
}

.PrimaryPanel {
    position: relative;
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
    z-index: 11;
    height: 120px;
    display: block;
    background-color: transparent;

}

.PrimaryPanelSeparator {
    float: left;
    width: 7px;
    height: 120px;
    display: block;
    background-color: transparent;
}

.PrimaryPanelBlankSeparator {
    float: left;
    width: 1px;
    height: 120px;
    display: block;
    background-color: Transparent !important;
}

.PrimaryGroup {
    float: left;
    height: 120px;
    display: block;
}

.ContentPanel {
    position: relative;
    z-index: 10;
    min-height: 330px;
    height: 330px;
    width: 1024px;
    display: block;
    background-color: var(--background-main);
}



.DashboardContentPanel {
    position: relative;
    z-index: 11;
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.MenuBar {
    width: 1024px;
    background-color: Transparent;
    z-index: 12;
}

.Menu {
    height: 45px;
    width: 942px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    background-image: url('images/Menu_All.jpg');
    background-repeat: no-repeat;
    background-position: top;
}

.Menu1 {
    height: 45px;
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.DarkPanel {
    display: block;
    border: none;
    background-color: var(--background-panel);
}

    .DarkPanel > .DarkPanelTitle {
        background-color: var(--background-panel) !important;
        color: var(--text-color-dialog-label);
        font-family: var(--font-regular);
        font-size: 16px;
    }

.DarkPanelTitle > .CategoryText {
    color: var(--text-color-dialog-label) !important;
}

.DarkPanelGridHeader {
    background-color: var(--background-panel);
    color: var(--text-color-dialog-label);
    font-size: 14px;
    font-family: var(--font-bold);
}

#divDealership {
    position: absolute;
    top: -1px;
    left: 0px;
    display: block;
    width:1024px;
}

#ImgMain {
    width: 120%;
    margin-left: -10%;
}

#divBuyMyCar {
    position: absolute;
    top: 233px;
    left: 10px;
    display: block;
    background-color: Transparent !important;
}

#divCO2 {
    position: absolute;
    top: 300px;
    left: 880px;
    display: block;
    background-color: Transparent !important;
}

.ImageLink {
    border: none;
    text-decoration: none;
    cursor: pointer;
}

    .ImageLink:hover {
        border: none;
        text-decoration: none;
        cursor: pointer;
    }

    .ImageLink:visited {
        border: none;
        text-decoration: none;
        cursor: pointer;
    }

    .ImageLink img {
        border: none;
        text-decoration: none;
        cursor: pointer;
    }

        .ImageLink img:hover {
            border: none;
            text-decoration: none;
            cursor: pointer;
        }

        .ImageLink img:visited {
            border: none;
            text-decoration: none;
            cursor: pointer;
        }

.SummaryGroup {
    width: 164px;
    margin-top: 15px;
    border: 0px solid var(--background-summary-headers);
    border-top-left-radius: 0px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: var(--background-summary-headers);
}

.SummaryGroupHeaderBox {
    padding: 4px 1px 6px 4px;
    overflow: hidden;
}

.SummaryGroup table {
    width: 162px;
    padding: 1px 1px 1px 1px;
    overflow: hidden;
}

.SummaryGroupHeaderRow {
    height: 30px;
    vertical-align: middle;
}

.SummaryGroupHeaderIcon {
    width: 18px;
    text-align: left;
}

.SummaryGroupHeaderText {
    text-align: left;
    padding-left: 10px;
    overflow: hidden;
}

.SummaryGroupItemRow {
    height: 18px;
    vertical-align: top;
}

.SummaryGroupItemIcon {
    width: 18px;
    text-align: left;
}

.SummaryGroupItemValue {
    width: 18px;
    text-align: left;
    overflow: hidden;
}

.SummaryGroupItemText {
    width: auto;
    text-align: left;
    overflow: hidden;
}

.FleetSummary {
    float: left;
    height: 24px;
    display: block;
    margin-top: 8px;
    padding: 0px 0px 0px 10px;
}

.CO2Summary {
    float: right;
    height: 24px;
    display: block;
    margin-top: 14px;
    padding: 0px 10px 0px 0px;
}

/* dashboard summary item styling */
.DashSummaryItem {
    width: 100%;
    padding: 0px 0px 2px 0px;
    overflow: hidden;
    cursor: pointer;
    background-color: var(--color-white);
}

    .DashSummaryItem table {
        padding: 0px 0px 0px 0px;
        overflow: hidden;
    }

    .DashSummaryItem td {
        margin: 0px 0px 0px 0px;
        border-spacing: 0px;
    }

    .DashSummaryItem .SummaryItemRow {
        height: 18px;
        vertical-align: top;
    }

    .DashSummaryItem .SummaryItemIcon {
        width: 18px;
        text-align: left;
    }

.DashSummaryItem .SummaryItemValue {
    width: 18px;
    text-align: left;
    overflow: hidden;
}

    .DashSummaryItem .SummaryItemText {
        width: auto;
        text-align: left;
        overflow: hidden;
    }

    .DashSummaryItem .SummaryItemLargeText {
        width: auto;
        text-align: left;
        overflow: hidden;
        padding-right: 5px;
    }

    .DashSummaryItem .SummaryItemGoButton {
        width: 23px;
        text-align: left;
    }

.SummaryItemGoButton img {
    content: url('images/arrow-right.png');
}

.TitleBar .DashSummaryItem,
.TopBar .DashSummaryItem,
.PagerContainer .DashSummaryItem {
    background-color: transparent;
}

.CO2Summary .SummaryItemIcon { width: 0px !important; }
.CO2Summary .SummaryItemValue {
    width: 78px !important;
}

.gobutton, .gobuttonyourfleet {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(images/Button_Go_Blue_18.png);
    background-position: 5px 3px;
    background-size: 15px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.PagerItem {
    float: left;
}

.CustomerSplitContainer {
    display: none;
    position: absolute;
    top: 200px;
    left: 250px;
    height: 200px;
    width: 400px;
    border: solid 1px #CFBA8D;
    background-color: #FDE7AD;
    padding: 5px 5px 5px 3px;
    z-index: 1000;
    filter: opacity 0;
}

    .CustomerSplitContainer .CustomerSplit_Header {
        position: relative;
        height: 40px;
        width: 395px;
        padding: 5px 2px 2px 5px;
        display: block;
        background-color: #F3DEA7;
        border-bottom: solid 1px #CFBA8D;
    }

        .CustomerSplitContainer .CustomerSplit_Header > table {
            width: 380px;
        }

            .CustomerSplitContainer .CustomerSplit_Header > table > tr > td {
                padding: 1px 1px 1px 1px;
                margin: 0px 0px 0px 0px;
            }

    .CustomerSplitContainer .CustomerSplit_Separator {
        height: 2px;
        background-color: Transparent;
        display: block;
    }

    .CustomerSplitContainer .CustomerSplit_Details {
        position: relative;
        height: 145px;
        width: 395px;
        padding: 2px 2px 2px 5px;
        display: block;
        background-color: #F3DEA7;
        border-bottom: solid 1px #CFBA8D;
    }

    .CustomerSplitContainer .CustomerSplit_Details_Header {
        width: 380px;
    }

        .CustomerSplitContainer .CustomerSplit_Details_Header > table > tr > td {
            padding: 1px 1px 1px 1px;
            margin: 0px 0px 0px 0px;
        }

    .CustomerSplitContainer .CustomerSplit_Details_List {
        height: 125px;
        width: 390px;
        display: block;
        overflow: auto;
        background-color: #FDE7AD;
        padding: 1px 1px 1px 1px;
    }

        .CustomerSplitContainer .CustomerSplit_Details_List > table {
            width: 370px;
        }

.AnalysisViewContainer {
    position: relative;
    width: auto;
    background-color: var(--background-analysisview-container);
    margin-bottom: 4px;
}
    /* expander section */
    .AnalysisViewContainer .AnalysisViewExpander {
        height: 30px;
        vertical-align: middle;
        background-color: var(--background-analysispanel-header);
        color: DarkOrange;
        padding-bottom:5px;
    }

    .AnalysisViewContainer .AnalysisViewCollapsePanelHidden {
        display: none;
    }

    .AnalysisViewContainer .AnalysisViewCollapseButton {
        display: block;
        cursor: pointer;
        height: 18px;
        width: 18px;
        background-image: url('images/ArrowDown_18.gif');
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .AnalysisViewContainer .AnalysisViewExpandButton {
        display: block;
        cursor: pointer;
        height: 18px;
        width: 18px;
        background-image: url('images/arrowright_18.gif');
        background-repeat: no-repeat;
        cursor: pointer;
    }

.AnalysisViewExpander .SummaryItemIcon {
    width: 18px;
    text-align: left;
}

.AnalysisViewExpander .SummaryItemValue {
    width: 18px;
    text-align: left;
    overflow: hidden;
}

.AnalysisViewExpander .SummaryItemText {
    width: auto;
    text-align: left;
    overflow: hidden;
}

/* report headers section */
.AnalysisViewContainer .AnalysisViewHeaders {
    height: 25px;
    padding-top: 5px;
    padding-left: 10px;
    overflow: hidden;
    background-color: var(--background-analysispanel-header);
    color: var(--text-color-analysispanel-header);
    border-bottom: solid 1px #F2F2F2;
}

.AnalysisViewHeaders .ReportHeaders {
}

    .AnalysisViewHeaders .ReportHeaders th,
    .AnalysisViewHeaders .ReportHeadings th {
        height: 25px;
        background-color: var(--background-analysispanel-header);
        color: var(--text-color-analysispanel-header);
        vertical-align: top;
        text-align: left;
        overflow: hidden;
    }

/* report details section */
.AnalysisViewContainer .AnalysisViewDetails {
    padding-left: 10px;
    min-height: 36px;
    height: auto;
    height: 100px;
    overflow: auto;
    background-color: Transparent;
    color: var(--text-color-analysispanel-item);
}

.AnalysisViewDetails .ReportDetails td {
    height: 18px;
    padding: 4px 1px 4px 1px;
    border-bottom: solid 1px #BCBCBC;
    vertical-align: top;
    overflow: hidden;
}

.AnalysisViewDetails .ReportDetailsLink {
    color: var(--text-color-link);
    cursor: pointer;
    font-family: var(--font-bold);
}

.AnalysisPanel {
    width: 1000px;
    display: none;
    filter: var(--dropshadow);
}

.AnalysisPanelBreadcrumb {
    background-color: Transparent;
    height: 20px;
    display: block;
    padding-top: 3px;
}

.AnalysisPanelSep {
    height: 3px;
    display: block;
}

.AnalysisPanelTab {
    position: relative;
    display: block;
    width: 250px;
    height: 30px;
    float: left;
    background-repeat: no-repeat;
    background-color: var(--background-analysisview-container);
    background-position: left top;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    z-index: 1;
}

    .AnalysisPanelTab > div {
        padding: 6px 0px 0px 15px;
        height: 30px;
        color: var(--text-color-analysispanel-tabheader);
        font-family: var(--font-bold);
        font-size: 16px;
    }


.AnalysisPanelContent {
    position: relative;
    width: 990px;
    clear: both;
    display: block;
    height: auto;
    background-color: var(--background-analysisview-container);
    padding: 0px 10px 20px 10px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}


.AnalysisPanelTopToolBar {
    height: 15px;
    width: 100%;
    background-color: transparent;
    display: block;
    clear: both;
}

.AnalysisPanelCloser {
    position: absolute;
    top: -25px;
    left: 225px;
    z-index: 2;
}
    .AnalysisPanelCloser img {
        padding: 3px 0px 0px 0px !important;
        cursor: pointer;
        height: 14px;
        width: 14px;
    }

.AnalysisPanelClose {
    cursor: pointer;
}

.AnalysisPanelButtonStrip {
    position: relative;
    margin-top: 5px;
    display: block;
    height: 40px;
    overflow: visible;
}

    .AnalysisPanelButtonStrip .ButtonHolder {
        float: left;
        width: 295px;
        margin-right: 10px;
        margin-bottom: 5px;
    }

.AnalysisPanelRepContainer {
    position: relative;
    display: block;
    height: 350px;
}

/* report dialog classes */
.modalBack {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    display: none;
    z-index: 4500;
    background-color: Gray;
}

.ReportDialog {
    display: none;
    width: 765px;
    border: solid 3px White;
    position: absolute;
    top: 50px;
    left: 150px;
    padding: 1px 1px 1px 1px;
    z-index: 10001;
    border-radius: 8px;
}

.ReportDialogSaveAsPanel {
    display: none;
    position: absolute;
    top: -70px;
    left: 0px;
    width: 754px;
    height: 120px;
    border: solid 2px Black;
    padding: 4px 4px 4px 4px;
    Background-color: White;
}

.ReportDialog .tabContent {
    height: 270px;
    height: auto !important;
    min-height: 270px;
    background-color: #E4E4E4;
    padding: 5px 2px 4px 5px;
}

.ReportDialog .colseqlist {
    height: 240px;
    display: block;
    overflow: auto;
    position: relative;
}

    .ReportDialog .colseqlist ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .ReportDialog .colseqlist li {
        padding: 2px 2px 2px 2px;
        margin: 2px 0px 1px 0px;
        vertical-align: middle;
    }

        .ReportDialog .colseqlist li span {
            display: inline-block;
        }

.ReportDialog .Alignment {
    display: block;
    position: relative;
    padding: 0px 2px 0px 1px;
    vertical-align: middle;
}

.ReportDialog .AlignmentLeft {
    display: inline-block;
    width: 20px;
    height: 18px;
    background-color: White;
    background-image: url('images/alignleft.gif');
    background-repeat: no-repeat;
    border: solid 1px Transparent;
    cursor: pointer;
}

.ReportDialog .AlignmentCenter {
    display: inline-block;
    width: 20px;
    height: 18px;
    background-color: White;
    background-image: url('images/aligncenter.gif');
    background-repeat: no-repeat;
    border: solid 1px Transparent;
    cursor: pointer;
}

.ReportDialog .AlignmentRight {
    display: inline-block;
    width: 20px;
    height: 18px;
    background-color: White;
    background-image: url('images/alignright.gif');
    background-repeat: no-repeat;
    border: solid 1px Transparent;
    cursor: pointer;
}

.ReportDialog .SelectedAlignment {
    background-color: var(--background-report-selectedalignment) !important;
}

/*.ReportDialog .colseqlist li.ui-border-highlight { border:solid 1px Orange;}
*/

.ReportDialog .colHeader td {
    border-left: solid 1px white;
    border-bottom: solid 1px white;
    border-top: solid 1px white;
    border-right: none;
    padding: 1px 0px 0px 2px;
    font-weight: bold;
}

.ReportDialog .divNoCriteria {
    border: solid 1px #A0A0A0;
    background-color: White;
    padding: 4px 10px 4px 10px;
}

.ReportDialog .criteriaheaders {
}

.ReportDialog .criterialist {
    height: 250px;
    display: block;
    overflow: auto;
    position: relative;
}

    .ReportDialog .criterialist ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .ReportDialog .criterialist li {
        padding: 2px 2px 2px 2px;
        margin: 2px 0px 1px 0px;
        vertical-align: middle;
    }

        .ReportDialog .criterialist li span {
            display: inline-block;
        }

.ReportDialog .divNewSort {
    border: solid 1px #A0A0A0;
    background-color: White;
    padding: 4px 10px 4px 10px;
}

.ReportDialog .sortlist {
    height: 126px;
    display: block;
    overflow: auto;
    position: relative;
}

    .ReportDialog .sortlist ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .ReportDialog .sortlist li {
        padding: 2px 2px 2px 2px;
        margin: 2px 0px 1px 0px;
    }

        .ReportDialog .sortlist li span {
            display: inline-block;
        }

.ReportDialog .divNewFilter {
    border: solid 1px #A0A0A0;
    background-color: White;
    padding: 4px 10px 4px 10px;
}

.ReportDialog .filterlist {
    height: 108px;
    display: block;
    overflow: auto;
    position: relative;
}

    .ReportDialog .filterlist ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .ReportDialog .filterlist li {
        padding: 2px 2px 2px 2px;
        margin: 2px 0px 1px 0px;
    }

        .ReportDialog .filterlist li span {
            display: inline-block;
        }

.ReportDialog .preflist {
    height: 240px;
    display: block;
    overflow: auto;
    position: relative;
    background-color: White;
    padding: 1px 2px 1px 2px;
}

    .ReportDialog .preflist ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .ReportDialog .preflist li {
        padding: 2px 2px 2px 2px;
        margin: 2px 0px 1px 0px;
        height: 18px;
        cursor: pointer;
    }

        .ReportDialog .preflist li span {
            display: inline-block;
        }

.ReportDialog .SortHandle {
    cursor: move;
}

.ReportDialog ul > li {
    font-family: var(--font-bold);
}
.ReportDialog ul > li.ui-state-default {
    border: 2px solid #D8D8D8;
    background: var(--background-main-important);
    font-weight: normal;
    color: #000;
}

.ReportDialog ul > li.ui-state-highlight,
.ReportDialog ul > li.ui-border-highlight {
    border: var(--border-orange-important);
    color: #000;
}

.K2-REPDIAG .ui-state-default.ui-border-highlight,
.K2-REPDIAG .ui-widget-content .ui-state-default.ui-border-highlight {
    border: var(--border-orange-important);
    color: #000;
}

/* Report Viewing Classes  */
.Report {
    position: relative;
    z-index: 2;
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
    padding: 2px 5px 2px 5px;
    margin-top: 15px;
    background-color: var(--background-report-container);
    border-radius: 8px;
    filter: var(--dropshadow);
}

.ReportInnerHeaderArea {
    position: relative;
    z-index: 3;
}

.ReportInnerDataArea {
    position: relative;
    z-index: 3;
}

.ReportToolBar {
    position: relative;
    z-index: 3;
}

.ReportDialogArea {
    position: relative;
    z-index: 3;
}

.ReportDataContainer {
    position: relative;
    background-color: var(--background-report-details);
    height: auto !important;
    min-height: 100px;
}

.ReportTitle {
    width: 100%;
    height: 30px;
    padding: 3px 0px 0px 3px;
}

.ReportToolBar {
    width: auto;
    min-height: 30px;
}

    .ReportToolBar > table {
        width: 100%;
    }

.ReportPager-Buttons {
    width: 250px;
    height: 20px;
}

.ReportPager-Button {
    width: 26px;
    height: 26px;
}

.ReportPager-ButtonSpacer {
    width: 26px;
    height: 26px;
}

.ReportPager-Button:hover {
    cursor: pointer;
    background-image: url('images/ReportButtonBack.gif');
    background-repeat: no-repeat;
}

.ReportPager-PageSize {
    width: auto;
}

.ReportPager-Navigator {
    width: 250px;
}

.ReportDataLoading {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 100;
}

    .ReportDataLoading .ReportDataLoadingBack {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        background-color: #E4E4E4;
        opacity: 50;
        filter: Alpha(Opacity=50);
    }

    .ReportDataLoading .ReportDataLoadingMessage {
        position: absolute;
        display: block;
        z-index: 101;
        left: 0px;
        top: 0px;
        height: 40px;
        width: 240px;
        background-color: White;
        border: solid 2px #A0A0A0;
        padding: 20px 0px 20px 20px;
    }

.ReportOptionsDisplayPanel {
}

.ReportDialogContainer {
}


.ReportDataContainer {
    position: relative;
    display: block;
}

    .ReportDataContainer .ReportViewHeaders {
        position: relative;
        height: 40px;
        overflow: hidden;
        background-color: var(--background-report-header);
        color: var(--text-color-primary);
        border-top: var(--border-grey);
        border-bottom: var(--border-grey);
    }

.ReportViewHeaders .ReportHeaders {
    position: relative;
}

    .ReportViewHeaders .ReportHeaders th {
        min-height: 40px;
        height: auto;
        background-color: var(--background-report-header);
        color: var(--text-color-report-header);
        vertical-align: top;
        overflow: hidden;
        word-break: break-word;
    }

        .ReportViewHeaders .ReportHeaders th.ColSortAsc {
            background-image: url('images/ColSortBackAsc.gif');
            background-position: right;
            background-repeat: repeat-y;
        }

        .ReportViewHeaders .ReportHeaders th.ColSortDesc {
            background-image: url('images/ColSortBackDesc.gif');
            background-position: right;
            background-repeat: repeat-y;
        }

.RepCol {
    cursor: pointer !important;
    padding: 0px 1px 0px 1px;
}

.ReportViewHeaders .RepCol {
   padding-left:2px;
   padding-right:2px;
}

/* report details section */
.ReportDataContainer .ReportViewDetails {
    position: relative;
    padding-left: 10px;
    background-color: var(--background-report-details);
    color: var(--text-color-report-item);
    overflow: auto;
}

.ReportViewDetails .ReportDetails {
    background-color: var(--background-report-details);
}

    .ReportViewDetails .ReportDetails td {
        height: 18px;
        padding: 4px 2px 4px 2px;
        border-bottom: solid 1px #EAEAEA;
        vertical-align: middle;
        overflow: hidden;
    }

.ReportViewDetails .ReportDetailsLink {
    color: var(--text-color-link);
    cursor: pointer;
    font-family: var(--font-bold);
}

.Report .ReportViewerPageSize {
}


.ReportHeaderPopup {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    background-color: White;
    border: solid 3px Black;
    padding: 0;
}

.ReportHeaderPopupPanel {
    position: relative;
    display: block;
    background-color: #E4E4E4;
}

.ReportHeaderPopup-Caption {
    background-color: #C4C4C4;
    padding: 2px 2px 2px 2px;
}

.ReportHeaderPopup-InnerPanel {
    background-color: #EAEAEA;
    border: solid 2px White;
}

.ReportHeaderPopup-Menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .ReportHeaderPopup-Menu li {
        width: 250px;
        margin-top: 2px;
        padding: 4px 2px 4px 2px;
        border-bottom: dotted 1px #A0A0A0;
    }

        .ReportHeaderPopup-Menu li.ReportHeaderPopup-MenuItem {
            cursor: pointer;
        }

            .ReportHeaderPopup-Menu li.ReportHeaderPopup-MenuItem:hover {
                background-color: var(--background-popup-menu-active);
                color: var(--text-color-popupmenu-active) !important;
            }

.ReportHeaderPopup-MenuItemIcon {
    width: 40px;
    display: inline-block;
    vertical-align: middle;
}

.ReportHeaderPopup-MenuItemDetails {
    display: inline-block;
    width: 200px;
    height: 20px;
}

.ReportHeaderPopup .Alignment {
    display: block;
    position: relative;
}

.ReportHeaderPopup .AlignmentLeft {
    display: inline-block;
    width: 20px;
    height: 18px;
    background-color: White;
    background-image: url('images/alignleft.gif');
    background-repeat: no-repeat;
    border: solid 1px Transparent;
    cursor: pointer;
}

.ReportHeaderPopup .AlignmentCenter {
    display: inline-block;
    margin-left: 15px;
    width: 20px;
    height: 18px;
    background-color: White;
    background-image: url('images/aligncenter.gif');
    background-repeat: no-repeat;
    border: solid 1px Transparent;
    cursor: pointer;
}

.ReportHeaderPopup .AlignmentRight {
    display: inline-block;
    margin-left: 15px;
    width: 20px;
    height: 18px;
    background-color: White;
    background-image: url('images/alignright.gif');
    background-repeat: no-repeat;
    border: solid 1px Transparent;
    cursor: pointer;
}

.ReportHeaderPopup .SelectedAlignment {
    background-color: var(--background-report-selectedalignment) !important;
}

/*** DROP UP MENU STYLES ***/

.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu {
    line-height: 1.0;
    font-family: var(--font-regular);
    font-size: 8pt;
    border-radius: 8px;
    -webkit-box-shadow: var(--shadow2);
    box-shadow: var(--shadow2);
    background-image: var(--menubar-backgroundgradient);
}

    .sf-menu ul {
        position: absolute;
        bottom: -999em;
        width: 20em;
        border-radius: 8px;
    }

        .sf-menu ul ul {
            border-radius: 0px;
            border-top-right-radius: 8px;
        }

        .sf-menu ul li {
            width: 100%;
        }

    .sf-menu li:hover {
        visibility: inherit;
    }

    .sf-menu li {
        float: left;
        position: relative;
        height: 32px;
        text-align: center;
    }

        .sf-menu li:first-of-type {
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px;
        }
        .sf-menu li:last-of-type {
            border-top-right-radius: 8px;
            border-bottom-right-radius: 8px;
        }

        .sf-menu li li {
            float: left;
            position: relative;
            height: 30px;
        }

    .sf-menu a {
        display: block;
        position: relative;
    }

    .sf-menu li:hover ul, .sf-menu li.sfHover ul {
        left: 0;
        bottom: 32px;
        z-index: 3000;
    }

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
    bottom: -999em;
}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
    bottom: -4px;
    left: 100%;
}

ul.sf-menu li li:hover li ul, ul.UP li li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
    left: 23em;
    top: 0;
}

/*** DEMO SKIN ***/
.sf-menu {
    float: left;
    margin-bottom: 1em;

}


.sf-menu a,
.sf-menu a:visited {
    padding: 1em 1em;
    text-decoration: none;
    font-weight: bold;
}
.sf-menu a {
    color: var(--text-color-menubar);
}
.sf-menu a:visited {
    color: var(--text-color-menubar);
}

.sf-menu-sep {
    position: absolute;
    right: 0px;
    top: 1px;
    width: 1px;
    height: 29px;
    overflow: hidden;
}

.sf-menu li {
    background-color: var(--background-menubar);
}

    .sf-menu li ul {
        background-color: var(--background-popup-menu);
        border-top-left-radius: 0px;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

.sf-menu li li {
    /*background-color: #F1F2F6;*/
    background-color: transparent;
    text-align:left;
}

.sf-menu li li a, 
.sf-menu li li a:visited {
    padding: .8em 1em;
    font-weight: bold;
}
.sf-menu li li a {
    color: var(--text-color-popupmenu);
}
.sf-menu li li a:visited {
    color: var(--text-color-popupmenu);
}


sf-menu li li li {
    /*background-color: #F1F2F6;*/
    background-color:transparent
}

.sf-menu li li li a, 
.sf-menu li li li a:visited {
    padding: .8em 1em;
    font-weight: bold;
}
.sf-menu li li li a {
    color: var(--text-color-popupmenu);
}
.sf-menu li li li a:visited {
    color: var(--text-color-popupmenu);
}

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu li.sfHover > a,
.sf-menu li a:focus,
.sf-menu li a:hover,
.sf-menu li a:active {
    background-color: transparent;
    color: var(--text-color-menubar-active) !important;
    outline: 0;
}

.sf-menu li li:hover,
.sf-menu li li.sfHover,
.sf-menu li li.sfHover > a,
.sf-menu li li a:focus,
.sf-menu li li a:hover,
.sf-menu li li a:active {
    background-color: var(--background-popup-menu-active);
    color: var(--text-color-popupmenu-active) !important;
    outline: 0;
}


/*** arrows **/
.sf-menu a.sf-with-ul {
    padding-right: 2.25em;
    min-width: 1px;
}

.sf-sub-indicator {
    position: absolute;
    display: block;
    right: .75em;
    top: 1.05em; /* IE6 only */
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden;
    background: url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {
    top: .8em;
    background-position: 0 -100px;
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px;
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
    background-position: -10px 0;
}

.sf-menu ul a > .sf-sub-indicator {
    background-position: 0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0;
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
    background: url('images/shadow.png') no-repeat bottom right;
    padding: 0 8px 0px 0;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

    .sf-shadow ul.sf-shadow-off {
        background: transparent;
    }

.MenuLeft {
    float: left;
    display: inline-table;
    width: 6px;
    height: 32px;
    position: relative;
}

.MenuRight {
    float: left;
    width: 6px;
    height: 32px;
    position: relative;
    display: inline-table;
}


.PopupDialogContainer {
}

.PopupDialog {
    display: none;
    position: absolute;
    top: 50px;
    left: 150px;
    width: 770px;
    border: solid 3px White;
    padding: 1px 1px 1px 1px;
    z-index: 5001;
}

.PopupContent {
    position: relative;
    width: 760px;
    height: 535px;
    padding: 5px 5px 5px 5px;
    overflow: visible;
}

.PopupDialogTabContent {
    position: relative;
    height: 290px;
    padding: 4px 0px 4px 0px;
}

.PopupDialogTabToolbar {
    height: 30px;
    margin-right: 20px;
    clear: both;
}

.PopupButtonBar {
    height: 38px;
    width: 100%;
}

.PopupPanel {
    display: block;
    height: auto;
    padding: 2px 2px 2px 2px;
}

.PopupPanelHeader {
    padding: 5px 0px 5px 7px;
}

.PopupFieldHeader {
    font-family: var(--font-bold);
    float: left;
    padding: 2px 2px 2px 2px;
    margin-top: 2px;
    margin-left: 2px;
    width: 120px;
    height: 17px;
}

.PopupField {
    float: left;
    padding: 2px 2px 2px 2px;
    margin-top: 2px;
    margin-left: 2px;
    width: 210px;
    min-height: 17px;
}

.PopupFieldWide {
    float: left;
    padding: 2px 2px 2px 2px;
    margin-top: 2px;
    margin-left: 2px;
    width: 582px;
    height: 17px;
}

.PopupFieldR {
    float: left;
    padding: 2px 2px 2px 2px;
    margin-top: 2px;
    margin-left: 2px;
    width: 210px;
    height: 17px;
    text-align: right;
}

.PopupFieldWideR {
    float: left;
    padding: 2px 2px 2px 2px;
    margin-top: 2px;
    margin-left: 2px;
    width: 582px;
    height: 17px;
    text-align: right;
}

.PopupColSep {
    float: left;
    padding: 2px 2px 2px 2px;
    margin-top: 2px;
    width: 25px;
    height: 17px;
    display: block;
}

.PopupColSep2 {
    float: left;
    padding: 2px 2px 2px 2px;
    margin-top: 2px;
    width: 235px;
    height: 17px;
    display: block;
}

.PopupGrid th {
    text-align: left;
    background-color: var(--background-dialog-listheader);
}

.CurrentEndorsement, .CurrentEndorsement td {
    background-color: #FF0000 !important;
    color: Black !important;
}

.OldEndorsement, .OldEndorsement td {
    background-color: Orange !important;
    color: Black !important;
}

.ExpiredEndorsement, .ExpiredEndorsement td {
}

.ToggleRow {
    display: none;
}

.Expander {
    cursor: pointer;
}

.K2-DropdownButton {
    display: block;
    width: 17px;
    height: 16px;
    background-image: url('images/btnDropDown.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

    .K2-DropdownButton:hover {
        background-image: url('images/btnDropDownHover.png');
    }

.PopupAccessDeniedPanel {
    position: absolute;
    display: block;
    top: -15px;
    left: 0px;
    height: 510px;
    width: auto;
    width: 760px;
    background-color: #A0A0A0;
    opacity: .9;
    filter: Alpha(Opacity=90);
}

.PopupActionGrid table {
    border-collapse: collapse;
    border-spacing: 0px;
}

.PopupActionGrid input {
    height: 13px;
}

.FieldR {
    text-align: right;
}

.DialogDark {
    background-color: #020305;
}

    .DialogDark .DialogCaptionText {
        font-family: 'ogilvie-regular', Arial, Verdana, Helvetica, sans-serif;
        font-size: 11pt;
        font-weight: bold;
        color: Black;
    }

    .DialogDark .DialogHeaderText {
        font-family: 'ogilvie-regular', Arial, Verdana, Helvetica, sans-serif;
        font-size: 10pt;
        font-weight: bold;
        color: White;
    }

    .DialogDark .DialogFieldText {
        font-family: 'ogilvie-regular', Arial, Verdana, Helvetica, sans-serif;
        font-size: 8pt;
        font-weight: normal;
        color: White;
    }

    .DialogDark .PopupActionGrid .DialogHeaderText {
        font-family: 'ogilvie-regular', Arial, Verdana, Helvetica, sans-serif;
        font-size: 10pt;
        font-weight: bold;
        color: Black;
    }

    .DialogDark .PopupActionGrid .DialogFieldText {
        font-family: 'ogilvie-regular', Arial, Verdana, Helvetica, sans-serif;
        font-size: 8pt;
        font-weight: normal;
        color: Black;
    }

    .DialogDark .PopupGrid td {
        background-color: #1C1D1F;
    }

    .DialogDark .PopupActionGrid {
        position: relative;
        display: block;
        border: 3px solid white;
        background-color: #C6C6C6;
        padding: 0px 10px 0px 10px;
    }

        .DialogDark .PopupActionGrid td {
            background-color: transparent;
        }

        .DialogDark .PopupActionGrid .fieldlabel {
            color: Black;
        }

    .DialogDark .PopupDialogCaptionBar {
        background-color: #E4E4E4;
    }

        .DialogDark .PopupDialogCaptionBar table {
            background-color: #C4C4C4;
        }

    .DialogDark .PopupDialogColor-border {
        background-color: #020305;
    }

    .DialogDark .PopupDialogColor-bg {
        background-color: #020305;
    }

    .DialogDark .PopupDialogColor-panel {
        background-color: #3B3B47;
    }

    .DialogDark .PopupDialogColor-fieldheader {
        background-color: Transparent;
    }

    .DialogDark .PopupDialogColor-field {
        background-color: #1C1D1F;
    }

    .DialogDark .PopupDialogColor-tabtoolbar {
        background-color: #3B3B47;
    }

    .DialogDark .PopupDialogInputTable {
    }

        .DialogDark .PopupDialogInputTable .PopupInputFieldHeader {
        }

        .DialogDark .PopupDialogInputTable .PopupInputField input {
            background-color: #1C1D1F;
            color: White;
            border: solid 1px #6F6F6F;
            height: 17px;
            padding-top: 1px;
        }

        .DialogDark .PopupDialogInputTable .PopupInputField textarea {
            background-color: #1C1D1F;
            color: White;
            border: solid 1px #6F6F6F;
            padding-top: 1px;
        }

        .DialogDark .PopupDialogInputTable .PopupInputField select {
            background-color: #1C1D1F;
            color: White;
            border: solid 1px #6F6F6F;
            height: 22px;
        }

/* Light */
.DialogLight {
    background-color: var(--background-dialog-panel);
}

    .DialogLight .DialogCaptionText {
        font-family: var(--font-bold);
        font-size: 11pt;
        font-weight: bold;
        color: var(--text-color-dialog-label);
    }

    .DialogLight .DialogHeaderText {
        font-family: var(--font-bold);
        font-size: 10pt;
        font-weight: bold;
        color: var(--text-color-dialog-label);
    }

    .DialogLight .DialogFieldText {
        font-family: var(--font-bold);
        font-size: 8pt;
        font-weight: normal;
    }
    .DialogLight .DialogFieldText .PopupFieldHeader {
        color: var(--text-color-dialog-label);
    }

    .DialogLight .PopupGrid td {
        background-color: #FFFFFF;
    }

    .DialogLight .PopupActionGrid {
        position: relative;
        display: block;
        border: 3px solid white;
        background-color: var(--background-dialog-panel);
        padding: 0px 10px 0px 10px;
    }

        .DialogLight .PopupActionGrid td {
            background-color: transparent;
            color: var(--text-color-dialog-label);
        }

        .DialogLight .PopupActionGrid input,
        .DialogLight .PopupActionGrid select,
        .DialogLight .PopupActionGrid textarea,
        .DialogLight .PopupActionGrid .ui-widget {
            border: 1px solid #c5c5c5;
        }

    .DialogLight .PopupDialogCaptionBar {
        background-color: var(--background-dialog-panel);
    }

        .DialogLight .PopupDialogCaptionBar table {
            background-color: var(--background-dialog-panel);
        }

    .DialogLight .PopupDialogColor-border {
        background-color: var(--background-dialog);
    }

    .DialogLight .PopupDialogColor-bg {
        background-color: var(--background-dialog-panel);
    }

    .DialogLight .PopupDialogColor-panel {
        background-color: var(--background-dialog-panel);
    }

    .DialogLight .PopupDialogColor-fieldheader {
        background-color: Transparent;
        color: var(--text-color-dialog-label);
    }

    .DialogLight .PopupDialogColor-field {
        background-color: var(--background-dialog);
        color: var(--text-color-dialog-text);
    }

    .DialogLight .PopupDialogColor-tabtoolbar {
        background: var(--background-dialog-panel);
    }

    .DialogLight .PopupDialogInputTable {
    }

        .DialogLight .PopupDialogInputTable .PopupInputFieldHeader {
        }

        .DialogLight .PopupDialogInputTable .PopupInputField input,
        .DialogLight .PopupActionGrid input {
            background-color: var(--background-dialog);
            color: var(--text-color-dialog-text);
            border: solid 1px #777777;
            height: 17px;
            padding-top: 1px;
        }

        .DialogLight .PopupDialogInputTable .PopupInputField textarea,
        .DialogLight .PopupActionGrid textarea {
            background-color: #FFFFFF;
            color: var(--text-color-dialog-text);
            border: solid 1px #777777;
            padding-top: 1px;
        }

        .DialogLight .PopupDialogInputTable .PopupInputField select,
        .DialogLight .PopupActionGrid select {
            background-color: #FFFFFF;
            color: var(--text-color-dialog-text);
            border: solid 1px #777777;
            height: 22px;
        }

    .DialogLight .K2-Tab {
        background: var(--background-dialog-panel);
        color: var(--text-color-dialog-label);
    }
    .DialogLight .K2-Tab .ui-state-active a,
    .DialogLight .K2-Tab .ui-state-active a:link {
        background: var(--color-button-main);
        color: var(--text-color-button);
    }


    /* Yellow */
    .DialogYellow .DialogCaptionText {
        font-family: 'ogilvie-regular', Arial, Verdana, Helvetica, sans-serif;
        font-size: 11pt;
        font-weight: bold;
        color: Black;
    }

.DialogYellow .DialogHeaderText {
    font-family: 'ogilvie-regular',Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: Black;
}

.DialogYellow .DialogFieldText {
    font-family: 'ogilvie-regular', Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: Black;
}

.DialogYellow .PopupGrid td {
    background-color: #FDFFAE;
}

.DialogYellow .PopupActionGrid {
    position: relative;
    display: block;
    border: 3px solid white;
    background-color: #E4E4E4;
}

    .DialogYellow .PopupActionGrid td {
        background-color: transparent;
    }

.DialogYellow .PopupDialogCaptionBar {
    background-color: #C4AB52;
}

    .DialogYellow .PopupDialogCaptionBar table {
        background-color: #C4AB52;
    }

.DialogYellow .PopupDialogColor-border {
    background-color: #FDFFBC;
}

.DialogYellow .PopupDialogColor-bg {
    background-color: #FDFFBC;
}

.DialogYellow .PopupDialogColor-panel {
    background-color: #FFe16B;
}

.DialogYellow .PopupDialogColor-fieldheader {
    background-color: Transparent;
}

.DialogYellow .PopupDialogColor-field {
    background-color: #FDFFAE;
}

.DialogYellow .PopupDialogColor-tabtoolbar {
    background-color: Transparent;
}

.DialogYellow .PopupDialogInputTable {
}

    .DialogYellow .PopupDialogInputTable .PopupInputFieldHeader {
    }

    .DialogYellow .PopupDialogInputTable .PopupInputField {
    }

        .DialogYellow .PopupDialogInputTable .PopupInputField input {
            background-color: #FDFFAE;
            border: solid 1px #DBBF5C;
            height: 17px;
            padding-top: 1px;
        }

        .DialogYellow .PopupDialogInputTable .PopupInputField textarea {
            background-color: #FDFFAE;
            border: solid 1px #DBBF5C;
            padding-top: 1px;
        }

        .DialogYellow .PopupDialogInputTable .PopupInputField select {
            background-color: #FDFFAE;
            border: solid 1px #DBBF5C;
            height: 22px;
        }

/* purple */
.DialogPurple .DialogCaptionText {
    font-family: 'ogilvie-regular', Arial, Verdana, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
    color: Black;
}

.DialogPurple .DialogHeaderText {
    font-family: 'ogilvie-regular', Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: Black;
}

.DialogPurple .DialogFieldText {
    font-family: 'ogilvie-regular', Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: Black;
}

.DialogPurple .PopupGrid td {
    background-color: #D3C6FF;
}

.DialogPurple .PopupActionGrid {
    position: relative;
    display: block;
    border: 3px solid white;
    background-color: #E4E4E4;
}

    .DialogPurple .PopupActionGrid td {
        background-color: transparent;
    }

.DialogPurple .PopupDialogCaptionBar {
    background-color: #988DD3;
}

    .DialogPurple .PopupDialogCaptionBar table {
        background-color: #988DD3;
    }

.DialogPurple .PopupDialogColor-border {
    background-color: #EFE0FF;
}

.DialogPurple .PopupDialogColor-bg {
    background-color: #EFE0FF;
}

.DialogPurple .PopupDialogColor-panel {
    background-color: #C5B2FF;
}

.DialogPurple .PopupDialogColor-fieldheader {
    background-color: Transparent;
}

.DialogPurple .PopupDialogColor-field {
    background-color: #D3C6FF;
}

.DialogPurple .PopupDialogColor-tabtoolbar {
    background-color: Transparent;
}

.DialogPurple .PopupDialogInputTable {
}

    .DialogPurple .PopupDialogInputTable .PopupInputFieldHeader {
    }

    .DialogPurple .PopupDialogInputTable .PopupInputField {
    }

        .DialogPurple .PopupDialogInputTable .PopupInputField input {
            background-color: #D3C6FF;
            border: solid 1px #A78CFF;
            height: 17px;
            padding-top: 1px;
        }

        .DialogPurple .PopupDialogInputTable .PopupInputField textarea {
            background-color: #D3C6FF;
            border: solid 1px #A78CFF;
            padding-top: 1px;
        }

        .DialogPurple .PopupDialogInputTable .PopupInputField select {
            background-color: #D3C6FF;
            border: solid 1px #A78CFF;
            height: 22px;
        }

/* blue dialog */
.DialogBlue .DialogCaptionText {
    font-family: 'ogilvie-regular',Arial, Verdana, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
    color: White;
}

.DialogBlue .DialogHeaderText {
    font-family: 'ogilvie-regular',Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: White;
}

.DialogBlue .DialogFieldText {
    font-family: 'ogilvie-regular', Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: Black;
}

.DialogBlue .PopupActionGrid .DialogHeaderText {
    font-family: 'ogilvie-regular', Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: Black;
}

.DialogBlue .PopupActionGrid .DialogFieldText {
    font-family: 'ogilvie-regular', Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: Black;
}

.DialogBlue .PopupGrid td {
    background-color: #DDE6FF;
}

.DialogBlue .PopupActionGrid {
    position: relative;
    display: block;
    border: 3px solid white;
    background-color: #E4E4E4;
}

    .DialogBlue .PopupActionGrid td {
        background-color: transparent;
    }

.DialogBlue .PopupDialogCaptionBar {
    background-color: #2625FF;
}

    .DialogBlue .PopupDialogCaptionBar table {
        background-color: #2625FF;
    }

.DialogBlue .PopupDialogColor-border {
    background-color: #EFE0FF;
}

.DialogBlue .PopupDialogColor-bg {
    background-color: #F3F6FF;
}

.DialogBlue .PopupDialogColor-panel {
    background-color: #8BB7FF;
}

.DialogBlue .PopupDialogColor-fieldheader {
    background-color: Transparent;
}

.DialogBlue .PopupDialogColor-field {
    background-color: #DDE6FF;
}

.DialogBlue .PopupDialogColor-tabtoolbar {
    background-color: Transparent;
}

.DialogBlue .PopupDialogInputTable {
}

    .DialogBlue .PopupDialogInputTable .PopupInputFieldHeader {
    }

    .DialogBlue .PopupDialogInputTable .PopupInputField {
    }

        .DialogBlue .PopupDialogInputTable .PopupInputField input {
            background-color: #DDE6FF;
            border: solid 1px #A78CFF;
            height: 17px;
            padding-top: 1px;
        }

        .DialogBlue .PopupDialogInputTable .PopupInputField textarea {
            background-color: #DDE6FF;
            border: solid 1px #A78CFF;
            padding-top: 1px;
        }

        .DialogBlue .PopupDialogInputTable .PopupInputField select {
            background-color: #DDE6FF;
            border: solid 1px #A78CFF;
            height: 22px;
        }

/* dialog grey */
.DialogGrey {
    background-color: #ECECEC;
}

    .DialogGrey .DialogCaptionText {
        font-family: 'ogilvie-regular', Arial, Verdana, Helvetica, sans-serif;
        font-size: 11pt;
        font-weight: bold;
        color: DarkOrange;
    }

    .DialogGrey .DialogHeaderText {
        font-family: 'ogilvie-regular', Arial, Verdana, Helvetica, sans-serif;
        font-size: 10pt;
        font-weight: bold;
        color: #888888;
    }

    .DialogGrey .DialogFieldText {
        font-family: 'ogilvie-regular', Arial, Verdana, Helvetica, sans-serif;
        font-size: 8pt;
        font-weight: normal;
        color: #888888;
    }

    .DialogGrey .PopupGrid td {
        background-color: #FFFFFF;
    }

    .DialogGrey .PopupActionGrid {
        position: relative;
        display: block;
        border: 3px solid white;
        background-color: #D8D8D8;
        padding: 0px 10px 0px 10px;
    }

        .DialogGrey .PopupActionGrid td {
            background-color: transparent;
        }

    .DialogGrey .PopupDialogCaptionBar {
        background-color: #D8D8D8;
    }

        .DialogGrey .PopupDialogCaptionBar table {
            background-color: #D8D8D8;
        }

    .DialogGrey .PopupDialogColor-border {
        background-color: #ECECEC;
    }

    .DialogGrey .PopupDialogColor-bg {
        background-color: #ECECEC;
    }

    .DialogGrey .PopupDialogColor-panel {
        background-color: #ECECEC;
    }

    .DialogGrey .PopupDialogColor-fieldheader {
        background-color: Transparent;
    }

    .DialogGrey .PopupDialogColor-field {
        background-color: #FFFFFF;
    }

    .DialogGrey .PopupDialogColor-tabtoolbar {
        background-color: Transparent;
    }

    .DialogGrey .PopupDialogInputTable {
    }

        .DialogGrey .PopupDialogInputTable .PopupInputFieldHeader {
        }

        .DialogGrey .PopupDialogInputTable .PopupInputField input {
            background-color: #FFFFFF;
            color: #888888;
            border: solid 1px #D8D8D8;
            height: 17px;
            padding-top: 1px;
        }

        .DialogGrey .PopupDialogInputTable .PopupInputField textarea {
            background-color: #FFFFFF;
            color: #888888;
            border: solid 1px #D8D8D8;
            padding-top: 1px;
        }

        .DialogGrey .PopupDialogInputTable .PopupInputField select {
            background-color: #FFFFFF;
            color: #888888;
            border: solid 1px #D8D8D8;
            height: 22px;
        }


/* dialog black */
.DialogBlack {
    background-color: #ECECEC;
}

    .DialogBlack .DialogCaptionText {
        color: #B00000;
        font-weight: bold;
        font-size: 11pt;
        font-family: 'ogilvie-regular', Arial, Verdana, Helvetica, sans-serif;
    }

    .DialogBlack .DialogHeaderText {
        color: var(--text-color-primary);
        font-weight: bold;
        font-size: 10pt;
        font-family: 'ogilvie-regular', Arial, Verdana, Helvetica, sans-serif;
    }

    .DialogBlack .DialogFieldText {
        color: var(--text-color-primary);
        font-weight: normal;
        font-size: 8pt;
        font-family: 'ogilvie-regular', Arial, Verdana, Helvetica, sans-serif;
    }

    .DialogBlack .PopupGrid td {
        background-color: #FFFFFF;
    }

    .DialogBlack .PopupActionGrid {
        position: relative;
        display: block;
        padding: 0px 10px 0px 10px;
        border: 3px solid white;
        background-color: #cccccc;
    }

        .DialogBlack .PopupActionGrid td {
            background-color: transparent;
        }

    .DialogBlack .PopupDialogCaptionBar {
        background-color: #cccccc;
    }

        .DialogBlack .PopupDialogCaptionBar table {
            background-color: #cccccc;
        }

    .DialogBlack .PopupDialogColor-border {
        background-color: #cccccc;
    }

    .DialogBlack .PopupDialogColor-bg {
        background-color: #cccccc;
    }

    .DialogBlack .PopupDialogColor-panel {
        background-color: #cccccc;
    }

    .DialogBlack .PopupDialogColor-fieldheader {
        background-color: Transparent;
        color: var(--text-color-primary);
    }

    .DialogBlack .PopupDialogColor-field {
        background-color: #FFFFFF;
    }

    .DialogBlack .PopupDialogColor-tabtoolbar {
        background-color: Transparent;
    }

    .DialogBlack .PopupDialogInputTable {
    }

        .DialogBlack .PopupDialogInputTable .PopupInputFieldHeader {
        }

        .DialogBlack .PopupDialogInputTable .PopupInputField input {
            padding-top: 1px;
            height: 17px;
            border: solid 1px #D8D8D8;
            background-color: #FFFFFF;
            color: var(--text-color-primary);
        }

        .DialogBlack .PopupDialogInputTable .PopupInputField textarea {
            padding-top: 1px;
            border: solid 1px #D8D8D8;
            background-color: #FFFFFF;
            color: var(--text-color-primary);
        }

        .DialogBlack .PopupDialogInputTable .PopupInputField select {
            height: 22px;
            border: solid 1px #D8D8D8;
            background-color: #FFFFFF;
            color: var(--text-color-primary);
        }


/* Bodystyle Report */
.BodyStyleList {
    position: relative;
    display: block;
    padding: 0px 0px 0px 0px;
    float: none;
}

.BodyStyleListBox {
    display: inline;
    float: left;
    height: 27px;
}

.BodyStyleList table {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 55px;
}

    .BodyStyleList table td {
        vertical-align: top;
    }

/* ************************************************************************************************* */
/* Customer Selector Styles */

.CustSelectPopup {
    position: absolute;
    z-index: 4001;
    display: block;
    top: 24px;
    left: 10px;
    padding: 3px 3px 3px 3px;
    box-shadow: var(--shadow);
}

.DialogDark .CustSelectPopup {
    background-color: White;
}

.DialogDark .CustSelectContainer {
    display: block;
    position: relative;
    background-color: Black;
    padding: 5px 5px 5px 5px;
}

.DialogDark .CustSelectHeaders {
    background-color: Black;
    height: 25px;
    padding: 5px 0px 0px 2px;
}

    .DialogDark .CustSelectHeaders span {
        display: inline-table;
    }

.DialogDark .CustSelectList {
    height: 250px;
    display: block;
    overflow: auto;
    position: relative;
    background-color: #3B3B47;
    width: 350px;
}

    .DialogDark .CustSelectList ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .DialogDark .CustSelectList li {
        padding: 2px 2px 2px 2px;
        margin: 2px 0px 1px 0px;
        vertical-align: middle;
        height: 20px;
        cursor: pointer;
        border: 2px solid #d3d3d3;
        background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
        font-weight: normal;
        color: #555555;
    }

        .DialogDark .CustSelectList li span {
            display: inline-block;
            margin-top: 3px;
        }

.DialogDark .CustSelectContainer .CustSelectButtonBar {
    display: block;
    overflow: hidden;
    width: 350px;
    padding: 4px 0px 2px 0px;
}

/* Light */
.DialogLight .CustSelectPopup {
    background-color: var(--background-custselector);
    border-radius: 8px;
    box-shadow: var(--shadow);
}

.DialogLight .CustSelectContainer {
    display: block;
    position: relative;
    background-color: var(--background-custselector);
    padding: 5px 5px 5px 5px;
}

.DialogLight .CustSelectHeaders {
    background-color: var(--background-dialog-panel);
    height: 25px;
    padding: 10px 0px 0px 4px;
}

    .DialogLight .CustSelectHeaders span {
        display: inline-table;
        color: var(--text-color-dialog-label);
        font-size:14px;
    }

.DialogLight .CustSelectList {
    height: 250px;
    display: block;
    overflow: auto;
    position: relative;
    background-color: var(--background-custselector-list);
    width: 350px;
    font-family: var(--font-regular);
    font-size: 12px;
}

    .DialogLight .CustSelectList ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .DialogLight .CustSelectList li {
        padding: 6px 4px 6px 4px;
        vertical-align: middle;
        height: 20px;
        cursor: pointer;
        border-top: 1px solid transparent;
        border-bottom: 1px solid #c5c5c5;
        font-weight: normal;
        color: var(--text-color-custselector-listitem);
        word-break: break-all;
        overflow: hidden;
    }

        .DialogLight .CustSelectList li span {
            display: inline-block;
            margin-top: 3px;
        }

.DialogLight .CustSelectContainer .CustSelectButtonBar {
    display: block;
    overflow: hidden;
    width: 350px;
    padding: 4px 0px 2px 0px;
}


.DialogYellow .CustSelectPopup {
    background-color: White;
}

.DialogYellow .CustSelectContainer {
    display: block;
    position: relative;
    background-color: #FFE16B;
    padding: 5px 5px 5px 5px;
}

.DialogYellow .CustSelectHeaders {
    background-color: #FFE16B;
    height: 25px;
    padding: 5px 0px 0px 2px;
}

    .DialogYellow .CustSelectHeaders span {
        display: inline-table;
        color: Black;
    }

.DialogYellow .CustSelectList {
    height: 250px;
    display: block;
    overflow: auto;
    position: relative;
    background-color: #FDFFBC;
    width: 350px;
}

    .DialogYellow .CustSelectList ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .DialogYellow .CustSelectList li {
        padding: 2px 2px 2px 2px;
        margin: 2px 0px 1px 0px;
        vertical-align: middle;
        height: 20px;
        cursor: pointer;
        border: 2px solid #d3d3d3;
        background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
        font-weight: normal;
        color: #555555;
    }

        .DialogYellow .CustSelectList li span {
            display: inline-block;
            margin-top: 3px;
        }

.DialogYellow .CustSelectContainer .CustSelectButtonBar {
    display: block;
    overflow: hidden;
    width: 350px;
    padding: 4px 0px 2px 0px;
}

.DialogPurple .CustSelectPopup {
    background-color: White;
}

.DialogPurple .CustSelectContainer {
    display: block;
    position: relative;
    background-color: #C5B2FF;
    padding: 5px 5px 5px 5px;
}

.DialogPurple .CustSelectHeaders {
    background-color: #C5B2FF;
    height: 25px;
    padding: 5px 0px 0px 2px;
}

    .DialogPurple .CustSelectHeaders span {
        display: inline-table;
        color: Black;
    }

.DialogPurple .CustSelectList {
    height: 250px;
    display: block;
    overflow: auto;
    position: relative;
    background-color: #EFE0FF;
    width: 350px;
}

    .DialogPurple .CustSelectList ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .DialogPurple .CustSelectList li {
        padding: 2px 2px 2px 2px;
        margin: 2px 0px 1px 0px;
        vertical-align: middle;
        height: 20px;
        cursor: pointer;
        border: 2px solid #d3d3d3;
        background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
        font-weight: normal;
        color: #555555;
    }

        .DialogPurple .CustSelectList li span {
            display: inline-block;
            margin-top: 3px;
        }

.DialogPurple .CustSelectContainer .CustSelectButtonBar {
    display: block;
    overflow: hidden;
    width: 350px;
    padding: 4px 0px 2px 0px;
}

.DialogBlue .CustSelectPopup {
    background-color: #DDE6FF;
}

.DialogBlue .CustSelectContainer {
    display: block;
    position: relative;
    background-color: #8BB7FF;
    padding: 5px 5px 5px 5px;
}

.DialogBlue .CustSelectHeaders {
    background-color: #8BB7FF;
    height: 25px;
    padding: 5px 0px 0px 2px;
}

    .DialogBlue .CustSelectHeaders span {
        display: inline-table;
        color: Black;
    }

.DialogBlue .CustSelectList {
    height: 250px;
    display: block;
    overflow: auto;
    position: relative;
    background-color: #EFE0FF;
    width: 350px;
}

    .DialogBlue .CustSelectList ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .DialogBlue .CustSelectList li {
        padding: 2px 2px 2px 2px;
        margin: 2px 0px 1px 0px;
        vertical-align: middle;
        height: 20px;
        cursor: pointer;
        border: 2px solid #d3d3d3;
        background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
        font-weight: normal;
        color: #555555;
    }

        .DialogBlue .CustSelectList li span {
            display: inline-block;
            margin-top: 3px;
        }

.DialogBlue .CustSelectContainer .CustSelectButtonBar {
    display: block;
    overflow: hidden;
    width: 350px;
    padding: 4px 0px 2px 0px;
}


.DialogGrey .CustSelectPopup {
    background-color: #FFFFFF;
    border: solid 1px #D8D8D8;
}

.DialogGrey .CustSelectContainer {
    display: block;
    position: relative;
    background-color: #FFFFFF;
    padding: 5px 5px 5px 5px;
}

.DialogGrey .CustSelectHeaders {
    background-color: #D8D8D8;
    height: 25px;
    padding: 5px 0px 0px 2px;
}

    .DialogGrey .CustSelectHeaders span {
        display: inline-table;
        color: DarkOrange;
    }

.DialogGrey .CustSelectList {
    height: 250px;
    display: block;
    overflow: auto;
    position: relative;
    background-color: #ECECEC;
    width: 350px;
}

    .DialogGrey .CustSelectList ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .DialogGrey .CustSelectList li {
        padding: 2px 2px 2px 2px;
        margin: 2px 0px 1px 0px;
        vertical-align: middle;
        height: 20px;
        cursor: pointer;
        border-top: var(--border-gray);
        border-bottom: var(--border-gray);
        background: var(--background-dialog);
        font-weight: normal;
        color: #888888;
    }

        .DialogGrey .CustSelectList li span {
            display: inline-block;
            margin-top: 3px;
        }

.DialogGrey .CustSelectContainer .CustSelectButtonBar {
    display: block;
    overflow: hidden;
    width: 350px;
    padding: 4px 0px 2px 0px;
}

.CustSelectList li.Selected {
    border-top: var(--border-orange);
    border-bottom: var(--border-orange);
    background: var(--color-button-main);
    font-weight: normal;
    color: White;
}

.CustSelectList li:hover {
    border-top: var(--border-orange);
    border-bottom:var(--border-orange);
}

.DialogBlack .CustSelectPopup {
    border: solid 1px #D8D8D8;
    background-color: #FFFFFF;
}

.DialogBlack .CustSelectContainer {
    position: relative;
    display: block;
    padding: 5px 5px 5px 5px;
    background-color: #FFFFFF;
}

.DialogBlack .CustSelectHeaders {
    padding: 5px 0px 0px 2px;
    height: 25px;
    background-color: #D8D8D8;
}

    .DialogBlack .CustSelectHeaders span {
        display: inline-table;
        color: #B00000;
    }

.DialogBlack .CustSelectList {
    position: relative;
    display: block;
    overflow: auto;
    width: 350px;
    height: 250px;
    background-color: #ECECEC;
}

    .DialogBlack .CustSelectList ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .DialogBlack .CustSelectList li {
        margin: 2px 0px 1px 0px;
        padding: 2px 2px 2px 2px;
        height: 20px;
        border: 2px solid #d3d3d3;
        background: #ECECEC url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
        color: #888888;
        vertical-align: middle;
        font-weight: normal;
        cursor: pointer;
    }

        .DialogBlack .CustSelectList li span {
            display: inline-block;
            margin-top: 3px;
        }

.DialogBlack .CustSelectContainer .CustSelectButtonBar {
    display: block;
    overflow: hidden;
    padding: 4px 0px 2px 0px;
    width: 350px;
}

.PagerContainer {
    top:230px !important;
}

.PageMarker {
    width: 100px;
    height: 20px;
    background-color: var(--color-button-main);
    color: var(--text-color-secondary);
    padding: 4px;
    border-radius: 4px;
}

    .PageMarker a {
        font-family: var(--font-bold) !important;
        color: var(--text-color-secondary);
    }
    .PageMarker td {
        padding-top:2px;
    }

.ui-widget-header {
    color: var(--text-color-primary);
    background: #fff;
}
.ui-widget-content {
    background: var(--background-dialog);
}

.K2-ListHeader td {
    color: var(--text-color-seconday);
}
/* end of Customer Selector Styles */
/* ************************************************************************************************* */

.K2-PrintButton {
}

.ui-dialog {
    border-radius: 8px;
    background-color: var(--background-dialog);
    box-shadow: var(--shadow);
}

#lblChangeStructure_Structure_CSTree_Outer,
#lblStructure_CSTree_Outer {
    box-shadow: var(--shadow);
}

.AdminMainPanel {
    box-shadow: var(--shadow);
    border-radius: 8px;
    padding:10px !important;

}
.AdminMainPanel .ui-widget-content { 
    background: var(--background-dialog-panel);
    border-radius: 0px 8px 8px 8px;
}
.AdminMainPanel .ui-tabs-panel > div {
    padding: 2px 0px 0px 0px !important;
}
.AdminMainPanel .DarkPanel {
    border:none;
}

#LoginHistoryList #btnExport {
    display: block;
    width: 60px;
    height: 20px;
}
#LoginHistoryList .K2-FilterBar .ui-button span.ui-button-text {
    font-family: var(--font-bold);
    font-size: 14px !important;
}
#btnImpersonate {
    display: block;
    width: 150px;
    height: 24px;
    padding-top:3px;
}
#btnImpersonate span.ui-button-text {
    font-family: var(--font-bold);
    font-size: 14px !important;
}

.ResetRequestButtonTableSubmitCell {
    text-align: right;
}

.ResetRequestButtonTableBackCell {
    text-align: left;
}
    .ResetRequestButtonTableBackCell .ButtonBlack {
        padding: 4px !important;
    }
    .ResetRequestButtonTableBackCell .ButtonText span {
        font-family: var(--font-regular);
        font-size: 18px !important;
    }


.ui-timepicker-now,
.ui-timepicker-close,
#btnAllocateNew_FindVehicle,
#Zoom #btnMovePrevious,
#Zoom #btnMovePreviousChange,
#Zoom #btnMoveNext,
#Zoom #btnMoveNextChange
{
    background-color: var(--color-button-main);
    color: var(--text-color-button) !important;
    padding: 4px;
}

#btnPanLeft,
#btnPanRight {
        background-color: var(--color-button-main);
        color: var(--text-color-button);
}

.ui-timepicker-now:hover,
.ui-timepicker-close:hover,
#btnAllocateNew_FindVehicle:hover,
#Zoom #btnMovePrevious:hover,
#Zoom #btnMovePreviousChange:hover,
#Zoom #btnMoveNext:hover,
#Zoom #btnMoveNextChange:hover,
#btnPanLeft:hover,
#btnPanRight:hover {
    background-color: var(--color-button-focus);
}

#ReceptionImage {
    width: 100% !important;
}

#updCache .K2-ListSmall {
    min-height: 230px;
    background-color: var(--background-dialog-list);
}

input:not([type='button']):not([type='submit']),
textarea,
select {
    color: var(--text-color-dialog-text) !important;
}