*.icon-white {color: white}
*.icon-silver {color: silver}
*.icon-green {color: green}
*.icon-dark {color: gray}
*.icon-red {color: red}

@media screen and (max-width: 740px) {
    /* small screen */
    div.full-details {
        display: none;
    }

    div.less-details {
        display: block;
    }

    div.full-filter {
        display: none;
    }

    div.less-filter {
        display: block;
    }
}

@media screen and (min-width: 740px) and (max-width: 1024px) {
    /* medium screen */
    div.full-details {
        display: block;
    }

    div.less-details {
        display: none;
    }

    div.full-filter {
        display: block;
    }

    div.less-filter {
        display: none;
    }

    .hideable-column {
        display: none;
    }
}

@media screen and (min-width: 1024px) {
    /* large screen */
    div.less-details {
        display: none;
    }

    div.less-filter {
        display: none;
    }

    .hideable-column {
        display: table-cell;
    }
}

html,
body {
    height: 100%;
}

.form-signin {
    max-width: 450px;
    padding: 1rem;
}

.form-signin .form-floating:focus-within {
    z-index: 2;
}

.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}