html, body {
    height: 100%;
    margin: 0;
}

body {
    min-height: 100vh;
    background: #005280;
    background-size: cover;
}

header {
    position: static;
}

#logo {
    max-height: 2rem;
    max-width: 10rem;
}

.pointer-events-none {
    pointer-events: none;
}
.pointer-events-all {
    pointer-events: all;
}

.h-default {
    height: 460px;
}
.h-default-calc {
    padding: 0 .5rem;
    height: calc(460px - 48px - var(--bs-card-spacer-y) * 2);
}

textarea.auto-height {
    overflow: hidden;
    resize: none;
    box-sizing: border-box;
}

.z-max {
    z-index: 9999;
}
.smaller {
    font-size: .75rem;
}

.pt-6 {
    padding-top: 6rem !important;
}

.uppy-Dashboard-files {
    overflow-y: visible !important;
    padding-bottom: 1.5rem !important;
}
.uppy-StatusBar.is-complete {
    display: none !important;
}
.uppy-Dashboard-innerWrap {
    min-height: 100px;
}
.uppy-Dashboard-inner,
.uppy-Dashboard-innerWrap,
.uppy-DashboardContent-bar {
    border-radius: 0 !important;
    border-color: transparent !important;
    background-color: transparent !important;
}
.uppy-Dashboard-Item {
    /*background-color: #ddd;*/
}
.uppy-Dashboard-AddFilesPanel {
    background: #ffffffee !important;
}
.uppy-Dashboard-serviceMsg-icon {
    top: 1.1rem !important;
}
.uppy-Dashboard-serviceMsg-text {
    padding-left: 3rem !important;
}
.uppy-StatusBar {
    background: #d9edff !important;
}

[data-uppy-drag-drop-supported=true] .uppy-Dashboard-AddFiles {
    border: none !important;
}

#up.no-files #drag-drop-area,
#up.no-files .uppy-Root,
#up.no-files .uppy-Dashboard,
#up.no-files .uppy-Dashboard-inner,
#up.no-files .uppy-Dashboard-AddFiles
{
    height: 100% !important;
}


.thin-scroll {
    overflow-y: auto;

    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #bbb transparent;
}

#create_transfer_form_type {
    top: -1.8rem;
}

#create_transfer_form_type .btn-light {
    background-color: transparent !important;
    border: none !important;
    color: #ffffffcc;
}

#create_transfer_form_type .btn-check:checked+.btn, #create_transfer_form_type .btn.active, #create_transfer_form_type .btn.show, #create_transfer_form_type .btn:first-child:active, #create_transfer_form_type :not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color) !important;
    background-color: #fff !important;
    border-color: #fff !important;
}

#up-widget, #up-form {
    width: 280px;
    height: 50vh;
}

#up-form {
    left: 2rem;
    width: calc(280px - 2rem);
    transition: width 500ms ease 250ms, left 500ms ease 250ms, box-shadow 250ms ease;
    overflow: hidden;
    background: #f2f3f5;
}

#up .help-text,
#edit-transfer .help-text {
    font-size: 0.75em;
}

#up.show-panel #up-form {
    left: 280px;
    width: 280px;
    transition: width 500ms ease 250ms, left 500ms ease 250ms, box-shadow 500ms ease 500ms;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#up-widget {
    transition: border-radius 250ms ease 500ms;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#up.show-panel #up-widget {
    transition: border-radius 250ms ease;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

#up.show-panel #toggle-panel {
    border-color: var(--bs-primary);
}

#up.no-transition #up-form,
#up.no-transition #up-widget,
#up.no-transition #up-form *,
#up.no-transition #up-widget * {
    transition: none !important;
}

#up.no-files .hide-no-files {
    display: none !important;
}

.box-shadow-top {
    box-shadow: 0 -5px 10px 0 rgba(0,0,0,0.1)
}


@media (max-width: 575.98px) {
    #up-widget, #up-form {
        width: 100% !important;
        height: auto !important;
        box-shadow: none !important;
    }

    .box-shadow-top {
        box-shadow: none !important;
        border-top: none !important;
    }

    #up-widget, #up.show-panel #up-widget {
        margin-top: .5rem;
        border-radius: var(--bs-border-radius-xl) var(--bs-border-radius-xl) 0 0 !important;
    }

    #up-form {
        position: static !important;
        transition: none !important;

        border-radius: 0 0 var(--bs-border-radius-xl) var(--bs-border-radius-xl) !important;
    }

    #toggle-panel {
        display: none !important;
    }
}


header .navbar {
    backdrop-filter: blur(20px);
    background-color: #212529AA;
}

#panel {
    padding-bottom: 2rem;
    padding-top: 3.8rem !important;
}

@media (max-width: 575.98px) {
    #panel {
        padding-bottom: 0 !important;
    }
    #panel .rounded-4 {
        border-radius: 0 !important;
    }
}

#edit-title input {
    font-size: calc(1.3rem + .6vw) !important;
    font-weight: 500 !important;
    padding-top: .15rem !important;
    padding-bottom: .15rem !important;
}

.list-group.with-arrows .list-group-item-action {
    position: relative;
}
.list-group.with-arrows .list-group-item-action:after {
    content: "›";
    font-size: 2rem;
    position: absolute;
    right: 1rem;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    color: var(--bs-tertiary-color);
}

.inline-list > * {
    display: inline-block;
    line-height: 1rem;
}
.inline-list > .divider:after {
    content: "·";
    display: inline-block;
    margin: 0 .3rem;
    font-size: 2rem;
    vertical-align: text-top;
    color: var(--bs-primary);
}

.accordion-button {
    box-shadow: none !important;
}