/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

.droparea, .root-droparea {
    min-height: 25vh;
    cursor: pointer;
}

.droparea:hover, .root-droparea:hover {
    background-color: #1d3a5f !important;
}

.pointer {
    cursor: pointer;
}

.modal-card {
    background-color: #0b1a2b !important;
}

.hidden {
    display: none;
    opacity: 0;
}

.accordion-body {
    background-color: #12263f !important;
}

@keyframes loading {
    0% { transform: translate(12px,80px) scale(0); }
    25% { transform: translate(12px,80px) scale(0); }
    50% { transform: translate(12px,80px) scale(1); }
    75% { transform: translate(80px,80px) scale(1); }
    100% { transform: translate(148px,80px) scale(1); }
}
@keyframes loading-r {
    0% { transform: translate(148px,80px) scale(1); }
    100% { transform: translate(148px,80px) scale(0); }
}
@keyframes loading-c {
    0% { background: #ffffff }
    25% { background: #ffffff }
    50% { background: #ffffff }
    75% { background: #ffffff }
    100% { background: #ffffff }
}
.loading div {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transform: translate(80px,80px) scale(1);
    background: #ffffff;
    animation: loading 3.7037037037037033s infinite cubic-bezier(0,0.5,0.5,1);
}
.loading div:nth-child(1) {
    background: #ffffff;
    transform: translate(148px,80px) scale(1);
    animation: loading-r 0.9259259259259258s infinite cubic-bezier(0,0.5,0.5,1), loading-c 3.7037037037037033s infinite step-start;
}.loading div:nth-child(2) {
     animation-delay: -0.9259259259259258s;
     background: #ffffff;
 }.loading div:nth-child(3) {
      animation-delay: -1.8518518518518516s;
      background: #ffffff;
  }.loading div:nth-child(4) {
       animation-delay: -2.7777777777777777s;
       background: #ffffff;
   }.loading div:nth-child(5) {
        animation-delay: -3.7037037037037033s;
        background: #ffffff;
    }
.loading-container {
    width: 200px;
    height: 200px;
    display: inline-block;
    overflow: hidden;
    background: none;
}
.loading {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0; /* see note above */
}
.loading div { box-sizing: content-box; }
/* [ldio] generated by https://loading.io */