@media (min-width: 1200px) {
    .navbar-brand {
        font-size: 1.8rem;
    }
}

.hidden {
    display: none;
}

.blind {
    opacity: 0;
}

#back-button {
    float: left;
    background-color: transparent;
    border: none;
    text-decoration: none;
    color: white;
    font-size: 2rem;
}

/* .back::before {
    font-family: "Font Awesome 5 Free";
    content: "\f0a8";
    color: white;
    font-weight: 900;
    font-size: 2rem;
    cursor: pointer;
} */

.bg-success-gradient {
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(2,184,117,1) 0%, rgba(184,235,216,1) 50%, rgba(255,255,255,1) 100%);
}

.bg-primary-gradient {
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(2,184,117,1) 0%, rgba(69,130,236,1) 0%, rgba(255,255,255,1) 80%);
}

.bg-danger-gradient {
    background: rgb(217,83,79);
    background: linear-gradient(90deg, rgba(217,83,79,1) 0%, rgba(255,255,255,1) 89%);
}

.table-head-process {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

#load {
    display: block;
    margin: 0 auto;
}

#process {
    position: fixed;
    top: 0;
    right: 0;
    width: 515px;
    height: 700px;
    overflow-y: scroll;
    border-radius: 3px;
    box-shadow: 0 0 12px #999;
    color: #fff;
    opacity: .9;

    margin: 10px;
    padding: 10px;
    font-size: 20px;
}

.export-works {
    background-color: #51a351;
}

.export-failed {
    background-color: tomato;
}

#process-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

#close-process-message {
    cursor: pointer;
    float: right;
}

#messages {
    list-style: none;
}

#process li {
    padding-bottom: 10px;
}

#process li:first-child {
    padding-top: 10px;
    text-decoration: underline;
}

#process li:last-child {
    padding-bottom: 0;
}

.underline {
    text-decoration: underline;
}

/** SPINNER AND ICON  OK **/


#wrap-spin {
    position: relative;
    margin-right: 50px;

    opacity: .9;

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

#icon-ok,
#icon-failed {
    font-size: 70px;
}

/* @keyframes spinner {
    0% {
        transform: translate3d(-50%, -50%, 0) rotate(0deg);
    }

    100% {
        transform: translate3d(-50%, -50%, 0) rotate(360deg);
    }
}

.spin::before {
    animation: 1.5s linear infinite spinner;
    animation-play-state: inherit;
    border: solid 5px #cfd0d1;
    border-bottom-color: #1c87c9;
    border-radius: 50%;
    content: "";
    height: 40px;
    width: 40px;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate3d(-50%, -50%, 0);
    will-change: transform;
} */