/* open-sans-regular - latin */
@font-face {
    font-family: "Open Sans";
    font-style: "normal";
    font-weight: 400;
    src: local(""),
        url("../fonts/open-sans-v27-latin-regular.woff2") format("woff2"),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url("../fonts/open-sans-v27-latin-regular.woff") format("woff");
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body {
    font-family: "Open Sans";
    font-weight: normal;
    font-style: normal;
}

.wip_banner {
    background-color: #eee;
    text-align: center;
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    margin-bottom: 25px;
}

.wip_banner>p {
    margin: 0;
    font-weight: bold;
}

#trialog_logo {
    height: 50px;
}

/* HELPERS */
.hidden {
    display: none;
}

.w-fit-content {
    width: fit-content;
}

.w-initial {
    width: initial;
}

/* bootstrap addon */


.flashed-messages {
    word-break: break-word;
}

/* ALERT POPUP */
.alert_popup {
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    display: inline-block;
    font-size: 14px;
    padding: 0.8rem 1.4rem;
    position: absolute;
    top: 0;
    right: 20px;
    transition: all 0.5s ease-in-out;
    transform-origin: left top;
    transform: scaleY(1);
    z-index: 3;
}

/* Theme */
.navbar .bi {
    width: 1em;
    height: 1em;
}

.bi {
    fill: currentcolor;
}

.bi {
    display: inline-block;
    /* vertical-align: -.125em; */
    fill: currentcolor;
}