.admin-background {
    /*background-color: #333333*/
}

.body_EEE {
    background-color: #eeeeee !important;
}

.body_CCC {
    background-color: #cccccc !important;
}

.body_blk {
    background-color: #131313 !important;
}

.body_dkGray {
    background-color: #333333 !important;
}

.bootstrap-select {
    border: 1px solid #d1d3e2 !important;
}

.cardhover {
    transition: .3s;
}

.cardhover:hover {
    border-left: 0.25rem solid #ff5300 !important; /*#ff5300*/
    background: #f8f9fc;
}

.colorImportant {
    color: #858796 !important;
}

.btn-fires-green {
    color: #fff;
    background-color: #33cb00;
    border-color: #33cb00;
}

.btn-fires-green:hover {
    color: #000;
    background-color: #269401;
    border-color: #228501;
}

.btn-fires-green:focus, .btn-fires-green.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 148, 1, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(38, 148, 1, 0.5);
}

.btn-fires-green.disabled, .btn-fires-green:disabled {
    color: #000;
    background-color: #1cc88a;
    border-color: #1cc88a;
}

.btn-fires-green:not(:disabled):not(.disabled):active, .btn-fires-green:not(:disabled):not(.disabled).active,
.show > .btn-fires-green.dropdown-toggle {
    color: #fff;
    background-color: #228501;
    border-color: #1e7301;
}

.btn-fires-green:not(:disabled):not(.disabled):active:focus, .btn-fires-green:not(:disabled):not(.disabled).active:focus,
.show > .btn-fires-green.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 148, 1, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(38, 148, 1, 0.5);
}

.text-white-orange {
    color: #fff !important;
}

a.text-white-orange:hover, a.text-white-orange:focus {
    color: #ff5300 !important;
}

.scrollable {
    max-height: 400px;
    overflow: auto;
}

/* thead tr:nth-child(1) th*/
.stickyHeader {
    position: sticky;
    top: 0;
    z-index: 10;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.hideScrollbar::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.hideScrollbar {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.scrollStyle::-webkit-scrollbar {
    width: 1em;
}

.scrollStyle::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.scrollStyle::-webkit-scrollbar-thumb {
    background-color: transparent;
    outline: 1px solid #5a5c69;
}

.cursorPointer {
    cursor: pointer;
}

.ctldtls-hover:hover, .radioBtn-hover:hover {
    color: #858796;
    background-color: rgba(0, 0, 0, 0.075);
}

.overflow-y_hidden {
    overflow-y: hidden;
}

.text-red {
    font-Size:12px; font-style:italic; color:#F00;
}

.opacity-0 {
    opacity: 0;
}

.opacity-1 {
    opacity: .1;
}

.opacity-2 {
    opacity: .2;
}

.opacity-3 {
    opacity: .3;
}

.opacity-4 {
    opacity: .4;
}

.opacity-5 {
    opacity: .5;
}

.opacity-6 {
    opacity: .6;
}

.opacity-7 {
    opacity: .7;
}

.opacity-8 {
    opacity: .8;
}

.opacity-9 {
    opacity: .9;
}

.opacity-10 {
    opacity: 1;
}

.border-orange {
    border: 0.15rem solid #ff5300 !important;
}

.border-left-orange {
    border-left: 0.15rem solid #ff5300 !important;
}

.border-right-orange {
    border-right: 0.15rem solid #ff5300 !important;
}

.border-top-orange {
    border-top: 0.15rem solid #ff5300 !important;
}

.border-bottom-orange {
    border-bottom: 0.15rem solid #ff5300 !important;
}

.minW100 {
    min-width: 100px !important;
}

.minW400 {
    min-width: 400px !important;
}

.show {
    display: block;
}

.hide {
    display: none;
}

::placeholder {
    text-align: center;
}

.ht-80 {
    min-height: 80px;
    max-height: 80px;
}

.ht-90 {
    min-height: 90px;
    max-height: 90px;
}

.ht-100 {
    min-height: 100px;
    max-height: 100px;
}

.ht-150 {
    min-height: 150px;
    max-height: 150px;
}

.ht-170 {
    min-height: 170px;
    max-height: 170px;
}

.ht-180 {
    min-height: 180px;
    max-height: 180px;
}

.ht-200 {
    min-height: 200px;
    max-height: 200px;
}

.ht-225 {
    min-height: 225px;
    max-height: 225px;
}

.ht-240 {
    min-height: 240px;
    max-height: 240px;
}

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

.ht-275 {
    min-height: 275px;
    max-height: 275px;
}

.ht-290 {
    min-height: 290px;
    max-height: 290px;
}

.ht-300 {
    min-height: 300px;
    max-height: 300px;
}

.ht-325 {
    min-height: 325px;
    max-height: 325px;
}

.ht-350 {
    min-height: 350px;
    max-height: 350px;
}

.ht-400 {
    min-height: 400px;
    max-height: 400px;
}

.ht-425 {
    min-height: 425px;
    max-height: 425px;
}

.ht-450 {
    min-height: 450px;
    max-height: 450px;
}

/* This "should" fix issues with card sizes on smaller devices */
@media (max-width: 576px) {
    .ht-80, .ht-90, .ht-100, .ht-150, .ht-170, .ht-180,
    .ht-200, .ht-225, .ht-240, .ht-250, .ht-275, .ht-290,
    .ht-300, .ht-325, .ht-350, .ht-400, .ht-425, .ht-450 {
        min-height: auto;
        max-height: none;
    }
}

.scroll {
    overflow: scroll;
}

.fires-table-scroll {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.filter-panel-grid .card {
    height: 100%;
}

.filter-grid-compact .card {
    margin-left: 0 !important;
}
.filter-grid-compact .card-body {
    padding: 4px !important;
}
.filter-grid-compact .card-footer {
    display: none !important;
}

.filter-grid-compact .mud-radio-content,
.filter-grid-compact .mud-input-root input,
.filter-grid-compact .mud-input-slot,
.filter-grid-compact .mud-input-label,
.filter-grid-compact .mud-table-cell,
.filter-grid-compact .mud-th,
.filter-grid-compact .mud-text,
.filter-grid-compact .card-text,
.filter-grid-compact p,
.filter-grid-compact span:not(.mud-icon-root):not(.mud-svg-icon),
.filter-grid-compact label {
    font-size: 0.8rem !important;
}

.group-header {
    background-color: var(--mud-palette-gray-light);
}

.controls-pills-container {
    display:flex !important;
    align-items:center !important;
}

.controls-pill {
    width: 70px !important;
    height: 30px !important;
    border: none !important;
    border-radius: 10px !important;
}

.font-error {
    color: #f00;
}

.admin-layout {
    display: flex;
    width: 100%;
    align-items: stretch;
}

.right-panel {
    flex: 1;
    padding-left: 8px;
    transition: margin 300ms cubic-bezier(.4, 0, .2, 1);
}