@import "fontawsome/css/all.min.css";

@font-face {
    font-family: "NunitoSans";
    src: url("/fonts/NunitoSans.ttf") format("truetype");
}

:root {
    --accordionbgcolor: #084D6C;
    --accordionselecteditemcolor: #497B91;
    --accordionitemhovercolor: #497B91;
}

.sidebar .fab {
    font-size: 1.1rem;
    vertical-align: middle;
}

.sidebar .fas {
    font-size: 1.1rem;
    vertical-align: middle;
}

.ugo-alert {
    line-height: normal;
    margin-bottom: initial;
}

div.ugo-textbox-multiline > textarea.e-textbox {
    height: initial;
}

.e-accordion .e-acrdn-header {
    text-overflow: unset;
    white-space: nowrap;
}

    .e-accordion .e-acrdn-header .e-acrdn-header-content {
        white-space: normal;
    }

.e-accordion#UgoNavMenu {
    padding: 16px;
    border: 0px;
    background-color: var(--accordionbgcolor);
    font-family: "NunitoSans", sans-serif;
}

    .e-accordion#UgoNavMenu .e-acrdn-item#UgoNavMenuItem .e-acrdn-header {
        text-overflow: revert;
        white-space: nowrap;
        background-color: var(--accordionbgcolor);
    }

        .e-accordion#UgoNavMenu .e-acrdn-item#UgoNavMenuItem .e-acrdn-header:hover {
            background-color: var(--accordionitemhovercolor);
        }

        .e-accordion#UgoNavMenu .e-acrdn-item#UgoNavMenuItem .e-acrdn-header .e-acrdn-header-content {
            color: white;
            font-size: 14px;
            vertical-align: middle;
            padding: 6px;
        }

        .e-accordion#UgoNavMenu .e-acrdn-item#UgoNavMenuItem .e-acrdn-header .e-toggle-icon .e-icons {
            vertical-align: central;
            color: white;
        }

    .e-accordion#UgoNavMenu .e-acrdn-item#UgoNavMenuItem .e-icons {
        vertical-align: central;
        color: white;
    }

        .e-accordion#UgoNavMenu .e-acrdn-item#UgoNavMenuItem .e-icons:hover {
            color: white;
        }

    .e-accordion#UgoNavMenu .e-acrdn-item#UgoNavMenuItem.e-select.e-active > .e-acrdn-header,
    .e-accordion#UgoNavMenu .e-acrdn-item#UgoNavMenuItem.e-select.e-item-focus > .e-acrdn-header {
        background-color: var(--accordionselecteditemcolor) !important;
    }

.e-card .e-card-header .e-card-header-image {
    height: 3em;
    width: 3em;
    margin-right: 0.25em;
}

.e-card .e-card-header .e-card-header-caption .e-card-header-title {
    font-size: large;
    font-weight: bold;
}

.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
    padding: unset;
}