.loader {
    width: 100%;
    margin: 0 auto;
    border-radius: 10px;
    border: 10px solid transparent;
    position: relative;
    padding: 1px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

    .loader:before {
        content: '';
        border: 2px solid #2869B2;
        border-radius: 10px;
        position: absolute;
        top: -10px;
        right: -10px;
        bottom: -10px;
        left: -10px;
    }

    .loader .loaderBar {
        position: absolute;
        border-radius: 10px;
        top: -3px;
        right: 100%;
        bottom: 0;
        left: 0;
        background: #2869B2;
        width: 0;
        height: 7px;
        animation: loadingbar 2s linear infinite;
    }

@keyframes loadingbar {
    0% {
        left: 0%;
        right: 100%;
        width: 0%;
    }

    25% {
        left: 0%;
        right: 75%;
        width: 25%;
    }

    75% {
        right: 0%;
        left: 75%;
        width: 25%;
    }

    100% {
        left: 100%;
        right: 0%;
        width: 0%;
    }
}

.modal-title {
    margin-top: 0;
}

select {
    margin: 0;
}

.field {
    margin-top: 15px;
}

    .field:first-of-type {
        margin-top: 0;
    }

    .field .field-title {
        margin: 0px 0px 5px 0px;
        font-weight: bold;
    }