﻿.Modal {
    display: none
}

    .Modal.visible {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 99999;
        background: rgba(0,0,0,.6);
        display: flex;
        align-items: flex-start;
        justify-content: center
    }

.locating-drivers {
    margin: auto
}

.Loader {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

    .Loader .Overlay {
        background: hsla(0,0%,100%,.2)
    }

.Loader-Icon {
    background: #3fae2a;
    width: 116px;
    height: 116px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    position: relative
}

    .Loader-Icon .Logo {
        padding: 0 20px
    }

        .Loader-Icon .Logo img {
            width: auto;
            height: 68px
        }

    .Loader-Icon:after {
        content: "";
        width: 94px;
        height: 94px;
        border: 1px dashed #fff;
        position: absolute;
        top: 10px;
        left: 10px;
        border-radius: 100px;
        -webkit-animation: rotating 6s linear infinite;
        animation: rotating 6s linear infinite;
    }

@-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}