/* All CDADateTimeEdits */
.CDADateTimeEditTextBox
{
    /*
	for some reason these font styles are not being used - so hard coded them at runtime in the BasePage SW 11/5/09
	font-family: Arial;
	font-size: 8pt;
	*/
    color: black; /* font colour*/
    background-color: white;
}

.CDADateTimeDropdown
{
    background-color: white;
    font-family: var(--app-font);
    font-size: 11px;
    border-width: 1px;
    border-color: Black;
    z-index: -1;
}




/*Maintenance tabs styles*/
tr.maint_tabs_cell,
table.maint_body_table
{
    width: 100%;
    background-color: white;
    margin-bottom:300px!important;
}

.maint_tabs_cell ul.dxnbLite
{
    padding: 0px;
    width: 100%;
}

    .maint_tabs_cell ul.dxnbLite li
    {
    }

.maint_tabs_cell .dxnbLite .dxnb-content
{
    overflow: visible;
}





.maint_page_container_table
{
    width: 100%;
}

.maint_page_photoandgrid_cell
{
    /*width: 176px;*/
    vertical-align: top;
}

.maint_page_summaryandnavbar_cell
{
    width: 100%;
    vertical-align: top;
    float: none;
}

.maint_list_cell
{
    width: 150px;
    vertical-align: top;
}

.maint_body_cell
{
    padding-left: 3px;
    padding-right: 3px;
    height: 100%;
    width: 100%;
}

.maint_page_container_div
{
    width: 100%;
}

.maint_list_div
{
    float: left;
    width: 176px;
    height: 100%;
}

.maint_body_div
{
    float: left; /* sit side by side the list div */
    padding-left: 3px;
    padding-right: 3px;
    height: 100%;
    width: 100%;
}

.maint_title_div
{
    float: left;
    height: 45px;
    color: black; /* white; */
    font-weight: bold;
    font-size: 11px;
    background-color: #DEE6E8; /* SW 30/09/09 changed from dark blue #2B4E7F;  Changed from #6A7E99; SW8321 29/09/09 */
    padding-bottom: 1px;
    padding-top: 1px;
    padding-right: 3px;
    padding-left: 3px;
    border-style: solid;
    border-width: 1px;
    border-color: Gray;
}

.maint_title_desc_div
{
    float: left;
    vertical-align: bottom;
}

.maint_title_id_div
{
    float: right;
    width: 50px;
    padding-right: 15px;
    vertical-align: bottom;
}

.maint_title_flags_div
{
    float: right;
    padding-right: 5px;
}

.maint_photo_div
{
    float: left;
}

.maint_nav_div
{
    float: right;
    text-align: right;
    width: 70px;
}

.maint_tabs_div
{
    height: 100%;
}
/* Navigation buttons in a table cell eg in Maintenance screen - first, prior, next, last. SW5639 27/08/09 */
.maint_next_prior_cell
{
    text-align: left;
    padding: 2px;
    width: 17px;
    height: 15px;
}









/******************************
 *                            *
 * CSS for CDAPopUpControl    *
 *                            *
 ******************************/
/* -- ASPxCallbackPanel -- */

/* New style of CDAPopupControl css - this will override the styles for the header & content */
.CDAPopupControl .dxpcHeader td, .CDAPopupControl .dxpcContent
{
    font: 8pt var(--app-font) !important;
    color: #303030 !important;
}

.CDAPopupControl
{
    width: auto !important;
}

.dxcpLoadingPanel_CDAPopUpControl
{
    font: 8pt var(--app-font);
    color: #303030;
}

    .dxcpLoadingPanel_CDAPopUpControl td.dx
    {
        white-space: nowrap;
        text-align: center;
        padding: 12px 12px 12px 12px;
    }

.dxcpLoadingPanelWithContent_CDAPopUpControl
{
    font: 8pt var(--app-font);
    color: #303030;
    border: solid 1px #9F9F9F;
    background-color: White;
}

    .dxcpLoadingPanelWithContent_CDAPopUpControl td.dx
    {
        white-space: nowrap;
        text-align: center;
        padding: 12px 12px 12px 12px;
    }

.dxcpLoadingDiv_CDAPopUpControl
{
    background-color: #dcdcdc;
    opacity: 0.01;
    filter: progid:DXImageTransform.Microsoft.Alpha(Style=0, Opacity=1);
}
/* Disabled */
.dxcpDisabled_CDAPopUpControl
{
    color: #acacac;
    cursor: default;
}

/* -- ASPxCloudControl -- */
.dxccControl_CDAPopUpControl a:hover
{
    text-decoration: underline!important;
}

.dxccControl_CDAPopUpControl a
{
    text-decoration: none!important;
    color: #1E3695;
}

.dxccControl_CDAPopUpControl
{
    font-family: var(--app-font);
    text-decoration: none;
    color: #1E3695;
    background-color: #FFFFFF;
}
/* Disabled */
.dxccDisabled_CDAPopUpControl
{
    color: #808080;
    cursor: default;
}

/* -- ASPxDataView -- */
.dxdvControl_CDAPopUpControl
{
    font: 8pt var(--app-font);
    color: black;
}

    .dxdvControl_CDAPopUpControl td.dxdvCtrl_CDAPopUpControl
    {
        padding: 12px 40px 12px 40px;
    }

.dxdvLoadingPanel_CDAPopUpControl
{
    border: solid 1px #9F9F9F;
    background-color: white;
    font: 8pt var(--app-font);
    color: #303030;
}

    .dxdvLoadingPanel_CDAPopUpControl td.dx
    {
        white-space: nowrap;
        text-align: center;
        padding: 12px 12px 12px 12px;
    }

.dxdvContent_CDAPopUpControl
{
}

.dxdvItem_CDAPopUpControl, .dxdvFlowItem_CDAPopUpControl
{
    font: 8pt var(--app-font);
    color: #787878;
    border: solid 1px #A8A8A8;
    background-color: #F0F0F0;
    padding: 12px 12px 12px 14px;
    height: 180px; /*if IE*/
    height: expression("154px");
}

.dxdvFlowItem_CDAPopUpControl
{
    float: left;
    overflow: hidden;
}

.dxdvFlowItemsContainer_CDAPopUpControl
{
}

.dxdvEmptyItem_CDAPopUpControl
{
    font: 8pt var(--app-font);
    color: #787878;
    text-align: left;
    vertical-align: top;
    padding: 12px 12px 12px 14px;
    height: 180px;
    /*if IE*/
    height: expression("154px");
}

.dxdvPagerPanel_CDAPopUpControl
{
}

.dxdvEmptyData_CDAPopUpControl
{
    color: #dcdcdc;
}
/* Disabled */
.dxdvDisabled_CDAPopUpControl
{
    color: #808080;
    cursor: default;
}

/* -- ASPxHeadline -- */
.dxhlControl_CDAPopUpControl
{
    font: 10px var(--app-font);
    color: black;
}

.dxhlContent_CDAPopUpControl
{
    font: 8pt var(--app-font);
    color: black;
}

.dxhlDate_CDAPopUpControl
{
    color: #dcdcdc;
    white-space: nowrap;
}

.dxhlHeader_CDAPopUpControl
{
    font: 10pt var(--app-font);
    color: #dcdcdc;
    font-weight: normal;
    line-height: 17px;
}

.dxhlDateHeader_CDAPopUpControl
{
    font: 10pt var(--app-font);
    color: #dcdcdc;
    font-weight: normal;
}

.dxhlLeftPanel_CDAPopUpControl
{
    font: 10px var(--app-font);
    color: black;
}

.dxhlRightPanel_CDAPopUpControl
{
    font: 10px var(--app-font);
    color: black;
}

.dxhlDateLeftPanel_CDAPopUpControl
{
    font: 10px var(--app-font);
    color: #dcdcdc;
    white-space: nowrap;
}

.dxhlDateRightPanel_CDAPopUpControl
{
    font: 10px var(--app-font);
    color: #dcdcdc;
    white-space: nowrap;
}

.dxhlTailDiv_CDAPopUpControl
{
    font: 10px var(--app-font);
    color: Black;
}

    .dxhlTailDiv_CDAPopUpControl a
    {
        color: #1E3695;
    }

        .dxhlTailDiv_CDAPopUpControl a:hover
        {
            text-decoration: none;
        }

        .dxhlTailDiv_CDAPopUpControl a:visited
        {
            color: #996085;
        }

.dxhlContent_CDAPopUpControl a.dxhl
{
    color: #1E3695;
}

    .dxhlContent_CDAPopUpControl a.dxhl:hover
    {
        text-decoration: none;
    }

    .dxhlContent_CDAPopUpControl a.dxhl:visited
    {
        color: #996085;
    }
/* Disabled */
.dxhlDisabled_CDAPopUpControl
{
    color: #acacac;
    cursor: default;
}

/* -- ASPxLoadingPanel -- */
.dxlpLoadingPanel_CDAPopUpControl
{
    font: 8pt var(--app-font);
    color: #303030;
    background-color: white;
    border: solid 1px #9F9F9F;
}

    .dxlpLoadingPanel_CDAPopUpControl td.dx
    {
        white-space: nowrap;
        text-align: center;
        padding: 12px 12px 12px 12px;
    }

.dxlpLoadingDiv_CDAPopUpControl
{
    background-color: #777777;
    opacity: 0.7;
    filter: progid:DXImageTransform.Microsoft.Alpha(Style=0, Opacity=70);
}

/* Disabled */
.dxnbDisabled_CDAPopUpControl, .dxnbDisabled_CDAPopUpControl table.dxnb
{
    color: #acacac;
    cursor: default;
}

/* -- ASPxNewsControl -- */
.dxncControl_CDAPopUpControl
{
    font: 10px var(--app-font);
    color: black;
    background-color: White;
}

    .dxncControl_CDAPopUpControl td.dxncCtrl_CDAPopUpControl
    {
        padding: 18px 18px 18px 18px;
    }

.dxncLoadingPanel_CDAPopUpControl
{
    border: solid 1px #9F9F9F;
    background-color: white;
    font: 8pt var(--app-font);
    color: #303030;
}

    .dxncLoadingPanel_CDAPopUpControl td.dx
    {
        white-space: nowrap;
        text-align: center;
        padding: 12px 12px 12px 12px;
    }

.dxncContent_CDAPopUpControl
{
}

.dxncPagerPanel_CDAPopUpControl
{
    padding: 0px 3px 0px 3px;
}

.dxncItem_CDAPopUpControl
{
    font: 8pt var(--app-font);
    vertical-align: top;
    border-bottom: solid 1px #A8A8A8;
    padding: 12px 8px 12px 8px;
}

.dxncEmptyItem_CDAPopUpControl
{
    font: 10px var(--app-font);
    vertical-align: top;
    padding: 12px 12px 12px 14px;
}

.dxncBackToTop_CDAPopUpControl
{
    font: 10px var(--app-font);
    color: #404040;
}

    .dxncBackToTop_CDAPopUpControl a
    {
        font: 10px var(--app-font);
        color: #0d45b7;
    }

        .dxncBackToTop_CDAPopUpControl a:hover
        {
            font: 10px var(--app-font);
            color: #5494ea;
        }

        .dxncBackToTop_CDAPopUpControl a:visited
        {
            font: 10px var(--app-font);
            color: #ab59a6;
        }

/* Headline */
.dxncItemContent_CDAPopUpControl
{
    font: 8pt var(--app-font);
    color: black;
}

.dxncItemDate_CDAPopUpControl
{
    color: #dcdcdc;
    white-space: nowrap;
}

.dxncItemHeader_CDAPopUpControl
{
    font: 10pt var(--app-font);
    color: #dcdcdc;
    font-weight: bold;
    line-height: 17px;
}

    .dxncItemHeader_CDAPopUpControl .dxncItemDate_CDAPopUpControl
    {
        font: 10pt var(--app-font);
        color: #dcdcdc;
        font-weight: normal;
    }

.dxncItemLeftPanel_CDAPopUpControl
{
    font: 10px var(--app-font);
    color: black;
}

.dxncItemRightPanel_CDAPopUpControl
{
    font: 10px var(--app-font);
    color: black;
}

.dxncItemDateLeftPanel_CDAPopUpControl
{
    font: 10px var(--app-font);
    color: #dcdcdc;
    white-space: nowrap;
}

.dxncItemDateRightPanel_CDAPopUpControl
{
    font: 10px var(--app-font);
    color: #dcdcdc;
    white-space: nowrap;
}

.dxncItemTailDiv_CDAPopUpControl
{
    font: 10px var(--app-font);
    color: Black;
}

    .dxncItemTailDiv_CDAPopUpControl a
    {
        color: #1E3695;
    }

        .dxncItemTailDiv_CDAPopUpControl a:hover
        {
            text-decoration: none;
        }

        .dxncItemTailDiv_CDAPopUpControl a:visited
        {
            color: #996085;
        }

.dxncItemContent_CDAPopUpControl a.dxhl
{
    color: #1E3695;
}

    .dxncItemContent_CDAPopUpControl a.dxhl:hover
    {
        text-decoration: none;
    }

    .dxncItemContent_CDAPopUpControl a.dxhl:visited
    {
        color: #996085;
    }

.dxncEmptyData_CDAPopUpControl
{
    color: #dcdcdc;
}
/* Disabled */
.dxncDisabled_CDAPopUpControl, .dxncDisabled_CDAPopUpControl a, .dxncDisabled_CDAPopUpControl a:hover
{
    color: #acacac;
    cursor: default;
}

/* -- ASPxPager -- */
.dxpControl_CDAPopUpControl
{
    font: 8pt var(--app-font);
    color: black;
}

    .dxpControl_CDAPopUpControl td.dxpCtrl_CDAPopUpControl
    {
        padding: 5px 2px 5px 2px;
    }

.dxpButton_CDAPopUpControl
{
    font: 8pt var(--app-font);
    color: #394EA2;
    text-decoration: underline;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
}

    .dxpButton_CDAPopUpControl a
    {
        font: 8pt var(--app-font);
        color: #394EA2;
        text-decoration: underline;
        white-space: nowrap;
    }

.dxpDisabledButton_CDAPopUpControl
{
    font: 8pt var(--app-font);
    color: black;
    text-decoration: none;
}

.dxpPageNumber_CDAPopUpControl
{
    font: 8pt var(--app-font);
    color: #394EA2;
    text-decoration: underline;
    text-align: center;
    vertical-align: middle;
    padding: 1px 5px 0px 5px;
}

    .dxpPageNumber_CDAPopUpControl a
    {
        font: 8pt var(--app-font);
        color: #394EA2;
        text-decoration: underline;
    }

.dxpCurrentPageNumber_CDAPopUpControl
{
    font: 8pt var(--app-font);
    color: black;
    font-weight: bold;
    text-decoration: none;
    padding: 1px 3px 0px 3px;
}

.dxpSummary_CDAPopUpControl
{
    font: 8pt var(--app-font);
    color: black;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    padding: 1px 4px 0px 4px;
}

.dxpSeparator_CDAPopUpControl
{
    background-color: #CCCCCC;
}
/* Disabled */
.dxpDisabled_CDAPopUpControl
{
    color: #acacac;
    border-color: #808080;
    cursor: default;
}

/* -- ASPxPopupControl -- */
.dxpcControl_CDAPopUpControl
{
    font: 8pt var(--app-font);
    color: black;
    background-color: white;
    border: solid 1px #8B8B8B;
}

    .dxpcControl_CDAPopUpControl a
    {
        color: #1E3695;
    }

.dxpcCloseButton_CDAPopUpControl
{
    font: 8pt var(--app-font);
    color: black;
    padding: 1px 1px 1px 1px;
}

.dxpcCloseButtonHover_CDAPopUpControl
{
    font: 8pt var(--app-font);
    color: black;
}

.dxpcContent_CDAPopUpControl
{
    font: 8pt var(--app-font);
    color: #010000;
    white-space: normal;
    padding: 9px 12px 9px 12px;
    vertical-align: top;
}

.dxpcFooter_CDAPopUpControl
{
    font: 8pt var(--app-font);
    color: #858585;
    background-color: #F3F3F3;
    border-top: solid 1px #dcdcdc;
}

    .dxpcFooter_CDAPopUpControl td.dxpc
    {
        font: 8pt var(--app-font);
        color: #858585;
        white-space: nowrap;
        padding: 6px 12px 8px 12px;
    }

.dxpcHeader_CDAPopUpControl
{
    font: 8pt var(--app-font);
    color: #404040;
    background-color: #dcdcdc;
    border-bottom: solid 1px #C9C9C9;
}

    .dxpcHeader_CDAPopUpControl td.dxpc
    {
        font: normal 8pt var(--app-font);
        color: black;
        white-space: nowrap;
    }

.dxpcModalBackground_CDAPopUpControl
{
    background-color: #777777;
    opacity: 0.7;
    filter: progid:DXImageTransform.Microsoft.Alpha(Style=0, Opacity=70);
}
/* Disabled */
.dxpcDisabled_CDAPopUpControl
{
    color: #808080;
    cursor: default;
}

/* -- ASPxRoundPanel -- */
.dxrpControl_CDAPopUpControl td.dxrp
{
    font-size: 8pt;
    font-family: var(--app-font);
    color: #000000;
}

.dxrpControl .dxrpHeader
{
    /*border: none !Important;*/
    height: 20px;
    vertical-align: middle;
}

/* Round panel header */
.dxpc-headerContent
{
    font-family: var(--app-font);
    font-size: 11px;
}

/* Header */
.dxrpHeader_CDAPopUpControl, .dxrpHeader_CDAPopUpControl td.dxrp
{
    font-size: 11px;
    font-family: var(--app-font);
    font-weight: bold;
    color: white;
}
/* Disabled */
.dxrpDisabled_CDAPopUpControl, .dxrpDisabled_CDAPopUpControl td.dxrp
{
    color: #acacac;
    cursor: default;
}

/* -- ASPxSiteMapControl -- */
.dxsmControl_CDAPopUpControl a:hover
{
    text-decoration: none!important;
}

.dxsmControl_CDAPopUpControl a:visited
{
    color: #996085!important;
}

.dxsmControl_CDAPopUpControl
{
    color: #1E3695;
    background-color: white;
    font-family: var(--app-font);
    font-size: 11px;
    border: Solid 1px #A8A8A8;
}
/* - Category Level - */
.dxsmCategoryLevel_CDAPopUpControl, .dxsmCategoryLevel_CDAPopUpControl a
{
    color: #1E3695;
    font-weight: bold;
    font-size: 13.5pt;
    font-family: var(--app-font);
    text-decoration: none;
}

.dxsmCategoryLevel_CDAPopUpControl
{
    white-space: nowrap;
    padding: 0px 0px 5px 0px;
}

.dxsmCategoryLevel_CDAPopUpControl
{
    border-bottom: solid 1px #B8B8B8;
}
/*flow layout*/
.dxsmLevelCategoryFlow_CDAPopUpControl, .dxsmLevelCategoryFlow_CDAPopUpControl a
{
    color: #1E3695;
    font-weight: bold;
    font-size: 13.5pt;
    font-family: var(--app-font);
    text-decoration: underline;
}
/* - Level 0 - */
.dxsmLevel0_CDAPopUpControl, .dxsmLevel0_CDAPopUpControl a, .dxsmLevel0Categorized_CDAPopUpControl a, .dxsmLevel0Categorized_CDAPopUpControl
{
    color: #1E3695;
    font-weight: bold;
    font-size: 8pt;
    font-family: var(--app-font);
    text-decoration: none;
}

.dxsmLevel0_CDAPopUpControl, .dxsmLevel0Categorized_CDAPopUpControl
{
    white-space: nowrap;
    padding: 0px 0px 2px 0px;
}

.dxsmLevel0_CDAPopUpControl
{
    border-bottom: solid 1px #B8B8B8;
    padding: 0px 0px 5px 0px;
}
/*flow layout*/
.dxsmLevel0Flow_CDAPopUpControl, .dxsmLevel0Flow_CDAPopUpControl a, .dxsmLevel0CategorizedFlow_CDAPopUpControl a, .dxsmLevel0CategorizedFlow_CDAPopUpControl
{
    color: #1E3695;
    font-family: var(--app-font);
    font-weight: bold;
    font-size: 8pt;
    text-decoration: underline;
}

.dxsmLevel0Flow_CDAPopUpControl
{
    padding: 0px 0px 0px 0px;
}

.dxsmLevel0Flow_CDAPopUpControl
{
    text-decoration: none;
}

/* - Level 1 - */
.dxsmLevel1_CDAPopUpControl, .dxsmLevel1_CDAPopUpControl a, .dxsmLevel1Categorized_CDAPopUpControl a, .dxsmLevel1Categorized_CDAPopUpControl
{
    font-family: var(--app-font);
    color: #3C55B9;
    font-size: 8pt;
    text-decoration: none;
}

.dxsmLevel1_CDAPopUpControl, .dxsmLevel1Categorized_CDAPopUpControl
{
    white-space: nowrap;
    padding: 0px 0px 0px 0px;
}

/*flow layout*/
.dxsmLevel1Flow_CDAPopUpControl, .dxsmLevel1Flow_CDAPopUpControl a, .dxsmLevel1CategorizedFlow_CDAPopUpControl, .dxsmLevel1CategorizedFlow_CDAPopUpControl a
{
    color: #3C55B9;
    font-family: var(--app-font);
    font-size: 8pt;
    text-decoration: underline;
}

.dxsmLevel1Flow_CDAPopUpControl
{
    text-decoration: none;
    padding: 0px 0px 0px 0px;
}

/* - Level 2 - */
.dxsmLevel2_CDAPopUpControl, .dxsmLevel2_CDAPopUpControl a, .dxsmLevel2Categorized_CDAPopUpControl a, .dxsmLevel2Categorized_CDAPopUpControl
{
    font-size: 8pt;
    font-family: var(--app-font);
    color: #5078DC;
    text-decoration: none;
}

.dxsmLevel2_CDAPopUpControl, .dxsmLevel2Categorized_CDAPopUpControl
{
    white-space: nowrap;
    padding: 0px 0px 0px 0px;
}
/*flow layout*/
.dxsmLevel2Flow_CDAPopUpControl, .dxsmLevel2Flow_CDAPopUpControl a
{
    color: #5078DC;
    font-size: 8pt;
    font-family: var(--app-font);
    text-decoration: underline;
}

.dxsmLevel2Flow_CDAPopUpControl
{
    padding: 0px 0px 0px 0px;
}
/* - Level 3 - */
.dxsmLevel3_CDAPopUpControl, .dxsmLevel3_CDAPopUpControl a
{
    font-size: 7pt;
    font-family: var(--app-font);
    color: #999999;
    text-decoration: none;
}

.dxsmLevel3_CDAPopUpControl
{
    white-space: nowrap;
    padding: 0px 0px 0px 0px;
}
/*flow layout*/
.dxsmLevel3Flow_CDAPopUpControl, .dxsmLevel3Flow_CDAPopUpControl a
{
    color: #999999;
    font-size: 7pt;
    font-family: var(--app-font);
    text-decoration: underline;
}
/* - Level 4 - */
.dxsmLevel4_CDAPopUpControl, .dxsmLevel4_CDAPopUpControl a
{
    font-size: 6pt;
    font-family: var(--app-font);
    color: #A8A8A8;
    text-decoration: none;
}

.dxsmLevel4_CDAPopUpControl
{
    white-space: nowrap;
    padding: 0px 0px 0px 0px;
}
/*flow layout*/
.dxsmLevel4Flow_CDAPopUpControl, .dxsmLevel4Flow_CDAPopUpControl a
{
    color: #A8A8A8;
    font-family: var(--app-font);
    font-size: 6pt;
    text-decoration: underline;
}

.dxsmLevel4Flow_CDAPopUpControl
{
    padding: 0px 0px 0px 0px;
}
/* - Other Levels - */
.dxsmLevelOther_CDAPopUpControl
{
    font-size: 9px;
    font-family: var(--app-font);
    color: #A8A8A8;
    text-decoration: none;
}

.dxsmLevelOther_CDAPopUpControl
{
    white-space: nowrap;
    padding: 0px 0px 0px 0px;
}
/*flow layout*/
.dxsmLevelOtherFlow_CDAPopUpControl, .dxsmLevelOtherFlow_CDAPopUpControl a
{
    color: #A8A8A8;
    font-family: var(--app-font);
    font-size: 8pt;
    text-decoration: underline;
}
/* Disabled */
.dxsmDisabled_CDAPopUpControl
{
    color: #acacac;
    cursor: default;
}

/* -- ASPxTabControl, ASPxPageControl -- */
.dxtcControl_CDAPopUpControl
{
    font: 8pt var(--app-font);
    color: black;
}

.dxtcLoadingPanel_CDAPopUpControl
{
    font: 8pt var(--app-font);
    color: #303030;
}

    .dxtcLoadingPanel_CDAPopUpControl td.dx
    {
        white-space: nowrap;
        text-align: center;
        padding: 12px 12px 12px 12px;
    }

/* Tab Hyperlink*/
.dxtcTab_CDAPopUpControl a, .dxtcTabWithTabPositionLeft_CDAPopUpControl a, .dxtcTabWithTabPositionBottom_CDAPopUpControl a, .dxtcTabWithTabPositionRight_CDAPopUpControl a,
.dxtcActiveTab_CDAPopUpControl a, .dxtcActiveTabWithTabPositionBottom_CDAPopUpControl a, .dxtcActiveTabWithTabPositionLeft_CDAPopUpControl a, .dxtcActiveTabWithTabPositionRight_CDAPopUpControl a,
.dxtcTabHover_CDAPopUpControl a, .dxtcTabHoverWithTabPositionBottom_CDAPopUpControl a, .dxtcTabHoverWithTabPositionLeft_CDAPopUpControl a, .dxtcTabHoverWithTabPositionRight_CDAPopUpControl a
{
    text-decoration: none;
    color: black;
}

.dxtcActiveTab_CDAPopUpControl, .dxtcActiveTabWithTabPositionBottom_CDAPopUpControl,
.dxtcActiveTabWithTabPositionLeft_CDAPopUpControl, .dxtcActiveTabWithTabPositionRight_CDAPopUpControl
{
    font: 8pt var(--app-font);
    color: black;
    border: solid 1px #A8A8A8;
    padding: 3px 12px 4px 12px;
    background-color: #FFFFFF;
    text-align: center;
}
    /* Active Tab */
    .dxtcActiveTab_CDAPopUpControl table.dxtc, .dxtcActiveTabWithTabPositionBottom_CDAPopUpControl table.dxtc,
    .dxtcActiveTabWithTabPositionLeft_CDAPopUpControl table.dxtc, .dxtcActiveTabWithTabPositionRight_CDAPopUpControl table.dxtc
    {
        font: 8pt var(--app-font);
        color: black;
    }

    .dxtcActiveTab_CDAPopUpControl td.dxtc, .dxtcActiveTabWithTabPositionBottom_CDAPopUpControl td.dxtc,
    .dxtcActiveTabWithTabPositionLeft_CDAPopUpControl td.dxtc, .dxtcActiveTabWithTabPositionRight_CDAPopUpControl td.dxtc
    {
        white-space: nowrap;
        background-color: transparent!important;
        background-image: url('')!important;
        border-width: 0px!important;
        padding: 0px!important;
    }

.dxtcActiveTabHover_CDAPopUpControl
{
    background-color: white;
}
/* Tab */
.dxtcTab_CDAPopUpControl, .dxtcTabWithTabPositionLeft_CDAPopUpControl,
.dxtcTabWithTabPositionBottom_CDAPopUpControl, .dxtcTabWithTabPositionRight_CDAPopUpControl
{
    font: 8pt var(--app-font);
    color: black;
    background-color: #dcdcdc;
    border: solid 1px #A8A8A8;
    padding: 3px 12px 4px 12px;
    text-align: center;
}

    .dxtcTab_CDAPopUpControl table.dxtc, .dxtcTabWithTabPositionBottom_CDAPopUpControl table.dxtc,
    .dxtcTabWithTabPositionLeft_CDAPopUpControl table.dxtc, .dxtcTabWithTabPositionRight_CDAPopUpControl table.dxtc
    {
        font: 8pt var(--app-font);
        color: black;
    }

    .dxtcTab_CDAPopUpControl td.dxtc, .dxtcTabWithTabPositionBottom_CDAPopUpControl td.dxtc,
    .dxtcTabWithTabPositionLeft_CDAPopUpControl td.dxtc, .dxtcTabWithTabPositionRight_CDAPopUpControl td.dxtc
    {
        white-space: nowrap;
        background-color: transparent!important;
        background-image: url('')!important;
        border-width: 0px!important;
        padding: 0px!important;
    }

.dxtcTabWithTabPositionBottom_CDAPopUpControl
{
}

.dxtcTabWithTabPositionLeft_CDAPopUpControl
{
}

.dxtcTabWithTabPositionRight_CDAPopUpControl
{
}
/* Hover */
.dxtcTabHover_CDAPopUpControl, .dxtcTabHoverWithTabPositionBottom_CDAPopUpControl,
.dxtcTabHoverWithTabPositionLeft_CDAPopUpControl, .dxtcTabHoverWithTabPositionRight_CDAPopUpControl
{
    background-color: #F2F2F2;
}

.dxtcPageContent_CDAPopUpControl, .dxtcPageContentWithTabPositionBottom_CDAPopUpControl,
.dxtcPageContentWithTabPositionLeft_CDAPopUpControl, .dxtcPageContentWithTabPositionRight_CDAPopUpControl,
.dxtcPageContentWithoutTabs_CDAPopUpControl
{
    font: 8pt var(--app-font);
    color: black;
    background-color: white;
    vertical-align: top;
}

.dxtcContent_CDAPopUpControl, .dxtcContentWithTabPositionBottom_CDAPopUpControl, .dxtcContentWithTabPositionLeft_CDAPopUpControl, .dxtcContentWithTabPositionRight_CDAPopUpControl
{
    font: 8pt var(--app-font);
    color: black;
    border: solid 1px #A8A8A8;
    background-color: white;
    vertical-align: top;
}

.dxtcControl_CDAPopUpControl td.dxtcTabsCell_CDAPopUpControl, .dxtcControl_CDAPopUpControl td.dxtcTabsCellWithTabPositionBottom_CDAPopUpControl,
.dxtcControl_CDAPopUpControl td.dxtcTabsCellWithTabPositionLeft_CDAPopUpControl, .dxtcControl_CDAPopUpControl td.dxtcTabsCellWithTabPositionRight_CDAPopUpControl
{
}
/* Disabled */
.dxtcDisabled_CDAPopUpControl, .dxtcDisabled_CDAPopUpControl table.dxtc
{
    color: #acacac;
    cursor: default;
}

/* -- ASPxTitleIndex -- */
.dxtiControl_CDAPopUpControl a:hover
{
    text-decoration: none!important;
}

.dxtiControl_CDAPopUpControl a:visited
{
    color: #996085!important;
}

.dxtiControl_CDAPopUpControl
{
    font: 8pt var(--app-font);
    color: #1E3695;
    background-color: white;
    font-family: var(--app-font);
    border: Solid 1px #A8A8A8;
}

.dxtiLoadingPanel_CDAPopUpControl
{
    border: solid 1px #9F9F9F;
    background-color: white;
    font: 8pt var(--app-font);
    color: #303030;
}

    .dxtiLoadingPanel_CDAPopUpControl td.dx
    {
        white-space: nowrap;
        text-align: center;
        padding: 12px 12px 12px 12px;
    }

.dxtiItem_CDAPopUpControl, .dxtiItem_CDAPopUpControl a
{
    font: 8pt var(--app-font);
    color: #0147A6;
    text-decoration: none;
}

.dxtiItem_CDAPopUpControl
{
    white-space: nowrap;
}

.dxtiGroupHeader_CDAPopUpControl, .dxtiGroupHeaderCategorized_CDAPopUpControl
{
    font: 16pt var(--app-font);
    text-decoration: none;
}

.dxtiGroupHeader_CDAPopUpControl, .dxtiGroupHeaderCategorized_CDAPopUpControl
{
    white-space: nowrap;
    padding: 0px 0px 3px 0px;
}

.dxtiGroupHeaderCategorized_CDAPopUpControl
{
    border-bottom: Solid 1px #C0C0C0;
    padding-bottom: 2px;
}
/* - GroupHeaderText - */
.dxtiGroupHeaderText_CDAPopUpControl
{
    background-color: #B4B4B4;
    color: #FFFFFF;
}

.dxtiGroupHeaderText_CDAPopUpControl
{
    padding: 2px 7px 2px 7px;
}

.dxtiGroupHeaderTextCategorized_CDAPopUpControl
{
    color: #666666;
    font-size: 18pt;
}

.dxtiGroupHeaderTextCategorized_CDAPopUpControl
{
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 2px;
}
/* - FilterBox - */
.dxtiFilterBoxInfoText_CDAPopUpControl
{
    font: 7pt var(--app-font);
    color: #999999;
    font-weight: normal;
    padding-top: 0px;
    padding-bottom: 4px;
}

.dxtiFilterBoxEdit_CDAPopUpControl
{
    font-size: 8pt;
    width: 158px;
    border: Solid 1px #9F9F9F;
    padding-left: 3px;
}

.dxtiFilterBox_CDAPopUpControl, .dxtiFilterBox_CDAPopUpControl table
{
    color: #898989;
    font-size: 8pt;
    font-weight: bold;
}

.dxtiFilterBox_CDAPopUpControl
{
    background-color: #E8E8E8;
    padding: 15px;
}
/* - IndexPanel - */
.dxtiIndexPanel_CDAPopUpControl
{
    padding-bottom: 10px;
    text-decoration: none;
}

.dxtiIndexPanelItem_CDAPopUpControl, .dxtiIndexPanelItem_CDAPopUpControl a, .dxtiCurrentIndexPanelItem_CDAPopUpControl
{
    color: #1153AD;
    font-family: var(--app-font);
    text-decoration: none;
}

    .dxtiIndexPanelItem_CDAPopUpControl a:hover
    {
        color: #5494ea;
    }

.dxtiIndexPanelItem_CDAPopUpControl, .dxtiCurrentIndexPanelItem_CDAPopUpControl
{
    padding: 2px 6px 2px 6px;
}

.dxtiCurrentIndexPanelItem_CDAPopUpControl
{
    color: #000000;
    background-color: #dcdcdc;
}
/* - BackToTop - */
.dxtiBackToTop_CDAPopUpControl, .dxtiBackToTop_CDAPopUpControl a
{
    font-size: 7pt;
    text-decoration: none;
    color: #0d45b7;
}

    .dxtiBackToTop_CDAPopUpControl a:hover
    {
        color: #5494ea;
    }

    .dxtiBackToTop_CDAPopUpControl a:visited
    {
        color: #ab59a6;
    }

.dxtiBackToTop_CDAPopUpControl
{
    padding: 0px 0px 12px 98px;
}
/* Disabled */
.dxtiDisabled_CDAPopUpControl
{
    color: #acacac;
    cursor: default;
}
/* -- ASPxUploadControl -- */
.dxucControl_CDAPopUpControl, .dxucEditArea_CDAPopUpControl
{
    font-size: 10pt;
    font-family: var(--app-font);
}

.dxucErrorCell_CDAPopUpControl
{
    font-size: 8pt;
    font-family: var(--app-font);
    color: Red;
    text-align: left;
}

.dxucButton_CDAPopUpControl, .dxucButton_CDAPopUpControl a
{
    font-size: 10pt;
    font-family: var(--app-font);
    color: #394ea2;
    cursor: pointer;
    white-space: nowrap;
}
/* ProgressBar */
.dxucProgressBar_CDAPopUpControl
{
    border: Solid 1px #696969;
    background-color: #FFFFFF;
}

    .dxucProgressBar_CDAPopUpControl, .dxucProgressBar_CDAPopUpControl td.dx
    {
        font-family: var(--app-font);
        font-size: 8pt;
        color: Black;
    }

        .dxucProgressBar_CDAPopUpControl .dxucPBMainCell_CDAPopUpControl, .dxucProgressBar_CDAPopUpControl td.dx
        {
            padding: 0;
        }

.dxucProgressBarIndicator_CDAPopUpControl
{
    background-color: #E0DFDF;
}
/* Disabled */
.dxucDisabled_CDAPopUpControl, .dxucDisabled_CDAPopUpControl a
{
    color: #acacac;
    cursor: default;
    font-size: 10pt;
}
/*
	CDARoundPanel
 */

/* 06/09/2011 JD15158 - By default we add a border bottom to all round panels. */
.dxrpControl .dxrpHeader
{
    /*border-bottom: 1px solid #C6C6C6;    */
    border-bottom: 0px;
}


/* 08/09/2011 JD15158 - ASPxUploadControl - this will override the default DX style */
.dxucButton, .dxucButton a
{
    color: inherit;
}

.dxrpControl .dxrpHLE, .dxrpControl .dxrpHRE
{
    border-bottom: 0px;
}

.dxrpControl .dxrpHeader, .dxrpControl .dxrpHeader td.dxrp
{
    padding: 3px;
    vertical-align: top;
    white-space: nowrap;
}

.dxrpControlNoPadding
{
    /*padding: 0px;*/
    padding-bottom: 5px;
    vertical-align: top;
    white-space: nowrap;
}
/* 
	CDAComboBox
This will allow any controls that use cdacombobox to have the correct height & padding so the dropdown button fits snug 
*/
.dxeButtonEdit .dxic
{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}


/*
	WhereIs Search button
*/
.dxbButton div.dxb
{
    padding: 2px 8px 3px 8px; /* default; padding: 3px 8px 4px 8px; - overriding dx*/
}


/*
--------------------------------------------------------------------------------------------------------------
   CDAButton.css
--------------------------------------------------------------------------------------------------------------
*/
.dxeLoadingDiv_CDAButton
{
    background: White;
    opacity: 0.85;
    filter: alpha(opacity=85);
    cursor: wait;
}

.dxeLoadingPanel_CDAButton
{
    font: 11px var(--app-font); /* SW 22/10/09 changed from 9pt Arial; 13/01/26 changed from Arial */
    color: #303030;
}

    .dxeLoadingPanel_CDAButton td.dx
    {
        white-space: nowrap;
        text-align: center;
        padding: 12px 12px 12px 12px;
    }

.dxeReadOnly_CDAButton
{
}

.dxeBase_CDAButton
{
    font-family: var(--app-font);
    font-size: 11px; /* SW 22/10/09 changed from 9pt; */
}
/* -- ErrorFrame -- */
.dxeErrorCell_CDAButton, .dxeErrorCell_CDAButton td
{
    font-family: var(--app-font);
    font-size: 11px; /* SW 22/10/09 changed from 9pt; */
    color: Red;
}

.dxeErrorCell_CDAButton
{
    padding-left: 4px;
    padding-right: 5px;
}

.dxeErrorFrameWithoutError_CDAButton
{
    border: 1px solid Red;
}

    .dxeErrorFrameWithoutError_CDAButton .dxeControlsCell_CDAButton
    {
        padding: 2px;
    }

.dxeEditArea_CDAButton
{
    font-family: var(--app-font);
    font-size: 11px; /* SW 22/10/09 changed from 9pt; */
    border: 1px solid #A0A0A0;
}

/* CDAButton - New */
.cdaButton .newButton div.dxb
{
    width: 16px;
    height: 16px;
}

/* -- Buttons -- */
.dxeButtonEditButton_CDAButton, .dxeCalendarButton_CDAButton,
.dxeSpinIncButton_CDAButton, .dxeSpinDecButton_CDAButton,
.dxeSpinLargeIncButton_CDAButton, .dxeSpinLargeDecButton_CDAButton
{
    vertical-align: middle;
    border: solid 1px #7f7f7f;
    cursor: pointer;
}

    .dxeButtonEditButton_CDAButton, .dxeCalendarButton_CDAButton, .dxeButtonEditButton_CDAButton td.dx, .dxeCalendarButton_CDAButton td.dx,
    .dxeSpinIncButton_CDAButton, .dxeSpinDecButton_CDAButton, .dxeSpinLargeIncButton_CDAButton, .dxeSpinLargeDecButton_CDAButton,
    .dxeSpinIncButton_CDAButton td.dx, .dxeSpinDecButton_CDAButton td.dx, .dxeSpinLargeIncButton_CDAButton td.dx, .dxeSpinLargeDecButton_CDAButton td.dx
    {
        font-family: var(--app-font);
        font-size: 11px;
        font-weight: normal;
        text-align: center;
        white-space: nowrap;
    }

.dxeButtonEditButton_CDAButton,
.dxeSpinIncButton_CDAButton, .dxeSpinDecButton_CDAButton, .dxeSpinLargeIncButton_CDAButton, .dxeSpinLargeDecButton_CDAButton
{
    padding: 0px 2px 0px 3px;
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtDropDownBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #e6e6e6;
}

.dxeSpinIncButton_CDAButton
{
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtSpinIncBtnBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #F0F0F0;
}

.dxeSpinDecButton_CDAButton
{
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtSpinDecBtnBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #E6E6E6;
}

    .dxeButtonEditButton_CDAButton table.dxbebt,
    .dxeSpinIncButton_CDAButton table.dxbebt, .dxeSpinDecButton_CDAButton table.dxbebt,
    .dxeSpinLargeIncButton_CDAButton table.dxbebt, .dxeSpinLargeDecButton_CDAButton table.dxbebt
    {
        width: 10px;
    }

.dxeCalendarButton_CDAButton
{
    font-size: 11px; /* SW 22/10/09 changed from 9pt; */
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtCalendarButtonBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #e5e5e5;
    padding: 4px 11px;
    padding-top: 3px;
    width: 32px;
}

    .dxeCalendarButton_CDAButton td.dx
    {
        font-size: 11px; /* SW 22/10/09 changed from 9pt; */
        text-align: center;
        white-space: nowrap;
    }

    .dxeCalendarButton_CDAButton table.dxbebt
    {
        width: 100%;
    }

/* -- Pressed -- */
.dxeCalendarButtonPressed_CDAButton, .dxeButtonEditButtonPressed_CDAButton,
.dxeSpinIncButtonPressed_CDAButton, .dxeSpinDecButtonPressed_CDAButton, .dxeSpinLargeIncButtonPressed_CDAButton,
.dxeSpinLargeDecButtonPressed_CDAButton
{
    background-image: none;
    background-color: #D5D5D5;
    border: Solid 1px #7F7F7F;
}
/* -- Hover -- */
.dxeCalendarButtonHover_CDAButton, .dxeButtonEditButtonHover_CDAButton,
.dxeSpinIncButtonHover_CDAButton, .dxeSpinDecButtonHover_CDAButton, .dxeSpinLargeIncButtonHover_CDAButton, .dxeSpinLargeDecButtonHover_CDAButton
{
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtDropDownButtonHoverBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #F2F2F2;
    border: Solid 1px #606060;
}

.dxeCalendarButtonHover_CDAButton
{
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtCalendarButtonHBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
}

.dxeButtonEdit_CDAButton
{
    background-color: white;
    border: solid 1px #9F9F9F;
    width: 170px;
}

    .dxeButtonEdit_CDAButton .dxeEditArea_CDAButton
    {
        background-color: white;
    }

    .dxeButtonEdit_CDAButton .dxeEditArea_CDAButton, .dxeButtonEdit_CDAButton td.dxic
    {
        width: 100%;
    }

    .dxeButtonEdit_CDAButton td.dxic
    {
        padding: 0px 2px 0px 1px;
    }

    .dxeButtonEdit_CDAButton .dxeIIC img
    {
        padding-left: 3px;
    }

.dxeTextBox_CDAButton, .dxeMemo_CDAButton
{
    background-color: white;
    border: solid 1px #9f9f9f;
}

    .dxeTextBox_CDAButton td.dxic
    {
        padding: 1px 2px;
        width: 100%;
    }

    .dxeTextBox_CDAButton .dxeEditArea_CDAButton
    {
        background-color: white;
    }

.dxeRadioButtonList_CDAButton
{
    border: Solid 1px #9F9F9F;
}

    .dxeRadioButtonList_CDAButton, .dxeRadioButtonList_CDAButton table
    {
        font-family: var(--app-font);
        font-size: 11px; /* SW 22/10/09 changed from 9pt; */
    }

        .dxeRadioButtonList_CDAButton td.dxe
        {
            padding: 7px 5px 6px 11px;
        }

        .dxeRadioButtonList_CDAButton label
        {
            margin-right: 6px;
        }

/* -- Memo -- */
.dxeMemo_CDAButton
{
}

.dxeMemoEditArea_CDAButton
{
    background-color: white;
    font-family: var(--app-font);
    font-size: 11px; /* SW 22/10/09 changed from 9pt; */
}

.dxeMemo_CDAButton td
{
    padding: 0 0 0 3px;
    width: 100%;
}

/* -- Hyperlink -- */
.dxeHyperlink_CDAButton
{
    font-family: var(--app-font);
    font-size: 11px; /* SW 22/10/09 changed from 9pt; */
    font-weight: normal;
    color: #0d45b7;
}

a.dxeHyperlink_CDAButton:hover
{
    color: #5494ea;
}

a.dxeHyperlink_CDAButton:visited
{
    color: #ab59a6;
}

/* -- ListBox -- */
.dxeListBox_CDAButton
{
    background-color: white;
    border: solid 1px #A0A0A0;
    font-family: var(--app-font);
    font-size: 11px; /* SW 22/10/09 changed from 9pt; */
    width: 70px;
    height: 109px;
}

    .dxeListBox_CDAButton div.dxlbd
    {
        padding-top: 1px;
        padding-bottom: 1px;
        height: 107px;
    }

.dxeListBoxItemRow_CDAButton
{
    cursor: default;
}

.dxeListBoxItem_CDAButton
{
    border-left: solid 1px white;
    border-right: solid 1px white;
    font-family: var(--app-font);
    font-size: 11px; /* SW 22/10/09 changed from 9pt; */
    padding: 3px 2px 4px 3px;
    white-space: nowrap;
    text-align: left;
    color: Black;
    font-weight: normal;
}

.dxeListBox_CDAButton td.dxeI, .dxeListBox_CDAButton td.dxeIM, .dxeListBox_CDAButton .dxeHIC,
.dxeListBox_CDAButton td.dxeFTM, .dxeListBox_CDAButton td.dxeTM,
.dxeListBox_CDAButton td.dxeC, .dxeListBox_CDAButton td.dxeCM, .dxeListBox_CDAButton td.dxeHCC, .dxeListBox_CDAButton td.dxeMI, .dxeListBox_CDAButton td.dxeMIM
{
    border-right-width: 0px!important;
}

.dxeListBox_CDAButton td.dxeCM, .dxeListBox_CDAButton td.dxeHCC
{
    width: 25px;
}

.dxeListBox_CDAButton td.dxeIM
{
    width: 0;
}

.dxeListBox_CDAButton td.dxeT
{
    width: 100%;
    padding-left: 0px!important;
}

.dxeListBox_CDAButton td.dxeT, .dxeListBox_CDAButton td.dxeMI
{
    border-left-width: 0px!important;
}

.dxeListBox_CDAButton td.dxeFTM, .dxeListBox_CDAButton td.dxeTM, .dxeListBox_CDAButton td.dxeLTM,
.dxeListBox_CDAButton .dxeHFC, .dxeListBox_CDAButton .dxeHC, .dxeListBox_CDAButton .dxeHLC
{
    overflow: hidden;
}

.dxeListBox_CDAButton td.dxeFTM, .dxeListBox_CDAButton td.dxeTM,
.dxeListBox_CDAButton .dxeHFC, .dxeListBox_CDAButton .dxeHC
{
    padding-right: 6px!important;
}

.dxeListBox_CDAButton td.dxeLTM, .dxeListBox_CDAButton td.dxeTM,
.dxeListBox_CDAButton .dxeHC, .dxeListBox_CDAButton .dxeHLC
{
    padding-left: 6px!important;
}
/*Grid lines*/
.dxeListBox_CDAButton td.dxeLTM, .dxeListBox_CDAButton td.dxeTM, .dxeListBox_CDAButton td.dxeMIM
{
    border-left: 1px solid #cfcfcf !important;
}

.dxeListBox_CDAButton td.dxeIM, .dxeListBox_CDAButton td.dxeFTM, .dxeListBox_CDAButton td.dxeTM, .dxeListBox_CDAButton td.dxeLTM,
.dxeListBox_CDAButton td.dxeCM, .dxeListBox_CDAButton td.dxeMIM
{
    border-bottom: solid 1px #cfcfcf;
}

.dxeListBoxItemSelected_CDAButton /* inherits dxeListBoxItem */
{
    color: White;
    background-color: #A0A0A0;
}

.dxeListBoxItemHover_CDAButton /* inherits dxeListBoxItem */
{
    background-color: #cfcfcf;
    color: black;
}

/*Header*/
.dxeListBox_CDAButton .dxeHD
{
    background-color: #dcdcdc;
    border-bottom: solid 1px #A0A0A0;
}

.dxeListBox_CDAButton .dxeHC, .dxeListBox_CDAButton .dxeHLC, .dxeListBox_CDAButton td.dxeHMIC
{
    border-left: solid 1px #A0A0A0;
}

.dxeListBox_CDAButton .dxeHIC, .dxeListBox_CDAButton .dxeHFC, .dxeListBox_CDAButton .dxeHCC
{
    border-left: 1px solid #dcdcdc;
}

.dxeListBox_CDAButton .dxeHFC, .dxeListBox_CDAButton .dxeHC, .dxeListBox_CDAButton .dxeHMIC
{
    border-right-width: 0;
}

.dxeListBox_CDAButton .dxeHLC
{
    border-right: solid 1px #dcdcdc;
}

/* -- Calendar -- */
.dxeCalendar_CDAButton
{
    border: solid 1px #9f9f9f;
    background-color: White;
    color: Black;
    font-weight: normal;
    cursor: default;
}

    .dxeCalendar_CDAButton td.dxMonthGrid_CDAButton
    {
        padding: 8px 20px;
    }

    .dxeCalendar_CDAButton td.dxMonthGridWithWeekNumbers_CDAButton
    {
        padding: 5px 20px 8px 8px;
    }

.dxeCalendarDayHeader_CDAButton
{
    font-family: var(--app-font);
    font-size: 11px; /* SW 22/10/09 changed from 9pt; */
    padding: 2px 4px 5px;
    border-bottom: solid 1px #cfcfcf;
}

.dxeCalendarWeekNumber_CDAButton
{
    font-family: var(--app-font);
    font-size: 7pt;
    text-align: right;
    padding: 6px 8px 6px 4px;
    color: #bfbfbf;
}

.dxeCalendarDay_CDAButton
{
    font-family: var(--app-font);
    font-size: 11px; /* SW 22/10/09 changed from 9pt; */
    padding: 4px 6px;
    text-align: center;
}

.dxeCalendarWeekend_CDAButton /* inherits dxeCalendarDay */
{
    color: #c00000;
}

.dxeCalendarOtherMonth_CDAButton /* inherits dxeCalendarDay */
{
    color: #888;
}

.dxeCalendarOutOfRange_CDAButton /* inherits dxeCalendarDay */
{
    color: #d0d0d0;
}

.dxeCalendarSelected_CDAButton /* inherits dxeCalendarDay */
{
    color: White;
    background-color: #8d8d8d;
}

.dxeCalendarToday_CDAButton /* inherits dxeCalendarDay */
{
    padding: 3px 3px 2px;
    border: solid 1px #c00000;
}

.dxeCalendarHeader_CDAButton
{
    background-color: #dcdcdc;
    border: solid 1px #c9c9c9;
    border-width: 1px 0;
    padding: 4px 7px;
}

    .dxeCalendarHeader_CDAButton td.dxe
    {
        font-family: var(--app-font);
        font-size: 11px; /* SW 22/10/09 changed from 9pt; */
        text-align: center;
        cursor: pointer;
    }

.dxeCalendarFooter_CDAButton
{
    background-color: #ededed;
    padding: 8px 0px;
    border-top: solid 1px #d6d6d6;
}

.dxeCalendarFastNav_CDAButton
{
    color: Black;
    background: White;
    border: solid 1px #9f9f9f;
    border-bottom: 0px;
    padding: 12px 8px;
}

.dxeCalendarFastNavMonthArea_CDAButton
{
    padding: 0px 9px;
}

.dxeCalendarFastNavYearArea_CDAButton
{
}

.dxeCalendarFastNavFooter_CDAButton
{
    color: Black;
    background-color: #ededed;
    padding: 8px 0px;
    border: solid 1px #9f9f9f;
    border-top: solid 1px #d6d6d6;
}

.dxeCalendarFastNavMonth_CDAButton, .dxeCalendarFastNavYear_CDAButton
{
    font: normal 11px var(--app-font); /* SW 22/10/09 changed from 9pt Arial; 13/01/26 changed from Arial */
    color: Black;
    padding: 3px 5px;
    text-align: center;
    cursor: pointer;
}

.dxeCalendarFastNavMonth_CDAButton
{
    padding: 6px;
}

.dxeCalendarFastNavMonthSelected_CDAButton, .dxeCalendarFastNavYearSelected_CDAButton
{
    color: White;
    background: #8d8d8d;
}

.dxeCalendarFastNavMonthHover_CDAButton, .dxeCalendarFastNavYearHover_CDAButton
{
    color: Black;
    background: #e5e5e5;
    padding: 2px 4px;
    border: solid 1px #d6d6d6;
}

.dxeCalendarFastNavMonthHover_CDAButton
{
    padding: 5px;
}
/* Disabled */
.dxeDisabled_CDAButton, .dxeDisabled_CDAButton td.dxe
{
    color: #acacac;
    cursor: default;
}

a.dxeDisabled_CDAButton:hover
{
    color: #acacac;
}

.dxeButtonDisabled_CDAButton, .dxeButtonDisabled_CDAButton td.dxe
{
    border-color: #c3c3c3;
    color: #808080;
    cursor: default;
}
/* -- Button -- */
.dxbButton_CDAButton
{
    color: #000000;
    font-weight: normal;
    font-size: 11px; /* SW 22/10/09 changed from 9pt; */
    font-family: var(--app-font);
    vertical-align: middle;
    border: solid 1px #7F7F7F;
    background: #E0DFDF url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtButtonBack.gif")%>') top;
    background-repeat: repeat-x;
    padding: 1px 1px 1px 1px;
    cursor: pointer;
}

.dxbButtonHover_CDAButton
{
    color: #000000;
    background: #F2F2F2 url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtButtonHoverBack.gif")%>') top;
    background-repeat: repeat-x;
    border: solid 1px #606060;
}

.dxbButtonChecked_CDAButton
{
    color: #FFFFFF;
    background-image: none;
    background-color: #8D8D8D;
}

.dxbButtonPressed_CDAButton
{
    color: #000000;
    background-image: none;
    background-color: #D5D5D5;
}

.dxbButton_CDAButton div.dxb
{
    padding: 3px 8px 4px 8px;
    border: 0px;
}

.dxbButton_CDAButton div.dxbf
{
    padding: 2px 7px 3px 7px;
    border: dotted 1px black;
}

.dxbButton_CDAButton div.dxb table
{
    color: #000000;
    font-size: 11px; /* SW 22/10/09 changed from 9pt; */
    font-family: var(--app-font);
}

.dxbButton_CDAButton div.dxb td.dxb
{
    background-color: transparent!important;
    background-image: url('')!important;
    border-width: 0px!important;
    padding: 0px!important;
}
/* Disabled */
.dxbDisabled_CDAButton
{
    border-color: #c3c3c3;
    color: #808080;
    cursor: default;
}

    .dxbDisabled_CDAButton td.dxb
    {
        color: #808080;
    }
/* -- FilterControl -- */
.dxfcTable_CDAButton
{
    border-collapse: separate!important;
}

    .dxfcTable_CDAButton td.dxfc
    {
        padding: 0px 0px 0px 3px;
        vertical-align: middle;
        font: 11px var(--app-font); /* SW 22/10/09 changed from 9pt Arial; 13/01/26 changed from Arial */
        color: Black;
    }

a.dxfcPropertyName_CDAButton
{
    white-space: nowrap!important;
    color: Blue!important;
}

a.dxfcGroupType_CDAButton
{
    white-space: nowrap!important;
    padding: 0px 3px 0px 3px!important;
    color: Red!important;
}

a.dxfcOperation_CDAButton
{
    white-space: nowrap!important;
    color: Green!important;
}

a.dxfcValue_CDAButton
{
    white-space: nowrap!important;
    color: Gray!important;
}

.dxfcImageButton_CDAButton
{
    cursor: pointer;
}

.dxfcLoadingDiv_CDAButton
{
    background: white;
    opacity: 0.01;
    filter: alpha(opacity=1);
}

.dxfcLoadingPanel_CDAButton
{
    font: 11px var(--app-font); /* SW 22/10/09 changed from 9pt Arial; 13/01/26 changed from Arial */
    color: #303030;
    border: solid 1px #9F9F9F;
    background: white;
}

    .dxfcLoadingPanel_CDAButton td.dx
    {
        white-space: nowrap;
        text-align: center;
        padding: 12px 12px 12px 12px;
    }

.dxeMaskHint_CDAButton
{
    background: #ffffe1;
    border: solid 1px black;
    padding: 2px 5px 3px;
    color: Black;
    font: 11px var(--app-font); /* SW 22/10/09 changed from 9pt Arial; 13/01/26 changed from Arial */
}

/* -- ProgressBar -- */
.dxeProgressBar_CDAButton
{
    border: Solid 1px #696969;
    background-color: #FFFFFF;
}

    .dxeProgressBar_CDAButton, .dxeProgressBar_CDAButton td.dxe
    {
        font-family: var(--app-font);
        font-size: 11px; /* SW 22/10/09 changed from 9pt; */
        color: Black;
    }

        .dxeProgressBar_CDAButton .dxePBMainCell_CDAButton, .dxeProgressBar_CDAButton td.dxe
        {
            padding: 0;
        }

.dxeProgressBarIndicator_CDAButton
{
    background-color: #E0DFDF;
}

/* -- DropDownWindow -- */
.dxeDropDownWindow_CDAButton
{
    background-color: white;
    border: solid 1px #9F9F9F;
}

/*----------------- ColorTable -----------------*/
.dxeColorIndicator_CDAButton
{
    border: solid 1px #9F9F9F;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.dxeColorTable_CDAButton
{
    background-color: #ffffff;
    border: solid 1px #9F9F9F;
}

    .dxeColorTable_CDAButton td.dx
    {
        padding: 4px 4px;
    }

.dxeColorTableCell_CDAButton
{
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-right: 3px;
    cursor: pointer;
}

.dxeColorTableCellDiv_CDAButton
{
    border: solid 1px #808080;
    width: 12px;
    height: 12px;
    font-size: 0px;
}

.dxeColorTableCellSelected_CDAButton
{
    padding-left: 2px!important;
    padding-bottom: 2px!important;
    padding-top: 2px!important;
    padding-right: 2px!important;
    background-color: #CBCBCB;
    border: solid 1px #888888;
}

.dxeColorTableCellHover_CDAButton
{
    padding-left: 2px!important;
    padding-bottom: 2px!important;
    padding-top: 2px!important;
    padding-right: 2px!important;
    background-color: #F2F2F2;
    border: solid 1px #888888;
}

.dxeFocused_CDAButton
{
    border: solid 1px #3d3d3d;
}

.dxeNullText_CDAButton .dxeEditArea_CDAButton,
.dxeNullText_CDAButton .dxeMemoEditArea_CDAButton
{
    color: #818181;
}
/*
--------------------------------------------------------------------------------------------------------------
   CDADateTime.css
--------------------------------------------------------------------------------------------------------------
*/

.dxeLoadingDiv_CDADateTime
{
    background: White;
    opacity: 0.85;
    filter: alpha(opacity=85);
    cursor: wait;
}

.dxeLoadingPanel_CDADateTime
{
    font: 9pt var(--app-font);
    color: #303030;
}

    .dxeLoadingPanel_CDADateTime td.dx
    {
        white-space: nowrap;
        text-align: center;
        padding: 12px 12px 12px 12px;
    }

.dxeReadOnly_CDADateTime
{
}

.dxeBase_CDADateTime
{
    font-family: var(--app-font);
    font-size: 9pt;
}

/* -- ErrorFrame -- */
.dxeErrorCell_CDADateTime, .dxeErrorCell_CDADateTime td
{
    font-family: var(--app-font);
    font-size: 9pt;
    color: Red;
}

.dxeErrorCell_CDADateTime
{
    padding-left: 4px;
    padding-right: 5px;
}

.dxeErrorFrameWithoutError_CDADateTime
{
    border: 1px solid Red;
}

    .dxeErrorFrameWithoutError_CDADateTime .dxeControlsCell_CDADateTime
    {
        padding: 2px;
    }

.dxeEditArea_CDADateTime
{
    font-family: var(--app-font);
    font-size: 9pt;
    border: 1px solid #A0A0A0;
}
/* -- Buttons -- */
.dxeButtonEditButton_CDADateTime, .dxeCalendarButton_CDADateTime,
.dxeSpinIncButton_CDADateTime, .dxeSpinDecButton_CDADateTime,
.dxeSpinLargeIncButton_CDADateTime, .dxeSpinLargeDecButton_CDADateTime
{
    vertical-align: middle;
    border: solid 1px #7f7f7f;
    cursor: pointer;
}

    .dxeButtonEditButton_CDADateTime, .dxeCalendarButton_CDADateTime, .dxeButtonEditButton_CDADateTime td.dx, .dxeCalendarButton_CDADateTime td.dx,
    .dxeSpinIncButton_CDADateTime, .dxeSpinDecButton_CDADateTime, .dxeSpinLargeIncButton_CDADateTime, .dxeSpinLargeDecButton_CDADateTime,
    .dxeSpinIncButton_CDADateTime td.dx, .dxeSpinDecButton_CDADateTime td.dx, .dxeSpinLargeIncButton_CDADateTime td.dx, .dxeSpinLargeDecButton_CDADateTime td.dx
    {
        font-family: var(--app-font);
        font-size: 11px;
        font-weight: normal;
        text-align: center;
        white-space: nowrap;
    }

.dxeButtonEditButton_CDADateTime,
.dxeSpinIncButton_CDADateTime, .dxeSpinDecButton_CDADateTime, .dxeSpinLargeIncButton_CDADateTime, .dxeSpinLargeDecButton_CDADateTime
{
    padding: 0px 2px 0px 3px;
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtDropDownBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #e6e6e6;
}

.dxeSpinIncButton_CDADateTime
{
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtSpinIncBtnBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #F0F0F0;
}

.dxeSpinDecButton_CDADateTime
{
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtSpinDecBtnBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #E6E6E6;
}

    .dxeButtonEditButton_CDADateTime table.dxbebt,
    .dxeSpinIncButton_CDADateTime table.dxbebt, .dxeSpinDecButton_CDADateTime table.dxbebt,
    .dxeSpinLargeIncButton_CDADateTime table.dxbebt, .dxeSpinLargeDecButton_CDADateTime table.dxbebt
    {
        width: 10px;
    }

.dxeCalendarButton_CDADateTime
{
    font-size: 9pt;
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtCalendarButtonBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #e5e5e5;
    padding: 4px 11px;
    padding-top: 3px;
    width: 32px;
}

    .dxeCalendarButton_CDADateTime td.dx
    {
        font-size: 9pt;
        text-align: center;
        white-space: nowrap;
    }

    .dxeCalendarButton_CDADateTime table.dxbebt
    {
        width: 100%;
    }

/* -- Pressed -- */
.dxeCalendarButtonPressed_CDADateTime, .dxeButtonEditButtonPressed_CDADateTime,
.dxeSpinIncButtonPressed_CDADateTime, .dxeSpinDecButtonPressed_CDADateTime, .dxeSpinLargeIncButtonPressed_CDADateTime,
.dxeSpinLargeDecButtonPressed_CDADateTime
{
    background-image: none;
    background-color: #D5D5D5;
    border: Solid 1px #7F7F7F;
}
/* -- Hover -- */
.dxeCalendarButtonHover_CDADateTime, .dxeButtonEditButtonHover_CDADateTime,
.dxeSpinIncButtonHover_CDADateTime, .dxeSpinDecButtonHover_CDADateTime, .dxeSpinLargeIncButtonHover_CDADateTime, .dxeSpinLargeDecButtonHover_CDADateTime
{
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtDropDownButtonHoverBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #F2F2F2;
    border: Solid 1px #606060;
}

.dxeCalendarButtonHover_CDADateTime
{
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtCalendarButtonHBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
}

.dxeButtonEdit_CDADateTime
{
    background-color: white;
    border: solid 1px #9F9F9F;
    width: 170px;
}

    .dxeButtonEdit_CDADateTime .dxeEditArea_CDADateTime
    {
        background-color: white;
    }

    .dxeButtonEdit_CDADateTime .dxeEditArea_CDADateTime, .dxeButtonEdit_CDADateTime td.dxic
    {
        width: 100%;
    }

    .dxeButtonEdit_CDADateTime td.dxic
    {
        padding: 0px 2px 0px 1px;
    }

    .dxeButtonEdit_CDADateTime .dxeIIC img
    {
        padding-left: 3px;
    }

.dxeTextBox_CDADateTime, .dxeMemo_CDADateTime
{
    background-color: white;
    border: solid 1px #9f9f9f;
}

    .dxeTextBox_CDADateTime td.dxic
    {
        padding: 1px 2px;
        width: 100%;
    }

    .dxeTextBox_CDADateTime .dxeEditArea_CDADateTime
    {
        background-color: white;
    }

.dxeRadioButtonList_CDADateTime
{
    border: Solid 1px #9F9F9F;
}

    .dxeRadioButtonList_CDADateTime, .dxeRadioButtonList_CDADateTime table
    {
        font-family: var(--app-font);
        font-size: 9pt;
    }

        .dxeRadioButtonList_CDADateTime td.dxe
        {
            padding: 7px 5px 6px 11px;
        }

        .dxeRadioButtonList_CDADateTime label
        {
            margin-right: 6px;
        }

/* -- Memo -- */
.dxeMemo_CDADateTime
{
}

.dxeMemoEditArea_CDADateTime
{
    background-color: white;
    font-family: var(--app-font);
    font-size: 9pt;
}

.dxeMemo_CDADateTime td
{
    padding: 0 0 0 3px;
    width: 100%;
}

/* -- Hyperlink -- */
.dxeHyperlink_CDADateTime
{
    font-family: var(--app-font);
    font-size: 9pt;
    font-weight: normal;
    color: #0d45b7;
}

a.dxeHyperlink_CDADateTime:hover
{
    color: #5494ea;
}

a.dxeHyperlink_CDADateTime:visited
{
    color: #ab59a6;
}

/* -- ListBox -- */
.dxeListBox_CDADateTime
{
    background-color: white;
    border: solid 1px #A0A0A0;
    font-family: var(--app-font);
    font-size: 9pt;
    width: 70px;
    height: 109px;
}

    .dxeListBox_CDADateTime div.dxlbd
    {
        padding-top: 1px;
        padding-bottom: 1px;
        height: 107px;
    }

.dxeListBoxItemRow_CDADateTime
{
    cursor: default;
}

.dxeListBoxItem_CDADateTime
{
    border-left: solid 1px white;
    border-right: solid 1px white;
    font-family: var(--app-font);
    font-size: 9pt;
    padding: 3px 2px 4px 3px;
    white-space: nowrap;
    text-align: left;
    color: Black;
    font-weight: normal;
}

.dxeListBox_CDADateTime td.dxeI, .dxeListBox_CDADateTime td.dxeIM, .dxeListBox_CDADateTime .dxeHIC,
.dxeListBox_CDADateTime td.dxeFTM, .dxeListBox_CDADateTime td.dxeTM,
.dxeListBox_CDADateTime td.dxeC, .dxeListBox_CDADateTime td.dxeCM, .dxeListBox_CDADateTime td.dxeHCC, .dxeListBox_CDADateTime td.dxeMI, .dxeListBox_CDADateTime td.dxeMIM
{
    border-right-width: 0px!important;
}

.dxeListBox_CDADateTime td.dxeCM, .dxeListBox_CDADateTime td.dxeHCC
{
    width: 25px;
}

.dxeListBox_CDADateTime td.dxeIM
{
    width: 0;
}

.dxeListBox_CDADateTime td.dxeT
{
    width: 100%;
    padding-left: 0px!important;
}

.dxeListBox_CDADateTime td.dxeT, .dxeListBox_CDADateTime td.dxeMI
{
    border-left-width: 0px!important;
}

.dxeListBox_CDADateTime td.dxeFTM, .dxeListBox_CDADateTime td.dxeTM, .dxeListBox_CDADateTime td.dxeLTM,
.dxeListBox_CDADateTime .dxeHFC, .dxeListBox_CDADateTime .dxeHC, .dxeListBox_CDADateTime .dxeHLC
{
    overflow: hidden;
}

.dxeListBox_CDADateTime td.dxeFTM, .dxeListBox_CDADateTime td.dxeTM,
.dxeListBox_CDADateTime .dxeHFC, .dxeListBox_CDADateTime .dxeHC
{
    padding-right: 6px!important;
}

.dxeListBox_CDADateTime td.dxeLTM, .dxeListBox_CDADateTime td.dxeTM,
.dxeListBox_CDADateTime .dxeHC, .dxeListBox_CDADateTime .dxeHLC
{
    padding-left: 6px!important;
}
/*Grid lines*/
.dxeListBox_CDADateTime td.dxeLTM, .dxeListBox_CDADateTime td.dxeTM, .dxeListBox_CDADateTime td.dxeMIM
{
    border-left: 1px solid #cfcfcf !important;
}

.dxeListBox_CDADateTime td.dxeIM, .dxeListBox_CDADateTime td.dxeFTM, .dxeListBox_CDADateTime td.dxeTM, .dxeListBox_CDADateTime td.dxeLTM,
.dxeListBox_CDADateTime td.dxeCM, .dxeListBox_CDADateTime td.dxeMIM
{
    border-bottom: solid 1px #cfcfcf;
}

.dxeListBoxItemSelected_CDADateTime /* inherits dxeListBoxItem */
{
    color: White;
    background-color: #A0A0A0;
}

.dxeListBoxItemHover_CDADateTime /* inherits dxeListBoxItem */
{
    background-color: #cfcfcf;
    color: black;
}

/*Header*/
.dxeListBox_CDADateTime .dxeHD
{
    background-color: #dcdcdc;
    border-bottom: solid 1px #A0A0A0;
}

.dxeListBox_CDADateTime .dxeHC, .dxeListBox_CDADateTime .dxeHLC, .dxeListBox_CDADateTime td.dxeHMIC
{
    border-left: solid 1px #A0A0A0;
}

.dxeListBox_CDADateTime .dxeHIC, .dxeListBox_CDADateTime .dxeHFC, .dxeListBox_CDADateTime .dxeHCC
{
    border-left: 1px solid #dcdcdc;
}

.dxeListBox_CDADateTime .dxeHFC, .dxeListBox_CDADateTime .dxeHC, .dxeListBox_CDADateTime .dxeHMIC
{
    border-right-width: 0;
}

.dxeListBox_CDADateTime .dxeHLC
{
    border-right: solid 1px #dcdcdc;
}

/* -- Calendar -- */
.dxeCalendar_CDADateTime
{
    border: solid 1px #9f9f9f;
    background-color: White;
    color: Black;
    font-weight: normal;
    cursor: default;
}

    .dxeCalendar_CDADateTime td.dxMonthGrid_CDADateTime
    {
        padding: 8px 20px;
    }

    .dxeCalendar_CDADateTime td.dxMonthGridWithWeekNumbers_CDADateTime
    {
        padding: 5px 20px 8px 8px;
    }

.dxeCalendarDayHeader_CDADateTime
{
    font-family: var(--app-font);
    font-size: 9pt;
    padding: 2px 4px 5px;
    border-bottom: solid 1px #cfcfcf;
}

.dxeCalendarWeekNumber_CDADateTime
{
    font-family: var(--app-font);
    font-size: 7pt;
    text-align: right;
    padding: 6px 8px 6px 4px;
    color: #bfbfbf;
}

.dxeCalendarDay_CDADateTime
{
    font-family: var(--app-font);
    font-size: 9pt;
    padding: 4px 6px;
    text-align: center;
}

.dxeCalendarWeekend_CDADateTime /* inherits dxeCalendarDay */
{
    color: #c00000;
}

.dxeCalendarOtherMonth_CDADateTime /* inherits dxeCalendarDay */
{
    color: #888;
}

.dxeCalendarOutOfRange_CDADateTime /* inherits dxeCalendarDay */
{
    color: #d0d0d0;
}

.dxeCalendarSelected_CDADateTime /* inherits dxeCalendarDay */
{
    color: White;
    background-color: #8d8d8d;
}

.dxeCalendarToday_CDADateTime /* inherits dxeCalendarDay */
{
    padding: 3px 3px 2px;
    border: solid 1px #c00000;
}

.dxeCalendarHeader_CDADateTime
{
    background-color: #dcdcdc;
    border: solid 1px #c9c9c9;
    border-width: 1px 0;
    padding: 4px 7px;
}

    .dxeCalendarHeader_CDADateTime td.dxe
    {
        font-family: var(--app-font);
        font-size: 9pt;
        text-align: center;
        cursor: pointer;
    }

.dxeCalendarFooter_CDADateTime
{
    background-color: #ededed;
    padding: 8px 0px;
    border-top: solid 1px #d6d6d6;
}

.dxeCalendarFastNav_CDADateTime
{
    color: Black;
    background: White;
    border: solid 1px #9f9f9f;
    border-bottom: 0px;
    padding: 12px 8px;
}

.dxeCalendarFastNavMonthArea_CDADateTime
{
    padding: 0px 9px;
}

.dxeCalendarFastNavYearArea_CDADateTime
{
}

.dxeCalendarFastNavFooter_CDADateTime
{
    color: Black;
    background-color: #ededed;
    padding: 8px 0px;
    border: solid 1px #9f9f9f;
    border-top: solid 1px #d6d6d6;
}

.dxeCalendarFastNavMonth_CDADateTime, .dxeCalendarFastNavYear_CDADateTime
{
    font: normal 9pt var(--app-font);
    color: Black;
    padding: 3px 5px;
    text-align: center;
    cursor: pointer;
}

.dxeCalendarFastNavMonth_CDADateTime
{
    padding: 6px;
}

.dxeCalendarFastNavMonthSelected_CDADateTime, .dxeCalendarFastNavYearSelected_CDADateTime
{
    color: White;
    background: #8d8d8d;
}

.dxeCalendarFastNavMonthHover_CDADateTime, .dxeCalendarFastNavYearHover_CDADateTime
{
    color: Black;
    background: #e5e5e5;
    padding: 2px 4px;
    border: solid 1px #d6d6d6;
}

.dxeCalendarFastNavMonthHover_CDADateTime
{
    padding: 5px;
}
/* Disabled */
.dxeDisabled_CDADateTime, .dxeDisabled_CDADateTime td.dxe
{
    color: #acacac;
    cursor: default;
}

a.dxeDisabled_CDADateTime:hover
{
    color: #acacac;
}

.dxeButtonDisabled_CDADateTime, .dxeButtonDisabled_CDADateTime td.dxe
{
    border-color: #c3c3c3;
    color: #808080;
    cursor: default;
}
/* -- Button -- */
.dxbButton_CDADateTime
{
    color: #000000;
    font-weight: normal;
    font-size: 9pt;
    font-family: var(--app-font);
    vertical-align: middle;
    border: solid 1px #7F7F7F;
    background: #E0DFDF url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtButtonBack.gif")%>') top;
    background-repeat: repeat-x;
    padding: 1px 1px 1px 1px;
    cursor: pointer;
}

.dxbButtonHover_CDADateTime
{
    color: #000000;
    background: #F2F2F2 url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtButtonHoverBack.gif")%>') top;
    background-repeat: repeat-x;
    border: solid 1px #606060;
}

.dxbButtonChecked_CDADateTime
{
    color: #FFFFFF;
    background-image: none;
    background-color: #8D8D8D;
}

.dxbButtonPressed_CDADateTime
{
    color: #000000;
    background-image: none;
    background-color: #D5D5D5;
}

.dxbButton_CDADateTime div.dxb
{
    padding: 3px 8px 4px 8px;
    border: 0px;
}

.dxbButton_CDADateTime div.dxbf
{
    padding: 2px 7px 3px 7px;
    border: dotted 1px black;
}

.dxbButton_CDADateTime div.dxb table
{
    color: #000000;
    font-size: 9pt;
    font-family: var(--app-font);
}

.dxbButton_CDADateTime div.dxb td.dxb
{
    background-color: transparent!important;
    background-image: url('')!important;
    border-width: 0px!important;
    padding: 0px!important;
}
/* Disabled */
.dxbDisabled_CDADateTime
{
    border-color: #c3c3c3;
    color: #808080;
    cursor: default;
}

    .dxbDisabled_CDADateTime td.dxb
    {
        color: #808080;
    }
/* -- FilterControl -- */
.dxfcTable_CDADateTime
{
    border-collapse: separate!important;
}

    .dxfcTable_CDADateTime td.dxfc
    {
        padding: 0px 0px 0px 3px;
        vertical-align: middle;
        font: 9pt var(--app-font);
        color: Black;
    }

a.dxfcPropertyName_CDADateTime
{
    white-space: nowrap!important;
    color: Blue!important;
}

a.dxfcGroupType_CDADateTime
{
    white-space: nowrap!important;
    padding: 0px 3px 0px 3px!important;
    color: Red!important;
}

a.dxfcOperation_CDADateTime
{
    white-space: nowrap!important;
    color: Green!important;
}

a.dxfcValue_CDADateTime
{
    white-space: nowrap!important;
    color: Gray!important;
}

.dxfcImageButton_CDADateTime
{
    cursor: pointer;
}

.dxfcLoadingDiv_CDADateTime
{
    background: white;
    opacity: 0.01;
    filter: alpha(opacity=1);
}

.dxfcLoadingPanel_CDADateTime
{
    font: 9pt var(--app-font);
    color: #303030;
    border: solid 1px #9F9F9F;
    background: white;
}

    .dxfcLoadingPanel_CDADateTime td.dx
    {
        white-space: nowrap;
        text-align: center;
        padding: 12px 12px 12px 12px;
    }

.dxeMaskHint_CDADateTime
{
    background: #ffffe1;
    border: solid 1px black;
    padding: 2px 5px 3px;
    color: Black;
    font: 9pt var(--app-font);
}

/* -- ProgressBar -- */
.dxeProgressBar_CDADateTime
{
    border: Solid 1px #696969;
    background-color: #FFFFFF;
}

    .dxeProgressBar_CDADateTime, .dxeProgressBar_CDADateTime td.dxe
    {
        font-family: var(--app-font);
        font-size: 9pt;
        color: Black;
    }

        .dxeProgressBar_CDADateTime .dxePBMainCell_CDADateTime, .dxeProgressBar_CDADateTime td.dxe
        {
            padding: 0;
        }

.dxeProgressBarIndicator_CDADateTime
{
    background-color: #E0DFDF;
}

/* -- DropDownWindow -- */
.dxeDropDownWindow_CDADateTime
{
    background-color: white;
    border: solid 1px #9F9F9F;
}

/*----------------- ColorTable -----------------*/
.dxeColorIndicator_CDADateTime
{
    border: solid 1px #9F9F9F;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.dxeColorTable_CDADateTime
{
    background-color: #ffffff;
    border: solid 1px #9F9F9F;
}

    .dxeColorTable_CDADateTime td.dx
    {
        padding: 4px 4px;
    }

.dxeColorTableCell_CDADateTime
{
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-right: 3px;
    cursor: pointer;
}

.dxeColorTableCellDiv_CDADateTime
{
    border: solid 1px #808080;
    width: 12px;
    height: 12px;
    font-size: 0px;
}

.dxeColorTableCellSelected_CDADateTime
{
    padding: 2px;
    background-color: #CBCBCB;
    border: solid 1px #888888;
}

.dxeColorTableCellHover_CDADateTime
{
    padding: 2px;
    background-color: #F2F2F2;
    border: solid 1px #888888;
}

.dxeFocused_CDADateTime
{
    border: solid 1px #3d3d3d;
}

.dxeNullText_CDADateTime .dxeEditArea_CDADateTime,
.dxeNullText_CDADateTime .dxeMemoEditArea_CDADateTime
{
    color: #818181;
}

.dxeCalendar .dxeCalendarHeader tr td span
{
    float: none;
    min-height: inherit;
    padding-right: auto;
    text-align: inherit;
}
/*
--------------------------------------------------------------------------------------------------------------
   CDADropDownList.css
--------------------------------------------------------------------------------------------------------------
*/
/******************************
 *                            *
 * CSS for CDADropDown List   *
 *                            *
 ******************************/
.dxeLoadingDiv_CDATheme
{
    background: White;
    opacity: 0.85;
    filter: alpha(opacity=85);
    cursor: wait;
}

.dxeLoadingPanel_CDATheme
{
    font: 8pt var(--app-font);
    color: #303030;
}

    .dxeLoadingPanel_CDATheme td.dx
    {
        white-space: nowrap;
        text-align: center;
        padding: 12px 12px 12px 12px;
    }

.dxeReadOnly_CDATheme
{
}

.dxeBase_CDATheme
{
    font-family: var(--app-font);
    font-size: 8pt;
}
/* -- ErrorFrame -- */
.dxeErrorCell_CDATheme, .dxeErrorCell_CDATheme td
{
    font-family: var(--app-font);
    font-size: 8pt;
    color: Red;
}

.dxeErrorCell_CDATheme
{
    padding-left: 4px;
    padding-right: 5px;
}

.dxeErrorFrameWithoutError_CDATheme
{
    border: 1px solid Red;
}

    .dxeErrorFrameWithoutError_CDATheme .dxeControlsCell_CDATheme
    {
        padding: 2px;
    }

.dxeEditArea_CDATheme
{
    font-family: var(--app-font);
    font-size: 8pt;
    border: 1px solid #A0A0A0;
}
/* -- Buttons -- */
.dxeButtonEditButton_CDATheme, .dxeCalendarButton_CDATheme,
.dxeSpinIncButton_CDATheme, .dxeSpinDecButton_CDATheme,
.dxeSpinLargeIncButton_CDATheme, .dxeSpinLargeDecButton_CDATheme
{
    vertical-align: middle;
    border: solid 1px #7f7f7f;
    cursor: pointer;
}

    .dxeButtonEditButton_CDATheme, .dxeCalendarButton_CDATheme, .dxeButtonEditButton_CDATheme td.dx, .dxeCalendarButton_CDATheme td.dx,
    .dxeSpinIncButton_CDATheme, .dxeSpinDecButton_CDATheme, .dxeSpinLargeIncButton_CDATheme, .dxeSpinLargeDecButton_CDATheme,
    .dxeSpinIncButton_CDATheme td.dx, .dxeSpinDecButton_CDATheme td.dx, .dxeSpinLargeIncButton_CDATheme td.dx, .dxeSpinLargeDecButton_CDATheme td.dx
    {
        font-family: var(--app-font);
        font-size: 11px;
        font-weight: normal;
        text-align: center;
        white-space: nowrap;
    }

.dxeButtonEditButton_CDATheme,
.dxeSpinIncButton_CDATheme, .dxeSpinDecButton_CDATheme, .dxeSpinLargeIncButton_CDATheme, .dxeSpinLargeDecButton_CDATheme
{
    padding: 0px 2px 0px 3px;
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtDropDownBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #e6e6e6;
}

.dxeSpinIncButton_CDATheme
{
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtSpinIncBtnBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #F0F0F0;
}

.dxeSpinDecButton_CDATheme
{
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtSpinDecBtnBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #E6E6E6;
}

    .dxeButtonEditButton_CDATheme table.dxbebt,
    .dxeSpinIncButton_CDATheme table.dxbebt, .dxeSpinDecButton_CDATheme table.dxbebt,
    .dxeSpinLargeIncButton_CDATheme table.dxbebt, .dxeSpinLargeDecButton_CDATheme table.dxbebt
    {
        width: 10px;
    }

.dxeCalendarButton_CDATheme
{
    font-size: 8pt;
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtCalendarButtonBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #e5e5e5;
    padding: 4px 11px;
    padding-top: 3px;
    width: 32px;
}

    .dxeCalendarButton_CDATheme td.dx
    {
        font-size: 8pt;
        text-align: center;
        white-space: nowrap;
    }

    .dxeCalendarButton_CDATheme table.dxbebt
    {
        width: 100%;
    }

/* -- Pressed -- */
.dxeCalendarButtonPressed_CDATheme, .dxeButtonEditButtonPressed_CDATheme,
.dxeSpinIncButtonPressed_CDATheme, .dxeSpinDecButtonPressed_CDATheme, .dxeSpinLargeIncButtonPressed_CDATheme,
.dxeSpinLargeDecButtonPressed_CDATheme
{
    background-image: none;
    background-color: #D5D5D5;
    border: Solid 1px #7F7F7F;
}
/* -- Hover -- */
.dxeCalendarButtonHover_CDATheme, .dxeButtonEditButtonHover_CDATheme,
.dxeSpinIncButtonHover_CDATheme, .dxeSpinDecButtonHover_CDATheme, .dxeSpinLargeIncButtonHover_CDATheme, .dxeSpinLargeDecButtonHover_CDATheme
{
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtDropDownButtonHoverBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #F2F2F2;
    border: Solid 1px #606060;
}

.dxeCalendarButtonHover_CDATheme
{
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtCalendarButtonHBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
}

.dxeButtonEdit_CDATheme
{
    background-color: white;
    border: solid 1px #9F9F9F;
    width: 170px;
}

    .dxeButtonEdit_CDATheme .dxeEditArea_CDATheme
    {
        background-color: white;
    }

    .dxeButtonEdit_CDATheme .dxeEditArea_CDATheme, .dxeButtonEdit_CDATheme td.dxic
    {
        width: 100%;
    }

    .dxeButtonEdit_CDATheme td.dxic
    {
        padding: 0px 2px 0px 1px;
    }

    .dxeButtonEdit_CDATheme .dxeIIC img
    {
        padding-left: 3px;
    }

.dxeTextBox_CDATheme, .dxeMemo_CDATheme
{
    background-color: white;
    border: solid 1px #9f9f9f;
}

    .dxeTextBox_CDATheme td.dxic
    {
        padding: 1px 2px;
        width: 100%;
    }

    .dxeTextBox_CDATheme .dxeEditArea_CDATheme
    {
        background-color: white;
    }

.dxeRadioButtonList_CDATheme
{
    border: Solid 1px #9F9F9F;
}

    .dxeRadioButtonList_CDATheme, .dxeRadioButtonList_CDATheme table
    {
        font-family: var(--app-font);
        font-size: 8pt;
    }

        .dxeRadioButtonList_CDATheme td.dxe
        {
            padding: 7px 5px 6px 11px;
        }

        .dxeRadioButtonList_CDATheme label
        {
            margin-right: 6px;
        }

/* -- Memo -- */
.dxeMemo_CDATheme
{
}

.dxeMemoEditArea_CDATheme
{
    background-color: white;
    font-family: var(--app-font);
    font-size: 8pt;
}

.dxeMemo_CDATheme td
{
    padding: 0 0 0 3px;
    width: 100%;
}

/* -- Hyperlink -- */
.dxeHyperlink_CDATheme
{
    font-family: var(--app-font);
    font-size: 8pt;
    font-weight: normal;
    color: #0d45b7;
}

a.dxeHyperlink_CDATheme:hover
{
    color: #5494ea;
}

a.dxeHyperlink_CDATheme:visited
{
    color: #5B5B5B; /* visited Anchor: this was purple #ab59a6; . SW9671 04/02/2010 */
}

/* -- ListBox -- */
.dxeListBox_CDATheme
{
    background-color: white;
    border: solid 1px #A0A0A0;
    font-family: var(--app-font);
    font-size: 8pt;
    width: 70px;
    height: 109px;
}

    .dxeListBox_CDATheme div.dxlbd
    {
        padding-top: 0px;
        padding-bottom: 0px;
        /* height: 107px; */
    }

.dxeListBoxItemRow_CDATheme
{
    cursor: default;
}

.dxeListBoxItem_CDATheme
{
    border-left: solid 1px white;
    border-right: solid 1px white;
    font-family: var(--app-font);
    font-size: 8pt;
    padding: 1px 1px 1px 1px;
    /* padding: 3px 2px 4px 3px; */
    white-space: nowrap;
    text-align: left;
    color: Black;
    font-weight: normal;
}

.dxeListBox_CDATheme td.dxeC > span, .dxeListBox_CDATheme td.dxeCM > span
{
    margin: 1px 2px 1px 3px;
}

.dxWeb_edtCheckBoxChecked_CDATheme, .dxWeb_edtCheckBoxUnchecked_CDATheme, .dxWeb_edtCheckBoxGrayed_CDATheme,
.dxWeb_edtCheckBoxCheckedDisabled_CDATheme, .dxWeb_edtCheckBoxUncheckedDisabled_CDATheme, .dxWeb_edtCheckBoxGrayedDisabled_CDATheme
{
    background-image: url("../images/devexpress_icons.png");
    background-color: transparent;
    background-repeat: no-repeat;
    height: 15px;
    width: 15px;
}

.dxWeb_edtCheckBoxUnchecked_CDATheme
{
    background-position: -41px -99px;
}

.dxWeb_edtCheckBoxChecked_CDATheme
{
    background-position: -56px -99px;
}

.dxWeb_edtCheckBoxGrayed_CDATheme
{
    background-position: -71px -99px;
}

.dxWeb_edtCheckBoxUncheckedDisabled_CDATheme
{
    background-position: -86px -99px;
}

.dxWeb_edtCheckBoxCheckedDisabled_CDATheme
{
    background-position: -101px -99px;
}

.dxWeb_edtCheckBoxGrayedDisabled_CDATheme
{
    background-position: -116px -99px;
}

.dxICheckBox_CDATheme
{
    cursor: default;
    display: inline-block;
    margin: auto;
    vertical-align: middle;
}

.dxeListBox_CDATheme td.dxeI, .dxeListBox_CDATheme td.dxeIM, .dxeListBox_CDATheme .dxeHIC,
.dxeListBox_CDATheme td.dxeFTM, .dxeListBox_CDATheme td.dxeTM,
.dxeListBox_CDATheme td.dxeC, .dxeListBox_CDATheme td.dxeCM, .dxeListBox_CDATheme td.dxeHCC, .dxeListBox_CDATheme td.dxeMI, .dxeListBox_CDATheme td.dxeMIM
{
    border-right-width: 0px!important;
}

.dxeListBox_CDATheme td.dxeCM, .dxeListBox_CDATheme td.dxeHCC
{
    width: 25px;
}

.dxeListBox_CDATheme td.dxeIM
{
    width: 0;
}

.dxeListBox_CDATheme td.dxeT
{
    width: 100%;
    padding-left: 0px!important;
}

.dxeListBox_CDATheme td.dxeT, .dxeListBox_CDATheme td.dxeMI
{
    border-left-width: 0px!important;
}

.dxeListBox_CDATheme td.dxeFTM, .dxeListBox_CDATheme td.dxeTM, .dxeListBox_CDATheme td.dxeLTM,
.dxeListBox_CDATheme .dxeHFC, .dxeListBox_CDATheme .dxeHC, .dxeListBox_CDATheme .dxeHLC
{
    overflow: hidden;
}

.dxeListBox_CDATheme td.dxeFTM, .dxeListBox_CDATheme td.dxeTM,
.dxeListBox_CDATheme .dxeHFC, .dxeListBox_CDATheme .dxeHC
{
    padding-right: 6px!important;
}

.dxeListBox_CDATheme td.dxeLTM, .dxeListBox_CDATheme td.dxeTM,
.dxeListBox_CDATheme .dxeHC, .dxeListBox_CDATheme .dxeHLC
{
    padding-left: 6px!important;
}
/*Grid lines*/
.dxeListBox_CDATheme td.dxeLTM, .dxeListBox_CDATheme td.dxeTM, .dxeListBox_CDATheme td.dxeMIM
{
    border-left: 0px solid #cfcfcf !important;
}

.dxeListBox_CDATheme td.dxeIM, .dxeListBox_CDATheme td.dxeFTM, .dxeListBox_CDATheme td.dxeTM, .dxeListBox_CDATheme td.dxeLTM,
.dxeListBox_CDATheme td.dxeCM, .dxeListBox_CDATheme td.dxeMIM
{
    border-bottom: solid 1px #cfcfcf;
}

.dxeListBoxItemSelected_CDATheme /* inherits dxeListBoxItem */
{
    color: White;
    background-color: #A0A0A0;
}

.dxeListBoxItemHover_CDATheme /* inherits dxeListBoxItem */
{
    background-color: #cfcfcf;
    color: black;
}

/*Header*/
.dxeListBox_CDATheme .dxeHD
{
    background-color: #dcdcdc;
    border-bottom: solid 1px #A0A0A0;
}

.dxeListBox_CDATheme .dxeHC, .dxeListBox_CDATheme .dxeHLC, .dxeListBox_CDATheme td.dxeHMIC
{
    border-left: solid 1px #A0A0A0;
}

.dxeListBox_CDATheme .dxeHIC, .dxeListBox_CDATheme .dxeHFC, .dxeListBox_CDATheme .dxeHCC
{
    border-left: 1px solid #dcdcdc;
}

.dxeListBox_CDATheme .dxeHFC, .dxeListBox_CDATheme .dxeHC, .dxeListBox_CDATheme .dxeHMIC
{
    border-right-width: 0;
}

.dxeListBox_CDATheme .dxeHLC
{
    border-right: solid 1px #dcdcdc;
}

/* -- Calendar -- */
.dxeCalendar_CDATheme
{
    border: solid 1px #9f9f9f;
    background-color: White;
    color: Black;
    font-weight: normal;
    cursor: default;
}

    .dxeCalendar_CDATheme td.dxMonthGrid_CDATheme
    {
        padding: 8px 20px;
    }

    .dxeCalendar_CDATheme td.dxMonthGridWithWeekNumbers_CDATheme
    {
        padding: 5px 20px 8px 8px;
    }

.dxeCalendarDayHeader_CDATheme
{
    font-family: var(--app-font);
    font-size: 8pt;
    padding: 2px 4px 5px;
    border-bottom: solid 1px #cfcfcf;
}

.dxeCalendarWeekNumber_CDATheme
{
    font-family: var(--app-font);
    font-size: 7pt;
    text-align: right;
    padding: 6px 8px 6px 4px;
    color: #bfbfbf;
}

.dxeCalendarDay_CDATheme
{
    font-family: var(--app-font);
    font-size: 8pt;
    padding: 4px 6px;
    text-align: center;
}

.dxeCalendarWeekend_CDATheme /* inherits dxeCalendarDay */
{
    color: #c00000;
}

.dxeCalendarOtherMonth_CDATheme /* inherits dxeCalendarDay */
{
    color: #888;
}

.dxeCalendarOutOfRange_CDATheme /* inherits dxeCalendarDay */
{
    color: #d0d0d0;
}

.dxeCalendarSelected_CDATheme /* inherits dxeCalendarDay */
{
    color: White;
    background-color: #8d8d8d;
}

.dxeCalendarToday_CDATheme /* inherits dxeCalendarDay */
{
    padding: 3px 3px 2px;
    border: solid 1px #c00000;
}

.dxeCalendarHeader_CDATheme
{
    background-color: #dcdcdc;
    border: solid 1px #c9c9c9;
    border-width: 1px 0;
    padding: 4px 7px;
}

    .dxeCalendarHeader_CDATheme td.dxe
    {
        font-family: var(--app-font);
        font-size: 8pt;
        text-align: center;
        cursor: pointer;
    }

.dxeCalendarFooter_CDATheme
{
    background-color: #ededed;
    padding: 8px 0px;
    border-top: solid 1px #d6d6d6;
}

.dxeCalendarFastNav_CDATheme
{
    color: Black;
    background: White;
    border: solid 1px #9f9f9f;
    border-bottom: 0px;
    padding: 12px 8px;
}

.dxeCalendarFastNavMonthArea_CDATheme
{
    padding: 0px 9px;
}

.dxeCalendarFastNavYearArea_CDATheme
{
}

.dxeCalendarFastNavFooter_CDATheme
{
    color: Black;
    background-color: #ededed;
    padding: 8px 0px;
    border: solid 1px #9f9f9f;
    border-top: solid 1px #d6d6d6;
}

.dxeCalendarFastNavMonth_CDATheme, .dxeCalendarFastNavYear_CDATheme
{
    font: normal 8pt var(--app-font);
    color: Black;
    padding: 3px 5px;
    text-align: center;
    cursor: pointer;
}

.dxeCalendarFastNavMonth_CDATheme
{
    padding: 6px;
}

.dxeCalendarFastNavMonthSelected_CDATheme, .dxeCalendarFastNavYearSelected_CDATheme
{
    color: White;
    background: #8d8d8d;
}

.dxeCalendarFastNavMonthHover_CDATheme, .dxeCalendarFastNavYearHover_CDATheme
{
    color: Black;
    background: #e5e5e5;
    padding: 2px 4px;
    border: solid 1px #d6d6d6;
}

.dxeCalendarFastNavMonthHover_CDATheme
{
    padding: 5px;
}
/* Disabled */
.dxeDisabled_CDATheme, .dxeDisabled_CDATheme td.dxe
{
    color: #acacac;
    cursor: default;
}

a.dxeDisabled_CDATheme:hover
{
    color: #acacac;
}

.dxeButtonDisabled_CDATheme, .dxeButtonDisabled_CDATheme td.dxe
{
    border-color: #c3c3c3;
    color: #808080;
    cursor: default;
}
/* -- Button -- */
.dxbButton_CDATheme
{
    color: #000000;
    font-weight: normal;
    font-size: 8pt;
    font-family: var(--app-font);
    vertical-align: middle;
    border: solid 1px #7F7F7F;
    background: #E0DFDF url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtButtonBack.gif")%>') top;
    background-repeat: repeat-x;
    padding: 1px 1px 1px 1px;
    cursor: pointer;
}

.dxbButtonHover_CDATheme
{
    color: #000000;
    background: #F2F2F2 url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtButtonHoverBack.gif")%>') top;
    background-repeat: repeat-x;
    border: solid 1px #606060;
}

.dxbButtonChecked_CDATheme
{
    color: #FFFFFF;
    background-image: none;
    background-color: #8D8D8D;
}

.dxbButtonPressed_CDATheme
{
    color: #000000;
    background-image: none;
    background-color: #D5D5D5;
}

.dxbButton_CDATheme div.dxb
{
    padding: 3px 8px 4px 8px;
    border: 0px;
}

.dxbButton_CDATheme div.dxbf
{
    padding: 2px 7px 3px 7px;
    border: dotted 1px black;
}

.dxbButton_CDATheme div.dxb table
{
    color: #000000;
    font-size: 8pt;
    font-family: var(--app-font);
}

.dxbButton_CDATheme div.dxb td.dxb
{
    background-color: transparent!important;
    background-image: url('')!important;
    border-width: 0px!important;
    padding: 0px!important;
}
/* Disabled */
.dxbDisabled_CDATheme
{
    border-color: #c3c3c3;
    color: #808080;
    cursor: default;
}

    .dxbDisabled_CDATheme td.dxb
    {
        color: #808080;
    }
/* -- FilterControl -- */
.dxfcTable_CDATheme
{
    border-collapse: separate!important;
}

    .dxfcTable_CDATheme td.dxfc
    {
        padding: 0px 0px 0px 3px;
        vertical-align: middle;
        font: 8pt var(--app-font);
        color: Black;
    }

a.dxfcPropertyName_CDATheme
{
    white-space: nowrap!important;
    color: Blue!important;
}

a.dxfcGroupType_CDATheme
{
    white-space: nowrap!important;
    padding: 0px 3px 0px 3px!important;
    color: Red!important;
}

a.dxfcOperation_CDATheme
{
    white-space: nowrap!important;
    color: Green!important;
}

a.dxfcValue_CDATheme
{
    white-space: nowrap!important;
    color: Gray!important;
}

.dxfcImageButton_CDATheme
{
    cursor: pointer;
}

.dxfcLoadingDiv_CDATheme
{
    background: white;
    opacity: 0.01;
    filter: alpha(opacity=1);
}

.dxfcLoadingPanel_CDATheme
{
    font: 8pt var(--app-font);
    color: #303030;
    border: solid 1px #9F9F9F;
    background: white;
}

    .dxfcLoadingPanel_CDATheme td.dx
    {
        white-space: nowrap;
        text-align: center;
        padding: 12px 12px 12px 12px;
    }

.dxeMaskHint_CDATheme
{
    background: #ffffe1;
    border: solid 1px black;
    padding: 2px 5px 3px;
    color: Black;
    font: 8pt var(--app-font);
}

/* -- ProgressBar -- */
.dxeProgressBar_CDATheme
{
    border: Solid 1px #696969;
    background-color: #FFFFFF;
}

    .dxeProgressBar_CDATheme, .dxeProgressBar_CDATheme td.dxe
    {
        font-family: var(--app-font);
        font-size: 8pt;
        color: Black;
    }

        .dxeProgressBar_CDATheme .dxePBMainCell_CDATheme, .dxeProgressBar_CDATheme td.dxe
        {
            padding: 0;
        }

.dxeProgressBarIndicator_CDATheme
{
    background-color: #E0DFDF;
}

/* -- DropDownWindow -- */
.dxeDropDownWindow_CDATheme
{
    background-color: white;
    border: solid 1px #9F9F9F;
}

/*----------------- ColorTable -----------------*/
.dxeColorIndicator_CDATheme
{
    border: solid 1px #9F9F9F;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.dxeColorTable_CDATheme
{
    background-color: #ffffff;
    border: solid 1px #9F9F9F;
}

    .dxeColorTable_CDATheme td.dx
    {
        padding: 4px 4px;
    }

.dxeColorTableCell_CDATheme
{
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-right: 3px;
    cursor: pointer;
}

.dxeColorTableCellDiv_CDATheme
{
    border: solid 1px #808080;
    width: 12px;
    height: 12px;
    font-size: 0px;
}

.dxeColorTableCellSelected_CDATheme
{
    padding: 2px;
    background-color: #CBCBCB;
    border: solid 1px #888888;
}

.dxeColorTableCellHover_CDATheme
{
    padding: 2px;
    background-color: #F2F2F2;
    border: solid 1px #888888;
}

.dxeFocused_CDATheme
{
    border: solid 1px #3d3d3d;
}

.dxeNullText_CDATheme .dxeEditArea_CDATheme,
.dxeNullText_CDATheme .dxeMemoEditArea_CDATheme
{
    color: #818181;
}


/*
--------------------------------------------------------------------------------------------------------------
   CDAGridView.css
--------------------------------------------------------------------------------------------------------------
*/
/****************************************************************************************************

		CDAGridView.css
		
		This stylesheet overrides the DevExpress styles with SynWeb styles.
		At the bottom of this stylesheet please add any custom logic.


*****************************************************************************************************/
.CDAGridView.dxgvControl,
.CDAGridView.dxgvDisabled
{
    font: 9px var(--app-font);
}

    .CDAGridView.dxgvControl a
    {
        color: #5B5B5B;
    }

        .CDAGridView.dxgvControl a.left_school
        {
            /* Added by SW 02/09/2010 */
            color: Red;
        }

.CDAGridView .dxgvLoadingPanel
{
    font: 8pt var(--app-font);
}

.CDAGridView .dxgvLoadingPanelStatusBar
{
    font: 8pt var(--app-font);
}

.CDAGridView .dxgvFilterPopupWindow
{
    font: 8pt var(--app-font);
}

.CDAGridView .dxgvFilterPopupButtonPanel
{
    font: 8pt var(--app-font);
}

.CDAGridView .dxgvFilterPopupActiveItem
{
    color: White;
}

.CDAGridView .dxgvTable
{
    font: 8pt var(--app-font);
}

.CDAGridView .dxgvFocusedRow
{
    /*background-color: #EAEAEA; /* SW xchanged it form the dark gray - clashed with the gray hyperlinks. SW9671 04/02/2010 #8D8D8D; */
    /*color: #000;*/
    background-color: #8D8D8D;
    color: White;
}

    .CDAGridView .dxgvSelectedRow .dxgvCommandColumn a,
    .CDAGridView .dxgvFocusedRow .dxgvCommandColumn a
    {
        /*color: White; Clash with selected row */
    }

        .CDAGridView .dxgvSelectedRow .dxgvCommandColumn a:hover,
        .CDAGridView .dxgvFocusedRow .dxgvCommandColumn a:hover
        {
            /*color: #F0F0F0; Clash with selected row */
        }

        .CDAGridView .dxgvSelectedRow .dxgvCommandColumn a:visited,
        .CDAGridView .dxgvFocusedRow .dxgvCommandColumn a:visited
        {
            color: red; /* #F0F0F0; */
        }

.CDAGridView .dxgvCommandColumn img
{
    margin-left: 10px; /*give the tick and cross breathing room*/
}

    .CDAGridView .dxgvCommandColumn img:first-child
    {
        margin-left: 0px;
    }

.CDAGridView .dxgvPreviewRow
{
    color: #5B5B5B; /* #707070; */
}

    .CDAGridView .dxgvPreviewRow td.dxgv
    {
        /* changed from 
	padding: 10px 10px 10px 15px;
SW9671 12/01/2010 
*/
        padding: 1px 0px 0px 2px;
    }

.CDAGridView .dxgvDetailCell
{
    padding: 16px 18px 16px 0px;
}

.CDAGridView .dxgvHeader
{
    padding: 4px 6px 5px 6px;
    /*font-weight: normal;*/
    /*text-align: left;*/
    -moz-user-select: none;
}

    .CDAGridView .dxgvHeader,
    .CDAGridView .dxgvHeader table
    {
        font: 8pt var(--app-font);
    }

.CDAGridView .dxgvCustomization,
.CDAGridView .dxgvPopupEditForm
{
    overflow: auto;
}

.CDAGridView .dxgvFooter td.dxgv
{
    padding: 5px 6px 6px 6px;
}

.CDAGridView .dxgvTitlePanel,
.CDAGridView .dxgvTable caption
{
    padding: 3px 3px 5px 3px;
}

.CDAGridView .dxgvLoadingDiv
{
    filter: progid:DXImageTransform.Microsoft.Alpha(Style=0, Opacity=1);
}

.CDAGridView .dxgvCommandColumn a:visited
{
    color: #5494ea;
}

.CDAGridView .dxgvEditFormTable a:visited
{
    color: #5B5B5B; /* #707070; /* this was purple #ab59a6; . SW9671 04/02/2010 */
}



.CDAGridView .dxEditors_edtCheckBoxOn
{
    background-color: Aqua;
    height: 16px;
    width: 16px;
}

.CDAGridView .dxEditors_edtError,
.CDAGridView .dxEditors_edtCalendarPrevYear,
.CDAGridView .dxEditors_edtCalendarPrevYearDisabled,
.CDAGridView .dxEditors_edtCalendarPrevMonth,
.CDAGridView .dxEditors_edtCalendarPrevMonthDisabled,
.CDAGridView .dxEditors_edtCalendarNextMonth,
.CDAGridView .dxEditors_edtCalendarNextMonthDisabled,
.CDAGridView .dxEditors_edtCalendarNextYear,
.CDAGridView .dxEditors_edtCalendarNextYearDisabled,
.CDAGridView .dxEditors_edtCalendarFNPrevYear,
.CDAGridView .dxEditors_edtCalendarFNNextYear,
.CDAGridView .dxEditors_edtCheckBoxOn,
.CDAGridView .dxEditors_edtCheckBoxOff,
.CDAGridView .dxEditors_edtCheckBoxUndefined,
.CDAGridView .dxEditors_edtRadioButtonOn,
.CDAGridView .dxEditors_edtRadioButtonOff,
.CDAGridView .dxEditors_edtRadioButtonUndefined,
.CDAGridView .dxEditors_edtEllipsis,
.CDAGridView .dxEditors_edtEllipsisDisabled,
/*.CDAGridView .dxEditors_edtDropDown, */
.CDAGridView .dxEditors_edtDropDownDisabled,
.CDAGridView .dxEditors_fcadd,
.CDAGridView .dxEditors_fcaddhot,
.CDAGridView .dxEditors_fcremove,
.CDAGridView .dxEditors_fcremovehot,
.CDAGridView .dxEditors_fcgroupaddcondition,
.CDAGridView .dxEditors_fcgroupaddgroup,
.CDAGridView .dxEditors_fcgroupremove,
.CDAGridView .dxEditors_fcopany,
.CDAGridView .dxEditors_fcopbegin,
.CDAGridView .dxEditors_fcopbetween,
.CDAGridView .dxEditors_fcopcontain,
.CDAGridView .dxEditors_fcopnotcontain,
.CDAGridView .dxEditors_fcopnotequal,
.CDAGridView .dxEditors_fcopend,
.CDAGridView .dxEditors_fcopequal,
.CDAGridView .dxEditors_fcopgreater,
.CDAGridView .dxEditors_fcopgreaterorequal,
.CDAGridView .dxEditors_fcopnotblank,
.CDAGridView .dxEditors_fcopblank,
.CDAGridView .dxEditors_fcopless,
.CDAGridView .dxEditors_fcoplessorequal,
.CDAGridView .dxEditors_fcoplike,
.CDAGridView .dxEditors_fcopnotany,
.CDAGridView .dxEditors_fcopnotbetween,
.CDAGridView .dxEditors_fcopnotlike,
.CDAGridView .dxEditors_fcgroupand,
.CDAGridView .dxEditors_fcgroupor,
.CDAGridView .dxEditors_fcgroupnotand,
.CDAGridView .dxEditors_fcgroupnotor
{
    background-color: transparent;
    background-repeat: no-repeat;
}



.CDAGridView tr.liveRow 
{
    position:relative;
}
.CDAGridView tr.liveRow td
{   

    /*position:relative; should only be set when the event has been fired.*/
    overflow:visible;   
}


.CDAGridView tr.liveRow div.liveSpinner
{
    display: block;
    position:absolute;
    top: 0px;
    left: 0px;
    padding: 2px;
    z-index:600;

}
.CDAGridView tr.liveRow div.liveSpinner span
{
    display:block;
    float:left;
    width:100%;
    height:inherit;
    background-color: black;
    opacity: 0.25;
    z-index:600;
    padding:2px;
    position:relative;
    top:-2px;
}



.CDAGridView tr.liveRow div.liveSpinner div.spinPanel 
{   
    display:block;
    background-color:white;
    width:80px;
    margin:0px auto;
    padding:4px;
    position:relative;
    z-index:601;
    top:-1px;
    height:16px;
    padding:4px;
    border: 1px solid #9F9F9F;
    color: #303030;


}
.CDAGridView tr.liveRow div.liveSpinner div.spinPanel div.text 
{   
    display:inline-block;
    float:left;
    height:16px;
    position:relative;
    z-index:602;
    top:-21px;
    font-size:12px;
}



.CDAGridView tr.liveRow div.liveSpinner  div.spinPanel  div.spinImg 
{   
    display:inline-block;
    float:left;
    width:16px;
    height:16px;
    background-repeat:no-repeat;
    background-image:url('../Images/dxr-spin.gif');
    background-position:center;
    position:relative;
    z-index:602;
    top:-23px;
    margin-right:8px;
    margin-left:8px;
    
}




/* Paging classes not generated by devexpress*/
/*
.CDAGridView .dxWeb_pNext
{

	height: 17px;
	width: 16px;
	background-image: url('~/DXR.axd?r=1_12');
	background-position: -81px 0;
}
/*
.CDAGridView .dxWeb_pPrev 
{
	height: 17px;
	width: 16px;
	background-image: url('~/DXR.axd?r=1_12');
	background-position: -105px -0px;
}

.CDAGridView .dxWeb_pPrevDisabled
{
	background-image: url('~/DXR.axd?r=1_12');
	background-position: -105px -25px;
	height: 17px;
	width: 16px;
}
.CDAGridView .dxWeb_pNextDisabled
{
	background-image: url('~/DXR.axd?r=1_12');
	background-position: -81px -25px;
	height: 17px;
	width: 16px;
}
*/

/*
	Added DetailRow CSS - 
*/

/****************************************************************************************************

		Custom Styles

*****************************************************************************************************/


/* TODO: Need to tidy up this hyperlink section, make sure theses are the default styles 
		 required, then move them up in the above section */
/* -- Hyperlink -- */
.CDAGridView .dxeHyperlink
{
    font-family: var(--app-font); /* Tahoma; */
    font-size: 8pt; /* 9pt; */
    font-weight: normal;
    color: red; /* frog #515862;  /* #0d45b7; */
}

.CDAGridView .dxeHyperlinkCurrent
{
    font-weight: bold;
}

.CDAGridView a.dxeHyperlink
{
    color: #606060; /* #515862; /*   SW Added. 19/3/09 */
    /*color: #1E3695;*/
}

.CDAGridView a:hover.dxeHyperlink
{
    color: #606060; /* #515862; /* #5494ea; */
    text-decoration: underline;
}

.CDAGridView a:visited.dxeHyperlink
{
    color: #606060; /* #515862; /* #515862;  #ab59a6;    */
}



/* Custom - Student Resutls View */
.CDAGridView .students_gridview_highlight td a,
.CDAGridView .students_gridview_highlight td a:hover,
.CDAGridView .students_gridview_highlight td a:visited
{
    font-weight: bold;
}





/* maintenance grids styling. SW 30/10/09  */
.CDAGridView tr.grid_record_align td
{
    text-align: left;
}

.CDAGridView tr.current_grid_record td a
{
    font-weight: bold;
}

.CDAGridView tr.left_school td a
{
    color: red;
}

/* Added .CDAGridView .left_school - need to deprieciate .staff_left & .student_left */
.CDAGridView .left_school
{
    color: Red !important; /* override the colour, since we're explictly setting an override colour for all links in a gridview */
    /*font-style: italic;*/ /* removed italic, where do we need this? 05/09/2011 JD */
}

.CDAGridView .leave_absense
{
    color: Maroon !important; /* override the colour, since we're explictly setting an override colour for all links in a gridview */
    font-style: italic;
}

.CDAGridView a:visited.dxeHyperlink.current_grid_record_left
{
    color: Maroon !important; /* override the colour, since we're explictly setting an override colour for all links in a gridview */
    font-style: italic;
}

.CDAGridView a:visited.dxeHyperlink.current_grid_record_left
{
    color: Maroon !important; /* override the colour, since we're explictly setting an override colour for all links in a gridview */
    font-style: italic;
}

.CDAGridView a:visited.dxeHyperlink.current_grid_record_left
{
    color: red; /* #515862; /* #515862;  #ab59a6;    */
}

.CDAGridView a.dxeHyperlink.current_grid_record_left /* currently selected record in the maint grids. SW9214 27/08/09 */
{
    color: Red;
    font-weight: bold;
    font-style: normal;
}

.CDAGridView .left_school /* Students who have left school - generally in red. SW 19/12/08 */
{
    color: Red; /* #A14444; */
}

.CDAGridView a:visited.dxeHyperlink.left_school
{
    color: red;
}

.CDAGridView a.dxeHyperlink.left_school
{
    color: red;
}

/* Normal anchor in attendance selection screen - black instead of system wide anchor (grayish). SW6718 10/06/08 */
.CDAGridView .attnormal
{
    /* Normal no anchor eg a user who cannot mark a class */
    color: Black;
    text-decoration: none;
}

.CDAGridView a.attnormal
{
    /* Normal with anchor */
    color: Black;
    text-decoration: none;
}

.CDAGridView a:visited.attnormal
{
    color: Black;
    text-decoration: none;
}

.CDAGridView a:hover.attnormal
{
    color: Black;
    text-decoration: underline;
}

.CDAGridView a:visited.dxeHyperlink.attnormal
{
    color: Black;
}

.CDAGridView a.dxeHyperlink.attnormal
{
    color: Black;
}

/* Disabled anchor in attendance selection screen. SW6718 10/06/08 */
.CDAGridView .attdisabled
{
    color: Gray;
    text-decoration: none;
}
/* Disabled anchor in attendance selection screen. SW6718 10/06/08 */
.CDAGridView a.attdisabled
{
    color: Gray;
    text-decoration: none;
}

.CDAGridView a:visited.dxeHyperlink.attdisabled
{
    color: Gray;
    text-decoration: none;
}

.CDAGridView a.dxeHyperlink.attdisabled
{
    color: Gray;
    text-decoration: none;
}
/* No students anchor in attendance selection screen. SW6718 10/06/08 */
.CDAGridView .attnostudents
{
    color: Green;
    text-decoration: none;
}
/* Substitute teacher in attendance selection screen - red instead of system wide anchor (grayish). SW6718 10/06/08 */
.CDAGridView .attsubstitute
{
    /* Substitute anchor */
    color: Red;
    text-decoration: none;
}

.CDAGridView a.attsubstitute
{
    /* Normal with anchor */
    color: Red;
    text-decoration: none;
}

.CDAGridView a:visited.attsubstitute
{
    color: Red;
    text-decoration: none;
}

.CDAGridView a:hover.attsubstitute
{
    color: Red;
    text-decoration: underline;
}

.CDAGridView a:visited.dxeHyperlink.attsubstitute
{
    color: Red;
}

.CDAGridView a.dxeHyperlink.attsubstitute
{
    color: Red;
}

/* class has been substituted to another teacher anchor in attendance selection screen. SW6718 10/06/08 */
.CDAGridView .attsubstituted
{
    /* Substitued no anchor eg a user who cannot mark a class */
    color: Black;
    font-style: italic;
    text-decoration: none;
}

.CDAGridView a.attsubstituted
{
    color: Black;
    font-style: italic;
    text-decoration: none;
}

.CDAGridView a:hover.attsubstituted
{
    color: Black;
    font-style: italic;
    text-decoration: underline;
}

.CDAGridView a:visited.dxeHyperlink.attsubstituted
{
    color: Black;
    font-style: italic;
    text-decoration: none;
}

.CDAGridView a.dxeHyperlink.attsubstituted
{
    color: Black;
    font-style: italic;
    text-decoration: underline;
}
/* class is a staff scheduled class anchor in attendance selection screen. SW6718 10/06/08 */
.CDAGridView .attstaffschedule
{
    /* Staff Schedule no anchor eg a user who cannot mark a class */
    color: Blue;
    font-style: italic;
    text-decoration: none;
}

.CDAGridView a.attstaffschedule
{
    /* Staff Schedule with anchor eg a user who cannot mark a class */
    color: Blue;
    font-style: italic;
    text-decoration: none;
}

.CDAGridView a:visited.attstaffschedule
{
    color: Blue;
    font-style: italic;
    text-decoration: none;
}

.CDAGridView a:hover.attstaffschedule
{
    color: Blue;
    font-style: italic;
    text-decoration: underline;
}
/* used in student maint - timetable to highlight blue staff schedule classes */
.CDAGridView a.dxeHyperlink.attstaffschedule
{
    color: Blue;
    font-style: italic;
    text-decoration: none;
}
/* class has been submitted anchor in attendance selection screen. SW6718 10/06/08 */
.CDAGridView .attsubmitted
{
    /* Already submitted with no anchor eg a user who cannot mark a class */
    color: Black;
    font-weight: bold;
    text-decoration: none;
}

.CDAGridView a.attsubmitted
{
    /* Already submitted with anchor */
    color: Black;
    font-weight: bold;
    text-decoration: none;
}

.CDAGridView a:visited.attsubmitted
{
    color: Black;
    font-weight: bold;
    text-decoration: none;
}

.CDAGridView a:hover.attsubmitted
{
    color: Black;
    font-weight: bold;
    text-decoration: none;
}

.CDAGridView a:visited.dxeHyperlink.attsubmitted
{
    color: Black;
    font-weight: bold;
    text-decoration: none;
}

.CDAGridView a.dxeHyperlink.attsubmitted
{
    color: Black;
    font-weight: bold;
    text-decoration: none;
}

/* By default in SynWeb we want to highlight all gridviews as follows */
.CDAGridView .highlight_row td a
{
    font-weight: bold;
    /*text-decoration: none;*/
    font-style: normal;
    color: Black;
}

.dxgvSelectedRow .dxgvCommandColumn a:hover, .dxgvFocusedRow .dxgvCommandColumn a:hover
{
    color: #5B5B5B;
}

.dgxvHiddenColumn
{
    display: none;
}



/*
--------------------------------------------------------------------------------------------------------------
   CDALabel.css
--------------------------------------------------------------------------------------------------------------
*/
.dxeLoadingDiv_CDALabel
{
    background: White;
    opacity: 0.85;
    filter: alpha(opacity=85);
    cursor: wait;
}

.dxeLoadingPanel_CDALabel
{
    font: 11px var(--app-font); /* SW 22/10/09 changed from 9pt Tahoma; 13/01/26 changed from Arial */
    color: #303030;
}

    .dxeLoadingPanel_CDALabel td.dx
    {
        white-space: nowrap;
        text-align: center;
        padding: 12px 12px 12px 12px;
    }

.dxeReadOnly_CDALabel
{
}

.dxeBase_CDALabel
{
    font-family: var(--app-font); /* SW 22/10/09 changed from font-family: Tahoma; 13/01/26 changed from Arial */
    font-size: 11px; /* SW 22/10/09 changed from 9pt; */
}
/* -- ErrorFrame -- */
.dxeErrorCell_CDALabel, .dxeErrorCell_CDALabel td
{
    font-family: var(--app-font); /* SW 22/10/09 changed from font-family: Tahoma; 13/01/26 changed from Arial */
    font-size: 11px; /* SW 22/10/09 changed from 9pt; */
    color: Red;
}

.dxeErrorCell_CDALabel
{
    padding-left: 4px;
    padding-right: 5px;
}

.dxeErrorFrameWithoutError_CDALabel
{
    border: 1px solid Red;
}

    .dxeErrorFrameWithoutError_CDALabel .dxeControlsCell_CDALabel
    {
        padding: 2px;
    }

.dxeEditArea_CDALabel
{
    font-family: var(--app-font); /* SW 22/10/09 changed from font-family: Tahoma; 13/01/26 changed from Arial */
    font-size: 11px; /* SW 22/10/09 changed from 9pt; */
    border: 1px solid #A0A0A0;
}
/* -- Buttons -- */
.dxeButtonEditButton_CDALabel, .dxeCalendarButton_CDALabel,
.dxeSpinIncButton_CDALabel, .dxeSpinDecButton_CDALabel,
.dxeSpinLargeIncButton_CDALabel, .dxeSpinLargeDecButton_CDALabel
{
    vertical-align: middle;
    border: solid 1px #7f7f7f;
    cursor: pointer;
}

    .dxeButtonEditButton_CDALabel, .dxeCalendarButton_CDALabel, .dxeButtonEditButton_CDALabel td.dx, .dxeCalendarButton_CDALabel td.dx,
    .dxeSpinIncButton_CDALabel, .dxeSpinDecButton_CDALabel, .dxeSpinLargeIncButton_CDALabel, .dxeSpinLargeDecButton_CDALabel,
    .dxeSpinIncButton_CDALabel td.dx, .dxeSpinDecButton_CDALabel td.dx, .dxeSpinLargeIncButton_CDALabel td.dx, .dxeSpinLargeDecButton_CDALabel td.dx
    {
        font-family: var(--app-font); /* SW 22/10/09 changed from font-family: Tahoma; 13/01/26 changed from Arial */
        font-size: 11px; /* SW 22/10/09 changed from 11px; */
        font-weight: normal;
        text-align: center;
        white-space: nowrap;
    }

.dxeButtonEditButton_CDALabel,
.dxeSpinIncButton_CDALabel, .dxeSpinDecButton_CDALabel, .dxeSpinLargeIncButton_CDALabel, .dxeSpinLargeDecButton_CDALabel
{
    padding: 0px 2px 0px 3px;
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtDropDownBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #e6e6e6;
}

.dxeSpinIncButton_CDALabel
{
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtSpinIncBtnBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #F0F0F0;
}

.dxeSpinDecButton_CDALabel
{
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtSpinDecBtnBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #E6E6E6;
}

    .dxeButtonEditButton_CDALabel table.dxbebt,
    .dxeSpinIncButton_CDALabel table.dxbebt, .dxeSpinDecButton_CDALabel table.dxbebt,
    .dxeSpinLargeIncButton_CDALabel table.dxbebt, .dxeSpinLargeDecButton_CDALabel table.dxbebt
    {
        width: 10px;
    }

.dxeCalendarButton_CDALabel
{
    font-size: 11px; /* SW 22/10/09 changed from 9pt; */
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtCalendarButtonBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #e5e5e5;
    padding: 4px 11px;
    padding-top: 3px;
    width: 32px;
}

    .dxeCalendarButton_CDALabel td.dx
    {
        font-size: 11px; /* SW 22/10/09 changed from 9pt; */
        text-align: center;
        white-space: nowrap;
    }

    .dxeCalendarButton_CDALabel table.dxbebt
    {
        width: 100%;
    }

/* -- Pressed -- */
.dxeCalendarButtonPressed_CDALabel, .dxeButtonEditButtonPressed_CDALabel,
.dxeSpinIncButtonPressed_CDALabel, .dxeSpinDecButtonPressed_CDALabel, .dxeSpinLargeIncButtonPressed_CDALabel,
.dxeSpinLargeDecButtonPressed_CDALabel
{
    background-image: none;
    background-color: #D5D5D5;
    border: Solid 1px #7F7F7F;
}
/* -- Hover -- */
.dxeCalendarButtonHover_CDALabel, .dxeButtonEditButtonHover_CDALabel,
.dxeSpinIncButtonHover_CDALabel, .dxeSpinDecButtonHover_CDALabel, .dxeSpinLargeIncButtonHover_CDALabel, .dxeSpinLargeDecButtonHover_CDALabel
{
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtDropDownButtonHoverBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #F2F2F2;
    border: Solid 1px #606060;
}

.dxeCalendarButtonHover_CDALabel
{
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtCalendarButtonHBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
}

.dxeButtonEdit_CDALabel
{
    background-color: white;
    border: solid 1px #9F9F9F;
    width: 170px;
}

    .dxeButtonEdit_CDALabel .dxeEditArea_CDALabel
    {
        background-color: white;
    }

    .dxeButtonEdit_CDALabel .dxeEditArea_CDALabel, .dxeButtonEdit_CDALabel td.dxic
    {
        width: 100%;
    }

    .dxeButtonEdit_CDALabel td.dxic
    {
        padding: 0px 2px 0px 1px;
    }

    .dxeButtonEdit_CDALabel .dxeIIC img
    {
        padding-left: 3px;
    }

.dxeTextBox_CDALabel, .dxeMemo_CDALabel
{
    background-color: white;
    border: solid 1px #9f9f9f;
}

    .dxeTextBox_CDALabel td.dxic
    {
        padding: 1px 2px;
        width: 100%;
    }

    .dxeTextBox_CDALabel .dxeEditArea_CDALabel
    {
        background-color: white;
    }

.dxeRadioButtonList_CDALabel
{
    border: Solid 1px #9F9F9F;
}

    .dxeRadioButtonList_CDALabel, .dxeRadioButtonList_CDALabel table
    {
        font-family: var(--app-font); /* SW 22/10/09 changed from font-family: Tahoma; 13/01/26 changed from Arial */
        font-size: 11px; /* SW 22/10/09 changed from 9pt; */
    }

        .dxeRadioButtonList_CDALabel td.dxe
        {
            padding: 7px 5px 6px 11px;
        }

        .dxeRadioButtonList_CDALabel label
        {
            margin-right: 6px;
        }

/* -- Memo -- */
.dxeMemo_CDALabel
{
}

.dxeMemoEditArea_CDALabel
{
    background-color: white;
    font-family: var(--app-font); /* SW 22/10/09 changed from font-family: Tahoma; 13/01/26 changed from Arial */
    font-size: 11px; /* SW 22/10/09 changed from 9pt; */
}

.dxeMemo_CDALabel td
{
    padding: 0 0 0 3px;
    width: 100%;
}

/* -- Hyperlink -- */
.dxeHyperlink_CDALabel
{
    font-family: var(--app-font); /* SW 22/10/09 changed from font-family: Tahoma; 13/01/26 changed from Arial */
    font-size: 11px; /* SW 22/10/09 changed from 9pt; */
    font-weight: normal;
    color: #0d45b7;
}

a.dxeHyperlink_CDALabel:hover
{
    color: #5494ea;
}

a.dxeHyperlink_CDALabel:visited
{
    color: #ab59a6;
}

/* -- ListBox -- */
.dxeListBox_CDALabel
{
    background-color: white;
    border: solid 1px #A0A0A0;
    font-family: var(--app-font); /* SW 22/10/09 changed from font-family: Tahoma; 13/01/26 changed from Arial */
    font-size: 11px; /* SW 22/10/09 changed from 9pt; */
    width: 70px;
    height: 109px;
}

    .dxeListBox_CDALabel div.dxlbd
    {
        padding-top: 1px;
        padding-bottom: 1px;
        height: 107px;
    }

.dxeListBoxItemRow_CDALabel
{
    cursor: default;
}

.dxeListBoxItem_CDALabel
{
    border-left: solid 1px white;
    border-right: solid 1px white;
    font-family: var(--app-font); /* SW 22/10/09 changed from font-family: Tahoma; 13/01/26 changed from Arial */
    font-size: 11px; /* SW 22/10/09 changed from 9pt; */
    padding: 3px 2px 4px 3px;
    white-space: nowrap;
    text-align: left;
    color: Black;
    font-weight: normal;
}

.dxeListBox_CDALabel td.dxeI, .dxeListBox_CDALabel td.dxeIM, .dxeListBox_CDALabel .dxeHIC,
.dxeListBox_CDALabel td.dxeFTM, .dxeListBox_CDALabel td.dxeTM,
.dxeListBox_CDALabel td.dxeC, .dxeListBox_CDALabel td.dxeCM, .dxeListBox_CDALabel td.dxeHCC, .dxeListBox_CDALabel td.dxeMI, .dxeListBox_CDALabel td.dxeMIM
{
    border-right-width: 0px!important;
}

.dxeListBox_CDALabel td.dxeCM, .dxeListBox_CDALabel td.dxeHCC
{
    width: 25px;
}

.dxeListBox_CDALabel td.dxeIM
{
    width: 0;
}

.dxeListBox_CDALabel td.dxeT
{
    width: 100%;
    padding-left: 0px!important;
}

.dxeListBox_CDALabel td.dxeT, .dxeListBox_CDALabel td.dxeMI
{
    border-left-width: 0px!important;
}

.dxeListBox_CDALabel td.dxeFTM, .dxeListBox_CDALabel td.dxeTM, .dxeListBox_CDALabel td.dxeLTM,
.dxeListBox_CDALabel .dxeHFC, .dxeListBox_CDALabel .dxeHC, .dxeListBox_CDALabel .dxeHLC
{
    overflow: hidden;
}

.dxeListBox_CDALabel td.dxeFTM, .dxeListBox_CDALabel td.dxeTM,
.dxeListBox_CDALabel .dxeHFC, .dxeListBox_CDALabel .dxeHC
{
    padding-right: 6px!important;
}

.dxeListBox_CDALabel td.dxeLTM, .dxeListBox_CDALabel td.dxeTM,
.dxeListBox_CDALabel .dxeHC, .dxeListBox_CDALabel .dxeHLC
{
    padding-left: 6px!important;
}
/*Grid lines*/
.dxeListBox_CDALabel td.dxeLTM, .dxeListBox_CDALabel td.dxeTM, .dxeListBox_CDALabel td.dxeMIM
{
    border-left: 1px solid #cfcfcf !important;
}

.dxeListBox_CDALabel td.dxeIM, .dxeListBox_CDALabel td.dxeFTM, .dxeListBox_CDALabel td.dxeTM, .dxeListBox_CDALabel td.dxeLTM,
.dxeListBox_CDALabel td.dxeCM, .dxeListBox_CDALabel td.dxeMIM
{
    border-bottom: solid 1px #cfcfcf;
}

.dxeListBoxItemSelected_CDALabel /* inherits dxeListBoxItem */
{
    color: White;
    background-color: #A0A0A0;
}

.dxeListBoxItemHover_CDALabel /* inherits dxeListBoxItem */
{
    background-color: #cfcfcf;
    color: black;
}

/*Header*/
.dxeListBox_CDALabel .dxeHD
{
    background-color: #dcdcdc;
    border-bottom: solid 1px #A0A0A0;
}

.dxeListBox_CDALabel .dxeHC, .dxeListBox_CDALabel .dxeHLC, .dxeListBox_CDALabel td.dxeHMIC
{
    border-left: solid 1px #A0A0A0;
}

.dxeListBox_CDALabel .dxeHIC, .dxeListBox_CDALabel .dxeHFC, .dxeListBox_CDALabel .dxeHCC
{
    border-left: 1px solid #dcdcdc;
}

.dxeListBox_CDALabel .dxeHFC, .dxeListBox_CDALabel .dxeHC, .dxeListBox_CDALabel .dxeHMIC
{
    border-right-width: 0;
}

.dxeListBox_CDALabel .dxeHLC
{
    border-right: solid 1px #dcdcdc;
}

/* -- Calendar -- */
.dxeCalendar_CDALabel
{
    border: solid 1px #9f9f9f;
    background-color: White;
    color: Black;
    font-weight: normal;
    cursor: default;
}

    .dxeCalendar_CDALabel td.dxMonthGrid_CDALabel
    {
        padding: 8px 20px;
    }

    .dxeCalendar_CDALabel td.dxMonthGridWithWeekNumbers_CDALabel
    {
        padding: 5px 20px 8px 8px;
    }

.dxeCalendarDayHeader_CDALabel
{
    font-family: var(--app-font); /* SW 22/10/09 changed from font-family: Tahoma; 13/01/26 changed from Arial */
    font-size: 11px; /* SW 22/10/09 changed from 9pt; */
    padding: 2px 4px 5px;
    border-bottom: solid 1px #cfcfcf;
}

.dxeCalendarWeekNumber_CDALabel
{
    font-family: var(--app-font); /* SW 22/10/09 changed from font-family: Tahoma; 13/01/26 changed from Arial */
    font-size: 7pt;
    text-align: right;
    padding: 6px 8px 6px 4px;
    color: #bfbfbf;
}

.dxeCalendarDay_CDALabel
{
    font-family: var(--app-font); /* SW 22/10/09 changed from font-family: Tahoma; 13/01/26 changed from Arial */
    font-size: 11px; /* SW 22/10/09 changed from 9pt; */
    padding: 4px 6px;
    text-align: center;
}

.dxeCalendarWeekend_CDALabel /* inherits dxeCalendarDay */
{
    color: #c00000;
}

.dxeCalendarOtherMonth_CDALabel /* inherits dxeCalendarDay */
{
    color: #888;
}

.dxeCalendarOutOfRange_CDALabel /* inherits dxeCalendarDay */
{
    color: #d0d0d0;
}

.dxeCalendarSelected_CDALabel /* inherits dxeCalendarDay */
{
    color: White;
    background-color: #8d8d8d;
}

.dxeCalendarToday_CDALabel /* inherits dxeCalendarDay */
{
    padding: 3px 3px 2px;
    border: solid 1px #c00000;
}

.dxeCalendarHeader_CDALabel
{
    background-color: #dcdcdc;
    border: solid 1px #c9c9c9;
    border-width: 1px 0;
    padding: 4px 7px;
}

    .dxeCalendarHeader_CDALabel td.dxe
    {
        font-family: var(--app-font); /* SW 22/10/09 changed from font-family: Tahoma; 13/01/26 changed from Arial */
        font-size: 11px; /* SW 22/10/09 changed from 9pt; */
        text-align: center;
        cursor: pointer;
    }

.dxeCalendarFooter_CDALabel
{
    background-color: #ededed;
    padding: 8px 0px;
    border-top: solid 1px #d6d6d6;
}

.dxeCalendarFastNav_CDALabel
{
    color: Black;
    background: White;
    border: solid 1px #9f9f9f;
    border-bottom: 0px;
    padding: 12px 8px;
}

.dxeCalendarFastNavMonthArea_CDALabel
{
    padding: 0px 9px;
}

.dxeCalendarFastNavYearArea_CDALabel
{
}

.dxeCalendarFastNavFooter_CDALabel
{
    color: Black;
    background-color: #ededed;
    padding: 8px 0px;
    border: solid 1px #9f9f9f;
    border-top: solid 1px #d6d6d6;
}

.dxeCalendarFastNavMonth_CDALabel, .dxeCalendarFastNavYear_CDALabel
{
    font: normal 9px var(--app-font); /* SW 22/10/09 changed from 9pt Tahoma; 13/01/26 changed from Arial */
    color: Black;
    padding: 3px 5px;
    text-align: center;
    cursor: pointer;
}

.dxeCalendarFastNavMonth_CDALabel
{
    padding: 6px;
}

.dxeCalendarFastNavMonthSelected_CDALabel, .dxeCalendarFastNavYearSelected_CDALabel
{
    color: White;
    background: #8d8d8d;
}

.dxeCalendarFastNavMonthHover_CDALabel, .dxeCalendarFastNavYearHover_CDALabel
{
    color: Black;
    background: #e5e5e5;
    padding: 2px 4px;
    border: solid 1px #d6d6d6;
}

.dxeCalendarFastNavMonthHover_CDALabel
{
    padding: 5px;
}
/* Disabled */
.dxeDisabled_CDALabel, .dxeDisabled_CDALabel td.dxe
{
    color: #acacac;
    cursor: default;
}

a.dxeDisabled_CDALabel:hover
{
    color: #acacac;
}

.dxeButtonDisabled_CDALabel, .dxeButtonDisabled_CDALabel td.dxe
{
    border-color: #c3c3c3;
    color: #808080;
    cursor: default;
}
/* -- Button -- */
.dxbButton_CDALabel
{
    color: #000000;
    font-weight: normal;
    font-size: 11px; /* SW 22/10/09 changed from 9pt; */
    font-family: var(--app-font); /* SW 22/10/09 changed from font-family: Tahoma; 13/01/26 changed from Arial */
    vertical-align: middle;
    border: solid 1px #7F7F7F;
    background: #E0DFDF url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtButtonBack.gif")%>') top;
    background-repeat: repeat-x;
    padding: 1px 1px 1px 1px;
    cursor: pointer;
}

.dxbButtonHover_CDALabel
{
    color: #000000;
    background: #F2F2F2 url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtButtonHoverBack.gif")%>') top;
    background-repeat: repeat-x;
    border: solid 1px #606060;
}

.dxbButtonChecked_CDALabel
{
    color: #FFFFFF;
    background-image: none;
    background-color: #8D8D8D;
}

.dxbButtonPressed_CDALabel
{
    color: #000000;
    background-image: none;
    background-color: #D5D5D5;
}

.dxbButton_CDALabel div.dxb
{
    padding: 3px 8px 4px 8px;
    border: 0px;
}

.dxbButton_CDALabel div.dxbf
{
    padding: 2px 7px 3px 7px;
    border: dotted 1px black;
}

.dxbButton_CDALabel div.dxb table
{
    color: #000000;
    font-size: 11px; /* SW 22/10/09 changed from 9pt; */
    font-family: var(--app-font); /* SW 22/10/09 changed from font-family: Tahoma; 13/01/26 changed from Arial */
}

.dxbButton_CDALabel div.dxb td.dxb
{
    background-color: transparent!important;
    background-image: url('')!important;
    border-width: 0px!important;
    padding: 0px!important;
}
/* Disabled */
.dxbDisabled_CDALabel
{
    border-color: #c3c3c3;
    color: #808080;
    cursor: default;
}

    .dxbDisabled_CDALabel td.dxb
    {
        color: #808080;
    }
/* -- FilterControl -- */
.dxfcTable_CDALabel
{
    border-collapse: separate!important;
}

    .dxfcTable_CDALabel td.dxfc
    {
        padding: 0px 0px 0px 3px;
        vertical-align: middle;
        font: 11px var(--app-font); /* SW 22/10/09 changed from 9pt Tahoma; 13/01/26 changed from Arial */
        color: Black;
    }

a.dxfcPropertyName_CDALabel
{
    white-space: nowrap!important;
    color: Blue!important;
}

a.dxfcGroupType_CDALabel
{
    white-space: nowrap!important;
    padding: 0px 3px 0px 3px!important;
    color: Red!important;
}

a.dxfcOperation_CDALabel
{
    white-space: nowrap!important;
    color: Green!important;
}

a.dxfcValue_CDALabel
{
    white-space: nowrap!important;
    color: Gray!important;
}

.dxfcImageButton_CDALabel
{
    cursor: pointer;
}

.dxfcLoadingDiv_CDALabel
{
    background: white;
    opacity: 0.01;
    filter: alpha(opacity=1);
}

.dxfcLoadingPanel_CDALabel
{
    font: 11px var(--app-font); /* SW 22/10/09 changed from 9pt Tahoma; 13/01/26 changed from Arial */
    color: #303030;
    border: solid 1px #9F9F9F;
    background: white;
}

    .dxfcLoadingPanel_CDALabel td.dx
    {
        white-space: nowrap;
        text-align: center;
        padding: 12px 12px 12px 12px;
    }

.dxeMaskHint_CDALabel
{
    background: #ffffe1;
    border: solid 1px black;
    padding: 2px 5px 3px;
    color: Black;
    font: 11px var(--app-font); /* SW 22/10/09 changed from 9pt Arial; 13/01/26 changed from Arial */
}

/* -- ProgressBar -- */
.dxeProgressBar_CDALabel
{
    border: Solid 1px #696969;
    background-color: #FFFFFF;
}

    .dxeProgressBar_CDALabel, .dxeProgressBar_CDALabel td.dxe
    {
        font-family: var(--app-font);
        font-size: 11px; /* SW 22/10/09 changed from 9pt; */
        color: Black;
    }

        .dxeProgressBar_CDALabel .dxePBMainCell_CDALabel, .dxeProgressBar_CDALabel td.dxe
        {
            padding: 0;
        }

.dxeProgressBarIndicator_CDALabel
{
    background-color: #E0DFDF;
}

/* -- DropDownWindow -- */
.dxeDropDownWindow_CDALabel
{
    background-color: white;
    border: solid 1px #9F9F9F;
}

/*----------------- ColorTable -----------------*/
.dxeColorIndicator_CDALabel
{
    border: solid 1px #9F9F9F;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.dxeColorTable_CDALabel
{
    background-color: #ffffff;
    border: solid 1px #9F9F9F;
}

    .dxeColorTable_CDALabel td.dx
    {
        padding: 4px 4px;
    }

.dxeColorTableCell_CDALabel
{
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-right: 3px;
    cursor: pointer;
}

.dxeColorTableCellDiv_CDALabel
{
    border: solid 1px #808080;
    width: 12px;
    height: 12px;
    font-size: 0px;
}

.dxeColorTableCellSelected_CDALabel
{
    padding-left: 2px!important;
    padding-bottom: 2px!important;
    padding-top: 2px!important;
    padding-right: 2px!important;
    background-color: #CBCBCB;
    border: solid 1px #888888;
}

.dxeColorTableCellHover_CDALabel
{
    padding-left: 2px!important;
    padding-bottom: 2px!important;
    padding-top: 2px!important;
    padding-right: 2px!important;
    background-color: #F2F2F2;
    border: solid 1px #888888;
}

.dxeFocused_CDALabel
{
    border: solid 1px #3d3d3d;
}

.dxeNullText_CDALabel .dxeEditArea_CDALabel,
.dxeNullText_CDALabel .dxeMemoEditArea_CDALabel
{
    color: #818181;
}
/*
--------------------------------------------------------------------------------------------------------------
  CDATextBox.css
--------------------------------------------------------------------------------------------------------------
*/
.dxeLoadingDiv_CDATextBox
{
    background: White;
    opacity: 0.85;
    filter: alpha(opacity=85);
    cursor: wait;
}

.dxeLoadingPanel_CDATextBox
{
    font: 11px var(--app-font); /* SW 22/10/09 changed from 9pt Arial; 13/01/26 changed from Arial */
    color: #303030;
}

    .dxeLoadingPanel_CDATextBox td.dx
    {
        white-space: nowrap;
        text-align: center;
        padding: 12px 12px 12px 12px;
    }

.dxeReadOnly_CDATextBox
{
}

.dxeBase_CDATextBox
{
    font-family: var(--app-font);
    font-size: 11px;
}
/* -- ErrorFrame -- */
.dxeErrorCell_CDATextBox, .dxeErrorCell_CDATextBox td
{
    font-family: var(--app-font);
    font-size: 11px;
    color: Red;
}

.dxeErrorCell_CDATextBox
{
    padding-left: 4px;
    padding-right: 5px;
}

.dxeErrorFrameWithoutError_CDATextBox
{
    border: 1px solid Red;
}

    .dxeErrorFrameWithoutError_CDATextBox .dxeControlsCell_CDATextBox
    {
        padding: 2px;
    }

.dxeEditArea_CDATextBox
{
    font-family: var(--app-font);
    font-size: 11px;
    border: 1px solid #A0A0A0;
}
/* -- Buttons -- */
.dxeButtonEditButton_CDATextBox, .dxeCalendarButton_CDATextBox,
.dxeSpinIncButton_CDATextBox, .dxeSpinDecButton_CDATextBox,
.dxeSpinLargeIncButton_CDATextBox, .dxeSpinLargeDecButton_CDATextBox
{
    vertical-align: middle;
    border: solid 1px #7f7f7f;
    cursor: pointer;
}

    .dxeButtonEditButton_CDATextBox, .dxeCalendarButton_CDATextBox, .dxeButtonEditButton_CDATextBox td.dx, .dxeCalendarButton_CDATextBox td.dx,
    .dxeSpinIncButton_CDATextBox, .dxeSpinDecButton_CDATextBox, .dxeSpinLargeIncButton_CDATextBox, .dxeSpinLargeDecButton_CDATextBox,
    .dxeSpinIncButton_CDATextBox td.dx, .dxeSpinDecButton_CDATextBox td.dx, .dxeSpinLargeIncButton_CDATextBox td.dx, .dxeSpinLargeDecButton_CDATextBox td.dx
    {
        font-family: var(--app-font);
        font-size: 11px;
        font-weight: normal;
        text-align: center;
        white-space: nowrap;
    }

.dxeButtonEditButton_CDATextBox,
.dxeSpinIncButton_CDATextBox, .dxeSpinDecButton_CDATextBox, .dxeSpinLargeIncButton_CDATextBox, .dxeSpinLargeDecButton_CDATextBox
{
    padding: 0px 2px 0px 3px;
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtDropDownBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #e6e6e6;
}

.dxeSpinIncButton_CDATextBox
{
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtSpinIncBtnBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #F0F0F0;
}

.dxeSpinDecButton_CDATextBox
{
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtSpinDecBtnBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #E6E6E6;
}

    .dxeButtonEditButton_CDATextBox table.dxbebt,
    .dxeSpinIncButton_CDATextBox table.dxbebt, .dxeSpinDecButton_CDATextBox table.dxbebt,
    .dxeSpinLargeIncButton_CDATextBox table.dxbebt, .dxeSpinLargeDecButton_CDATextBox table.dxbebt
    {
        width: 10px;
    }

.dxeCalendarButton_CDATextBox
{
    font-size: 11px;
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtCalendarButtonBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #e5e5e5;
    padding: 4px 11px;
    padding-top: 3px;
    width: 32px;
}

    .dxeCalendarButton_CDATextBox td.dx
    {
        font-size: 11px;
        text-align: center;
        white-space: nowrap;
    }

    .dxeCalendarButton_CDATextBox table.dxbebt
    {
        width: 100%;
    }

/* -- Pressed -- */
.dxeCalendarButtonPressed_CDATextBox, .dxeButtonEditButtonPressed_CDATextBox,
.dxeSpinIncButtonPressed_CDATextBox, .dxeSpinDecButtonPressed_CDATextBox, .dxeSpinLargeIncButtonPressed_CDATextBox,
.dxeSpinLargeDecButtonPressed_CDATextBox
{
    background-image: none;
    background-color: #D5D5D5;
    border: Solid 1px #7F7F7F;
}
/* -- Hover -- */
.dxeCalendarButtonHover_CDATextBox, .dxeButtonEditButtonHover_CDATextBox,
.dxeSpinIncButtonHover_CDATextBox, .dxeSpinDecButtonHover_CDATextBox, .dxeSpinLargeIncButtonHover_CDATextBox, .dxeSpinLargeDecButtonHover_CDATextBox
{
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtDropDownButtonHoverBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #F2F2F2;
    border: Solid 1px #606060;
}

.dxeCalendarButtonHover_CDATextBox
{
    background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtCalendarButtonHBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
}

.dxeButtonEdit_CDATextBox
{
    background-color: white;
    border: solid 1px #9F9F9F;
    width: 170px;
}

    .dxeButtonEdit_CDATextBox .dxeEditArea_CDATextBox
    {
        background-color: white;
    }

    .dxeButtonEdit_CDATextBox .dxeEditArea_CDATextBox, .dxeButtonEdit_CDATextBox td.dxic
    {
        width: 100%;
    }

    .dxeButtonEdit_CDATextBox td.dxic
    {
        padding: 0px 2px 0px 1px;
    }

    .dxeButtonEdit_CDATextBox .dxeIIC img
    {
        padding-left: 3px;
    }

.dxeTextBox_CDATextBox, .dxeMemo_CDATextBox
{
    background-color: white;
    border: solid 1px #9f9f9f;
}

    .dxeTextBox_CDATextBox td.dxic
    {
        padding: 1px 2px;
        width: 100%;
    }

    .dxeTextBox_CDATextBox .dxeEditArea_CDATextBox
    {
        background-color: white;
    }

.dxeRadioButtonList_CDATextBox
{
    border: Solid 1px #9F9F9F;
}

    .dxeRadioButtonList_CDATextBox, .dxeRadioButtonList_CDATextBox table
    {
        font-family: var(--app-font);
        font-size: 11px;
    }

        .dxeRadioButtonList_CDATextBox td.dxe
        {
            padding: 7px 5px 6px 11px;
        }

        .dxeRadioButtonList_CDATextBox label
        {
            margin-right: 6px;
        }

/* -- Memo -- */
.dxeMemo_CDATextBox
{
}

.dxeMemoEditArea_CDATextBox
{
    background-color: white;
    font-family: var(--app-font);
    font-size: 11px;
}

.dxeMemo_CDATextBox td
{
    padding: 0 0 0 3px;
    width: 100%;
}

/* -- Hyperlink -- */
.dxeHyperlink_CDATextBox
{
    font-family: var(--app-font);
    font-size: 11px;
    font-weight: normal;
    color: #0d45b7;
}

a.dxeHyperlink_CDATextBox:hover
{
    color: #5494ea;
}

a.dxeHyperlink_CDATextBox:visited
{
    color: #ab59a6;
}

/* -- ListBox -- */
.dxeListBox_CDATextBox
{
    background-color: white;
    border: solid 1px #A0A0A0;
    font-family: var(--app-font);
    font-size: 11px;
    width: 70px;
    height: 109px;
}

    .dxeListBox_CDATextBox div.dxlbd
    {
        padding-top: 1px;
        padding-bottom: 1px;
        height: 107px;
    }

.dxeListBoxItemRow_CDATextBox
{
    cursor: default;
}

.dxeListBoxItem_CDATextBox
{
    border-left: solid 1px white;
    border-right: solid 1px white;
    font-family: var(--app-font);
    font-size: 11px;
    padding: 3px 2px 4px 3px;
    white-space: nowrap;
    text-align: left;
    color: Black;
    font-weight: normal;
}

.dxeListBox_CDATextBox td.dxeI, .dxeListBox_CDATextBox td.dxeIM, .dxeListBox_CDATextBox .dxeHIC,
.dxeListBox_CDATextBox td.dxeFTM, .dxeListBox_CDATextBox td.dxeTM,
.dxeListBox_CDATextBox td.dxeC, .dxeListBox_CDATextBox td.dxeCM, .dxeListBox_CDATextBox td.dxeHCC, .dxeListBox_CDATextBox td.dxeMI, .dxeListBox_CDATextBox td.dxeMIM
{
    border-right-width: 0px!important;
}

.dxeListBox_CDATextBox td.dxeCM, .dxeListBox_CDATextBox td.dxeHCC
{
    width: 25px;
}

.dxeListBox_CDATextBox td.dxeIM
{
    width: 0;
}

.dxeListBox_CDATextBox td.dxeT
{
    width: 100%;
    padding-left: 0px!important;
}

.dxeListBox_CDATextBox td.dxeT, .dxeListBox_CDATextBox td.dxeMI
{
    border-left-width: 0px!important;
}

.dxeListBox_CDATextBox td.dxeFTM, .dxeListBox_CDATextBox td.dxeTM, .dxeListBox_CDATextBox td.dxeLTM,
.dxeListBox_CDATextBox .dxeHFC, .dxeListBox_CDATextBox .dxeHC, .dxeListBox_CDATextBox .dxeHLC
{
    overflow: hidden;
}

.dxeListBox_CDATextBox td.dxeFTM, .dxeListBox_CDATextBox td.dxeTM,
.dxeListBox_CDATextBox .dxeHFC, .dxeListBox_CDATextBox .dxeHC
{
    padding-right: 6px!important;
}

.dxeListBox_CDATextBox td.dxeLTM, .dxeListBox_CDATextBox td.dxeTM,
.dxeListBox_CDATextBox .dxeHC, .dxeListBox_CDATextBox .dxeHLC
{
    padding-left: 6px!important;
}
/*Grid lines*/
.dxeListBox_CDATextBox td.dxeLTM, .dxeListBox_CDATextBox td.dxeTM, .dxeListBox_CDATextBox td.dxeMIM
{
    border-left: 1px solid #cfcfcf !important;
}

.dxeListBox_CDATextBox td.dxeIM, .dxeListBox_CDATextBox td.dxeFTM, .dxeListBox_CDATextBox td.dxeTM, .dxeListBox_CDATextBox td.dxeLTM,
.dxeListBox_CDATextBox td.dxeCM, .dxeListBox_CDATextBox td.dxeMIM
{
    border-bottom: solid 1px #cfcfcf;
}

.dxeListBoxItemSelected_CDATextBox /* inherits dxeListBoxItem */
{
    color: White;
    background-color: #A0A0A0;
}

.dxeListBoxItemHover_CDATextBox /* inherits dxeListBoxItem */
{
    background-color: #cfcfcf;
    color: black;
}

/*Header*/
.dxeListBox_CDATextBox .dxeHD
{
    background-color: #dcdcdc;
    border-bottom: solid 1px #A0A0A0;
}

.dxeListBox_CDATextBox .dxeHC, .dxeListBox_CDATextBox .dxeHLC, .dxeListBox_CDATextBox td.dxeHMIC
{
    border-left: solid 1px #A0A0A0;
}

.dxeListBox_CDATextBox .dxeHIC, .dxeListBox_CDATextBox .dxeHFC, .dxeListBox_CDATextBox .dxeHCC
{
    border-left: 1px solid #dcdcdc;
}

.dxeListBox_CDATextBox .dxeHFC, .dxeListBox_CDATextBox .dxeHC, .dxeListBox_CDATextBox .dxeHMIC
{
    border-right-width: 0;
}

.dxeListBox_CDATextBox .dxeHLC
{
    border-right: solid 1px #dcdcdc;
}

/* -- Calendar -- */
.dxeCalendar_CDATextBox
{
    border: solid 1px #9f9f9f;
    background-color: White;
    color: Black;
    font-weight: normal;
    cursor: default;
}

    .dxeCalendar_CDATextBox td.dxMonthGrid_CDATextBox
    {
        padding: 8px 20px;
    }

    .dxeCalendar_CDATextBox td.dxMonthGridWithWeekNumbers_CDATextBox
    {
        padding: 5px 20px 8px 8px;
    }

.dxeCalendarDayHeader_CDATextBox
{
    font-family: var(--app-font);
    font-size: 11px;
    padding: 2px 4px 5px;
    border-bottom: solid 1px #cfcfcf;
}

.dxeCalendarWeekNumber_CDATextBox
{
    font-family: var(--app-font);
    font-size: 7pt;
    text-align: right;
    padding: 6px 8px 6px 4px;
    color: #bfbfbf;
}

.dxeCalendarDay_CDATextBox
{
    font-family: var(--app-font);
    font-size: 11px;
    padding: 4px 6px;
    text-align: center;
}

.dxeCalendarWeekend_CDATextBox /* inherits dxeCalendarDay */
{
    color: #c00000;
}

.dxeCalendarOtherMonth_CDATextBox /* inherits dxeCalendarDay */
{
    color: #888;
}

.dxeCalendarOutOfRange_CDATextBox /* inherits dxeCalendarDay */
{
    color: #d0d0d0;
}

.dxeCalendarSelected_CDATextBox /* inherits dxeCalendarDay */
{
    color: White;
    background-color: #8d8d8d;
}

.dxeCalendarToday_CDATextBox /* inherits dxeCalendarDay */
{
    padding: 3px 3px 2px;
    border: solid 1px #c00000;
}

.dxeCalendarHeader_CDATextBox
{
    background-color: #dcdcdc;
    border: solid 1px #c9c9c9;
    border-width: 1px 0;
    padding: 4px 7px;
}

    .dxeCalendarHeader_CDATextBox td.dxe
    {
        font-family: var(--app-font);
        font-size: 11px;
        text-align: center;
        cursor: pointer;
    }

.dxeCalendarFooter_CDATextBox
{
    background-color: #ededed;
    padding: 8px 0px;
    border-top: solid 1px #d6d6d6;
}

.dxeCalendarFastNav_CDATextBox
{
    color: Black;
    background: White;
    border: solid 1px #9f9f9f;
    border-bottom: 0px;
    padding: 12px 8px;
}

.dxeCalendarFastNavMonthArea_CDATextBox
{
    padding: 0px 11px;
}

.dxeCalendarFastNavYearArea_CDATextBox
{
}

.dxeCalendarFastNavFooter_CDATextBox
{
    color: Black;
    background-color: #ededed;
    padding: 8px 0px;
    border: solid 1px #9f9f9f;
    border-top: solid 1px #d6d6d6;
}

.dxeCalendarFastNavMonth_CDATextBox, .dxeCalendarFastNavYear_CDATextBox
{
    font: normal 11px var(--app-font); /* SW 22/10/09 changed from 9pt Arial; 13/01/26 changed from Arial */
    color: Black;
    padding: 3px 5px;
    text-align: center;
    cursor: pointer;
}

.dxeCalendarFastNavMonth_CDATextBox
{
    padding: 6px;
}

.dxeCalendarFastNavMonthSelected_CDATextBox, .dxeCalendarFastNavYearSelected_CDATextBox
{
    color: White;
    background: #8d8d8d;
}

.dxeCalendarFastNavMonthHover_CDATextBox, .dxeCalendarFastNavYearHover_CDATextBox
{
    color: Black;
    background: #e5e5e5;
    padding: 2px 4px;
    border: solid 1px #d6d6d6;
}

.dxeCalendarFastNavMonthHover_CDATextBox
{
    padding: 5px;
}
/* Disabled */
.dxeDisabled_CDATextBox, .dxeDisabled_CDATextBox td.dxe
{
    color: #acacac;
    cursor: default;
}

a.dxeDisabled_CDATextBox:hover
{
    color: #acacac;
}

.dxeButtonDisabled_CDATextBox, .dxeButtonDisabled_CDATextBox td.dxe
{
    border-color: #c3c3c3;
    color: #808080;
    cursor: default;
}
/* -- Button -- */
.dxbButton_CDATextBox
{
    color: #000000;
    font-weight: normal;
    font-size: 11px;
    font-family: var(--app-font);
    vertical-align: middle;
    border: solid 1px #7F7F7F;
    background: #E0DFDF url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtButtonBack.gif")%>') top;
    background-repeat: repeat-x;
    padding: 1px 1px 1px 1px;
    cursor: pointer;
}

.dxbButtonHover_CDATextBox
{
    color: #000000;
    background: #F2F2F2 url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtButtonHoverBack.gif")%>') top;
    background-repeat: repeat-x;
    border: solid 1px #606060;
}

.dxbButtonChecked_CDATextBox
{
    color: #FFFFFF;
    background-image: none;
    background-color: #8D8D8D;
}

.dxbButtonPressed_CDATextBox
{
    color: #000000;
    background-image: none;
    background-color: #D5D5D5;
}

.dxbButton_CDATextBox div.dxb
{
    padding: 3px 8px 4px 8px;
    border: 0px;
}

.dxbButton_CDATextBox div.dxbf
{
    padding: 2px 7px 3px 7px;
    border: dotted 1px black;
}

.dxbButton_CDATextBox div.dxb table
{
    color: #000000;
    font-size: 11px;
    font-family: var(--app-font);
}

.dxbButton_CDATextBox div.dxb td.dxb
{
    background-color: transparent!important;
    background-image: url('')!important;
    border-width: 0px!important;
    padding: 0px!important;
}
/* Disabled */
.dxbDisabled_CDATextBox
{
    border-color: #c3c3c3;
    color: #808080;
    cursor: default;
}

    .dxbDisabled_CDATextBox td.dxb
    {
        color: #808080;
    }
/* -- FilterControl -- */
.dxfcTable_CDATextBox
{
    border-collapse: separate!important;
}

    .dxfcTable_CDATextBox td.dxfc
    {
        padding: 0px 0px 0px 3px;
        vertical-align: middle;
        font: 11px var(--app-font); /* SW 29/09/09 changed from 9pt Arial; 13/01/26 changed from Arial*/
        color: Black;
    }

a.dxfcPropertyName_CDATextBox
{
    white-space: nowrap!important;
    color: Blue!important;
}

a.dxfcGroupType_CDATextBox
{
    white-space: nowrap!important;
    padding: 0px 3px 0px 3px!important;
    color: Red!important;
}

a.dxfcOperation_CDATextBox
{
    white-space: nowrap!important;
    color: Green!important;
}

a.dxfcValue_CDATextBox
{
    white-space: nowrap!important;
    color: Gray!important;
}

.dxfcImageButton_CDATextBox
{
    cursor: pointer;
}

.dxfcLoadingDiv_CDATextBox
{
    background: white;
    opacity: 0.01;
    filter: alpha(opacity=1);
}

.dxfcLoadingPanel_CDATextBox
{
    font: 11px var(--app-font); /* SW 29/09/09 changed from 9pt Arial; 13/01/26 changed from Arial*/
    color: #303030;
    border: solid 1px #9F9F9F;
    background: white;
}

    .dxfcLoadingPanel_CDATextBox td.dx
    {
        white-space: nowrap;
        text-align: center;
        padding: 12px 12px 12px 12px;
    }

.dxeMaskHint_CDATextBox
{
    background: #ffffe1;
    border: solid 1px black;
    padding: 2px 5px 3px;
    color: Black;
    font: 11px var(--app-font); /* SW 29/09/09 changed from 9pt Arial; 13/01/26 changed from Arial*/
}

/* -- ProgressBar -- */
.dxeProgressBar_CDATextBox
{
    border: Solid 1px #696969;
    background-color: #FFFFFF;
}

    .dxeProgressBar_CDATextBox, .dxeProgressBar_CDATextBox td.dxe
    {
        font-family: var(--app-font);
        font-size: 11px;
        color: Black;
    }

        .dxeProgressBar_CDATextBox .dxePBMainCell_CDATextBox, .dxeProgressBar_CDATextBox td.dxe
        {
            padding: 0;
        }

.dxeProgressBarIndicator_CDATextBox
{
    background-color: #E0DFDF;
}

/* -- DropDownWindow -- */
.dxeDropDownWindow_CDATextBox
{
    background-color: white;
    border: solid 1px #9F9F9F;
}

/*----------------- ColorTable -----------------*/
.dxeColorIndicator_CDATextBox
{
    border: solid 1px #9F9F9F;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.dxeColorTable_CDATextBox
{
    background-color: #ffffff;
    border: solid 1px #9F9F9F;
}

    .dxeColorTable_CDATextBox td.dx
    {
        padding: 4px 4px;
    }

.dxeColorTableCell_CDATextBox
{
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-right: 3px;
    cursor: pointer;
}

.dxeColorTableCellDiv_CDATextBox
{
    border: solid 1px #808080;
    width: 12px;
    height: 12px;
    font-size: 0px;
}

.dxeColorTableCellSelected_CDATextBox
{
    padding: 2px;
    background-color: #CBCBCB;
    border: solid 1px #888888;
}

.dxeColorTableCellHover_CDATextBox
{
    padding: 2px;
    background-color: #F2F2F2;
    border: solid 1px #888888;
}

.dxeFocused_CDATextBox
{
    border: solid 1px #3d3d3d;
}

.dxeNullText_CDATextBox .dxeEditArea_CDATextBox,
.dxeNullText_CDATextBox .dxeMemoEditArea_CDATextBox
{
    color: #818181;
}
/*
---------------------------------------------------------------
	HotReportsAspxMenu.css
---------------------------------------------------------------
*/
/* -- ASPxMenu -- */
.dxmControl_CDAHotReportMenu
{
    font: 11px var(--app-font); /* Changed from 9pt Tahoma; 13/01/26 changed from Arial*/
    font-weight: bold; /* Added */
    color: white; /* changed from black; */
}

    .dxmControl_CDAHotReportMenu a, .dxmVerticalMenu_CDAHotReportMenu a, .dxmSubMenu_CDAHotReportMenu a
    {
        text-decoration: none;
    }

.dxmMenu_CDAHotReportMenu a
{
    color: White; /* Added this here so the Main Menu hyperlink eg Students  or  CUrriculum  or Logout is white */
    text-decoration: none;
    text-align: center;
}

.dxmLoadingPanel_CDAHotReportMenu
{
    font: 11px var(--app-font); /* Changed from 9pt Tahoma; 13/01/26 changed from Arial*/
    font-weight: bold;
    color: #303030;
}

    .dxmLoadingPanel_CDAHotReportMenu td.dx
    {
        white-space: nowrap;
        text-align: center;
        padding: 0;
    }

.dxmMenu_CDAHotReportMenu, .dxmVerticalMenu_CDAHotReportMenu
{
    font: 11px var(--app-font); /* Changed from 9pt Tahoma; 13/01/26 changed from Arial*/
    color: white; /* changed from black; */ /*background-color: #F0F0F0;*/
    border-style: none; /* changed from solid 1px #A8A8A8; */
    padding: 0; /* changed from 2px 2px 2px 2px; */
}

.dxmMenuGutter_CDAHotReportMenu
{
}

.dxmMenuSeparator_CDAHotReportMenu, .dxmMenuVerticalSeparator_CDAHotReportMenu
{
    background-color: #A8A8A8;
}

.dxmMenuItem_CDAHotReportMenu, .dxmMenuItemWithImage_CDAHotReportMenu, .dxmMenuItemWithPopOutImage_CDAHotReportMenu, .dxmMenuItemWithImageWithPopOutImage_CDAHotReportMenu, .dxmVerticalMenuItem_CDAHotReportMenu, .dxmVerticalMenuItemWithImage_CDAHotReportMenu, .dxmVerticalMenuItemWithPopOutImage_CDAHotReportMenu, .dxmVerticalMenuItemWithImageWithPopOutImage_CDAHotReportMenu, .dxmMenuLargeItem_CDAHotReportMenu, .dxmMenuLargeItemWithImage_CDAHotReportMenu, .dxmMenuLargeItemWithPopOutImage_CDAHotReportMenu, .dxmMenuLargeItemWithImageWithPopOutImage_CDAHotReportMenu, .dxmVerticalMenuLargeItem_CDAHotReportMenu, .dxmVerticalMenuLargeItemWithImage_CDAHotReportMenu, .dxmVerticalMenuLargeItemWithPopOutImage_CDAHotReportMenu, .dxmVerticalMenuLargeItemWithImageWithPopOutImage_CDAHotReportMenu
{
    font: 11px var(--app-font); /* Changed from 9pt Tahoma; 13/01/26 changed from Arial*/
    font-weight: bold; /* Added */
    color: white; /* changed from black; */
    white-space: nowrap;
}

.dxmMenuItem_CDAHotReportMenu, .dxmMenuItemWithImage_CDAHotReportMenu
{
    padding: 0; /*padding-top: 4px; 	padding-right: 8px; 	padding-bottom: 5px; 	padding-left: 8px;*/
}

.dxmMenuItemWithPopOutImage_CDAHotReportMenu, .dxmMenuItemWithImageWithPopOutImage_CDAHotReportMenu
{
    padding: 0;
    padding-top: 4px;
    padding-right: 6px;
    padding-bottom: 5px;
    padding-left: 8px;
}

.dxmVerticalMenuItem_CDAHotReportMenu
{
    padding-top: 4px;
    padding-right: 19px;
    padding-bottom: 5px;
    padding-left: 8px;
}

.dxmVerticalMenuItemWithImage_CDAHotReportMenu
{
    padding-top: 4px;
    padding-right: 19px;
    padding-bottom: 5px;
    padding-left: 3px;
}

.dxmVerticalMenuItemWithPopOutImage_CDAHotReportMenu
{
    padding-top: 4px;
    padding-right: 6px;
    padding-bottom: 5px;
    padding-left: 8px;
}

.dxmVerticalMenuItemWithImageWithPopOutImage_CDAHotReportMenu
{
    padding-top: 4px;
    padding-right: 6px;
    padding-bottom: 5px;
    padding-left: 3px;
}

.dxmMenuLargeItem_CDAHotReportMenu, .dxmMenuLargeItemWithImage_CDAHotReportMenu
{
    padding-top: 4px;
    padding-right: 12px;
    padding-bottom: 5px;
    padding-left: 11px;
}

.dxmMenuLargeItemWithPopOutImage_CDAHotReportMenu, .dxmMenuLargeItemWithImageWithPopOutImage_CDAHotReportMenu
{
    padding: 0;
    padding-top: 4px;
    padding-right: 6px;
    padding-bottom: 5px;
    padding-left: 11px;
}

.dxmVerticalMenuLargeItem_CDAHotReportMenu, .dxmVerticalMenuLargeItemWithImage_CDAHotReportMenu
{
    padding-top: 6px;
    padding-right: 12px;
    padding-bottom: 7px;
    padding-left: 11px;
}

.dxmVerticalMenuLargeItemWithPopOutImage_CDAHotReportMenu, .dxmVerticalMenuLargeItemWithImageWithPopOutImage_CDAHotReportMenu
{
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 7px;
    padding-left: 11px;
}

.dxmMenuItemDropDownButton_CDAHotReportMenu, .dxmMenuLargeItemDropDownButton_CDAHotReportMenu
{
    padding-right: 5px;
    padding-left: 5px;
}

.dxmVerticalMenuItemDropDownButton_CDAHotReportMenu, .dxmVerticalMenuLargeItemDropDownButton_CDAHotReportMenu
{
    padding-right: 5px;
    padding-left: 5px;
}

.dxmMenuItemSelected_CDAHotReportMenu, .dxmMenuItemSelectedWithImage_CDAHotReportMenu, .dxmMenuItemSelectedWithPopOutImage_CDAHotReportMenu, .dxmMenuItemSelectedWithImageWithPopOutImage_CDAHotReportMenu, .dxmVerticalMenuItemSelected_CDAHotReportMenu, .dxmVerticalMenuItemSelectedWithImage_CDAHotReportMenu, .dxmVerticalMenuItemSelectedWithPopOutImage_CDAHotReportMenu, .dxmVerticalMenuItemSelectedWithImageWithPopOutImage_CDAHotReportMenu, .dxmMenuLargeItemSelected_CDAHotReportMenu, .dxmMenuLargeItemSelectedWithImage_CDAHotReportMenu, .dxmMenuLargeItemSelectedWithPopOutImage_CDAHotReportMenu, .dxmMenuLargeItemSelectedWithImageWithPopOutImage_CDAHotReportMenu, .dxmVerticalMenuLargeItemSelected_CDAHotReportMenu, .dxmVerticalMenuLargeItemWithImageSelected_CDAHotReportMenu, .dxmVerticalMenuLargeItemSelectedWithPopOutImage_CDAHotReportMenu, .dxmVerticalMenuLargeItemSelectedWithImageWithPopOutImage_CDAHotReportMenu
{
    background-color: white;
    border: solid 1px #888888;
}

.dxmMenuItemSelected_CDAHotReportMenu, .dxmMenuItemSelectedWithImage_CDAHotReportMenu
{
    padding-top: 3px;
    padding-right: 7px;
    padding-bottom: 4px;
    padding-left: 7px;
}

.dxmMenuItemSelectedWithPopOutImage_CDAHotReportMenu, .dxmMenuItemSelectedWithImageWithPopOutImage_CDAHotReportMenu
{
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 7px;
}

.dxmVerticalMenuItemSelected_CDAHotReportMenu
{
    padding-top: 3px;
    padding-right: 18px;
    padding-bottom: 4px;
    padding-left: 7px;
}

.dxmVerticalMenuItemSelectedWithImage_CDAHotReportMenu
{
    padding-top: 3px;
    padding-right: 18px;
    padding-bottom: 4px;
    padding-left: 2px;
}

.dxmVerticalMenuItemSelectedWithPopOutImage_CDAHotReportMenu
{
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 7px;
}

.dxmVerticalMenuItemSelectedWithImageWithPopOutImage_CDAHotReportMenu
{
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 2px;
}

.dxmMenuLargeItemSelected_CDAHotReportMenu, .dxmMenuLargeItemSelectedWithImage_CDAHotReportMenu
{
    padding-top: 3px;
    padding-right: 11px;
    padding-bottom: 4px;
    padding-left: 10px;
}

.dxmMenuLargeItemSelectedWithPopOutImage_CDAHotReportMenu, .dxmMenuLargeItemSelectedWithImageWithPopOutImage_CDAHotReportMenu
{
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 10px;
}

.dxmVerticalMenuLargeSelectedItem_CDAHotReportMenu, .dxmVerticalMenuLargeSelectedItemWithImage_CDAHotReportMenu
{
    padding-top: 5px;
    padding-right: 11px;
    padding-bottom: 6px;
    padding-left: 10px;
}

.dxmVerticalMenuLargeItemSelectedWithPopOutImage_CDAHotReportMenu, .dxmVerticalMenuLargeItemSelectedWithImageWithPopOutImage_CDAHotReportMenu
{
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 6px;
    padding-left: 10px;
}

.dxmMenuItemDropDownButtonSelected_CDAHotReportMenu, .dxmMenuLargeItemDropDownButtonSelected_CDAHotReportMenu
{
    padding-right: 4px;
    padding-left: 4px;
}

.dxmVerticalMenuItemDropDownButtonSelected_CDAHotReportMenu, .dxmVerticalMenuLargeItemDropDownButtonSelected_CDAHotReportMenu
{
    padding-right: 4px;
    padding-left: 4px;
}

.dxmMenuItemChecked_CDAHotReportMenu, .dxmMenuItemCheckedWithImage_CDAHotReportMenu, .dxmMenuItemCheckedWithPopOutImage_CDAHotReportMenu, .dxmMenuItemCheckedWithImageWithPopOutImage_CDAHotReportMenu, .dxmVerticalMenuItemChecked_CDAHotReportMenu, .dxmVerticalMenuItemCheckedWithImage_CDAHotReportMenu, .dxmVerticalMenuItemCheckedWithPopOutImage_CDAHotReportMenu, .dxmVerticalMenuItemCheckedWithImageWithPopOutImage_CDAHotReportMenu, .dxmMenuLargeItemChecked_CDAHotReportMenu, .dxmMenuLargeItemCheckedWithImage_CDAHotReportMenu, .dxmMenuLargeItemCheckedWithPopOutImage_CDAHotReportMenu, .dxmMenuLargeItemCheckedWithImageWithPopOutImage_CDAHotReportMenu, .dxmVerticalMenuLargeItemChecked_CDAHotReportMenu, .dxmVerticalMenuLargeItemWithImageChecked_CDAHotReportMenu, .dxmVerticalMenuLargeItemCheckedWithPopOutImage_CDAHotReportMenu, .dxmVerticalMenuLargeItemCheckedWithImageWithPopOutImage_CDAHotReportMenu
{
    background-color: white;
    border: solid 1px #888888;
}

.dxmMenuItemChecked_CDAHotReportMenu, .dxmMenuItemCheckedWithImage_CDAHotReportMenu
{
    padding-top: 3px;
    padding-right: 7px;
    padding-bottom: 4px;
    padding-left: 7px;
}

.dxmMenuItemCheckedWithPopOutImage_CDAHotReportMenu, .dxmMenuItemCheckedWithImageWithPopOutImage_CDAHotReportMenu
{
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 7px;
}

.dxmVerticalMenuItemChecked_CDAHotReportMenu
{
    padding-top: 3px;
    padding-right: 18px;
    padding-bottom: 4px;
    padding-left: 7px;
}

.dxmVerticalMenuItemCheckedWithImage_CDAHotReportMenu
{
    padding-top: 3px;
    padding-right: 18px;
    padding-bottom: 4px;
    padding-left: 2px;
}

.dxmVerticalMenuItemCheckedWithPopOutImage_CDAHotReportMenu
{
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 7px;
}

.dxmVerticalMenuItemCheckedWithImageWithPopOutImage_CDAHotReportMenu
{
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 2px;
}

.dxmMenuLargeItemChecked_CDAHotReportMenu, .dxmMenuLargeItemCheckedWithImage_CDAHotReportMenu
{
    padding-top: 3px;
    padding-right: 11px;
    padding-bottom: 4px;
    padding-left: 10px;
}

.dxmMenuLargeItemCheckedWithPopOutImage_CDAHotReportMenu, .dxmMenuLargeItemCheckedWithImageWithPopOutImage_CDAHotReportMenu
{
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 10px;
}

.dxmVerticalMenuLargeCheckedItem_CDAHotReportMenu, .dxmVerticalMenuLargeCheckedItemWithImage_CDAHotReportMenu
{
    padding-top: 5px;
    padding-right: 11px;
    padding-bottom: 6px;
    padding-left: 10px;
}

.dxmVerticalMenuLargeItemCheckedWithPopOutImage_CDAHotReportMenu, .dxmVerticalMenuLargeItemCheckedWithImageWithPopOutImage_CDAHotReportMenu
{
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 6px;
    padding-left: 10px;
}

.dxmMenuItemDropDownButtonChecked_CDAHotReportMenu, .dxmMenuLargeItemDropDownButtonChecked_CDAHotReportMenu
{
    padding-right: 4px;
    padding-left: 4px;
}

.dxmVerticalMenuItemDropDownButtonChecked_CDAHotReportMenu, .dxmVerticalMenuLargeItemDropDownButtonChecked_CDAHotReportMenu
{
    padding-right: 4px;
    padding-left: 4px;
}

.dxmMenuItemHover_CDAHotReportMenu, .dxmMenuItemHoverWithImage_CDAHotReportMenu, .dxmMenuItemHoverWithPopOutImage_CDAHotReportMenu, .dxmMenuItemHoverWithImageWithPopOutImage_CDAHotReportMenu, .dxmVerticalMenuItemHover_CDAHotReportMenu, .dxmVerticalMenuItemHoverWithImage_CDAHotReportMenu, .dxmVerticalMenuItemHoverWithPopOutImage_CDAHotReportMenu, .dxmVerticalMenuItemHoverWithImageWithPopOutImage_CDAHotReportMenu, .dxmMenuLargeItemHover_CDAHotReportMenu, .dxmMenuLargeItemHoverWithImage_CDAHotReportMenu, .dxmMenuLargeItemHoverWithPopOutImage_CDAHotReportMenu, .dxmMenuLargeItemHoverWithImageWithPopOutImage_CDAHotReportMenu, .dxmVerticalMenuLargeItemHover_CDAHotReportMenu, .dxmVerticalMenuLargeItemHoverWithImage_CDAHotReportMenu, .dxmVerticalMenuLargeItemHoverWithPopOutImage_CDAHotReportMenu, .dxmVerticalMenuLargeItemHoverWithImageWithPopOutImage_CDAHotReportMenu
{
    color: White; /* added */ /*background-color: #646464; /* changed from #6A7E99; SW8321 29/09/09. SW changed from #CBCBCB;*/
    border: solid 1px #888888;
}

.dxmMenuItemHover_CDAHotReportMenu, .dxmMenuItemHoverWithImage_CDAHotReportMenu
{
    padding: 0; /* 	padding-top: 3px; 	padding-right: 7px; 	padding-bottom: 4px; 	padding-left: 7px;*/
}

.dxmMenuItemHoverWithPopOutImage_CDAHotReportMenu, .dxmMenuItemHoverWithImageWithPopOutImage_CDAHotReportMenu
{
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 7px;
}

.dxmVerticalMenuItemHover_CDAHotReportMenu
{
    padding-top: 3px;
    padding-right: 18px;
    padding-bottom: 4px;
    padding-left: 7px;
}

.dxmVerticalMenuItemHoverWithImage_CDAHotReportMenu
{
    padding-top: 3px;
    padding-right: 18px;
    padding-bottom: 4px;
    padding-left: 2px;
}

.dxmVerticalMenuItemHoverWithPopOutImage_CDAHotReportMenu
{
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 7px;
}

.dxmVerticalMenuItemHoverWithImageWithPopOutImage_CDAHotReportMenu
{
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 2px;
}

.dxmMenuLargeItemHover_CDAHotReportMenu, .dxmMenuLargeItemHoverWithImage_CDAHotReportMenu
{
    padding-top: 3px;
    padding-right: 11px;
    padding-bottom: 4px;
    padding-left: 10px;
}

.dxmMenuLargeItemHoverWithPopOutImage_CDAHotReportMenu, .dxmMenuLargeItemHoverWithImageWithPopOutImage_CDAHotReportMenu
{
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 10px;
}

.dxmVerticalMenuLargeItemHover_CDAHotReportMenu, .dxmVerticalMenuLargeItemHoverWithImage_CDAHotReportMenu
{
    padding-top: 5px;
    padding-right: 11px;
    padding-bottom: 6px;
    padding-left: 10px;
}

.dxmVerticalMenuLargeItemHoverWithPopOutImage_CDAHotReportMenu, .dxmVerticalMenuLargeItemHoverWithImageWithPopOutImage_CDAHotReportMenu
{
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 6px;
    padding-left: 10px;
}

.dxmMenuItemDropDownButtonHover_CDAHotReportMenu, .dxmMenuLargeItemDropDownButtonHover_CDAHotReportMenu
{
    padding-right: 4px;
    padding-left: 4px;
}

.dxmVerticalMenuItemDropDownButtonHover_CDAHotReportMenu, .dxmVerticalMenuLargeItemDropDownButtonHover_CDAHotReportMenu
{
    padding-right: 4px;
    padding-left: 4px;
}

.dxmSubMenu_CDAHotReportMenu
{
    font: 11px var(--app-font); /* Changed from 9pt Tahoma; 13/01/26 changed from Arial*/
    color: black;
    background-color: #EBEDF0; /* changed from white; */ /* removed border: solid 1px #666666; */
    padding: 1px 5px 1px 5px; /* changed from 1px 1px 1px 1px */
}

.dxmSubMenuGutter_CDAHotReportMenu
{
    background-color: #E0E0E0;
}

.dxmSubMenuSeparator_CDAHotReportMenu
{
    background-color: #A8A8A8;
}

.dxmSubMenuItem_CDAHotReportMenu, .dxmSubMenuItemWithImage_CDAHotReportMenu, .dxmSubMenuItemWithPopOutImage_CDAHotReportMenu, .dxmSubMenuItemWithImageWithPopOutImage_CDAHotReportMenu
{
    font: 11px var(--app-font); /* Changed from 9pt Tahoma; 13/01/26 changed from Arial*/
    color: black;
    white-space: nowrap;
}

.dxmSubMenuItem_CDAHotReportMenu, .dxmSubMenuItemWithImage_CDAHotReportMenu
{
    padding: 0px;
    padding-bottom: 3px;
    /*
	padding-top: 4px;
	padding-right: 19px;
	padding-bottom: 5px;
	padding-left: 3px;*/
}

.dxmSubMenuItemWithPopOutImage_CDAHotReportMenu, .dxmSubMenuItemWithImageWithPopOutImage_CDAHotReportMenu
{
    padding: 0px;
    padding-bottom: 3px;
    /*
	padding-top: 4px;
	padding-right: 19px;
	padding-bottom: 5px;
	padding-left: 3px;*/
}

.dxmSubMenuItemDropDownButton_CDAHotReportMenu
{
    padding: 0px;
    padding-bottom: 3px;
    /*
	padding-right: 5px;
	padding-left: 5px;*/
}

.dxmSubMenuItemSelected_CDAHotReportMenu, .dxmSubMenuItemSelectedWithImage_CDAHotReportMenu, .dxmSubMenuItemSelectedWithPopOutImage_CDAHotReportMenu, .dxmSubMenuItemSelectedWithImageWithPopOutImage_CDAHotReportMenu
{
    padding: 0px;
    padding-bottom: 3px;
    /*
	background-color: #D8D8D8;
	border: solid 1px #888888;*/
}

.dxmSubMenuItemSelected_CDAHotReportMenu, .dxmSubMenuItemSelectedWithImage_CDAHotReportMenu
{
    padding: 0px;
    padding-bottom: 3px;
    /*
	padding-top: 3px;
	padding-right: 18px;
	padding-bottom: 4px;
	padding-left: 2px;*/
}

.dxmSubMenuItemSelectedWithPopOutImage_CDAHotReportMenu, .dxmSubMenuItemSelectedWithImageWithPopOutImage_CDAHotReportMenu
{
    padding: 0px;
    padding-bottom: 3px;
    /*
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 2px;*/
}

.dxmSubMenuItemDropDownButtonSelected_CDAHotReportMenu
{
    padding-right: 4px;
    padding-left: 4px;
}

.dxmSubMenuItemChecked_CDAHotReportMenu, .dxmSubMenuItemCheckedWithImage_CDAHotReportMenu, .dxmSubMenuItemCheckedWithPopOutImage_CDAHotReportMenu, .dxmSubMenuItemCheckedWithImageWithPopOutImage_CDAHotReportMenu
{
}

.dxmSubMenuItemChecked_CDAHotReportMenu, .dxmSubMenuItemCheckedWithImage_CDAHotReportMenu
{
}

.dxmSubMenuItemCheckedWithPopOutImage_CDAHotReportMenu, .dxmSubMenuItemCheckedWithImageWithPopOutImage_CDAHotReportMenu
{
}

.dxmSubMenuItemDropDownButtonChecked_CDAHotReportMenu
{
}

.dxmSubMenuItemHover_CDAHotReportMenu, .dxmSubMenuItemHoverWithImage_CDAHotReportMenu, .dxmSubMenuItemHoverWithPopOutImage_CDAHotReportMenu, .dxmSubMenuItemHoverWithImageWithPopOutImage_CDAHotReportMenu
{
    background-color: #F2F2F2;
    border: none;
    padding: 0px;
    padding-bottom: 3px;
    text-decoration: none; /* added by SW to ensure no submenus hovers are underlined. SW9214 11/09/09 */
}

.dxmSubMenuItemHover_CDAHotReportMenu, .dxmSubMenuItemHoverWithImage_CDAHotReportMenu
{
    padding: 0px;
    padding-bottom: 3px;
    /*
	padding-top: 3px;
	padding-right: 18px;
	padding-bottom: 4px;
	padding-left: 2px;
	*/
}

.dxmSubMenuItemHoverWithPopOutImage_CDAHotReportMenu, .dxmSubMenuItemHoverWithImageWithPopOutImage_CDAHotReportMenu
{
    padding: 0px;
    padding-bottom: 3px;
    /*
	padding-top: 3px;
	padding-right: 18px;
	padding-bottom: 4px;
	padding-left: 2px;
	*/
}

.dxmSubMenuItemDropDownButtonHover_CDAHotReportMenu
{
    padding: 0px;
    padding-bottom: 3px;
    /*
	padding-right: 4px;
	padding-left: 4px;*/
}

.dxmSubMenuBorderCorrector_CDAHotReportMenu
{
    position: absolute;
    border: 0px;
    padding: 0px;
}
/* Disabled */
.dxmDisabled_CDAHotReportMenu
{
    color: #acacac;
    cursor: default;
}


/* -- ASPxTitleIndex -- */
.dxtiControl_CDAMenu a:hover
{
    text-decoration: none !important;
}

.dxtiControl_CDAMenu a:visited
{
    color: #996085 !important;
}

.dxtiControl_CDAMenu
{
    font: 8pt var(--app-font);
    color: #1E3695;
    background-color: white;
    font-family: var(--app-font);
    border: Solid 1px #A8A8A8;
}

.dxtiLoadingPanel_CDAMenu
{
    border: solid 1px #9F9F9F;
    background-color: white;
    font: 9pt var(--app-font);
    color: #303030;
}

    .dxtiLoadingPanel_CDAMenu td.dx
    {
        white-space: nowrap;
        text-align: center;
        padding: 12px 12px 12px 12px;
    }

.dxtiItem_CDAMenu, .dxtiItem_CDAMenu a
{
    font: 9pt var(--app-font);
    color: #0147A6;
    text-decoration: none;
}

.dxtiItem_CDAMenu
{
    white-space: nowrap;
}

.dxtiGroupHeader_CDAMenu, .dxtiGroupHeaderCategorized_CDAMenu
{
    font: 16pt var(--app-font);
    text-decoration: none;
}

.dxtiGroupHeader_CDAMenu, .dxtiGroupHeaderCategorized_CDAMenu
{
    white-space: nowrap;
    padding: 0px 0px 3px 0px;
}

.dxtiGroupHeaderCategorized_CDAMenu
{
    border-bottom: Solid 1px #C0C0C0;
    padding-bottom: 2px;
}
/* - GroupHeaderText - */
.dxtiGroupHeaderText_CDAMenu
{
    background-color: #B4B4B4;
    color: #FFFFFF;
}

.dxtiGroupHeaderText_CDAMenu
{
    padding: 2px 7px 2px 7px;
}

.dxtiGroupHeaderTextCategorized_CDAMenu
{
    color: #666666;
    font-size: 18pt;
}

.dxtiGroupHeaderTextCategorized_CDAMenu
{
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 2px;
}
/* - FilterBox - */
.dxtiFilterBoxInfoText_CDAMenu
{
    font: 7pt var(--app-font);
    color: #999999;
    font-weight: normal;
    padding-top: 0px;
    padding-bottom: 4px;
}

.dxtiFilterBoxEdit_CDAMenu
{
    font-size: 9pt;
    width: 158px;
    border: Solid 1px #9F9F9F;
    padding-left: 3px;
}

.dxtiFilterBox_CDAMenu, .dxtiFilterBox_CDAMenu table
{
    color: #898989;
    font-size: 9pt;
    font-weight: bold;
}

.dxtiFilterBox_CDAMenu
{
    background-color: #E8E8E8;
    padding: 15px;
}
/* - IndexPanel - */
.dxtiIndexPanel_CDAMenu
{
    padding-bottom: 10px;
    text-decoration: none;
}

.dxtiIndexPanelItem_CDAMenu, .dxtiIndexPanelItem_CDAMenu a, .dxtiCurrentIndexPanelItem_CDAMenu
{
    color: #1153AD;
    font-family: var(--app-font);
    text-decoration: none;
}

    .dxtiIndexPanelItem_CDAMenu a:hover
    {
        color: #5494ea;
    }

.dxtiIndexPanelItem_CDAMenu, .dxtiCurrentIndexPanelItem_CDAMenu
{
    padding: 2px 6px 2px 6px;
}

.dxtiCurrentIndexPanelItem_CDAMenu
{
    color: #000000;
    background-color: #E0E0E0;
}
/* - BackToTop - */
.dxtiBackToTop_CDAMenu, .dxtiBackToTop_CDAMenu a
{
    font-size: 7pt;
    text-decoration: none;
    color: #0d45b7;
}

    .dxtiBackToTop_CDAMenu a:hover
    {
        color: #5494ea;
    }

    .dxtiBackToTop_CDAMenu a:visited
    {
        color: #ab59a6;
    }

.dxtiBackToTop_CDAMenu
{
    padding: 0px 0px 12px 98px;
}
/* Disabled */
.dxtiDisabled_CDAMenu
{
    color: #acacac;
    cursor: default;
}
/* -- ASPxUploadControl -- */
.dxucControl_CDAMenu, .dxucEditArea_CDAMenu
{
    font-size: 10pt;
    font-family: var(--app-font);
}

.dxucErrorCell_CDAMenu
{
    font-size: 9pt;
    font-family: var(--app-font);
    color: Red;
    text-align: left;
}

.dxucButton_CDAMenu, .dxucButton_CDAMenu a
{
    font-size: 10pt;
    font-family: var(--app-font);
    color: #394ea2;
    cursor: pointer;
    white-space: nowrap;
}
/* ProgressBar */
.dxucProgressBar_CDAMenu
{
    border: Solid 1px #696969;
    background-color: #FFFFFF;
}

    .dxucProgressBar_CDAMenu, .dxucProgressBar_CDAMenu td.dx
    {
        font-family: var(--app-font);
        font-size: 9pt;
        color: Black;
    }

        .dxucProgressBar_CDAMenu .dxucPBMainCell_CDAMenu, .dxucProgressBar_CDAMenu td.dx
        {
            padding: 0;
        }

.dxucProgressBarIndicator_CDAMenu
{
    background-color: #E0DFDF;
}
/* Disabled */
.dxucDisabled_CDAMenu, .dxucDisabled_CDAMenu a
{
    color: #acacac;
    cursor: default;
    font-size: 10pt;
}
/*
-----------------------------------------------------
	StudentsResultHistoryGridView.css
----------------------------------------------------
*/
/* -- ASPXGridView -- */
.dxgvControl_StudentResultsHistoryTheme,
.dxgvDisabled_StudentResultsHistoryTheme
{
    border: Solid 1px #9F9F9F;
    font: 11px var(--app-font); /* Changed from 9pt Tahoma; 13/01/26 changed from Arial*/
    background-color: #F2F2F2;
    color: Black;
    cursor: default;
}

.dxgvDisabled_StudentResultsHistoryTheme
{
    color: Gray;
}

.dxgvControl_StudentResultsHistoryTheme a
{
    color: #5B5B5B;
}

.dxgvDisabled_StudentResultsHistoryTheme a
{
    color: Gray;
}

.dxgvLoadingPanel_StudentResultsHistoryTheme
{
    border: solid 1px #9F9F9F;
    background-color: #E3E3E1;
    font: 8pt var(--app-font); /* 9pt Tahoma; */
    color: #303030;
}

    .dxgvLoadingPanel_StudentResultsHistoryTheme td
    {
        white-space: nowrap;
        text-align: center;
        padding: 12px 12px 12px 12px;
    }

.dxgvLoadingPanelStatusBar_StudentResultsHistoryTheme
{
    background-color: Transparent;
    font: 8pt var(--app-font); /* 9pt Tahoma; */
}

    .dxgvLoadingPanelStatusBar_StudentResultsHistoryTheme td
    {
        white-space: nowrap;
        text-align: center;
        padding: 0px 2px 0px 2px;
    }

.dxgvFilterPopupWindow_StudentResultsHistoryTheme
{
    color: Black;
    font: 8pt var(--app-font); /* 9pt Tahoma; */
    border: solid 1px #9f9f9f;
}

.dxgvFilterPopupItemsArea_StudentResultsHistoryTheme
{
    color: Black;
    background-color: White;
}

.dxgvFilterPopupButtonPanel_StudentResultsHistoryTheme
{
    font: 8pt var(--app-font); /* 9pt Tahoma; */
    background-color: #ededed;
    border: 1px solid #dcdcdc;
    color: Black;
}

.dxgvFilterPopupItem_StudentResultsHistoryTheme td.dxgv,
.dxgvFilterPopupActiveItem_StudentResultsHistoryTheme td.dxgv,
.dxgvFilterPopupSelectedItem_StudentResultsHistoryTheme td.dxgv
{
    border-left: solid 1px white;
    border-right: solid 1px white;
    padding: 3px 2px 4px 3px;
    cursor: default;
    white-space: nowrap;
}

.dxgvFilterPopupActiveItem_StudentResultsHistoryTheme
{
    background: #cfcfcf;
    color: White;
}

.dxgvFilterPopupSelectedItem_StudentResultsHistoryTheme
{
    background: #8D8D8D;
    color: White;
}

.dxgvTable_StudentResultsHistoryTheme
{
    background-color: White;
    border: 0;
    border-collapse: separate!important;
    overflow: hidden;
    font: 8pt var(--app-font); /* 9pt Tahoma; */
    color: Black;
}

.dxgvInlineEditRow_StudentResultsHistoryTheme,
.dxgvDataRow_StudentResultsHistoryTheme
{
}

    .dxgvInlineEditRow_StudentResultsHistoryTheme td.dxgv
    {
        border-bottom: Solid 1px #D3D3D3;
        border-right: Solid 1px #D3D3D3;
    }

.dxgvDataRowAlt_StudentResultsHistoryTheme
{
    background-color: #EDEDEB;
}

.dxgvFilterRow_StudentResultsHistoryTheme
{
    background-color: #E7E7E7;
}

.dxgvEditForm_StudentResultsHistoryTheme
{
    background-color: #F0F0F0;
}

    .dxgvEditForm_StudentResultsHistoryTheme td.dxgv
    {
        border-bottom: Solid 1px #D3D3D3;
        padding: 8px 10px 10px 10px;
    }

.dxgvSelectedRow_StudentResultsHistoryTheme
{
    background-color: #A0A0A0;
    color: White;
}

.dxgvFocusedRow_StudentResultsHistoryTheme
{
    background-color: #EAEAEA; /* SW xchanged it form the dark gray - clashed with the gray hyperlinks. SW9671 04/02/2010 #8D8D8D; */
    color: White;
}

    .dxgvSelectedRow_StudentResultsHistoryTheme .dxgvCommandColumn_StudentResultsHistoryTheme a,
    .dxgvFocusedRow_StudentResultsHistoryTheme .dxgvCommandColumn_StudentResultsHistoryTheme a
    {
        /*color: White; Clash with selected row */
    }

        .dxgvSelectedRow_StudentResultsHistoryTheme .dxgvCommandColumn_StudentResultsHistoryTheme a:hover,
        .dxgvFocusedRow_StudentResultsHistoryTheme .dxgvCommandColumn_StudentResultsHistoryTheme a:hover
        {
            /*color: #F0F0F0; Clash with selected row */
        }

        .dxgvSelectedRow_StudentResultsHistoryTheme .dxgvCommandColumn_StudentResultsHistoryTheme a:visited,
        .dxgvFocusedRow_StudentResultsHistoryTheme .dxgvCommandColumn_StudentResultsHistoryTheme a:visited
        {
            color: red; /* #F0F0F0; */
        }

.dxgvPreviewRow_StudentResultsHistoryTheme
{
    background-color: #F5F5F5;
    color: #5B5B5B; /* #707070; */
}

    .dxgvDetailCell_StudentResultsHistoryTheme,
    .dxgvPreviewRow_StudentResultsHistoryTheme td.dxgv,
    .dxgvEmptyDataRow_StudentResultsHistoryTheme td.dxgv
    {
        padding: 20px 2px 20px 4px;
        border-bottom: Solid 1px #D3D3D3;
        border-top: 0;
        border-left: 0;
        border-right: 0;
    }

    .dxgvPreviewRow_StudentResultsHistoryTheme td.dxgv
    {
        /* changed from 
	padding: 10px 10px 10px 15px;
SW9671 12/01/2010 
*/
        padding: 1px 0px 0px 2px;
    }

.dxgvDetailCell_StudentResultsHistoryTheme
{
    padding: 16px 18px 16px 0px;
}

.dxgvDetailRow_StudentResultsHistoryTheme td.dxgvIndentCell_StudentResultsHistoryTheme
{
    padding-right: 0px;
    border-bottom: Solid 1px #D3D3D3;
}

.dxgvEmptyDataRow_StudentResultsHistoryTheme
{
    color: Gray;
}

    .dxgvEmptyDataRow_StudentResultsHistoryTheme td.dxgv
    {
        border-bottom: Solid 1px #CFCFCF;
        text-align: center;
    }

.dxgvEditFormDisplayRow_StudentResultsHistoryTheme
{
}

    .dxgvEditFormDisplayRow_StudentResultsHistoryTheme td.dxgv
    {
    }

.dxgvEditingErrorRow_StudentResultsHistoryTheme
{
    background-color: #FFC8C8;
    color: #FF0000;
}

    .dxgvEditingErrorRow_StudentResultsHistoryTheme td.dxgv
    {
        white-space: pre-wrap;
        border-bottom: Solid 1px #D3D3D3;
        border-right: 0;
        border-top: 0;
        border-left: 0;
        padding: 6px 10px 6px 10px;
    }

.dxgvFilterRow_StudentResultsHistoryTheme td.dxgv
{
    border-bottom: Solid 1px #C1C1C1;
    border-right: Solid 1px #C1C1C1;
    border-top: 0;
    border-left: 0;
    padding: 2px 2px 2px 2px;
}

.dxgvGroupRow_StudentResultsHistoryTheme
{
    background-color: #EDEDED;
}

.dxgvFocusedGroupRow_StudentResultsHistoryTheme
{
    background-color: #8D8D8D;
    color: White;
}

    .dxgvGroupRow_StudentResultsHistoryTheme td.dxgv,
    .dxgvFocusedGroupRow_StudentResultsHistoryTheme td.dxgv
    {
        border: none 0;
        vertical-align: middle;
        white-space: nowrap;
        border-bottom: Solid 1px #D3D3D3;
        padding: 3px 6px 4px 6px;
    }

.dxgvHeaderPanel_StudentResultsHistoryTheme
{
    background-color: #F9F9F9;
    color: Black;
    padding: 8px 6px 8px 6px;
    border-bottom: Solid 1px #9F9F9F;
}

.dxgvHeader_StudentResultsHistoryTheme
{
    cursor: pointer;
    white-space: nowrap;
    padding: 4px 6px 5px 6px;
    border: Solid 1px #9F9F9F;
    background-color: #DCDCDC;
    overflow: hidden;
    -moz-user-select: none;
}

    .dxgvHeader_StudentResultsHistoryTheme, .dxgvHeader_StudentResultsHistoryTheme table
    {
        color: Black;
        font: 8pt var(--app-font); /* 9pt Tahoma; */
    }

        .dxgvHeader_StudentResultsHistoryTheme td
        {
            white-space: nowrap;
        }

.dxgvCustomization_StudentResultsHistoryTheme,
.dxgvPopupEditForm_StudentResultsHistoryTheme
{
    width: 100%;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    overflow: auto;
}

.dxgvGroupPanel_StudentResultsHistoryTheme
{
    white-space: nowrap;
    font-size: 9pt;
    background-color: #EDEDED;
    color: #8D8D8D;
    border-bottom: Solid 1px #9F9F9F;
    padding: 7px 4px 8px 6px;
}

.dxgvFooter_StudentResultsHistoryTheme
{
    background-color: #D7D7D7;
    white-space: nowrap;
}

    .dxgvFooter_StudentResultsHistoryTheme td.dxgv
    {
        padding: 5px 6px 6px 6px;
        border-bottom: Solid 1px #BCBCBC;
        border-right: 0;
    }

.dxgvGroupFooter_StudentResultsHistoryTheme
{
    background-color: #E0E0E0;
}

    .dxgvGroupFooter_StudentResultsHistoryTheme td.dxgv
    {
        white-space: nowrap;
    }

    .dxgvGroupFooter_StudentResultsHistoryTheme td.dxgv
    {
        padding: 5px 4px 6px 6px;
        border-bottom: Solid 1px #CFCFCF;
        border-right: 0;
    }

    .dxgvDataRow_StudentResultsHistoryTheme td.dxgvIndentCell_StudentResultsHistoryTheme,
    .dxgvGroupRow_StudentResultsHistoryTheme td.dxgvIndentCell_StudentResultsHistoryTheme,
    .dxgvGroupFooter_StudentResultsHistoryTheme td.dxgvIndentCell_StudentResultsHistoryTheme
    {
        background-color: #EDEDED;
        border-right: Solid 1px #CFCFCF;
        border-top: 0px;
    }

.dxgvTitlePanel_StudentResultsHistoryTheme
{
    font-size: 15px;
    font-weight: normal;
    padding: 3px 3px 5px 3px;
    text-align: center;
    background-color: #ACACAC;
    color: White;
    border-bottom: Solid 1px #9F9F9F;
}

.dxgvLoadingDiv_StudentResultsHistoryTheme
{
    background-color: Gray;
    opacity: 0.01;
    filter: progid:DXImageTransform.Microsoft.Alpha(Style=0, Opacity=1);
}

.dxgvStatusBar_StudentResultsHistoryTheme
{
    border-top: Solid 1px #9F9F9F;
}

    .dxgvStatusBar_StudentResultsHistoryTheme tr.dxgv
    {
        height: 20px;
    }

.dxgvCommandColumn_StudentResultsHistoryTheme
{
    padding: 2px 2px 2px 2px;
}

    .dxgvCommandColumn_StudentResultsHistoryTheme a
    {
        margin: 0px 3px 0px 0px;
        color: #0d45b7;
    }

        .dxgvCommandColumn_StudentResultsHistoryTheme a:hover
        {
            color: #5494ea;
        }

        .dxgvCommandColumn_StudentResultsHistoryTheme a:visited
        {
            color: #5494ea;
        }

.dxgvCommandColumnItem_StudentResultsHistoryTheme
{
}

.dxgvEditFormTable_StudentResultsHistoryTheme
{
    padding: 2px 6px 6px 4px;
    font: 11px var(--app-font);
    color: Black;
}

    .dxgvEditFormTable_StudentResultsHistoryTheme a
    {
        color: #0d45b7;
    }

        .dxgvEditFormTable_StudentResultsHistoryTheme a:hover
        {
            color: #5494ea;
        }

        .dxgvEditFormTable_StudentResultsHistoryTheme a:visited
        {
            color: #5B5B5B; /* #707070; /* this was purple #ab59a6; . SW9671 04/02/2010 */
        }

.dxgvEditFormCaption_StudentResultsHistoryTheme
{
    padding: 4px 4px 4px 10px;
}

.dxgvInlineEditCell_StudentResultsHistoryTheme
{
    padding: 1px 1px 1px 1px;
}

.dxgvEditFormCell_StudentResultsHistoryTheme
{
    padding: 4px 4px 4px 4px;
    border: 0;
}

.dxgvControl_StudentResultsHistoryTheme .dxpControl_StudentResultsHistoryTheme, .dxgvDisabled_StudentResultsHistoryTheme .dxpControl_StudentResultsHistoryTheme
{
    padding-top: 4px;
}

.dxgvPagerTopPanel_StudentResultsHistoryTheme
{
}

.dxgvPagerBottomPanel_StudentResultsHistoryTheme
{
}

.dxgvDetailButton_StudentResultsHistoryTheme
{
}
/* -- Hyperlink -- */
.dxeHyperlink_StudentResultsHistoryTheme
{
    font-family: var(--app-font); /* Tahoma; */
    font-size: 8pt; /* 9pt; */
    font-weight: normal;
    color: red; /* frog #515862;  /* #0d45b7; */
}

a.dxeHyperlink_StudentResultsHistoryTheme
{
    color: #606060; /* #515862; /*   SW Added. 19/3/09 */
}

a:hover.dxeHyperlink_StudentResultsHistoryTheme
{
    color: #606060; /* #515862; /* #5494ea; */
    text-decoration: underline;
}

a:visited.dxeHyperlink_StudentResultsHistoryTheme
{
    color: #606060; /* #515862; /* #515862;  #ab59a6;    */
}

/* maintenance grids styling. SW 30/10/09 */
.current_grid_record_StudentResultsHistoryTheme /* currently selected record in the maint grids. SW9214 27/08/09 */
{
    color: white;
    font-weight: bold;
    background-color: white;
    font-style: italic;
}

a:visited.dxeHyperlink_StudentResultsHistoryTheme.current_grid_record
{
    color: black; /* #515862; /* #515862;  #ab59a6;    */
}

a.dxeHyperlink_StudentResultsHistoryTheme.current_grid_record /* currently selected record in the maint grids. SW9214 27/08/09 */
{
    color: black;
    font-weight: bold;
    font-style: normal;
}

.left_school /* Students who have left school - generally in red. SW 19/12/08 */
{
    color: Red; /* #A14444; */
}

a:visited.dxeHyperlink_StudentResultsHistoryTheme.left_school
{
    color: red;
}

a.dxeHyperlink_StudentResultsHistoryTheme.left_school
{
    color: red;
}

/* Normal anchor in attendance selection screen - black instead of system wide anchor (grayish). SW6718 10/06/08 */
.attnormal
{
    /* Normal no anchor eg a user who cannot mark a class */
    color: Black;
    text-decoration: none;
}

a.attnormal
{
    /* Normal with anchor */
    color: Black;
    text-decoration: none;
}

a:visited.attnormal
{
    color: Black;
    text-decoration: none;
}

a:hover.attnormal
{
    color: Black;
    text-decoration: underline;
}

a:visited.dxeHyperlink_StudentResultsHistoryTheme.attnormal
{
    color: Black;
}

a.dxeHyperlink_StudentResultsHistoryTheme.attnormal
{
    color: Black;
}

/* Disabled anchor in attendance selection screen. SW6718 10/06/08 */
.attdisabled
{
    color: Gray;
    text-decoration: none;
}
/* Disabled anchor in attendance selection screen. SW6718 10/06/08 */
a.attdisabled
{
    color: Gray;
    text-decoration: none;
}

a:visited.dxeHyperlink_StudentResultsHistoryTheme.attdisabled
{
    color: Gray;
    text-decoration: none;
}

a.dxeHyperlink_StudentResultsHistoryTheme.attdisabled
{
    color: Gray;
    text-decoration: none;
}
/* No students anchor in attendance selection screen. SW6718 10/06/08 */
.attnostudents_StudentResultsHistoryTheme
{
    color: Green;
    text-decoration: none;
}
/* a substitute teacher in attendance selection screen. SW6718 10/06/08 */
.attsubstitute_StudentResultsHistoryTheme
{
    /* Substitue Teacher no anchor eg a user who cannot mark a class */
    color: Red;
    text-decoration: none;
}

a.attsubstitute_StudentResultsHistoryTheme
{
    /* Substitue Teacher with anchor */
    color: Red;
    text-decoration: none;
}

a:visited.attsubstitute_StudentResultsHistoryTheme
{
    color: Red;
    text-decoration: none;
}

a:hover.attsubstitute_StudentResultsHistoryTheme
{
    color: Red;
    text-decoration: underline;
}
/* class has been substituted to another teacher anchor in attendance selection screen. SW6718 10/06/08 */
.attsubstituted_StudentResultsHistoryTheme
{
    /* Substitued no anchor eg a user who cannot mark a class */
    color: Black;
    font-style: italic;
    text-decoration: none;
}

a.attsubstituted_StudentResultsHistoryTheme
{
    /* Substitued with anchor */
    color: Black;
    font-style: italic;
    text-decoration: none;
}

a:visited.attsubstituted_StudentResultsHistoryTheme
{
    color: Black;
    font-style: italic;
    text-decoration: none;
}

a:hover.attsubstituted_StudentResultsHistoryTheme
{
    color: Black;
    font-style: italic;
    text-decoration: underline;
}
/* class is a staff scheduled class anchor in attendance selection screen. SW6718 10/06/08 */
.attstaffschedule_StudentResultsHistoryTheme
{
    /* Staff Schedule no anchor eg a user who cannot mark a class */
    color: Blue;
    font-style: italic;
    text-decoration: none;
}

a.attstaffschedule_StudentResultsHistoryTheme
{
    /* Staff Schedule with anchor eg a user who cannot mark a class */
    color: Blue;
    font-style: italic;
    text-decoration: none;
}

a:visited.attstaffschedule_StudentResultsHistoryTheme
{
    color: Blue;
    font-style: italic;
    text-decoration: none;
}

a:hover.attstaffschedule_StudentResultsHistoryTheme
{
    color: Blue;
    font-style: italic;
    text-decoration: underline;
}
/* class has been submitted anchor in attendance selection screen. SW6718 10/06/08 */
.attsubmitted
{
    /* Already submitted with no anchor eg a user who cannot mark a class */
    color: Black;
    font-weight: bold;
    text-decoration: none;
}

a.attsubmitted
{
    /* Already submitted with anchor */
    color: Black;
    font-weight: bold;
    text-decoration: none;
}

a:visited.attsubmitted
{
    color: Black;
    font-weight: bold;
    text-decoration: none;
}

a:hover.attsubmitted
{
    color: Black;
    font-weight: bold;
    text-decoration: none;
}

a:visited.dxeHyperlink_StudentResultsHistoryTheme.attsubmitted
{
    color: Black;
    font-weight: bold;
    text-decoration: none;
}

a.dxeHyperlink_StudentResultsHistoryTheme.attsubmitted
{
    color: Black;
    font-weight: bold;
    text-decoration: none;
}

.dxgvEditFormDisplayRow_StudentResultsHistoryTheme td.dxgv,
.dxgvDataRow_StudentResultsHistoryTheme td.dxgv,
.dxgvDataRowAlt_StudentResultsHistoryTheme td.dxgv,
.dxgvSelectedRow_StudentResultsHistoryTheme td.dxgv,
.dxgvFocusedRow_StudentResultsHistoryTheme td.dxgv
{
    overflow: hidden;
    border-bottom: Solid 1px #CFCFCF;
    border-right: Solid 1px #CFCFCF;
    border-top: 0;
    border-left: 0;
    padding: 0.03em; /*3px 6px 4px 6px;*/
}

.studentResultsHistoryClassHighlight
{
    overflow: hidden;
    border-bottom: #cfcfcf 1px solid;
    border-top: thin solid #6A7E99;
    border-right: #cfcfcf 1px solid;
    border-left: 0px;
    padding: 0.03em; /* 0px 6px 4px 6px;*/
}

/*
	CDA Grid view row selector class
*/
.CDAGridViewRowSelector
{
}

.CDAGridViewRowSelector tbody .dxgvDataRow
{
    cursor: pointer;
}

.CDAGridViewRowSelector tbody .dxgvDataRow:hover
{
    background-color: #f2f1f1;
}


.CDAGridViewRowSelector.noCursor
{

}
.CDAGridViewRowSelector.noCursor tbody .dxgvDataRow
{
    cursor:auto;
}



/* ----- DevExpress lite controls rendering SJ 08/01/2014 ----- */

/* -- ASPxMenu Lite -- */
.dxmLite .dxm-main
{
    border-style: none !important;
    padding: 2px;
    background-color: transparent;
}

.dxmLite .dxm-vertical
{
    width: 150px;
}

.dxmLite .dxm-popup
{
    border-style: none !important;
    padding: 1px;
}

.dxmBrdCor
{
    background-color: white;
}

.dxmLite ul.dx,
.dxmLite .dxm-main ul.dx
{
    font-family: var(--app-font) !important;;
    font-size: 11px !important;
}

.dxmLite .dxm-item
{
    cursor: default;
    text-align: left;
}

.dxmLite.dxm-rtl .dxm-item
{
    text-align: right;
}

.dxmLite .dxm-image-t .dxm-item,
.dxmLite .dxm-image-b .dxm-item
{
    text-align: center;
}

.dxmLite .dxm-content
{
    display: block;
    white-space: nowrap;
}

.dxmLite,
.dxmLite a.dx
{
}

.dxm-item a.dx
{
    color: Black;
}

.dxmLite .dxm-disabled,
.dxmLite .dxm-disabled a.dx
{
    color: #acacac;
}

.dxmLite .dxm-item a.dx
{
    text-decoration: none;
}

.dxmLite .dxm-item
{
    border-width: 1px;
}

.dxmLite.dxm-ltr .dxm-popOut,
.dxmLite.dxm-rtl .dxm-image-l .dxm-popOut
{
    border-width: 0 0 0 1px;
}

.dxmLite.dxm-ltr .dxm-image-r .dxm-popOut,
.dxmLite.dxm-rtl .dxm-popOut
{
    border-width: 0 1px 0 0;
}

.dxmLite .dxm-item,
.dxmLite .dxm-popOut
{
    border-color: transparent;
    border-style: solid;
}

/* Checked, Selected, Hovered */
.dxmLite .dxm-main .dxm-checked,
.dxmLite .dxm-selected,
.dxmLite .dxm-hovered,
.dxmLite .dxm-main .dxm-dropDownMode.dxm-checked .dxm-popOut,
.dxmLite .dxm-dropDownMode.dxm-selected .dxm-popOut,
.dxmLite .dxm-dropDownMode.dxm-hovered .dxm-popOut
{
    border-color: #888888;
    background-color: transparent;
}

.dxmLite .dxm-main .dxm-checked,
.dxmLite .dxm-main .dxm-selected
{
    background-color: transparent;
}

.dxmLite .dxm-main .dxm-hovered
{
    background-color: transparent;
}

.dxmLite .dxm-popup .dxm-selected
{
    background-color: #D8D8D8;
}

.dxmLite .dxm-popup .dxm-hovered
{
    background-color: #F2F2F2;
}

/* Content */
.dxmLite .dxm-horizontal .dxm-image-l .dxm-content,
.dxmLite .dxm-horizontal .dxm-image-r .dxm-content
{
    padding: 3px 7px 4px;
}

.dxmLite .dxm-horizontal .dxm-image-t .dxm-content,
.dxmLite .dxm-horizontal .dxm-image-b .dxm-content
{
    padding: 3px 11px 4px 10px;
}

.dxmLite .dxm-horizontal .dxm-image-t.dxm-noImages .dxm-item .dxm-content,
.dxmLite .dxm-horizontal .dxm-image-b.dxm-noImages .dxm-item .dxm-content,
.dxmLite .dxm-horizontal .dxm-image-t .dxm-noImage .dxm-content,
.dxmLite .dxm-horizontal .dxm-image-b .dxm-noImage .dxm-content
{
    padding: 4px 11px 5px 10px;
}

.dxmLite .dxm-horizontal .dxm-image-l .dxm-subMenu .dxm-content,
.dxmLite .dxm-horizontal .dxm-image-t .dxm-subMenu .dxm-content,
.dxmLite .dxm-horizontal .dxm-image-b .dxm-subMenu .dxm-content
{
    padding-right: 3px;
}

.dxmLite .dxm-horizontal .dxm-image-l .dxm-dropDownMode .dxm-content
{
    padding-right: 4px;
}

.dxmLite .dxm-horizontal .dxm-image-r .dxm-subMenu .dxm-content
{
    padding-left: 3px;
    padding-right: 5px;
}

.dxmLite .dxm-horizontal .dxm-image-r .dxm-dropDownMode .dxm-content
{
    padding-left: 4px;
    padding-right: 5px;
}

.dxmLite .dxm-horizontal .dxm-image-t .dxm-dropDownMode .dxm-content,
.dxmLite .dxm-horizontal .dxm-image-b .dxm-dropDownMode .dxm-content
{
    padding-right: 8px;
}

.dxmLite .dxm-vertical .dxm-image-l .dxm-content,
.dxmLite .dxm-vertical .dxm-image-r .dxm-content,
.dxmLite .dxm-popup .dxm-content
{
    padding: 3px 18px 4px 2px;
}

.dxmLite.dxm-rtl .dxm-vertical .dxm-image-l .dxm-content,
.dxmLite.dxm-rtl .dxm-vertical .dxm-image-r .dxm-content,
.dxmLite.dxm-rtl .dxm-popup .dxm-content
{
    padding: 3px 2px 4px 18px;
}

.dxmLite .dxm-vertical .dxm-image-r .dxm-noSubMenu .dxm-content,
.dxmLite .dxm-vertical .dxm-image-r .dxm-subMenu .dxm-content,
.dxmLite .dxm-vertical .dxm-image-r .dxm-dropDownMode .dxm-content
{
    padding-right: 5px;
    padding-left: 14px;
}

.dxmLite .dxm-vertical .dxm-image-t .dxm-content,
.dxmLite .dxm-vertical .dxm-image-b .dxm-content
{
    padding: 5px 10px 6px;
}

/* Image */
.dxmLite .dxm-horizontal .dxm-image-l .dxm-image,
.dxmLite .dxm-horizontal.dxmtb .dxm-image-l .dxm-hasText .dxm-image
{
    margin-right: 5px;
}

.dxmLite .dxm-horizontal .dxm-image-r .dxm-image,
.dxmLite .dxm-horizontal.dxmtb .dxm-image-r .dxm-hasText .dxm-image
{
    margin-left: 5px;
}

.dxmLite .dxm-horizontal .dxm-image-l .dxm-image,
.dxmLite .dxm-horizontal .dxm-image-r .dxm-image
{
    margin-bottom: -1px;
}

.dxmLite .dxm-image-t .dxm-image
{
    margin-bottom: 4px;
}

.dxmLite .dxm-image-b .dxm-image
{
    margin-top: 4px;
}

.dxmLite .dxm-vertical .dxm-image-l .dxm-image
{
    margin-right: 7px;
}

.dxmLite .dxm-vertical .dxm-image-r .dxm-image
{
    margin-left: 7px;
}

.dxmLite.dxm-ltr .dxm-popup .dxm-image
{
    margin-right: 12px;
}

.dxmLite.dxm-rtl .dxm-popup .dxm-image
{
    margin-left: 12px;
}

/* Image replacement */
.dxmLite.dxm-ltr .dxm-vertical .dxm-image-l.dxm-noImages .dxm-content,
.dxmLite.dxm-ltr .dxm-vertical .dxm-image-r.dxm-noImages .dxm-content
{
    padding-left: 7px;
}

.dxmLite.dxm-rtl .dxm-vertical .dxm-image-l.dxm-noImages .dxm-content,
.dxmLite.dxm-rtl .dxm-vertical .dxm-image-r.dxm-noImages .dxm-content
{
    padding-right: 7px;
}

.dxmLite .dxm-vertical .dxm-image-l .dxm-noImage
{
    padding-left: 23px;
}

.dxmLite .dxm-vertical .dxm-image-r .dxm-noImage
{
    padding-right: 23px;
}

.dxmLite.dxm-ltr .dxm-popup .dxm-gutter.dxm-noImages .dxm-item,
.dxmLite.dxm-ltr .dxm-popup .dxm-noImage
{
    padding-left: 28px;
}

.dxmLite.dxm-rtl .dxm-popup .dxm-gutter.dxm-noImages .dxm-item,
.dxmLite.dxm-rtl .dxm-popup .dxm-noImage
{
    padding-right: 28px;
}

/* PopOut */
.dxmLite .dxm-horizontal .dxm-image-l .dxm-popOut,
.dxmLite .dxm-horizontal .dxm-image-r .dxm-popOut,
.dxmLite .dxm-horizontal .dxm-image-t.dxm-noImages .dxm-popOut,
.dxmLite .dxm-horizontal .dxm-image-t .dxm-noImage .dxm-popOut,
.dxmLite .dxm-horizontal .dxm-image-b.dxm-noImages .dxm-popOut,
.dxmLite .dxm-horizontal .dxm-image-b .dxm-noImage .dxm-popOut
{
    padding-top: 9px;
    padding-bottom: 9px;
}

.dxmLite .dxm-horizontal .dxm-image-t .dxm-popOut,
.dxmLite .dxm-horizontal .dxm-image-b .dxm-popOut
{
    padding-top: 27px;
    padding-bottom: 27px;
}

.dxmLite .dxm-horizontal .dxm-image-l .dxm-popOut,
.dxmLite .dxm-horizontal .dxm-image-t .dxm-popOut,
.dxmLite .dxm-horizontal .dxm-image-b .dxm-popOut
{
    padding-right: 5px;
}

.dxmLite .dxm-horizontal .dxm-image-r .dxm-popOut
{
    padding-left: 7px;
}

.dxmLite .dxm-horizontal .dxm-dropDownMode .dxm-popOut
{
    padding-left: 4px;
    padding-right: 4px;
}

.dxmLite .dxm-vertical .dxm-image-l .dxm-popOut,
.dxmLite .dxm-vertical .dxm-image-r .dxm-popOut,
.dxmLite .dxm-popup .dxm-popOut
{
    padding-top: 7px;
    padding-bottom: 7px;
}

.dxmLite .dxm-vertical .dxm-image-t.dxm-noImages .dxm-popOut,
.dxmLite .dxm-vertical .dxm-image-t .dxm-noImage .dxm-popOut,
.dxmLite .dxm-vertical .dxm-image-b.dxm-noImages .dxm-popOut,
.dxmLite .dxm-vertical .dxm-image-b .dxm-noImage .dxm-popOut
{
    padding-top: 8px;
    padding-bottom: 9px;
}

.dxmLite .dxm-vertical .dxm-image-t .dxm-popOut,
.dxmLite .dxm-vertical .dxm-image-b .dxm-popOut
{
    padding-top: 26px;
    padding-bottom: 27px;
}

.dxmLite .dxm-vertical .dxm-image-l .dxm-popOut,
.dxmLite .dxm-vertical .dxm-image-r .dxm-popOut,
.dxmLite .dxm-vertical .dxm-image-t .dxm-popOut,
.dxmLite .dxm-vertical .dxm-image-b .dxm-popOut,
.dxmLite .dxm-popup .dxm-popOut
{
    padding-left: 4px;
    padding-right: 4px;
}

/* PopOut replacement */
.dxmLite.dxm-ltr .dxm-popup .dxm-noSubMenu
{
    padding-right: 13px;
}

.dxmLite.dxm-rtl .dxm-popup .dxm-noSubMenu
{
    padding-left: 13px;
}

/* Spacings, Separator */
.dxmLite .dxm-rizontal .dxm-spacing
{
    width: 2px;
    min-width: 2px;
    height: 1px;
}

.dxmLite .dxm-vertical .dxm-image-l .dxm-spacing,
.dxmLite .dxm-vertical .dxm-image-r .dxm-spacing,
.dxmLite .dxm-popup .dxm-spacing
{
    height: 1px;
}

.dxmLite .dxm-vertical .dxm-image-t .dxm-spacing,
.dxmLite .dxm-vertical .dxm-image-b .dxm-spacing
{
    height: 2px;
}

.dxmLite .dxm-horizontal .dxm-separator
{
    padding: 6px 2px;
}

.dxmLite .dxm-vertical .dxm-image-l .dxm-separator,
.dxmLite .dxm-vertical .dxm-image-r .dxm-separator,
.dxmLite .dxm-popup .dxm-separator
{
    padding: 1px 0px;
}

.dxmLite.dxm-ie7 .dxm-vertical .dxm-image-l .dxm-separator,
.dxmLite.dxm-ie7 .dxm-vertical .dxm-image-r .dxm-separator,
.dxmLite.dxm-ie7 .dxm-popup .dxm-separator
{
    padding-top: 0px;
}

.dxmLite .dxm-vertical .dxm-image-t .dxm-separator,
.dxmLite .dxm-vertical .dxm-image-b .dxm-separator
{
    padding: 2px 0px;
}

.dxmLite.dxm-ie7 .dxm-vertical .dxm-image-t .dxm-separator,
.dxmLite.dxm-ie7 .dxm-vertical .dxm-image-b .dxm-separator
{
    padding-top: 1px;
}

.dxmLite .dxm-separator b
{
    background-color: #A8A8A8;
}

.dxmLite .dxm-horizontal .dxm-separator b
{
    height: 100%;
    *height: 13px;
    width: 1px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dxmLite .dxm-vertical .dxm-separator b,
.dxmLite .dxm-popup .dxm-separator b
{
    height: 1px;
}

.dxmLite .dxm-horizontal .dxm-image-t .dxm-separator b,
.dxmLite .dxm-horizontal .dxm-image-b .dxm-separator b
{
    *height: 48px;
}

.dxmLite .dxm-popup .dxm-gutter .dxm-separator
{
    padding-left: 29px;
}
/* Scroll elements */
.dxmLite .dxm-scrollUpBtn,
.dxmLite .dxm-scrollDownBtn
{
    border: 1px solid #888888;
    background-color: #E0E0E0;
    cursor: pointer;
    font-size: 0px;
    padding: 1px;
    text-align: center;
}

.dxmLite .dxm-scrollUpBtn
{
    margin-bottom: 1px;
}

.dxmLite .dxm-scrollDownBtn
{
    margin-top: 1px;
}

.dxmLite .dxm-scrollBtnHovered
{
    background-color: #F2F2F2;
}

.dxmLite .dxm-scrollBtnPressed
{
    background-color: #D8D8D8;
}

.dxmLite .dxm-scrollBtnDisabled
{
    cursor: default;
}

.dxmLite .dxm-scrollArea
{
    overflow: hidden;
    position: relative;
}

.horizontal-nav-menu ul.dx,
.horizontal-nav-menu .dxm-main ul.dx
{
    display: flex;
    align-items: center;
}

/* Loading panel */
.dxnbLoadingPanel
{
    font-family: var(--app-font);
    font-size: 11px;
    color: #303030;
}

    .dxnbLoadingPanel td.dx
    {
        white-space: nowrap;
        text-align: center;
        padding: 12px;
    }

/* -- ASPxTabControl lite -- */

.dxtcLite > .dxtc-content
{
    font-family: var(--app-font);
    font-size: 11px;
    color: black;
    background-color: #FFFFFF;
    float: left;
    clear: left;
    border: 1px solid #A8A8A8;
    overflow: visible;
    padding: 11px;
}

.dxtcLite > .dxtc-stripContainer .dxtc-text,
.dxtcLite > .dxtc-stripContainer .dxtc-leftIndent,
.dxtcLite > .dxtc-stripContainer .dxtc-rightIndent
{
    color: #333333;
    font-family: var(--app-font);
    font-size: 11px;
    text-decoration: none;
    white-space: nowrap;
}

.dxnb-content .dxtc-stripContainer 
{
    height:24px!important;
}

/*
			CDANavBar
	-= lite CdaAspxNavBar =-
*/

.CDANavBar
{
    padding: 0px 0px 0px 0px;
    border: Solid 1px #7EACB1;
    display: block;
    float: none;
    width: 100%;
}

    .CDANavBar.dxnbLite .dxnb-header,
    .CDANavBar.dxnbLite .dxnb-headerCollapsed,
    .CDANavBar.dxnbLite .dxnb-gr .dxnb-header,
    .CDANavBar.dxnbLite .dxnb-gr .dxnb-headerCollapsed
    {
        font: 11px var(--app-font);
        color: #333333;
        background-image: url(../App_Themes/Glass/Web/nbHeaderHBack.gif);
        background-repeat: repeat-x;
        background-position: bottom;
        border: none;
        height: 16px;
        line-height: 16px;
        background-color: #beeaea;
        padding: 6px;
        position: relative;
    }

    .CDANavBar.dxnbLite .dxnb-content,
    .CDANavBar.dxnbLite .dxnb-gr .dxnb-content
    {
        font: 11px var(--app-font);
        color: #828282;
        padding: 4px 2px 2px 2px;
        background-color: #F7F7F7;
        border-style: none;
    }

    .CDANavBar.dxnbLite .dxnb-btn
    {
        display: inline-block;
        float: right;
        width: 16px;
        height: 16px;
        clear: none;
    }

    .CDANavBar.dxnbLite .dxnb-header img,
    .CDANavBar.dxnbLite .dxnb-headerCollapsed img
    {
        float: right;
    }
  
    .CDANavBar.dxnbLite .dxnb-headerCollapsed img.dxnb-btn,
    .CDANavBar.dxnbLite .dxnb-header img.dxnb-btn
    {
        display:none;
        width:0px;
    }
   
 
/*
	CDAAspxControls
*/
.CDAAspxTextBox,
.CDAAspxSpinEdit,
.CdaComboboxm,
.CDAAspxMemo,
.CDADateTimeEdit,
.cdaDropDownEdit
{
    font-family: var(--app-font) !important;;
    font-size: 11px !important;
}

    .CDAAspxTextBox input[type=text]
    {
        font-family: var(--app-font) !important;;
        font-size: 11px !important;
    }



.dxeErrorFrame
{
    float: left;
    display: inline-block;
    position: relative; /*Fixes strange positioning issue in chrome.*/
}

/*Fixes Firefox adding gap after zooming.*/
@-moz-document url-prefix()
{
    .dxtc-rightIndent

{
    width: auto !important;
}

.dxtcLite.dxtc-top > .dxtc-content
{
    border-top-style: solid !important;
    position: relative;
    top: -1px;
    z-index: 1;
}

.dxtcLite > .dxtc-stripContainer, .dxtcLite > .dxtc-stripContainer .dxtc-strip
{
    z-index: 1000;
    position: relative;
    width: auto !important;
}

}

.dxrpControlGB > tbody > tr.dxrpCR > .dxrpcontent > div:first-child
{
    top: -13px;
    left: 7px;
    margin-bottom: -8px;
}

/*.dxrpControl .dxrpHI, .dxrpControl td.dxrpHeader, .dxrpControl td.dxrpHeader span.dxrpHT
{
    margin-left: 3px;
    margin-top: 3px;
}*/

.dxrpControl td.dxrpHeader
{
    padding: 3px 8px 5px 3px;
}

.dxrpControl.dxrp-noCollapsing > tbody > tr.dxrpCR > .dxrpcontent:first-child, .dxrpControl > tbody > tr.dxrpCR > .dxrpcontent > .dxrpAW > .dxrpCW, .dxrpControl > tbody > tr.dxrpCR > .dxrpcontent > .dxrpCW
{
    padding: 9px 10px 10px 7px;
}

.dxrpControl td.dxrpHeader
{
    border-bottom: none;
}

.dxtcLite
{
    /* Tab pages. SW 10/12/14 */
    font-family: var(--app-font);
    font-size: 11px;
}

.dxp-pageSizeItem 
{
    /* Paging Footer on Grids. SW 22/12/14 */
    font-family: var(--app-font);
    font-size: 11px;
    line-height: normal;
    display: inline;
    margin-bottom: 0px;
}

.dxgvControl .dxpLite, .dxgvDisabled .dxpLite 
{
    font-family: var(--app-font);
}

/*
Override all DevExpress classes that set their own font-family to use the application font instead.
 */
span.dxp-comboBox input,
.dxp-pageSizeItem label,
.dxucInlineDropZoneSys,
.dxtiFilterBoxEditSys,
input[type="text"].dxfm-cInput,
input[type="text"].dxfm-rInput,
.dxfm-rInput,
.dxgvPRB .dxgvPRBL,
.dxccControl,
.dxdvControl,
.dxhlControl,
.dxlpLoadingPanel,
.dxlpLoadingPanelWithContent,
.dxmLite,
.dxnbLite,
.dxncControl,
.dxpLite,
.dxpcLite,
.dxdpLite,
.dxpnlControl,
.dxrpControl,
.dxrpControlGB,
.dxsmControl,
.dxtcLite,
.dxtiControl,
.dxucControl,
.dxucEditArea,
input[type="text"].dxucEditArea,
.dxsplControl,
.dxtvControl,
.dxfmControl,
.dxfmControl .dxfm-rInput,
.dxisControl,
.dxigControl,
.dxizControl .dxiz-hint > span,
.dxflFormLayout,
.dxrControl,
.dxhControl,
.dxfabControl,
*[class*="dxeBase"] label,
.dxeEditAreaSys,
.dxeMemoEditAreaSys,
input[type="text"].dxeEditAreaSys,
input[type="password"].dxeEditAreaSys,
.dxcpParametersCellSys label,
.dxcpParametersCellSys input,
.dxeButtonsPanelDivSys input,
.dxeBinImgProgressPnlSys,
.dxeTrackBar,
.dxeTBValueToolTip,
.dxeHelpText,
.dxeBase,
.dxeErrorCell,
.dxvsValidationSummary,
.dxeCalendarButton,
.dxeButtonEdit,
.dxeTextBox,
.dxeRadioButtonList,
.dxeCheckBoxList,
.dxeMemo,
.dxeHyperlink,
.dxeListBox,
.dxeCalendar,
.dxbButton,
.dxfcControl,
.dxeMaskHint,
.dxeProgressBar,
.dxpcDropDown,
.dxeDropDownWindow,
.dxcaControl,
.dxcaLoadingPanel,
.dxeCaptionCell,
.dxlpLoadingPanel,
.dxlpLoadingPanelWithContent,
.dxeOutOfRWarn,
.dxmodalSys.dxdd-root .dxpcDropDown .dxpc-mainDiv.dxdd-cal .dxeCalendar,
.dxeTextBoxSys .dxeFNTextSys,
.dxeButtonEditSys .dxeFNTextSys,
.dxeMemoSys .dxeFNTextSys,
.dxgvControl,
.dxgvDisabled,
.dxgvLoadingPanel,
.dxeBinImgSys
{
    font-family: var(--app-font);
}