.indeterminate-progress-bar {
    /* Color */
    background-color: #d1d5db;

    /* Rounded border */
    border-radius: 9999px;

    /* Size */
    height: 0.5rem;

    position: relative;
    overflow: hidden;
}

.indeterminate-progress-bar__progress {
    /* Color */
    background-color: #3b82f6;

    /* Rounded border */
    border-radius: 9999px;

    /* Absolute position */
    position: absolute;
    bottom: 0;
    top: 0;
    width: 50%;

    /* Move the bar infinitely */
    animation-duration: 1.7s;
    animation-iteration-count: infinite;
    animation-name: indeterminate-progress-bar;
}

@keyframes indeterminate-progress-bar {
    from {
        left: -50%;
    }
    to {
        left: 100%;
    }
}


.btn-generate {
    color: #fff;
    background-color: #0495c9;
}
.btn-generate:hover, .btn-generate:focus, .btn-generate:active, .btn-generate.active, .open>.dropdown-toggle.btn-generate {
    color: #fff;
    background-color: #00b3db;
}

.navbar-icon-designer{
    height: auto;
    width: auto;
    max-height: 35px;
    max-width: 35px;
}