﻿.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    color: #AAAAAADD;
}

.centered > .mud-input-control-input-container {
    margin-left: auto;
    margin-right: auto;
}

.mud-breadcrumb-item.mud-disabled > a {
    color: #b0a078ff;
}

.bg-light-blue > .mud-input-control-input-container > .mud-input-label-outlined {
    background-color: #e3ecfc;
}

.bg-med-blue > .mud-input-control-input-container > .mud-input-label-outlined {
    background-color: #d2ddf3;
}

.bg-light-green > .mud-input-control-input-container > .mud-input-label-outlined {
    background-color: #d8e4bc;
}

.bg-med-green > .mud-input-control-input-container > .mud-input-label-outlined {
    background-color: #e9f3d2;
}

.bg-light-gray > .mud-input-control-input-container > .mud-input-label-outlined {
    background-color: #EEE;
}

.bg-med-gray > .mud-input-control-input-container > .mud-input-label-outlined {
    background-color: #CCC;
}

.font-size-80 > .mud-input-control-input-container > .mud-checkbox > p {
    font-size: .8rem !important;
}

.dense .mud-input > input.mud-input-root-outlined, div.mud-input-slot.mud-input-root-outlined {
    padding: 10px 0 10px 0;
}

.dense .mud-select-input-extended {
    padding: 0 0 0 12px;
}

.resp-blue .mud-input .mud-select-input {
    color: white !important;
}

[class^="resp-"].mud-list-item-clickable:hover, [class*="resp-"].mud-list-item-clickable:hover {
    background-color: #AAA !important;
    color: #EEE !important;
}

[class^="resp-"].mud-selected-item, [class*="resp-"].mud-selected-item {
    background-color: #333 !important;
    color: #EEE !important;
}

    [class^="resp-"].mud-selected-item .mud-typography, [class*="resp-"].mud-selected-item .mud-typography {
        background-image: url("/images/Other/Star.png");
        background-position: right center;
        background-repeat: no-repeat;
    }


button.mud-info-text {
    height: 40px;
    width: 40px;

}

@media only screen and (max-width: 600px) {
    .mud-drawer.mud-drawer--open.dkb {
        width: 100% !important;
    }
}

@media only screen and (min-width: 600px) {
    .mud-drawer.mud-drawer--open.dkb {
        width: 90% !important;
    }
}

@media only screen and (min-width: 900px) {
    .mud-drawer.mud-drawer--open.dkb {
        width: 60% !important;
    }
}

@media only screen and (min-width: 1201px) {
    .mud-drawer.mud-drawer--open.dkb {
        width: 36% !important;
    }
}

@media (min-width: 600px) {
    .mud-container-fixed {
        max-width: 100%;
    }
}

.mud-table-hover .mud-table-container .mud-table-root .mud-table-body .mud-table-row:hover {
    background-color: #d8e4bc66;
}

.mud-table-hover.mud-table-striped .mud-table-container .mud-table-root .mud-table-body .mud-table-row:nth-of-type(odd):hover {
    background-color: #d8e4bc66;
}

.mud-input-control.mx-auto > .mud-input-control-input-container
{
    margin-right: auto !important;
    margin-left: auto !important;
}

/*div .dkb .mud-drawer-content {
    margin-bottom: 100px !important;
}*/

.no-margin .mud-input-control {
    margin: 0 0 0 0;
}