@media screen {

    body {
        font-family: Comfortaa, sans-serif;
    }

    h1{
        margin-top: 0.5rem;
    }

    h2{
        margin-bottom: 0.5rem;
    }

    hr.solid {
      border-top: 5px solid #bbb;
    }

    .tab-pane{
        padding-top: 15px;
    }

    .messages {
      clear:both;
      padding-top:20px;
    }

    .error {
        color: red;
        background-color: rgba(255, 0, 0, 0.15);
        border-color:red
    }

    /* Used to hide delete buttons on lists*/
    .transparent-button {
        padding: 0;
        border: none;
        background: none;
    }

    .page-number {
        color: #d64161;
        padding: 5px;
        text-decoration: none;
    }

    .current-page-number {
        color: #666;
        padding: 5px;
    }

    /* How do I change select2 box height
    https://stackoverflow.com/questions/14824676/how-do-i-change-select2-box-height*/

    .select2-selection__rendered {
        line-height: 39px !important;
        border-color: #ced4da;
    }
    .select2-container .select2-selection--single {
        height: 39px !important;
        border-color: #ced4da;
    }
    .select2-selection__arrow {
        height: 39px !important;
        border-color: #ced4da;
    }
    .print-only {
        display: none;
    }

    .blink-me {
        animation: blinker 2s ease-in infinite;
    }

    .blink-me:hover {
        animation: none;
    }

    @keyframes blinker {
      50% {
        opacity: 0;
      }

}

}

@media print {

    header nav, footer, .btn, .navbar-toggler, .navbar-brand, .navbar-nav, .mr-auto, .do-not-print {
        display: none;
    }

    html, body {
        height: 99%;
    }

    .page-break {
        page-break-after: always;
    }
}