.navbar-bg {
    background: #000;
}

.navbar.navbar-expand .mud-popover {
    width: 200px;
}

.navbar.navbar-expand .dropdown-toggle {
    padding: 0;
}
 .wrapperloggedout {
    display: grid;
    grid-template-columns: repeat(12,1fr);
    grid-template-rows: auto 80px;
    height: 100%;
}
#alertmodev1map {
    height: 100%;
}
.navbar.navbar-expand .mud-avatar.mud-avatar-medium {
    width: 35px;
    height: 34px;
    font-size: 14px;
    color: white;
    border: 2px solid #f5f7fb;
}
.mud-container-maxwidth-lg
{
    max-width:none;
}
.top-nav-select .mud-icon-default {
    color: white;
}
.top-nav-select .mud-input.mud-input-underline:before{
    border: none;
}
.form-control-static {
    padding: 8px 0 0 0;
}
.top-nav-select {
    margin: 0;
    width: 200px;
}

    .top-nav-select .mud-input-control-input-container {
        width: 100px;
    }

    .top-nav-select.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
        margin-top: 0;
    }

    .top-nav-select .mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root {
        color: white;
    }

.content {
    direction: ltr;
    flex: 1;
    max-width: 100vw;
    padding: 0.8rem 1rem .75rem;
    width: 100%;
    grid-column: span 8;
    margin: 0;
}


.header {
    grid-column: span 4;
}


.navbar-logo {
    background: #011329;
}

.loginform {
    margin: 200px auto;
}



.mud-button-filled.mud-button-filled-secondary {
    background-color: #f3771e;
}

    .mud-button-filled.mud-button-filled-secondary:hover {
        background-color: #f3771e;
    }

.mud-table-root .mud-table-head {
    background: #0b2848;
}

    .mud-table-root .mud-table-head .mud-table-cell {
        color: white;
    }

.mud-table-sort-label:hover {
    color: white;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
    user-select: auto;
    background: #b2bdc4;
    height: 100%;
}

.form-group {
    margin-bottom: 8px;
}

.form-label {
    padding-bottom: 2px;
}

.validation-errors {
    background: #9e3b45;
    padding: 10px;
    border-radius: 4px;
}

    .validation-errors .validation-message {
        color: white;
        padding: 2px;
    }


.mud-nav-group {
    color: white;
}

.mud-nav-link:not(.mud-nav-link-disabled) .mud-nav-link-icon.mud-nav-link-icon-default {
    color: white;
}

.mud-nav-link .mud-nav-link-expand-icon.mud-transform {
    color: white;
    fill: white;
}

#crumbs .breadcrumbUl li:last-child a {
    background-color: #005cab;
    color: white
}

    #crumbs .breadcrumbUl li:last-child a:after {
        border-left: 40px solid #005cab;
        color: white
    }

.mud-input {
    font-size: 0.9rem;
}
.splash-container {
    display: flex;
    height: 100vh;
    justify-content: center;
}

.splash-container .splash {
    align-self: center;
    height: auto;
    text-align: center;
}

.splash-container .splash-heading {
    letter-spacing: .2rem;
    margin-bottom: .5rem;
}

.splash-container .splash-image {
    width: 20rem;
}

#BasicCard {
    box-shadow: 0 0 0.875rem 0 rgb(33 37 41 / 5%);
    margin-bottom: 24px;
    word-wrap: break-word;
    background-clip: initial;
    background-color: #fff;
    border: 0 solid transparent;
    border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
}

#BasicCard .e-card-header {
    float: left;
    background: #000000;
}
#BasicCard .e-card-header .e-card-header-caption {
}
    #BasicCard .e-card-header .e-card-header-caption .e-card-header-title {
        color: darkorange;
        font-family: system-ui;
        font-size: larger;
        font-weight: bold;
    }


::deep .drag-drop-zone {
    display: flex;
    align-items: center;
    transition: all .4s;
    min-height: 30px;
    width: 270px;
}

.mud-list.mud-list-padding {
    padding: 0px;
}

.nav-tabs .nav-link {
    background: #c0dff1;
}

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        background-color: white;
        border-color: #dee2e6 #dee2e6 #f5f7fb;
    }

.validation-message {
    color: red;
}
/*.mud-dialog .mud-dialog-title {
    background: black;
    padding: 5px;
    padding-left: 20px;
}*/

.mud-nav-link {
    padding: 4px;
}

hr:not([size]) {
    height: 1px;
    margin-top: 5px;
}

.e-card .e-card-header {
    padding: 8px 12px;
}

.mud-tabs
{
    margin:0;
    padding:0;
}

.mud-dialog .mud-dialog-content {
    padding: 24px;

    max-height: 85vh;
    height: auto;
    min-height: 40vh;
    overflow-y: scroll;
}
}
.mud-ripple
{
    margin-top:5px;
}
.mud-tabs-panels {
    min-height: 400px;
    border: 1px solid #cecccc;
    padding: 10px;
    box-shadow: var(--mud-elevation-1);
}
.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-ring div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 64px;
        height: 64px;
        margin: 8px;
        border: 8px solid #fff;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: #fff transparent transparent transparent;
    }

        .lds-ring div:nth-child(1) {
            animation-delay: -0.45s;
        }

        .lds-ring div:nth-child(2) {
            animation-delay: -0.3s;
        }

        .lds-ring div:nth-child(3) {
            animation-delay: -0.15s;
        }

.e-listbox-wrapper, .e-listbox-container
{
    height:330px;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


@keyframes lds-grid {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}


.mud-tooltip-root.mud-tooltip-inline {
    border-left: 1px solid #cecccc;
    border-top: 1px solid #cecccc;
    border-right: 1px solid #cecccc;
    box-shadow: var(--mud-elevation-1);
}

.mud-ripple {
    margin-top: 0;
}

.mud-tab.mud-tab-active {
    background-color: #f2f9fe;
}
@media (min-width: 600px)
{
    .mud-container {
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media (max-width: 1160px)
{
    .mud-sm-table .mud-table-root .mud-table-head, .mud-sm-table .mud-table-root .mud-table-foot {
        display: block;
    }

    .ad
    {
        display:none;
    }

    .header {
        grid-column: span 12;
    }
    .content {
        grid-column: span 12;
        margin:0;

    }
    .loginform {
        margin: auto;
    }

    .wrapperloggedout {
        display: grid;
        grid-template-columns: repeat(12,1fr);
        grid-template-rows: auto;
        height: 100%;
    }

    .header .ad
    {
        display:none;
    }
}

.mud-tabs-toolbar .mud-tabs-toolbar-inner, .mud-tab {
    min-height: 40px
}
.table {
    word-wrap: break-word;
}


dl {
    width: 100%;
    overflow: hidden;

}

dt {
    float: left;
    width: 50%;
    /* adjust the width; make sure the total of both is 100% */

    clear:left;
}

dd {
    float: left;
    width: 50%;
    /* adjust the width; make sure the total of both is 100% */

}


affect auto complete

.e-dropdownbase .e-list-item, .e-dropdownbase .e-list-item.e-item-focus {
      background-color: #29c2b8;
    color: #207cd9;
    font-family: emoji;
    min-height: 29px;
}
.e-dropdownbase .e-list-item.e-item-focus, .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover, .e-dropdownbase .e-list-item.e-hover {
      background-color: #1f9c99;
    color: #2319b8;
}
.e-dropdownbase .e-list-item, .e-dropdownbase .e-list-item.e-item-focus {
     background-color: #29c2b8;
     color: #207cd9;
    font-family: emoji;
    min-height: 29px;
}
.e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
    content: '\e724';
    font-family: 'e-icons';
    font-size: 16px;
    opacity: 0.4;
}

.drop-zone {
    padding: 20px;
    width: 100%;
    min-height: 100px;
    border: 2px dashed #0b2848;
    border-radius: 5px;
}

.drop-zone.hover {
    border-style: solid;
}

.mud-tabs-tabbar .mud-tabs-tabbar-inner {
    min-height: 42px;
}