/*@import url('fonts/open-iconic/font/css/open-iconic-bootstrap.min.css');*/
@import url(fonts/remixicon.css);

h1:focus {
    outline: none;
}

.mapToolsDrawer {
    top: 0;
}

.loginAppBar {
    background-color: var(--mud-palette-black); /*--mud-palette-tertiary-lighten);*/
}

.loginLogo {
    width: 400px;
    height: 135px;
    margin-bottom: 25px;
    margin-left: -10px;
}

.loginVideo {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.customerChip {
    background-color: #ebebeb;
}

.editFormTextSize12 {
    font-size: 12px;
}

    .editFormTextSize12 .mud-input .mud-input-slot {
        font-size: 12px;
    }

.editFormTextSize14 {
    font-size: 14px;
}

    .editFormTextSize14 .mud-input-slot {
        font-size: 14px;
    }

.editFormTextAlignRight {
    text-align: right;
}

    .editFormTextAlignRight .mud-input-slot {
        text-align: right;
    }

.navLinkActive {
    background-color: rgba(var(--mud-palette-primary-rgb),.22);
}

    .navLinkActive .mud-nav-link .mud-nav-link-text {
        border-inline-end-style: solid;
        border-inline-end-width: 2px;
        color: var(--mud-palette-warning);
        font-weight: 600;
        /*background-color: var(--mud-palette-action-default-hover);*/
    }

.navTitle .mud-nav-link-text {
    color: var(--mud-palette-info-darken);
}

.navGroupTitle .mud-nav-link-text {
    color: var(--mud-palette-info-darken);
}

.navTitle:hover {
    color: #ff9800ff;
}

.dymaptic-branding {
    display: none;
}


.map-container {
    height: 100%;
}

.filterDropdown .mud-input {
    margin-top: 4px !important;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }



.mainFooter {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: var(--mud-palette-appbar-background);
    color: var(--mud-palette-appbar-text);
    text-align: center;
    height: 40px;
}

    .mainFooter .mud-toolbar {
        height: 40px;
    }

.fieldList-button {
    padding-right: 5px !important;
    padding-left: 5px !important;
}


.oIcon {
    width: 2rem !important;
    font-size: 1.1rem;
    /*top: -2px;*/
    display: inline-block;
    min-width: 1.5rem;
    font-size: 1.1rem;
    line-height: 1.40625rem;
    vertical-align: middle;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0.75;
}

.hIcon {
    color: orangered !important;
}

.cIcon {
    color: #00695C !important;
    width: 1.5rem !important;
}


.field-text-justify-end div {
    text-align: end;
    margin-right: 5px;
    padding-right: 7px;
}

.text-justify-end {
    text-align: end;
    margin-right: 5px;
    padding-right: 7px;
}

.text-QueryHeader .mud-expand-panel-text {
    color: var(--mud-palette-success);
}

.mud-expand-panel-text {
}
/* opacity */
.opacity-0 {
    opacity: 0 !important;
}

.opacity-1 {
    opacity: 0.1 !important;
}

.opacity-2 {
    opacity: 0.2 !important;
}

.opacity-3 {
    opacity: 0.3 !important;
}

.opacity-4 {
    opacity: 0.4 !important;
}

.opacity-5 {
    opacity: 0.5 !important;
}

.opacity-6 {
    opacity: 0.6 !important;
}

.opacity-7 {
    opacity: 0.7 !important;
}

.opacity-8 {
    opacity: 0.8 !important;
}

.opacity-9 {
    opacity: 0.9 !important;
}

.opacity-95 {
    opacity: 0.95 !important;
}

.opacity-10 {
    opacity: 1 !important;
}

/* z-indexes */
.zIndex-0 {
    z-index: 0 !important;
}

.zIndex-10 {
    z-index: 10 !important;
}

.zIndex-20 {
    z-index: 20 !important;
}

.zIndex-30 {
    z-index: 30 !important;
}

.zIndex-40 {
    z-index: 40 !important;
}

.zIndex-50 {
    z-index: 50 !important;
}

.zIndex-60 {
    z-index: 60 !important;
}

.zIndex-70 {
    z-index: 70 !important;
}

.zIndex-80 {
    z-index: 80 !important;
}

.zIndex-90 {
    z-index: 90 !important;
}

.zIndex-100 {
    z-index: 100 !important;
}

/* field sizes*/
.field-70 {
    width: 70px;
}

.field-100 {
    width: 100px;
}

.field-120 {
    width: 120px;
}

.field-130 {
    width: 130px;
}

.field-140 {
    width: 140px;
}

.field-145 {
    width: 145px;
}

.field-150 {
    width: 150px;
}

.field-155 {
    width: 155px;
}

.field-160 {
    width: 160px;
}

.field-170 {
    width: 170px;
}

.field-180 {
    width: 180px;
}

.field-190 {
    width: 190px;
}

.field-200 {
    width: 200px;
}

.field-210 {
    width: 210px;
}

.field-260 {
    width: 260px;
}

/* paper sizes*/
.paper-140 {
    height: 140px;
}

.paper-210 {
    height: 210px;
}

.paper-280 {
    height: 280px;
}

.paper-300 {
    height: 300px;
}

.paper-330 {
    height: 330px;
}

.paper-340 {
    height: 340px;
}

.paper-350 {
    height: 350px;
}

.paper-360 {
    height: 360px;
}

.paper-375 {
    height: 375px;
}

.paper-380 {
    height: 380px;
}

.paper-390 {
    height: 390px;
}

.paper-400 {
    height: 400px;
}

.paper-410 {
    height: 410px;
}

.paper-420 {
    height: 420px;
}

.paper-435 {
    height: 435px;
}

.paper-440 {
    height: 440px;
}

.paper-460 {
    height: 460px;
}

.paper-480 {
    height: 480px;
}

.paper-500 {
    height: 500px;
}

.paper-520 {
    height: 520px;
}

.paper-650 {
    height: 650px;
}


.width-full {
    width: 100%;
}

.width-auto {
    width: auto;
}

.width-80 {
    width: 80px;
}

.width-100 {
    width: 100px;
}

.width-125 {
    width: 125px;
}

.width-200 {
    width: 200px;
}

.width-300 {
    width: 300px;
}