:root {

    --sidebarPush: 300px;
    --robotoCondensed: 'Roboto Condensed', sans-serif;
    --deepRed: #dd2c00;
    --grayLight1: #9e9e9e;
}


@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&family=Roboto:wght@300;500;700&display=swap');

.noShadow {
    box-shadow: none;
}

.sidebarCenter {
    flex-flow: column nowrap;
    justify-content: center;
}
a.filepond--credits {display: none;}

.dz-default.dz-message {
    border: 1px dotted red;
    background: #f1f1f1;
    padding: 3rem;
}

.black-transparent {
    background: rgba(0, 0, 0, 0.85);
    color: white;
}

/**progressBar**/
#uploader {
    -webkit-appearance: none;
    appearance: none;
    width: 50%;
    margin-bottom: 10px;
}

.transitionToLight {
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    opacity: 0.1;
}

/**fadeIn**/
.fadeIn {
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s; /* Firefox < 16 */
     -ms-animation: fadein 1s; /* Internet Explorer */
      -o-animation: fadein 1s; /* Opera < 12.1 */
         animation: fadein 1s;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}