html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.card-header {
    background-color: #055A98;
    color: white;
    text-align:center;
}

#fixMaHeader {
    --bs-gutter-x: 0 !important;
}

#negativeNumber {
    color: #00895F;
}

#positiveNumber {
    color: #DD2548;
}

.e-control-wrapper.e-slider-container .e-slider .e-handle {
    background-color: #FEC152 !important;
    border: 1px solid #FEC152 !important;
    border-color: #FEC152 !important;
}

.e-control-wrapper.e-slider-container.e-horizontal .e-slider-track {
    background: #00895F !important;
    height: 3px;
}

.e-tooltip-wrap .e-tip-content {
    background-color:#055A98 !important;
}

.e-tooltip-wrap .e-arrow-tip-inner.e-tip-right, .e-tooltip-wrap .e-arrow-tip-inner.e-tip-left, .e-tooltip-wrap .e-arrow-tip-inner.e-tip-bottom, .e-tooltip-wrap .e-arrow-tip-inner.e-tip-top {
    color: #055A98 !important;
}

.e-tooltip-wrap.e-popup {
    background-color: #055A98 !important;
    border: #FEC152
}

.e-tooltip-wrap .e-arrow-tip-outer.e-tip-bottom {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid #055A98 !important;
    color: #055A98 !important;
}

.e-control-wrapper.e-slider-container .e-slider-button {
background-color: #055A98
}

.btn-primary {
    background-color: #055A98 !important;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:visited {
        background-color: #055A98 !important;
    }


.bluebulb {
    background: url("BlueBulbFilled.png") no-repeat;
    background-size: 30px;
    background-position: -6px;
    padding: 25px;
}

.yellowbulb {
    background: url("YellowBulbFilled.png") no-repeat;
    background-size: 30px;
    background-position: -6px;
    padding: 25px;
}

.greenbulb {
    background: url("GreenBulbFilled.png") no-repeat;
    background-size: 30px;
    background-position: -6px;
    padding: 25px;
}

.e-columnheader e-wrap{
    background: #00895F;
}

#container {
    visibility: hidden;
    max-width: 650px;
}

#loader {
    color: #008cff;
    height: 40px;
    left: 45%;
    position: absolute;
    top: 45%;
    width: 30%;
}

.e-content .e-item {
    font-size: 12px;
    margin: 10px;
    text-align: justify;
}

#BillComparisonChart.e-control.e-chart.e-lib.e-chart-focused.e-touch {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

.e-grid {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}


.below-0 {
    color: #DD2548 !important;
}

.above-0 {
    color: #00895F !important;
}

.e-grid .e-headercell {
    color: white;
    background-color: #00895F
}

.e-grid .e-icon-ascending::before {
    color: white
}

.e-grid th.e-headercell[aria-sort=ascending] .e-headertext {
    color: white;
    opacity: 1;
}

.e-grid th.e-headercell[aria-sort=descending] .e-headertext {
    color: white;
    opacity: 1;
}

.e-grid th.e-headercell[aria-sort=descending] .e-headertext {
    color: white;
    opacity: 1;
}

.e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
    color: white;
}

.e-grid .e-altrow {
    background-color: #fafafa;
}

.cardHeight {
    min-height: 250px;
    max-height: 250px;
}

.e-headercelldiv {
    max-height: 40px;
}

.freezeprop {
    padding-bottom: 5px;
}

.freezecol {
    display: inline-block;
    padding-right: 10px;
}

.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
    font-weight: bold;
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-text {
    font-weight: bold;
}

input[type="number"]::-webkit-inner-spin-button {
    display: none;
}