@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a, .btn-link {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

body.page_error div.mud-paper div.headline {
    font-size:8rem;
    text-align:right;
    padding-right:10px;
}
body.page_error.page_notloggedin header.mud-appbar {
    display: none !important;
}
body.page_error.page_notloggedin aside {
    display: none !important;
}
body.page_error.page_notloggedin .mud-main-content {
    margin-left: 0px !important;
}
body.page_error.page_notloggedin .mud-popover-provider {
    display: none !important;
}
body.start .mud-main-content,
body.account-login .mud-main-content,
body.page_error .mud-main-content {
    height: 100vh;
}
.mud-tabs-parent {
    padding-bottom: 6px;
}
.editable-input {
    background-color: var(--EDITABLE_GRID_FIELD_BACKGROUND);
    border-radius: 7px;
}
.editable-input:hover {
    background-color: var(--EDITABLE_GRID_FIELD_BACKGROUND);
}
.editable-input label {
    font-weight: 600 !important;
}
.editable-input input {
    font-weight: 600 !important;
}
.top-bar-label-value {
    margin: 0 10px 0 10px;
    padding: 5px 10px 5px 10px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
    border-radius: var(--mud-default-borderradius);
}
.mud-drawer-header > .mud-typography.mud-typography-h6 {
    width:100%;
    text-align:center;
}
.mud-main-content {
    background: var(--mud-main-content-background);
}

:root {
    --mud-zindex-dialog: 10000 !important;
    --mud-zindex-snackbar: 10001 !important;
    --mud-main-content-background: #f4f6f9 !important;
    --mud-palette-appbar-text: #FFFFFF !important;
    --mud-palette-surface: #FFFFFF !important;
    --mud-palette-appbar-background: #18A2B8 !important;
    --mud-palette-secondary: #DC3545 !important;
    --mud-palette-secondary-lighten: #DE4351 !important;
    --mud-palette-secondary-darken: #DC3545 !important;
    --STATION_INFO_RESULTS_COST_COLOR: #594ae2ff;
    --GRID_FIELD_POSITIVE: #03CA1EFF;
    --GRID_FIELD_NEGATIVE: #EA2811FF;
    --TRANSPARENT_DISABLED: RGBA(0,0,0,0.1);
    --TRANSPARENT_HOVER_DISABLED: RGBA(0,0,0,0.15);
    --EDITABLE_GRID_FIELD_BACKGROUND: #FFC106;
    --EDITABLE_GRID_FIELD_BACKGROUND_HOVER: #fce703;
    --EDITABLE_GRID_FIELD_BACKGROUND_SELECTED: #f00;
    --EDITABLE_GRID_FIELD_BACKGROUND_DISABLED: #ebe781;
    --EDITABLE_GRID_FIELD_BACKGROUND_HOVER_DISABLED: #ebe781;
    --EDITABLE_GRID_FIELD_BACKGROUND_SELECTED_DISABLED: #ebe781;
    --EDITABLE_GRID_BLACK_TEXTCOLOUR: #000000;
    --GRID_FIELD_GREEN_BACKGROUND: #00c853ff;
    --GRID_FIELD_GREEN_BACKGROUND_HOVER: #00c853ff;
    --GRID_FIELD_GREEN_BACKGROUND_SELECTED: #00c853ff;
    --GRID_FIELD_GREEN_BACKGROUND_DISABLED: #9cddcaff;
    --GRID_FIELD_GREEN_BACKGROUND_HOVER_DISABLED: #9cddcaff;
    --GRID_FIELD_GREEN_BACKGROUND_SELECTED_DISABLED: #9cddcaff;
    --GRID_LIGHT_PEACH_BACKGROUND: #fcc3a7;
    --GRID_LIGHT_PEACH_BACKGROUND_HOVER: #fcc3a7;
    --GRID_LIGHT_PEACH_BACKGROUND_SELECTED: #fcc3a7;
    --GRID_FIELD_PURPLE_BACKGROUND: #cbc3e3;
    --GRID_FIELD_PURPLE_BACKGROUND_HOVER: #cbc3e3;
    --GRID_FIELD_PURPLE_BACKGROUND_SELECTED: #cbc3e3;
    --GRID_FIELD_PURPLE_BACKGROUND_DISABLED: #cbc3e3;
    --GRID_FIELD_PURPLE_BACKGROUND_HOVER_DISABLED: #cbc3e3;
    --GRID_FIELD_PURPLE_BACKGROUND_SELECTED_DISABLED: #cbc3e3;
    --GRID_TRADING_BOX_MARKET_DETAIL_BACKGROUND: #18A2B8;
    --GRID_TRADING_BOX_MARKET_DETAIL_BACKGROUND_HOVER: #BCE3EB;
    --GRID_TRADING_BOX_MARKET_DETAIL_BACKGROUND_SELECTED: #BCE3EB;
    --GRID_FIELD_SADDLEBROWN_TEXTCOLOUR: #8b4513;
    --GRID_FIELD_DARKBLUE_TEXTCOLOUR: #0771CD;
    --GRID_FIELD_PURPLE_TEXTCOLOUR: #3C0064;
    --GRID_FIELD_BLUE_TEXTCOLOUR: #1C17D6;
    --GRID_FIELD_DARKRED_TEXTCOLOUR: #DC3545;
    --GRID_FIELD_MIDGREEN_TEXTCOLOUR: #4d8c57;
    --CHART_FIELD_COLOUR1_SERIESCOLOUR: #003f5c;
    --CHART_FIELD_COLOUR2_SERIESCOLOUR: #58508d;
    --CHART_FIELD_COLOUR3_SERIESCOLOUR: #bc5090;
    --CHART_FIELD_COLOUR4_SERIESCOLOUR: #ff6361;
    --GRID_FIELD_WITHINDAY_RUNNING_RED_BACKGROUND: #FF0000;
    --GRID_FIELD_WITHINDAY_RUNNING_RED_TEXTCOLOR: #FFFFFF;
    --GRID_FIELD_WITHINDAY_RUNNING_RED_BACKGROUND_HOVER: #FF0000;
    --GRID_FIELD_WITHINDAY_RUNNING_RED_BACKGROUND_SELECTED: #FF0000;
    --GRID_FIELD_WITHINDAY_RUNNING_WARNING_BACKGROUND: #FFFF00;
    --GRID_FIELD_WITHINDAY_RUNNING_WARNING_TEXTCOLOR: #424242ff;
    --GRID_FIELD_WITHINDAY_RUNNING_WARNING_BACKGROUND_HOVER: #FFFF00;
    --GRID_FIELD_WITHINDAY_RUNNING_WARNING_BACKGROUND_SELECTED: #FFFF00;
    --GRID_FIELD_WITHINDAY_RUNNING_BACKGROUND: #1778ef;
    --GRID_FIELD_WITHINDAY_RUNNING_TEXTCOLOR: #FFFFFF;
    --GRID_FIELD_WITHINDAY_RUNNING_BACKGROUND_HOVER: #1778ef;
    --GRID_FIELD_WITHINDAY_RUNNING_BACKGROUND_SELECTED: #1778ef;
    --GRID_TRADING_BOX_POPUP_ERROR_BACKGROUND: #ff9800ff;
    --GRID_TRADING_BOX_POPUP_ERROR_TEXTCOLOR: #FFFFFF;
    --GRID_TRADING_BOX_POPUP_ERROR_BUTTON_BACKGROUND: #f44336ff;
    --GRID_TRADING_BOX_POPUP_ERROR_BUTTON_TEXTCOLOR: #FFFFFF;
    --GRID_SUMMARY_FIELD_BACKGROUND: #28A745;
    --GRID_SUMMARY2_FIELD_BACKGROUND: #F4C152;
    --GRID_FORWARD_TRADES_SUMMARY_FIELD_BACKGROUND: #28A745;
    --GRID_FIELD_HOUR_GTE17_AUCTIONS_BACKGROUND: #37c4f2;
    --GRID_FIELD_HOUR_GTE17_AUCTIONS_BACKGROUND_HOVER: #37c4f2;
    --GRID_FIELD_HOUR_GTE17_AUCTIONS_BACKGROUND_SELECTED: #37c4f2;
    --GRID_CELL_DEFAULT_BACKGROUND: #f4f6f9;
    --GRID_CELL_DEFAULT_BACKGROUND_HOVER: transparent;
    --GRID_CELL_DEFAULT_BACKGROUND_SELECTED: transparent;
    --GRID_CELL_DEFAULT_TEXTCOLOR: var(--mud-palette-text-primary);
    --GRID_HEADER_DEFAULT_TEXTCOLOR: var(--mud-palette-text-primary);
    --GRID_DEFAULT_BORDER: transparent;
    --GRID_NO_BORDER: transparent;
    --GRID_CELL_DEFAULT_BORDER: #dee2e6;
    --GRID_HEADER_DEFAULT_BORDER: #dee2e6;
    --GRID_SCROLLBAR_COLOR: rgba(102, 102, 102, 0.4);
    --CHART_BACKGROUND: #f4f6f9;
    --CHART_LEGEND_TEXTCOLOR: #424242;
}
.theme-dark {
    --mud-palette-text-primary: #ffffff;
    --mud-main-content-background: #454d55 !important;
    --mud-palette-surface: #343a40 !important;
    --mud-palette-primary: #3AB5F8;
    --mud-palette-dark: #dee2e6;
    --GRID_FIELD_PURPLE_TEXTCOLOUR: #FFFFFF;
    --GRID_CELL_DEFAULT_BACKGROUND: #343a40;
    --GRID_CELL_DEFAULT_BACKGROUND_HOVER: #454d55;
    --GRID_CELL_DEFAULT_BACKGROUND_SELECTED: #454d55;
    --GRID_CELL_DEFAULT_TEXTCOLOR: var(--mud-palette-text-primary);
    --GRID_HEADER_DEFAULT_TEXTCOLOR: var(--mud-palette-text-primary);
    --GRID_DEFAULT_BORDER: #6c757d;
    --GRID_NO_BORDER: transparent;
    --GRID_CELL_DEFAULT_BORDER: #6c757d;
    --GRID_HEADER_DEFAULT_BORDER: #6c757d;
    --GRID_FIELD_WITHINDAY_RUNNING_RED_BACKGROUND: #FF0000;
    --GRID_TRADING_BOX_MARKET_DETAIL_BACKGROUND: #18A2B8;
    --GRID_TRADING_BOX_MARKET_DETAIL_BACKGROUND_HOVER: #BCE3EB;
    --GRID_TRADING_BOX_MARKET_DETAIL_BACKGROUND_SELECTED: #BCE3EB;
    --GRID_FIELD_SADDLEBROWN_TEXTCOLOUR: #FFFFF;
    --GRID_SUMMARY_FIELD_BACKGROUND: #28A745;
    --GRID_SCROLLBAR_COLOR: rgba(255, 255, 255, 0.4);
    --CHART_BACKGROUND: #343a40;
    --CHART_LEGEND_TEXTCOLOR: #ffffff;
    --GRID_FIELD_DARKBLUE_TEXTCOLOUR: #3ABFF8;
    --GRID_FIELD_DARKRED_TEXTCOLOUR: #BC393E;
}
.theme-dark a:hover {
    color: #B3C5EF;
}
.theme-dark .mud-nav-item > .mud-nav-link > .mud-nav-link-text:hover {
    color: #B3C5EF;
}
button.plant-positions-sp,
#TradingBox_Power .mud-chip-color-warning,
#TradingBox_OTC .mud-chip-color-warning,
#Title_Data_BOAPosition .mud-chip-color-warning,
#Title_Data_BOAGraph .mud-chip-color-warning {
    color: #3C3C3C !important;
    font-weight: 600;
}
.theme-dark #TradingBox_Power .mud-input,
.theme-dark #TradingBox_Gas .mud-input,
.theme-dark #TradingBox_Carbon .mud-input,
.theme-dark #TradingBox_OTC .mud-input,
.theme-dark #Title_Data_BOAPosition .mud-input,
.theme-dark #Title_Data_BOAGraph .mud-input {
    color: #3C3C3C !important;
}
.theme-dark #TradingBox_Power div.mud-input-numeric-spin > button > span > svg > path:nth-child(2),
.theme-dark #TradingBox_Gas div.mud-input-numeric-spin > button > span > svg > path:nth-child(2),
.theme-dark #TradingBox_Carbon div.mud-input-numeric-spin > button > span > svg > path:nth-child(2),
.theme-dark #TradingBox_OTC div.mud-input-numeric-spin > button > span > svg > path:nth-child(2) {
    fill: #3C3C3C !important;
}
.theme-dark #TradingBox_Power div > button[aria-label=Clear] > span > svg > path:nth-child(2),
.theme-dark #TradingBox_Gas div > button[aria-label=Clear] > span > svg > path:nth-child(2),
.theme-dark #TradingBox_Carbon div > button[aria-label=Clear] > span > svg > path:nth-child(2),
.theme-dark #TradingBox_OTC div > button[aria-label=Clear] > span > svg > path:nth-child(2) {
    fill: #898989 !important;
}