@font-face { font-family: 'OpenSans-Regular'; src: url('../../App_Resources/Shared/CSS/Fonts/OpenSans/OpenSans-Regular.ttf') format('truetype'); src: url('../../App_resources/Metronic/450/Fonts/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff'); }
@font-face { font-family: 'OpenSans-Bold'; src: url('../../App_Resources/Shared/CSS/Fonts/OpenSans/OpenSans-Bold.ttf') format('truetype'); }
@font-face { font-family: 'OpenSans-BoldItalic'; src: url('../../App_Resources/Shared/CSS/Fonts/OpenSans/OpenSans-BoldItalic.ttf') format('truetype'); }
@font-face { font-family: 'OpenSans-SemiBold'; src: url('../../App_Resources/Shared/CSS/Fonts/OpenSans/OpenSans-SemiBold.ttf') format('truetype'); }
@font-face { font-family: 'fontello'; src: url('../../App_Resources/Shared/CSS/Fonts/Fontello/mhub-font'); src: url('../../App_Resources/Shared/CSS/Fonts/Fontello/mhub-font.eot') format('embedded-opentype'), url('../../App_Resources/Shared/CSS/Fonts/Fontello/mhub-font.woff') format('woff'), url('../../App_Resources/Shared/CSS/Fonts/Fontello/mhub-font.ttf') format('truetype'), url('../../App_Resources/Shared/CSS/Fonts/Fontello/mhub-font.svg') format('svg'); font-weight: normal; font-style: normal; }


/*------------------------------------
    #CUSTOM OVERRIDES CSS 
--------------------------------------*/
/*#region Telerik Theme Extensions, Overrides and Add-Ons */
/* uploader Custom Styles */
.RadUpload .ruFileWrap { color: #f7f7f7; font-family: OpenSans-Regular, Tahoma !important; }
/* DatePicker Custom Styles */
.rcWeekend { background-color: #f4f4f4; }
/* Calendar Style for Weekend Days */
.TelerikModalOverlay { opacity: 0.85 !important; border: 1px solid #2f2f2f; background-color: #090909 !important; z-index: 999 !important; }
.RadForm.rfdRadio.rfdLabel label, .RadForm.rfdCheckbox.rfdLabel label { color: #ffffffe6; padding-left: 4px !important; }
.RadForm_Default.rfdLabel label,
.RadForm_Default.rfdLabel .rfdAspLabel { height: 22px !important; line-height: 22px !important; }
.checkBox_WhiteLabel label { color: #ffffff !important; }
label { max-width: none !important; }

@layer important {
    .RadForm.rfdCheckbox.rfdLabel label { padding-left: 4px !important; padding-right: 4px !important; }
}

.custom_header_message { background-color: #1e1e1e; color: #ffffff; border-left: 4px solid #44acff; padding: 12px 16px; font-size: 14px; border-radius: 6px; line-height: 1.5; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3); transition: all 0.3s ease-in-out; margin-bottom: 20px; }
    .custom_header_message:hover { background-color: #252525; border-left-color: #96bedd; }
    .custom_header_message strong { color: #44acff; font-weight: bold; }



/*------------------------------------
    #MAIN SITE CSS 
--------------------------------------*/
:root { /*MAJESTIC COLORS*/ --siteMainTextColor: #ffffffb3; --siteTopHeaderFooterColor: #222222; --siteErrorBackgroundColor: #222222; --siteErrorFontColor: #f2f2f2; --majDefaultBackground: #000000; --majAltBackground: #141414; --majWhite: #fff; --majYellow: #eaab33; --majRed: #cf152d; --majGreen: #198754; --majDefaultAction: #017aff; --majDefaultText: #ffffffb3; --majDefaultSelectedItem: #017aff; /*CUSTOM SECTIONS*/ --sectionHeadBg: #4d4d4d; --sectionHeadTxt: #fff; /*TELERIK COLORS*/ --radDarkBlue: #014b87; --radDefaultTxt: #ffffff; --radDestruct: #9b333d; /*TABLES*/ --majTblWhite: #fdfdfd; --majTblBlack: #000000; }
.majestic_yellowColor { color: var(--majYellow); }
.majestic_redColor { color: var(--majRed); }
.majestic_greenColor { color: var(--majGreen); }
.majestic_emptyColor { color: var(--majWhite); }

/* Ensure html and body take up the full height of the viewport */
html, body { font-family: OpenSans-Regular, Tahoma; background-color: var(--majDefaultBackground); color: var(--majWhite); font-size: 13px; height: 100%; margin: 0; padding: 0; display: flex; flex-direction: column; overflow-x: hidden; /* Prevent horizontal scrolling */ }
input { vertical-align: middle; }

/* Main container (form) must also be flexbox for the layout to work */
form { display: flex; flex-direction: column; flex-grow: 1; /*min-height: 100vh;*/ /* Ensure full height is always occupied */ }
.site-content { flex-grow: 1; /* Take up remaining space between header and footer */ padding: 10px; overflow-y: auto; overflow-x: hidden; /* Prevent horizontal scrolling */ box-sizing: border-box; width: 100%; margin-top: 110px; /* Compensate for the fixed header's height */ z-index: 1; /* Content behind the dropdown */ }
.site-content-public { flex-grow: 1; /* Take up remaining space between header and footer */ overflow-y: auto; overflow-x: hidden; /* Prevent horizontal scrolling */ box-sizing: border-box; width: 100%; /* Compensate for the fixed header's height */ z-index: 1; /* Content behind the dropdown */ }

.majFormBody { background-color: var(--majAltBackground); padding: 10px 10px 0px 10px; }

/* Footer styling */
.site-footer { background-color: var(--siteTopHeaderFooterColor); color: #9b9b9b; display: flex; justify-content: space-between; align-items: center; padding: 0 10px; height: 40px; width: 100%; margin-top: auto; /* Ensure footer stays at the bottom */ }
    .site-footer .footerLogo { }
.footer_logo_icon { height: 20px; }
.site-footer .footer_logo_text { font-family: OpenSans-Bold; color: #ffffff; font-size: 16px; letter-spacing: 1px; }
.footer_logo_text_p1 { }
.footer_logo_text_p2 { font-family: OpenSans-Regular; padding-left: 2px; }
.footer-links .pipe-separator { display: inline-block; height: 20px; width: 1px; background-color: #9b9b9b; margin: 0 10px; vertical-align: middle; }
.site-footer .footer-links { text-decoration: none !important; font-family: OpenSans-Regular, Tahoma; font-size: 13px; color: #9b9b9b; }
    .site-footer .footer-links a.link { color: #9b9b9b; text-decoration: none !important; }
        .site-footer .footer-links a.link:hover { color: #9b9b9b; }
.site-footer .footer-copyright { font-family: OpenSans-Regular, Tahoma; font-size: 13px; color: #898989; text-align: right; }
    .site-footer .footer-copyright:hover { color: #9b9b9b; }

.dropdown-toggle { color: #ffffffe6; font-size: 13px; font-weight: 100; }
.topMenu_dropdown_toggle { color: #ffffffa8 !important; font-size: 13px !important; font-weight: 100; }
.custom_top_toggle { color: #ffffffe6 !important; font-size: 13px !important; font-weight: 100; }
/* Custom grid system style */
[class*="col-"] { padding-left: 0 !important; padding-right: 10px !important; }
    /* Remove left and right padding for all columns except the last child */
    [class*="col-"]:last-child { padding-left: 0 !important; padding-right: 0 !important; }

.market-trends-change-positive { color: #00ff00; }
.market-trends-change-negative { color: #DC3545; }
.market-trends-change-neutral { color: #ffffff8c; }

.market-trends-change-positive-text { color: #00ff00; }
.market-trends-change-negative-text { color: #DC3545; }
.market-trends-change-neutral-text { color: #ffffff8c; }


.purchHistory-pounds-color { color: #2d5caa; background-color: #2d5caa; border-color: #2d5caa; }
.purchHistory-dollars-color { color: #20a7db; background-color: #20a7db; border-color: #20a7db; }



/*------------------------------------
    #SITE CONTENT CSS 
--------------------------------------*/

.RadAjax_MajDefaultTheme .raDiv { background-image: url('loadingIcon.gif') !important; }
.RadAjax_MajDefaultTheme .raColor { background-color: var(--majDefaultBackground); opacity: 0.5 !important; }
.RadAjax_MajDefaultTheme .raTransp { background-color: var(--majDefaultBackground); opacity: 0.5 !important; }

.divExpandablePanels { margin-bottom: 12px; }
.divExpandablePanels_wTop { margin-bottom: 12px; margin-top: 12px; }

/* Maj grid control header */
.majGridHeaderContainer { font-family: OpenSans-Regular, Tahoma !important; height: 39px; background-color: transparent; border-bottom: 1px solid #ffffff54; color: #ffffffbf; padding: 10px 6px 10px 6px; margin-bottom: 6px; display: flex; justify-content: space-between; align-items: center; }
.majGridHeaderContentLeft,
.majGridHeaderContentRight { display: flex; align-items: center; gap: 10px; }
    .majGridHeaderContentLeft .majGridHeaderTitle { font-size: 18px; font-family: OpenSans-SemiBold, OpenSans-Regular, Tahoma; }

/* Maj grid slim control header */
.majGridSlimHeaderContainer { font-family: OpenSans-Regular, Tahoma !important; height: 39px; background-color: transparent; border-bottom: 1px solid #ffffff54; color: #ffffffbf; padding: 10px 6px 10px 6px; margin-bottom: 6px; display: flex; justify-content: space-between; align-items: center; }
.majGridSlimHeaderContentLeft,
.majGridSlimHeaderContentRight { display: flex; align-items: center; gap: 10px; }
    .majGridSlimHeaderContentLeft .majGridSlimHeaderTitle { font-size: 16px; font-family: OpenSans-SemiBold, OpenSans-Regular, Tahoma; }


/*maj page header*/
.majPageHeaderContainer { height: 35px; color: #ffffffbf; margin: 0px 0px 8px 0px; border-bottom: 1px solid #ffffff54; padding: 0px 4px 0px 4px; }
.majPageHeaderTitle { float: left; font-family: OpenSans-SemiBold, OpenSans-Regular, Tahoma; font-size: 18px; }
.majPageHeaderContentLeft { float: left; }
.majPageHeaderContentRight { float: right; }
/*END maj page header*/

/*maj sub header*/
.majSubHeaderContainer { font-family: OpenSans-Regular, Tahoma !important; height: 35px; color: #ffffffbf; margin: 25px 0px 8px 0px; border-bottom: 1px solid #ffffff54; padding: 0px 8px 0px 8px; }
.majSubHeaderContainerSlim { font-family: OpenSans-Regular, Tahoma !important; height: 27px; color: #ffffffbf; margin: 0px 0px 8px 0px; border-bottom: 1px solid #ffffff54; padding: 0px 3px 0px 8px; }
.majSubHeaderTitle { float: left; font-family: OpenSans-Regular, Tahoma; font-size: 16px; }
.majSubHeaderContentLeft { float: left; }
.majSubHeaderContentRight { float: right; font-size: 14px; height: 30px; line-height: 18px; }
.majSubHeaderContentRight_Text { float: left; display: block; padding: 4px 6px 0px 4px; }
/*END maj sub header*/

/*maj static display table*/
.divStaticMajFormTable { font-family: OpenSans-Regular, Tahoma !important; display: table; }
.divStaticMajFormTableRow { display: table-row; }
.divStaticMajFormTableCellLabel { display: table-cell; padding: 3px 10px; font-size: 14px; color: #ffffffbf; }
.divStaticMajFormTableCell { display: table-cell; padding: 3px 10px 3px 3px; color: #ffffffe6; }
.divStaticMajFormTableOptionalTopSpacer { margin-top: 8px; }
/*END maj static display table*/


.majestic_grid_action_h_menu_icon { font-size: 19px !important; padding-top: 6px; color: var(--majDefaultAction); }
    .majestic_grid_action_h_menu_icon:before { font-family: "Font Awesome 6 Pro" !important; content: "\f0c9" !important; color: var(--majDefaultAction); font-weight: 300; font-style: normal; }
    .majestic_grid_action_h_menu_icon:hover { color: #ffffff; }

.majestic_grid_action_icon { font-size: 14px; color: var(--majDefaultAction); }
    .majestic_grid_action_icon:hover { color: #ffffff; }

.lnkAction_Enabled { color: var(--majDefaultAction) !important; text-decoration: none !important; font-family: OpenSans-Bold, OpenSans-Regular, Tahoma !important; }
    .lnkAction_Enabled:hover { opacity: 0.8 !important; }
.lnkAction_Disabled { color: var(--majDefaultText) !important; text-decoration: none !important; font-family: OpenSans-Regular, Tahoma !important; }
    .lnkAction_Disabled:hover { cursor: inherit; }

.maj_info_icon { color: var(--majDefaultAction); font-size: 16px; vertical-align: middle; }



/*------------------------------------
    #SITE top header
--------------------------------------*/
.site-header-bar { background-color: #111111; position: fixed; top: 0; z-index: 100; width: 100%; padding: 0px 0px 0px 0px; overflow: visible; }
.site-header_logo { background-image: url('../../App_Resources/Shared/Img/majestic_blade_only.png'); background-size: contain; background-repeat: no-repeat; background-position: center; width: 64px; height: 32px; display: block; margin-right: 0px !important; }
.site-header_logo-text { color: #ffffff; font-family: OpenSans-Bold; font-size: 24px; padding-left: 6px; }
.site-header-top { height: 45px; padding: 10px 10px 0px 10px; }
.site-header-bottom { background-color: #222222; color: #fff; padding: 4px 0px; }
.site-header-welcome { color: #FFFFFF8C; font-size: 13px; padding-right: 6px; }
.site-header-welcome-profileName { color: #ffffff; }
.site-header-left { float: left; display: flex; align-items: center; color: #ffffffe6; padding-top: 3px; }
.site-header-right { float: right; display: flex; gap: 15px; align-items: center; }
.site-header-profilePic { border-radius: 25px !important; width: 18px; height: 18px; margin: 0px 6px 0px 0px; }
.site-header-profilePic-empty { color: #ffffffe6; margin: 0px 6px 0px 4px; }
    .site-header-profilePic-empty:before { color: #ffffffe6; font-family: "Font Awesome 6 Pro" !important; content: '\f007' !important; font-size: 15px; font-weight: bold; }
.site-header-accountName { margin-right: 4px; }
.site-header-bell-icon { color: #ffffffe6 !important; font-size: 18px !important; padding-left: 6px; }
.site-header-icon-angle-down-notify { color: #017aff; font-size: 17px; padding-left: 6px; }
.site-header-pipe-divider { border-left: 1px solid #4a4a4a; height: 24px; margin: 0 10px; display: inline-block; }
/*nav bar */
.navbar-nav { margin-left: auto; }
    .navbar-nav .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1050; display: none; background-color: #333333; color: #ffffff; max-height: 300px; overflow-y: auto; }
    .navbar-nav .dropdown:hover .dropdown-menu,
    .navbar-nav .dropdown.show .dropdown-menu { display: block; }
    .navbar-nav .dropdown-menu .dropdown-item { color: #b3b3b3; padding: 6px 4px 6px 8px; display: flex; align-items: center; font-family: 'OpenSans-SemiBold'; font-size: 13px; }
        .navbar-nav .dropdown-menu .dropdown-item:hover { background-color: #444444; color: #b3b3b3; }
    .navbar-nav .dropdown-menu-end { right: 0; left: auto; }
    .navbar-nav .nav-link { color: #b3b3b3; padding: 10px 15px; }
        .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: #b3b3b3; }
        .navbar-nav .nav-link:hover { color: #ffffff; text-decoration: underline; text-decoration-color: red; text-decoration-thickness: 2px; text-underline-offset: 8px; }
    .navbar-nav .nav-item:not(:last-child) { padding-right: 8px; }
    .navbar-nav .nav-item.active .nav-link { color: #ffffff; text-decoration: underline; text-decoration-color: red; text-decoration-thickness: 2px; text-underline-offset: 8px; }


/*------------------------------------
    #ARTIFACTS OLD SITE FORM STYLE CSS 
--------------------------------------*/
.divMajFormTable { font-family: OpenSans-Regular, Tahoma !important; display: table; color: #fdfdfd; }
.divMajFormTableRow { display: table-row; }
.divMajFormTableCellHeader { display: table-cell; padding: 3px 10px; font-size: 14px; color: #ffffffbf; }
.divMajFormTableCellContent { display: table-cell; padding: 3px 3px 3px 3px; color: #ffffffe6; text-align: center; vertical-align: middle; }
.divMajFormTableCellLabel { display: table-cell; padding: 3px 10px 3px 3px; color: #ffffffe6; }


.divMajFormTableAlt1 { font-family: OpenSans-Regular, Tahoma !important; display: table; }
.divMajFormTableAlt1TopSpacer { margin-top: 8px; }
.divMajFormTableAlt1Row { display: table-row; }
.divMajFormTableAlt1CellLabel { display: table-cell; padding: 3px 10px; font-size: 14px; color: #ffffffbf; }
.divMajFormTableAlt1Cell { display: table-cell; padding: 3px 10px 3px 3px; color: #ffffffe6; }




/*------------------------------------
    #MAJ DROPDOWN MENU STYLES  CSS 
--------------------------------------*/
.maj-dropdown-default-menu { background-color: #333333; color: #b3b3b3; border: none; padding: 0; width: 200px; }
    .maj-dropdown-default-menu li { list-style: none; margin: 0; padding: 5px; }
    .maj-dropdown-default-menu .dropdown-item { color: #b3b3b3; padding: 10px 15px; display: block; /* Make each item a block element */ text-align: left; background-color: transparent; border: none; text-decoration: none; }
        .maj-dropdown-default-menu .dropdown-item:hover { background-color: #444444; color: #ffffff; }
    .maj-dropdown-default-menu .maj-dropdown-default-menu-custom-icon { color: #ffffffe6; font-size: 14px; }
    .maj-dropdown-default-menu i { margin-right: 8px; color: #b3b3b3; }
    /* Styling the rendered <a> tags for LinkButtons */
    .maj-dropdown-default-menu a { color: #ffffff; text-decoration: none; display: block; padding: 4px 4px 4px 4px; background-color: transparent; }
        .maj-dropdown-default-menu a:hover { background-color: #444444; color: #ffffff; text-decoration: none; }

.maj-dropdown-default-menu_custom_dropdown-toggle1 { background-color: #0056b3; border-color: #0056b3; }
    .maj-dropdown-default-menu_custom_dropdown-toggle1:hover { background-color: #0056b3; border-color: #0056b3; }
.btn-success-check:checked + .btn-success, .btn-success.active, .btn.show, .btn-success:first-child:active, :not(.btn-success-check) + .btn-success:active { background-color: #0056b3 !important; border-color: #0056b3 !important; }

/*------------------------------------
    #DASHBOARD LIST CSS 
--------------------------------------*/
.dash_card_wrapper { height: 100vh; display: flex; flex-direction: column; }
.dash_card_row_1,
.dash_card_row_2,
.dash_card_row_3 { height: 50vh; display: flex; flex-wrap: nowrap; }
.dash_card_container { }
.dash_card_list_content { width: 100%; overflow-y: auto; }
.dash_card_list_no_data_message { font-size: 1rem; color: #ffffff8c; text-align: center; padding-top: 20px; }
.dash_card_list { background-color: #121212; border: 1px solid #333; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); width: 100%; border-radius: 6px; }
    .dash_card_list .dash_card_header { font-family: OpenSans-SemiBold, OpenSans-Regular, Tahoma; display: flex; justify-content: space-between; font-size: 1rem; color: #ffffffe6; border-bottom: 1px solid #333; padding: 10px; }
        .dash_card_list .dash_card_header a { color: #00A0FF; text-decoration: none; font-weight: bold; }
    .dash_card_list .dash_item_row { display: flex; align-items: center; padding: 8px 10px; justify-content: flex-start; transition: background-color 0.2s; border-bottom: 1px solid #2b2b2b; margin: 0px 7px; }
        .dash_card_list .dash_item_row:hover { background-color: #2a2a2a; cursor: pointer; }
        .dash_card_list .dash_item_row:not(:last-child) { margin-bottom: 8px; }
    .dash_card_list .dash_item_icon { color: #ffffff8c; display: flex; align-items: center; justify-content: center; font-size: 26px; margin-right: 14px; }
    .dash_card_list .dash_item_details { flex-grow: 1; }
        .dash_card_list .dash_item_details .dash_item_title { font-weight: bold; font-size: 1rem; color: #ffffff; }
        .dash_card_list .dash_item_details .dash_label1,
        .dash_card_list .dash_item_details .dash_label2 { font-size: 0.9rem; color: #ffffff8c; margin-top: 2px; display: inline-block; }
        .dash_card_list .dash_item_details .dash_label2 { margin-left: 5px; }
    .dash_card_list .dash_arrow_icon { color: #00A0FF; font-size: 1rem; margin-left: 10px; }

/*------------------------------------
    #FILTER SECTION  CSS 
--------------------------------------*/

.filterSection-controls { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; flex-grow: 1; /* Ensures it takes available space */ }
.filterSection-main { display: flex; gap: 20px; /* Space between controls and range controls */ align-items: flex-start; /* Aligns top of both sections */ }
.filterSection-container { padding: 0px 10px 10px 10px; background-color: inherit; border-radius: 5px; display: flex; flex-direction: column; gap: 15px; }
.filterSection-actions { display: flex; gap: 10px; justify-content: flex-end; /* Aligns buttons to the right */ }
.filterSection-range-controls { display: flex; flex-direction: column; gap: 10px; }
.filterSection-range-group { display: flex; align-items: center; gap: 10px; }
.filterSection-range-label { width: 50px; /* Adjust width as needed */ text-align: right; color: white; }
.filterSection-range-input { width: 100px; /* Set a fixed width for all range inputs to ensure alignment */ }


.appliedFilters { width: 100%; padding: 10px; background-color: #181818; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; display: flex; flex-wrap: wrap; gap: 5px; }
.appliedFilters-item { display: inline-flex; align-items: center; font-size: 13px; border-radius: 10px; border: 1px solid var(--majDefaultAction); background-color: #222222; color: #ffffff; padding: 2px 6px 2px 10px; text-align: left; }
    .appliedFilters-item:hover { background-color: #2f2f2f; }
.appliedFilters-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; }
.appliedFilters-button { display: flex; align-items: center; margin-left: 5px; text-align: right; padding-top: 2px; }
.appliedFilters-icon { font-size: 14px; color: var(--majDefaultAction); }
.appliedFilters-icon--remove:hover { color: #ffffff; }
.appliedFilters-no-filters { flex-basis: 100%; text-align: center; color: #ffffff8c; padding: 5px; background-color: #222222; border-radius: 4px; border: 1px solid var(--majDefaultAction); }



/*------------------------------------
    #METRIC CARDS  CSS 
--------------------------------------*/
.metric-card { background-color: #121212; color: #fff; border: 1px solid #333; border-radius: 8px; padding: 10px; text-align: center; }
    .metric-card .metric-top-header { position: relative; font-family: OpenSans-SemiBold, OpenSans-Regular, Tahoma; font-size: 1.2rem; color: #ffffffbf; text-align: center; }
        .metric-card .metric-top-header .title { display: inline-block; text-align: center; }
        .metric-card .metric-top-header .metric-header-icon { position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: var(--majDefaultAction); }
    .metric-card .metric-number { font-family: OpenSans-SemiBold, OpenSans-Regular, Tahoma; font-size: 2.4rem; color: #ffffffe6; min-height: 46px; max-height: 46px; }
.metric-number > span:empty::before { content: "-"; color: inherit; }
.metric-card .metric-bottom-header { font-family: OpenSans-Regular, Tahoma; font-size: 1.2rem; color: #ffffff8c; }
.metric-card-link { display: block; text-decoration: none; color: inherit; padding: 0; border: none; }
.metric-card-link-no-cursor { cursor: default !important; }
.metric-card-optional-footer-space { margin-bottom: 20px !important; }

/*info cards*/
.metric-card-info { background-color: #121212; border: 1px solid #333; padding: 20px; width: 100%; border-radius: 8px; }
    .metric-card-info .title { font-family: OpenSans-SemiBold, OpenSans-Regular, Tahoma; font-size: 1.2rem; color: #ffffffbf; display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
        .metric-card-info .title .metric-info-icon { background-color: var(--majDefaultAction); color: var(--majWhite); border-radius: 50%; width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; font-size: 12px; align-self: center; }
    .metric-card-info .metric-info-row { font-family: OpenSans-SemiBold, OpenSans-Regular, Tahoma; color: #ffffff8c; font-size: 14px; margin: 10px 0; display: flex; justify-content: space-between; }
        .metric-card-info .metric-info-row span.metric-info-value { font-family: OpenSans-SemiBold, OpenSans-Regular, Tahoma; color: #ffffffe6; }
        .metric-card-info .metric-info-row.value-alert .metric-info-value { font-family: OpenSans-SemiBold, OpenSans-Regular, Tahoma; color: #ff0000; }


/*------------------------------------
    #HOME dash CORE section  CSS 
--------------------------------------*/

.home-dash-core-container { color: #fff; text-align: center; padding: 0px 20px 20px 0px; margin: auto; }
.home-dash-core-title { font-family: Agency FB, 'OpenSans-Bold'; font-size: 71px; font-weight: bold; letter-spacing: 8px; text-align: center; display: flex; justify-content: center; align-items: center; gap: 8px; }
.home-dash-core-letter { color: white; }
    .home-dash-core-letter.red { color: #D61C29; transform: scaleY(1.2); /* Slight vertical stretch */ font-weight: 900; }
.home-dash-core-description { font-family: 'OpenSans-Regular', sans-serif; font-size: 16px; margin: 20px auto; width: 70%; color: #ffffffcc; line-height: 1.5; }
.home-dash-core-download-button { font-family: OpenSans-Regular, Tahoma, sans-serif !important; font-size: 13px !important; height: 38px; line-height: 35px !important; display: inline-block; text-decoration: none; text-align: center; min-width: 150px; padding: 0px 15px; border: 2px solid #007BFF; color: #ffffff; background-color: #007BFF; border-radius: 6px; cursor: pointer; transition: all 0.3s ease; }
    .home-dash-core-download-button:hover,
    .home-dash-core-download-button:focus { background-color: #0056b3; border-color: #0056b3; text-decoration: none; opacity: 0.9; }
    .home-dash-core-download-button:active { background-color: #004494; border-color: #004494; }
    .home-dash-core-download-button.disabled { opacity: 0.5; pointer-events: none; background-color: #6c757d; border-color: #6c757d; }


/*------------------------------------
    #DOC Libary MISC  CSS 
--------------------------------------*/
.docLibrary_Header { font-size: 14px; color: #ffffffbf; padding: 0px 0px 5px 0px; }
.docLibrary_filter_form { background-color: #121212; padding: 10px 10px 10px 10px; }
    .docLibrary_filter_form label { display: block; font-size: 14px; margin-bottom: 5px; color: #fff; }
    .docLibrary_filter_form .date-range { display: flex; align-items: center; gap: 10px; }
    .docLibrary_filter_form .telerik-button { padding: 10px; font-size: 16px; cursor: pointer; font-weight: bold; }
    .docLibrary_filter_form input[type="text"] { width: 100%; margin-bottom: 10px; outline: none; }




/*------------------------------------
    #ALERT BOX CSS 
--------------------------------------*/
.msgBoxContainer { transition: all 0.3s ease; padding-right: 6px; font-size: 15px; position: relative; top: 1px; border-radius: 6px; }
.info { color: #222222; font-size: 16px; }
.danger { font-size: 16px; }
.success { font-size: 16px; }
.warning { font-size: 16px; }
.default { font-size: 16px; }

.alert_info_icon { color: #084298; }
.alert_warning_icon { color: #664d03; }

.alert { padding: 5px 10px; font-size: 13px; line-height: 1.2; margin-top: 3px; margin-bottom: 3px; }
    .alert .btn-close { padding: 0; top: 6px; right: 8px; }
    .alert i { font-size: 16px; }
.alert-info { background-color: #f7f7f7; border-color: #b6d4fe; }
.alert-danger { }
.alert-success { --bs-alert-color: #0f5132; /* Strong dark green for text */ --bs-alert-bg: #e8f5e9; /* Very light green background */ --bs-alert-border-color: #b5e3c5; /* Softer green border */ --bs-alert-link-color: #0c4128; /* Link emphasis color */ border: 1px solid var(--bs-alert-border-color); background-color: var(--bs-alert-bg); color: var(--bs-alert-color); font-family: "OpenSans-Regular", Tahoma; }
.alert-warning { }
.alert-default { }




/*------------------------------------
    #SCROLLBAR  CSS 
--------------------------------------*/
/* Scrollbar styles - (when RadFormDecorator is set) */
html.RadForm.rfdScrollBars body::-webkit-scrollbar,
html.RadForm.rfdScrollBars textarea::-webkit-scrollbar,
html.RadForm.rfdScrollBars div::-webkit-scrollbar,
html.RadForm.rfdScrollBars ::-webkit-scrollbar { width: 16px !important; }
html.RadForm.RadForm_Default.rfdScrollBars ::-webkit-scrollbar-corner { background-color: rgba(81, 79, 77, 0.59) !important; }
html.RadForm.RadForm_Default.rfdScrollBars ::-webkit-scrollbar-track-piece { background-color: transparent !important; }
html.RadForm.RadForm_Default.rfdScrollBars ::-webkit-scrollbar-button:vertical:decrement,
html.RadForm.RadForm_Default.rfdScrollBars ::-webkit-scrollbar-button:vertical:increment,
html.RadForm.RadForm_Default.rfdScrollBars ::-webkit-scrollbar-button:horizontal:decrement,
html.RadForm.RadForm_Default.rfdScrollBars ::-webkit-scrollbar-button:horizontal:increment { background-image: none !important; }
html.RadForm.RadForm_Default.rfdScrollBars ::-webkit-scrollbar-button { display: none !important; }
html.RadForm.RadForm_Default.rfdScrollBars ::-webkit-scrollbar-track { background-color: rgba(81, 79, 77, 0.59) !important; border: 0px solid #efefef; }
html.RadForm.RadForm_Default.rfdScrollBars ::-webkit-scrollbar-thumb { background-color: #ededed !important; border: 5px solid transparent !important; border-radius: 20px !important; background-clip: content-box; height: 33%; }



/*------------------------------------
    #JQUERY CONFIRM  CSS 
--------------------------------------*/
.jconfirm .jconfirm-box { background-color: #242424; /* Slightly lighter dark */ color: #ffffff; padding: 20px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.2); /* Light border for contrast */ box-shadow: 0 6px 15px rgba(0, 0, 0, 0.6); /* Stronger shadow for separation */ }
.jconfirm .jconfirm-title { color: #ffffff; font-size: 18px; font-weight: bold; }
.jconfirm .jconfirm-content { color: #dcdcdc; font-size: 14px; padding: 15px; }


/*------------------------------------
    #Error page  CSS 
--------------------------------------*/
.errors-wrapper {  }
    .errors-wrapper .title-tbl { width: 100%; border: 0; }
        .errors-wrapper .title-tbl .title-row { height: 32px; }
        .errors-wrapper .title-tbl .title-icon-col { padding-right: 10px; width: 42px; }
        .errors-wrapper .title-tbl .title-icon-col,
        .errors-wrapper .title-tbl .title-txt-col { text-align: left; vertical-align: middle; font-size: 24px; }
        .errors-wrapper .title-tbl .title-icon-img { width: 32px; height: 32px; }
        .errors-wrapper .title-tbl .title-txt-col h2 { margin: 0; }
    .errors-wrapper .title-subject { margin-left: .9em }
    .errors-wrapper .friendly-msg-wrapper { margin: 1.5em 1em; }
        .errors-wrapper .friendly-msg-wrapper .msg { color: #DC143C; }
    .errors-wrapper .list-block { margin: 2em 1em 1em 1em; }
        .errors-wrapper .list-block > ul { padding-left: 24px; }
        .errors-wrapper .list-block h5 { font-size: 15px; font-weight: bold; margin-top: 24px; }
.secure-errors-wrapper { padding: 10px 20px; text-align: center; color: #ffffff; }
    .secure-errors-wrapper .title-subject { padding: 4px 0px 7px 0px; font-weight: bold; }
    .secure-errors-wrapper .friendly-msg-wrapper { padding: 7px 0px 7px 0px; border-top: 1px solid #e0e0e0; }
        .secure-errors-wrapper .friendly-msg-wrapper .msg { font-size: 13px; }
    .secure-errors-wrapper .btnWrap { padding: 7px 0px 7px 0px; }
.divWindowAppErrorHeader { height: 24px; font-size: 16px; font-weight: normal; line-height: 1.5; color: #f2f2f2; }
.divWindowAppError { width: 100%; height: 91px; background-color: #ededed; border: solid 1px #dddddd; font-size: 13px; color: #6c6c6c; padding: 5px; overflow-y: hidden; overflow-x: scroll; }
.error_header { position: fixed; top: 0; width: 100%; background-color: #333; color: #fff; z-index: 1000; padding: 10px 0; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }
    .error_header .error_header_inner_container { width: 100%; padding-left: 20px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
.error_header_logo { }
.error_header_logo_icon { height: 20px; }
.error_header_logo_text { font-family: OpenSans-Bold; color: #ffffff; font-size: 16px; letter-spacing: 1px; }
.error_header_logo_text_p1 { }
.error_header_logo_text_p2 { font-family: OpenSans-Regular; padding-left: 2px; }

/*------------------------------------
    #global checkbox style* 
--------------------------------------*/
input[type="checkbox"],
input[type="checkbox"][disabled]:hover,
input[type="checkbox"]:hover,
input[type="checkbox"]:checked,
.checkAll input[type="checkbox"],
.checkAllHovered input[type="checkbox"] { background-image: none !important; background-color: #1a1a1a !important; border: 2px solid #555555 !important; border-radius: 4px !important; width: 20px !important; height: 20px !important; appearance: none !important; cursor: pointer !important; transition: background-color 0.3s ease, border-color 0.3s ease !important; }

    /* Checked State */
    input[type="checkbox"]:checked,
    .checkAll input[type="checkbox"]:checked,
    .checkAllHovered input[type="checkbox"]:checked { background-color: #017aff !important; border-color: #017aff !important; }

        /* Checked State Icon */
        input[type="checkbox"]:checked::before,
        .checkAll input[type="checkbox"]:checked::before,
        .checkAllHovered input[type="checkbox"]:checked::before { content: "\f00c" !important; font-family: "Font Awesome 6 Pro" !important; font-weight: 900 !important; color: #ffffff !important; position: relative !important; top: -3px; left: -5px; font-size: 13px; }

/* Checkbox Padding Adjustment */
input[type="checkbox"] { padding: 0px 8px; }

/* Item and Label Styles */
.checkboxItem label,
.checkboxHovered label,
.checkboxDisabled label,
.checkAll label,
.checkAllHovered label { display: flex !important; align-items: center !important; gap: 8px !important; cursor: pointer !important; padding-left: 4px !important; }

/* Hover and Checked State for Items */
.checkboxItem:hover { background-color: #017aff !important; color: #ffffff !important; }

.checkboxItemChecked { background-color: #017aff !important; color: #ffffff !important; font-weight: bold !important; }

/* Hover Effects for Check-All Items */
.checkAllHovered input[type="checkbox"]:checked { background-color: #2a2a2a !important; border: 2px solid #555555 !important; border-radius: 4px !important; }