.login-container {
    /* height: 100vh;
    width: 100vw;
    background: linear-gradient(to left bottom, #e9e9e9, #ebebeb, #d6d6d6, #b1b1b1, #505050);*/
}

.btn-outline-blue:hover{
    transition: 0.1s;
}

.g-card {
    border-radius: 10px;
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 13px 24px -16px rgba(9, 9, 16, 0.2) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow), var(--tw-shadow) !important;
}

/* Input with icon */
.has-icon-left .form-control {
    padding-left: 22.5rem;
}

.g-text {
    color: #595959;
    font-weight: bolder;
}

.form-control-position {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 3.2rem;
    text-align: center;
}

.has-icon-left .form-control-position {
    right: auto;
    left: inherit;
}

input .form-control, select.form-control {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.form-control:focus {
    border-bottom-color: #00BCD4;
    -webkit-box-shadow: inset 0 0 0 -1px #00BCD4;
    box-shadow: inset 0 0 0 -1px #00BCD4;
}

fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0;
}

input.form-control, select.form-control {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .3);
}

.position-relative {
    position: relative !important;
}


/* Input Icon left */
.has-icon-left .form-control {
    padding-right: 1rem;
    padding-left: -webkit-calc(1.25em + 1.5rem + 2px);
    padding-left: -moz-calc(1.25em + 1.5rem + 2px);
    padding-left: calc(1.25em + 1.5rem + 2px);
}

.has-icon-left .form-control.input-xl {
    padding-right: 0.5rem;
    padding-left: 3.55rem;
}

.has-icon-left .form-control.input-lg {
    padding-right: 1.25rem;
    padding-left: -webkit-calc(1.25em + 2rem + 2px);
    padding-left: -moz-calc(1.25em + 2rem + 2px);
    padding-left: calc(1.25em + 2rem + 2px);
}

.has-icon-left .form-control.input-sm {
    padding-right: 0.75rem;
    padding-left: 1.7rem;
}

.has-icon-left .form-control.input-xs {
    padding-right: 0.275rem;
    padding-left: 1.525rem;
}

.has-icon-left .form-control-position {
    right: auto;
    left: inherit;
}

.btn-social{
    height: 2.4rem;
    font-size: 12px;
}

#sm-name {
    font-family: "Russo One", sans-serif;
    width: 100%;
    height: 100%;
}
svg text {
    font-weight: 900;
    text-transform: uppercase;
    animation: stroke 3s alternate;
    stroke-width: 2;
    stroke: rgba(72, 138, 204, 1);
    fill: rgba(72, 138, 204, 1);
    font-size: 140px;
}
@keyframes stroke {
    0% {
        fill: rgba(72, 138, 20, 0);
        stroke: rgba(54, 95, 160, 1);
        stroke-dashoffset: 25%;
        stroke-dasharray: 0 50%;
        stroke-width: 2;
    }
    70% {
        fill: rgba(72, 138, 20, 0);
        stroke: rgba(54, 95, 160, 1);
    }
    80% {
        fill: rgba(72, 138, 20, 0);
        stroke: rgba(54, 95, 160, 1);
        stroke-width: 3;
    }
    100% {
        fill: rgba(72, 138, 204, 1);
        stroke: rgba(72, 138, 204, 1);
        stroke-dashoffset: -25%;
        stroke-dasharray: 50% 0;
        stroke-width: 3;
    }
}

/*
.login-container {
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    height:calc(100vh + 200px);
    background-size: cover;
    background: #e9e9e9;
}
*/









/*
svg {
    filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));
}*/