﻿:root {
    --mud-palette-action-default-hover: var(--mud-palette-primary) !important;
}

/*
    mud-input
*/

.mud-input > input.mud-input-root-outlined:not(.mud-select-input),
div.mud-input-slot.mud-input-root-outlined:not(.mud-select-input) {
    padding: 0 15px 0 15px;
    height: 40px;
}

.mud-input-label-outlined {
    transform: translate(14px,17px) scale(1);
}

.mud-input.mud-input-outlined .mud-input-outlined-border {
    border-radius: 2px;
}

.mud-table-head {
    background-color: #EFEFEF;
}

.mud-table-sort-label {
    font-weight: 600;
}

.mud-tab {
    text-transform: none;
    justify-content: left;
}

.mud-tabs-toolbar-content {
    border-bottom: 1px solid #BFBFBF;
}

.mud-typography-body1 {
    font: normal normal normal 16px/16px Hind;
    color: #55595C;
    letter-spacing: 0px;
}

.mud-select-input {
    max-height: 40px;
}

.mud-charts-xaxis text {
    font-size: 18px !important;
}

.mud-charts-yaxis text {
    font-size: 18px !important;
}

.open-order-report-table .mud-table-cell {
    font-size: 16px;
    font-weight: bold;
    padding: 6px !important;
    padding-inline-start: 6px !important;
    padding-inline-end: 6px !important;
}

@media(hover: hover)and (pointer: fine) {
    .mud-list-item-clickable:hover {
        background-color:var(--mud-palette-primary-hover)
    }
}

@media (hover: hover) and (pointer: fine) {
    .mud-button-group-root.mud-button-group-override-styles .mud-button-root:hover {
        background-color: var(--mud-palette-action-default-hover);
        color: var(--mud-palette-primary-text);
    }
}

.mud-button-group-override-styles {
    height: 40px;
}

.mud-button-root:disabled {
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666 !important;
}

.line-chart-slider.mud-slider.mud-slider-vertical {
    height: 100%;
    margin-left: 0 !important;
}

.line-chart-slider.mud-slider .mud-slider-container {
    width: 54vh;
    margin: 10px 0;
}

.mud-slider .mud-slider-input::-webkit-slider-thumb {
    appearance: none;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    background: url("../../images/slider-icon-side.svg") !important;
    height: 5px !important;
    width: 5px !important;
}

.mud-slider .mud-slider-input::-moz-range-thumb {
    appearance: none;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    background: url("../../images/slider-icon-side.svg") !important;
    height: 5px !important;
    width: 5px !important;
}

.mud-layout {
    overflow-x: hidden;
}

.align-end .mud-slider.mud-slider-primary {
    align-content: flex-end;
}

.slider-bgcolor-1 .mud-slider.mud-slider-primary .mud-slider-filled {
    background-color: #D02636;
}

.slider-bgcolor-2 .mud-slider.mud-slider-primary .mud-slider-filled {
    background-color: #3486C7;
}

.slider-bgcolor-3 .mud-slider.mud-slider-primary .mud-slider-filled {
    background-color: #8F34C7;
}

.slider-bgcolor-4 .mud-slider.mud-slider-primary .mud-slider-filled {
    background-color: #3438c7;
}

.slider-bgcolor-5 .mud-slider.mud-slider-primary .mud-slider-filled {
    background-color: #666666;
}

.zi-1 {
    z-index: 1;
}

.zi-2 {
    z-index: 2;
}

.zi-3 {
    z-index: 3;
}

.zi-4 {
    z-index: 4;
}

.mud-select-extended .mud-select-input-extended {
    min-height: 40px;
}

.mud-select-extended {
    flex-basis: unset;
    min-width: unset;
    height: unset;
}
