:root{--main-color-orange: #F48C09;}
@-webkit-keyframes "load7" { 0%, 80%, 100% {box-shadow: 0 2.5em 0 -1.3em;} 40% {box-shadow: 0 2.5em 0 0;} }
@keyframes "load7" { 0%, 80%, 100% {box-shadow: 0 2.5em 0 -1.3em;} 40% {box-shadow: 0 2.5em 0 0;} }
.image-upload-loader {border-radius: 50%;width: 10px;height: 10px;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation: load7 1.5s infinite ease-in-out;animation: load7 1.5s infinite ease-in-out;
    color: var(--main-color-orange);font-size: 10px;margin: 14px auto 48px auto;position: relative;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation-delay: -0.7s;animation-delay: -0.7s;}
.image-upload-loader:before {border-radius: 50%;width: 10px;height: 10px;-webkit-animation-fill-mode: both;animation-fill-mode: both;
    -webkit-animation: load7 1.5s infinite ease-in-out;animation: load7 1.5s infinite ease-in-out;content: '';position: absolute;top: 0;left: -30px;-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.image-upload-loader:after {border-radius: 50%;width: 10px;height: 10px;-webkit-animation-fill-mode: both;animation-fill-mode: both;
    -webkit-animation: load7 1.5s infinite ease-in-out;animation: load7 1.5s infinite ease-in-out;content: '';position: absolute;top: 0;left: 30px;-webkit-animation-delay: -0.5s;animation-delay: -0.5s;}
#loading .card-logo {padding: 0% 14% 0 14%;}
.card-logo {display: flex;justify-content: center;padding: 3% 15% 0 11%;}
.card-logo > img {width: 65%;height: 100%;}
#loading {
    position: fixed;
    z-index: 1000000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 240px;
    height: 212px;
}
.modal-content-loading {box-shadow: 0 0 16px -10px lightgrey;border: none;}