html, body {
    height: 100%;
    margin: 0px;
}

:root {
    --rz-primary: #0E1C43;
    --rz-secondary: #FF5D6A;
    --rz-sucess: #32BA7C;
    --rz-scrollbar-color: #E8E8FA !important;
    --rz-scrollbar-border-radius: 10px !important;
    --rz-tooltip-background-color: #4d4d4d !important;
}

#mail-icon {
    height: 55px;
    width: 55px;
    margin: 15px 25px 15px 15px;
}

.mud-snackbar {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
}

.mud-snackbar-location-bottom-right {
    right: 50px !important;
    bottom: 24px !important;
    left: inherit;
}

.mud-snackbar .mud-snackbar-content-action > button {
    color: inherit;
    width: 30px;
    height: 30px;
}

.mud-alert-filled-info {
    background: var(--mud-palette-primary) !important;
}

.mud-button-root, .mud-tab {
    text-transform: none;
}

html, body, #app {
    padding: 0px;
    margin: 0px;
    height: 100%;
}

#loading {
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: url("/images/xBim_icon_white.png");
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--rz-primary);
    background-size: 140px;
}


.rotation {
    animation: rotation 5.5s infinite linear;
}

@keyframes rotation {
    from {
        transform: rotate(359deg);
    }

    to {
        transform: rotate(0deg);
    }
}


.spinner {
    animation: rotator 1.4s linear infinite;
    stroke: #FF5D6A;
}

@keyframes rotator {
    0% {
        transform: rotate(0deg);
    }

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

.path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    transform-origin: center;
    animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }

    50% {
        stroke-dashoffset: 46.75;
        transform: rotate(135deg);
    }

    100% {
        stroke-dashoffset: 187;
        transform: rotate(450deg);
    }
}

.line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}

@media (max-height: 770px) {
    .line-clamp-4 {
        -webkit-line-clamp: 2;
    }
}

@media (max-height: 720px) {
    .line-clamp-4 {
        -webkit-line-clamp: 1;
    }
}

@media (max-width: 700px) {
    .line-clamp-4 {
        -webkit-line-clamp: 4;
    }
}

.notvisible-on-min-width {
    display: flex;
    min-width: 40px;
    width: 40px;
    height: 40px;
    display: flex;
}

    .notvisible-on-min-width .mud-icon-root.mud-svg-icon {
        font-size: 2rem;
    }

@media (min-width: 670px) {
    .notvisible-on-min-width {
        display: none;
    }
}

.notvisible-on-max-width {
}

@media (max-width: 670px) {
    .notvisible-on-max-width {
        display: none;
    }
}

.notvisible-on-min-width .mud-icon-root.mud-svg-icon {
    font-size: 2rem;
}

.min-icon-inside .mud-icon-root.mud-svg-icon {
    font-size: 1.2rem
}

.btn-icon-inside .mud-icon-root.mud-svg-icon {
    font-size: 1rem;
    margin: 0 !important;
}

.no-elements-found {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40vh;
    font-size: 11px;
    color: #a9a9a9;
    font-weight: 100;
    width: 100%;
}


#back-btn {
    width: 2.2rem;
    height: 2.2rem;
    margin-right: 5px;
    min-width: 2.2rem;
    min-height: 2.2rem;
    margin-top: 2px;
}


.with-pointer {
    cursor: pointer;
}

.opacity80 {
    opacity: 0.80
}

.subtle {
    opacity: 0.60;
    font-size: smaller;
}

.checkbox{
    width: 0%;
}

.decorated-link {
    color: #3d77a6;
    text-decoration: underline;
}