#welcome {
    background-image: none;
    background: rgba(0, 137, 55, 0.8);
    background-color: rgba(0, 137, 55, 0.8);
}

#welcome,
#login {
    overflow: auto;
}

.welcome-area .header-text p {
    color: #888;
}

#preloader .jumper {
    width: 200px;
    height: 250px;
}

.jumper>img {
    left: 0;
    right: 0;
    margin: auto;
    z-index: 99;
    max-height: 200px;
}

a {
    color: #008b35;
}

.card-body {
    background: #fff;
    border-radius: 20px;
}

.container-logo {
    text-align: center;
    margin: 0 auto;
    background: transparent;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
    width: 100%;
    display: flex;
}

.container-logo>img {
    margin: 10px 0;
}

.btn-primary {
    background-color: #008b35 !important;
    border: 2px solid #008b35;
}

.btn-info {
    background-color: #008b35 !important;
}

.form-control:focus {
    color: #008b35;
    border-color: #008b35;
    box-shadow: 0 0 0 0.2rem rgb(0 139 53 / 25%);
}

#preloader {
    background-image: none;
    background: rgba(0, 0, 0, .95);
}

label {
    color: #009688;
}

.grey-text {
    color: #000;
}

.md-form .prefix.active {
    color: #000;
}

.md-form label {
    color: #000;
}

.md-form input:not([type]):focus:not([readonly]),
.md-form input[type=text]:not(.browser-default):focus:not([readonly]),
.md-form input[type=password]:not(.browser-default):focus:not([readonly]),
.md-form input[type=email]:not(.browser-default):focus:not([readonly]),
.md-form input[type=url]:not(.browser-default):focus:not([readonly]),
.md-form input[type=time]:not(.browser-default):focus:not([readonly]),
.md-form input[type=date]:not(.browser-default):focus:not([readonly]),
.md-form input[type=datetime]:not(.browser-default):focus:not([readonly]),
.md-form input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
.md-form input[type=tel]:not(.browser-default):focus:not([readonly]),
.md-form input[type=number]:not(.browser-default):focus:not([readonly]),
.md-form input[type=search]:not(.browser-default):focus:not([readonly]),
.md-form input[type=search-md]:focus:not([readonly]),
.md-form textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #000;
}

.md-form input:not([type]):focus:not([readonly])+label,
.md-form input[type=text]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=password]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=email]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=url]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=time]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=date]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=datetime]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=tel]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=number]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=search]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type=search-md]:focus:not([readonly])+label,
.md-form textarea.md-textarea:focus:not([readonly])+label {
    color: #000;
}

.md-form input:not([type]),
.md-form input[type=text]:not(.browser-default),
.md-form input[type=password]:not(.browser-default),
.md-form input[type=email]:not(.browser-default),
.md-form input[type=url]:not(.browser-default),
.md-form input[type=time]:not(.browser-default),
.md-form input[type=date]:not(.browser-default),
.md-form input[type=datetime]:not(.browser-default),
.md-form input[type=datetime-local]:not(.browser-default),
.md-form input[type=tel]:not(.browser-default),
.md-form input[type=number]:not(.browser-default),
.md-form input[type=search]:not(.browser-default),
.md-form input[type=search-md],
.md-form textarea.md-textarea {
    border-bottom: 1px solid #009688;
}

a:hover {
    color: #2db260;
}

#formlogin .alert.alert-danger {
    color: #ff0000;
    border-radius: 5px;
    border: 1px solid red;
    background-color: rgb(230 230 230 / 60%);
}

.card-signin {
    background-color: #FAD755;
    width: 100%;
}

.card-signin .btn.btn-lg {
    padding: 10px 20px;
    font-size: 0.94rem;
    border-radius: 2px;
}

.card .card-body h3,
.card .card-body h4,
.card .card-body h5,
.card .card-body h6 {
    font-weight: 500;
    color: #000;
}

.form-control {
    color: #000 !important;
}


/******/

.router-link-active {
    color: red;
}

.fade-enter {
    opacity: 0;
}

.fade-enter-active {
    transition: opacity 0.3s ease;
}

.fade-leave {}

.fade-leave-active {
    transition: all 0.3s ease;
    opacity: 0;
    transform: scale(0.8);
}

input::-ms-reveal {
    display: none;
}

.btn-show-pass {
    position: absolute;
    right: 0px;
    z-index: 5;
}

.btn.btn-show-pass:focus {
    outline: 0;
    box-shadow: none;
}