html {
    overflow-y: auto;
}

.swal2-popup.swal2-toast {
    font-family: sans-serif;
}

.group.input-group-button-custom input {
    padding-right: 50px;
}

.group.input-group-button-custom a {
    position: absolute;
    right: 0px;
    top: 0;
}

.pointer {
    cursor: pointer;
}

i.v-icon.notranslate.mdi.mdi-lock.theme--light,
i.v-icon.notranslate.mdi.mdi-account.theme--light {
    font-size: 2rem;
}


/* .v-input__append-inner {
    position: absolute;
    right: 0;
} */

.txtPassword {
    -webkit-text-security: disc;
}

.v-application .primary.custom {
    background-color: #00b5e3 !important;
    border-color: #00b5e3 !important;
}

.custom .v-application .primary {
    background-color: #00b5e3 !important;
    border-color: #00b5e3 !important;
}

.custom .v-application .primary--text {
    color: #00b5e3 !important;
    caret-color: #00b5e3 !important;
}

.custom .v-application a {
    color: #007490;
}

.btn-secondary {
    color: #fff;
    background-color: #003962;
    border-color: #003962;
}

button:focus {
    outline: none;
}

.v-application--is-ltr .v-chip .v-avatar--left,
.v-application--is-ltr .v-chip .v-icon--left {
    margin-left: -6px;
    margin-right: 6px;
}

.theme--light.v-application {
    background: transparent !important;
}

.container {
    padding: 0px;
}

.login-bg-card {
    background: linear-gradient(125deg, rgb(255 255 255)50%, rgb(255 255 255 / 0%) 50%), linear-gradient(92deg, rgb(255 246 246)50%, rgb(255 246 246)52%);
}

.no-underline {
    text-decoration: none;
}


/* .v-input__control .v-input__append-inner{
    padding-right: 15px;
} */

.mdi-30px {
    font-size: 30px !important;
}

@keyframes a {
    0% {
        transform: translateX(-10px)
    }
    50% {
        transform: translateX(10px)
    }
    to {
        transform: translateX(-10px)
    }
}

.dav {
    animation: a 1s infinite;
    background: #00b5e4;
    background: linear-gradient(0deg, rgb(0, 181, 228), rgb(0, 181, 228));
    position: absolute;
    transition: .5s ease-out;
    overflow: hidden;
    border-radius: 20%;
    opacity: .1;
}

.dav.davs1 {
    animation: a 4s infinite;
    height: 300px;
    width: 300px;
    left: 3%;
    top: -21%;
}

.dav.davs2 {
    animation: a 6s infinite;
    height: 400px;
    width: 400px;
    right: -5%;
    top: -12%;
}

.dav.davs3 {
    animation: a 5s infinite;
    height: 200px;
    width: 200px;
    left: -5%;
    bottom: 0;
}

.dav.davs4 {
    animation: a 3s infinite;
    width: 300px;
    height: 300px;
    right: -5%;
    bottom: 0;
}

@media (max-width: 767px) {
    .v-sheet.v-card:not(.v-sheet--outlined),
    .login-bg-card {
        background: transparent !important;
    }
    .login-bg {
        background: linear-gradient(125deg, rgb(255 255 255)50%, rgb(255 255 255 / 0%) 50%), linear-gradient(92deg, rgb(255 246 246)50%, rgb(255 246 246)52%);
    }
    .v-application .elevation-24,
    .v-application .elevation-3,
    .v-application .elevation-1 {
        box-shadow: none !important;
    }
}