@keyframes hidePreloader {
    0% {
        width: 100%;
        height: 100%;
    }

    100% {
        width: 0;
        height: 0;
    }
}

body > div.preloader {
    position: fixed;
    background: white;
    width: 100%;
    height: 100%;
    z-index: 1071;
    opacity: 0;
    transition: opacity .5s ease;
    overflow: hidden;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

body:not(.loaded) > div.preloader {
    opacity: 1;
}

body:not(.loaded) {
    overflow: hidden;
}

body.loaded > div.preloader {
    animation: hidePreloader .5s linear .5s forwards;
}


.error {
    color: #f25767;
    font-size: small;
}

.bord {
    border-color: #f25767;
}

.colum-hed {
    display: flex;
    flex-direction: row;
}

@media (max-width: 991.98px){
    .colum-hed {
        display: flex;
        flex-direction: column;
    }
}

.up-img {
    text-align: center;
    margin-top: 20px;
    display: none;
}

.remove-class {
    margin-left: 10px;
}

.size-er {
    display: none;
}

.img-remove {
    cursor: pointer;
}

.qsAs-img {
    border-radius: .375rem !important;
    max-width: 600px;
    max-height: 300px;
}

@media (max-width: 767px) {
    .qsAs-img {
        width: 300px;
        height: 150px;
    }
}

.remove-file {
    margin-top: 8px;
}

.qs-error {
    color: #f25767;
    font-size: initial;
}

.photo-dis {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

    .photo-dis .inner {
        margin-right: 10px;
    }

@media (max-width: 767px) {
    .photo-dis {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

        .photo-dis .inner {
            margin-top: 10px;
        }
}


.editeditDiv {
    max-width: 100px;
}

.arrowUp {
    background-color: #00000078;
}

.arrowDown {
    background-color: #00000078;
}