/* app css stylesheet */

.menu {
    list-style: none;
    border-bottom: 0.1em solid black;
    margin-bottom: 2em;
    padding: 0 0 0.5em;
}

.menu:before {
    content: "[";
}

.menu:after {
    content: "]";
}

.menu > li {
    display: inline;
}

.menu > li + li:before {
    content: "|";
    padding-right: 0.3em;
}

a.control-label {
    cursor: pointer;
}

.bg-blue1 {
    background: #BADFF5 !important;
}

.bg-blue2 {
    background: #AFDAF4 !important;
}

.bg-blue3 {
    background: #A4D5F2 !important;
}

.bg-blue4 {
    background: #98D0F1 !important;
}

.bg-blue5 {
    background: #8DCBEF !important;
}

.bg-blue6 {
    background: #82C6EE !important;
}

.bg-blue7 {
    background: #77B4D9 !important;
}

.bg-blue8 {
    background: #6BA3C3 !important;
}

.bg-blue9 {
    background: #5F91AE !important;
}

.bg-blue10 {
    background: #537F93 !important;
}

.bg-blue11 {
    background: #476C82 !important;
}

.bg-blue12 {
    background: #3C5A6D !important;
}

.bg-blue13 {
    background: #304857 !important;
}

.bg-blue14 {
    background: #243641 !important;
}

.pre-line {
    white-space: pre-line;
}

.paper {
    background: #fff;
    padding: 30px;
    position: relative;
}

.paper,
.paper::before,
.paper::after {
    /* Styles to distinguish sheets from one another */
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
    border: 1px solid #bbb;
}

.paper::before,
.paper::after {
    content: "";
    position: absolute;
    height: 95%;
    width: 99%;
    background-color: #eee;
}

.paper::before {
    right: 15px;
    top: 0;
    transform: rotate(-1deg);
    z-index: -1;
}

.paper::after {
    top: 5px;
    right: -5px;
    transform: rotate(1deg);
    z-index: -2;
}


@media (max-width: 480px) {
    .hide-in-mobile {
        display: none !important;
    }

    .show-in-mobile {
        display: block !important;
    }
}