.modal-enter-active, .modal-leave-active {transition: all .5s;}
.modal-enter, .modal-leave-to {transform: translateY(-1000px);}

.fade-enter-active {animation: .75s fade forwards;}
.fade-leave-active {animation: .75s fade reverse;}
.fade-enter, .fade-leave-to {opacity: 0;}
@keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: .5;
    }
}

.modal {
    display: block;
}

.no-selection {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.country {
    background-color: rgb(220, 151, 60);
}
.country:hover {
    background-color: rgb(184, 122, 41);
}
.regions {
    background-color: rgb(233, 181, 114);
}
.regions:hover {
    background-color: rgb(212, 161, 94);
}
.cities {
    background-color: rgb(237, 205, 163);
}
.cities:hover {
    background-color: rgb(237, 200, 152);
    
}
.bg-top-bar {background-color: #3b4841;}

#toaster {position: fixed; bottom: 20px; right: 20px; width: 250px; z-index: 2000;}
body {
    background-color: #3b4841;
}
.pointer{
    cursor: pointer;
}