@font-face {
    font-family: 'Roboto-Regular';
    src: url('font/Roboto-Regular.ttf') format('opentype');
}

html * {
    font-family: "Roboto-Regular", san-serif;
}

div.rowfull {
    max-width: 100%;
}

.small-0, .medium-0, .large-0 {
    width: 0%;
}

button:hover, button:focus, .button:hover, .button:focus {
    background-color: var(--bs05-dpurple);
    border-color: var(--bs05-dpurple);
    color: var(--bs04-white);
    outline-style: none;
}

button, .button {
    background-color: var(--bs05-dpurple);
    border-color: var(--bs05-dpurple);
    color: var(--bs04-white);
    transition: background-color 150ms ease-out 0s;
}

button.disabled, button[disabled], .button.disabled, .button[disabled] {
    background-color: var(--bs05-dpurple);
    border-color: var(--bs05-dpurple);
    color: var(--bs04-white);
    opacity: 0.25;
}

button.radius, .button.radius {
    border-radius: 2px;
}

button:hover, .button:hover {
    background-color: var(--bs07-hpurple);
    border-color: var(--bs07-hpurple);
    color: var(--bs01-dgrey);
}

button:active, .button:active {
    background-color: var(--bs06-lpurple);
    border-color: var(--bs06-lpurple);
    color: var(--bs01-dgrey);
}

button.tri, .button.tri {
    font-size: 1rem;
    margin: 0.5rem 0 0 0;
    padding: 0.35rem .6rem;
}

/* fix for issue TMOB-313 */
ul.pagination li:hover a, ul.pagination li a:focus, ul.pagination li:hover button, ul.pagination li button:focus {
    background: rgba(255, 255, 255, 0.2);
}

textarea#text-source {
    padding: 0;
    font-size: 75%;
    color: #000;
}

a {
    color: var(--bs05-dpurple);
}

.tri-form a {
    text-decoration: underline;
}

a:hover, a:focus {
    color: var(--bs01-dgrey);
}

label {
    color: var(--bs01-dgrey);
    margin-top: .25em;
    font-size: 75%;
}

/*@media only screen and (max-width: 40em) {*/
/*    .ngdialog.ngdialog-theme-default .ngdialog-content {*/
/*        max-width: 90%;*/
/*    }*/
/*}*/