/* Tone down the basic buttons/links */
a { color: #005cbf;}
a:hover { color: #005cbf; }
.btn-primary { background-color: #005cbf; border-color: #005cbf; }
.btn-primary:hover { background-color: #007fff; }
/* Make green buttons lighten up on hover */
.btn-success { background-color: #227722; border-color: #227722; }
.btn-success:not(:disabled):hover { background-color: #44bb44; border-color: #44bb44; }
.btn-success:focus { background-color: #44bb44; border-color: #44bb44;}
.btn-success:active { background-color: #44bb44; border-color: #44bb44; }
/* Make the box shadow around green (export) buttons grey and semi-transparent */
.btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(180,180,180,.3)}
.btn-success:not(:disabled):not(.disabled).active:focus,.show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(180,180,180,.3) }
/* Town down the warning colors (yellow items) */
.list-group-item-warning { background-color: #fcf8e3; }
.progress-bar.bg-warning { background-color: #f0ad4e !important; }
.btn-warning { background-color: #f5cc00; border-color: #f5cc00; }
.btn-warning:not(:disabled):hover { background-color: #ffe037; border-color: #ffe037; }
.btn-warning:focus { background-color: #ffe037; border-color: #ffe037;}
.btn-warning:active { background-color: #ffe037; border-color: #ffe037; }
/* Make the box shadow around green (export) buttons grey and semi-transparent */
.btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(180,180,180,.3)}
.btn-success:not(:disabled):not(.disabled).active:focus,.show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(180,180,180,.3) }
/* Give dropdown links a grey background */
.dropdown-menu > a:hover { background-color: #dedede;}
div.collapse > a:hover { background-color: #dedede; }

.height-35 {
    max-height: 35vh;
    min-height: 25vh;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

/* .close {display: none;}*/

.main {
    /* Main content area */
}

#toaster {
    position: fixed;
    top: 4.25rem;
    right: 1rem;
}

.modal-content {
    border: 1px solid grey;
}

.modal.modal-wide .modal-dialog {
     width: 90%;
 }

.modal-wide .modal-body {
    overflow-y: auto;
}

.drop-area {
    border: 2px dashed grey;
    padding: 2px;
    min-height: 100px;
}

.cursor-pointer {
    cursor: pointer;
}

.only-collapsed { display: none; }
.collapsed .only-collapsed { display: inline; }
.collapsed .only-expanded { display: none; }

.list-group > a.disabled {
    color: #999999;
}
.list-group > a.disabled:hover,
.list-group > a.disabled:focus {
    color: #999999;
    text-decoration: none;
    cursor: not-allowed;
}

/* Modal over modal - grey out background modal */
/*.modal:nth-of-type(even) {
    z-index: 1052 !important;
}
.modal-backdrop.show:nth-of-type(even) {
    z-index: 1051 !important;
}*/

@font-face {
    font-family: american_mortar;
    src: url('/static/fonts/AmericanMortar.ttf');
}

.lms {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

.trails {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

.text-strike {
    text-decoration: line-through;
}

.ratio{position:relative;width:100%}
.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}
.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}
.ratio-1x1{--bs-aspect-ratio:100%}
.ratio-4x3{--bs-aspect-ratio:calc(3 / 4 * 100%)}
.ratio-16x9{--bs-aspect-ratio:calc(9 / 16 * 100%)}
.ratio-21x9{--bs-aspect-ratio:calc(9 / 21 * 100%)}