:root {
    --bs-facebook: #3b5998;
    --bs-twitter: #1da1f2;
    --bs-google-plus: #dd4b39;
    --bs-instagram: #e1306c;
    --bs-linkedin: #0077b5;
    --bs-github: #cfcde4;
    --bs-dribbble: #ea4c89;
    --bs-pinterest: #cb2027;
    --bs-slack: #4a154b;
    --bs-reddit: #ff4500;
    --bs-youtube: #ff0000;
    --bs-vimeo: #1ab7ea;
}

.authentication-wrapper {
    display: flex;
    flex-basis: 100%;
    min-height: 100vh;
    width: 100%;
}

.authentication-wrapper .authentication-inner {
    width: 100%;
}

.authentication-wrapper.authentication-basic {
    align-items: center;
    justify-content: center;
}

.authentication-wrapper.authentication-basic .card-body {
    padding: 3rem;
}

@media (max-width: 575.98px) {
    .authentication-wrapper.authentication-basic .card-body {
        padding: 2rem;
    }
}

.authentication-wrapper.authentication-cover {
    align-items: flex-start;
}

.authentication-wrapper.authentication-cover .authentication-inner {
    height: 100%;
    margin: auto 0;
}

@media (max-width: 991.98px) {
    .authentication-wrapper.authentication-cover .authentication-inner {
        height: 100vh;
    }
}

.authentication-wrapper.authentication-cover .authentication-inner .auth-cover-bg {
    width: 100%;
    height: 100vh;
    position: relative;
}

.authentication-wrapper.authentication-cover .authentication-inner .auth-cover-bg .auth-illustration {
    max-height: 65%;
    max-width: 65%;
    z-index: 1;
}

.authentication-wrapper.authentication-cover .authentication-inner .platform-bg {
    position: absolute;
    width: 100%;
    bottom: 0%;
    left: 0%;
    height: 35%;
}

.authentication-wrapper.authentication-cover .authentication-inner .auth-multisteps-bg-height {
    height: 100vh;
}

.authentication-wrapper.authentication-cover .authentication-inner .auth-multisteps-bg-height>img:first-child {
    z-index: 1;
}

.authentication-wrapper.authentication-basic .authentication-inner {
    max-width: 460px;
    position: relative;
}

.authentication-wrapper.authentication-basic .authentication-inner:before {
    width: 238px;
    height: 233px;
    content: " ";
    position: absolute;
    top: -35px;
    left: -45px;
    background-image: url("data:image/svg+xml,%3Csvg width='239' height='234' viewBox='0 0 239 234' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='88.5605' y='0.700195' width='149' height='149' rx='19.5' stroke='%237367F0' stroke-opacity='0.16'/%3E%3Crect x='0.621094' y='33.761' width='200' height='200' rx='10' fill='%237367F0' fill-opacity='0.08'/%3E%3C/svg%3E%0A");
}

@media (max-width: 575.98px) {
    .authentication-wrapper.authentication-basic .authentication-inner:before {
        display: none;
    }
}

.authentication-wrapper.authentication-basic .authentication-inner:after {
    width: 180px;
    height: 180px;
    content: " ";
    position: absolute;
    z-index: -1;
    bottom: -30px;
    right: -56px;
    background-image: url("data:image/svg+xml,%3Csvg width='181' height='181' viewBox='0 0 181 181' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.30469' y='1.44312' width='178' height='178' rx='19' stroke='%237367F0' stroke-opacity='0.16' stroke-width='2' stroke-dasharray='8 8'/%3E%3Crect x='22.8047' y='22.9431' width='135' height='135' rx='10' fill='%237367F0' fill-opacity='0.08'/%3E%3C/svg%3E");
}

@media (max-width: 575.98px) {
    .authentication-wrapper.authentication-basic .authentication-inner:after {
        display: none;
    }
}

.authentication-wrapper .auth-input-wrapper .auth-input {
    max-width: 50px;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    font-size: 150%;
}

@media (max-height: 636px) {
    .auth-multisteps-bg-height {
        height: 100% !important;
    }
}

@media (max-width: 575.98px) {
    .authentication-wrapper .auth-input-wrapper .auth-input {
        font-size: 1.125rem;
    }
}

#twoStepsForm .fv-plugins-bootstrap5-row-invalid .form-control {
    border-color: #ff4c51;
    border-width: 2px;
}

@media (max-width: 575.98px) {
    .numeral-mask-wrapper .numeral-mask {
        padding: 0 !important;
    }

    .numeral-mask {
        margin-inline: 1px !important;
    }
}

.light-style .authentication-wrapper .authentication-bg {
    background-color: #fff;
}

.light-style .auth-cover-bg-color {
    background-color: #f8f7fa;
}

.dark-style .authentication-wrapper .authentication-bg {
    background-color: #15192f;
    height: 100vh;
    overflow: auto;
}

.dark-style .auth-cover-bg-color {
    background-color: #25293c;
}

.auth-cover-brand {
    position: absolute;
    z-index: 1;
    inset-block-start: 2.5rem;
    inset-inline-start: 1.5rem;
}

.app-brand {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    overflow: hidden;
    line-height: 1;
    min-height: 1px;
    align-items: center;
}

.authentication-page {
    color: #cfcde4;

}

.divider {
    display: block;
    text-align: center;
    margin: 1rem 0;
    overflow: hidden;
    white-space: nowrap;
}

.divider .divider-text {
    position: relative;
    display: inline-block;
    font-size: 0.9375rem;
    padding: 0rem 1rem;
    color: #cfcde4;
}

.divider .divider-text i {
    font-size: 1.25rem;
}

.divider .divider-text:before,
.divider .divider-text:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 100vw;
    border-top: 1px solid #44485e;
}

.divider .divider-text:before {
    right: 100%;
}

.divider .divider-text:after {
    left: 100%;
}


.input-group-text {
    color: #cfcde4;
    background-color: #15192f;
    border: 1px solid #56596f;
    outline: none;
    cursor: pointer;
}

.form-control {
    color: #cfcde4;
    background-color: #15192f;
    border: 1px solid #56596f;
    outline: none;
}


.btn-primary {
    background-color: #8308d3;
    border-color: #8308d3;
}

.btn-primary:hover {
    background-color: #62089c;
    border-color: #62089c;

}

.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
    background-color: #62089c;
    border-color: #62089c;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
    background-color: #62089c;
    border-color: #62089c;
    box-shadow: 0 0 0 0.25rem #62089c;
}

.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgb(98 8 156);
}




.bg-facebook {
    background-color: #3b5998 !important;
}

a.bg-facebook:hover,
a.bg-facebook:focus {
    background-color: #385590 !important;
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: #3b5998;
}

.bg-label-facebook {
    background-color: #313956 !important;
    color: #3b5998 !important;
}

.bg-label-hover-facebook {
    background-color: #313956 !important;
    color: #3b5998 !important;
}

.bg-label-hover-facebook:hover {
    background-color: #3b5998 !important;
    color: #fff !important;
}

.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: #3b5998;
}

.btn-facebook.btn[class*=btn-]:not([class*=btn-label-]):not([class*=btn-outline-]):not([class*=btn-text-]):not(.btn-icon):not(:disabled):not(.disabled) {
    box-shadow: 0 0.125rem 0.375rem 0 rgba(59, 89, 152, 0.3);
}

.btn-facebook:hover {
    color: #fff !important;
    background-color: #355089 !important;
    border-color: #355089 !important;
}

.btn-check:focus+.btn-facebook,
.btn-facebook:focus,
.btn-facebook.focus {
    color: #fff;
    background-color: #355089;
    border-color: #355089;
}

.btn-check:checked+.btn-facebook,
.btn-check:active+.btn-facebook,
.btn-facebook:active,
.btn-facebook.active,
.btn-facebook.show.dropdown-toggle,
.show>.btn-facebook.dropdown-toggle {
    color: #fff !important;
    background-color: #355089 !important;
    border-color: #355089 !important;
}

.btn-facebook.disabled,
.btn-facebook:disabled {
    color: #fff !important;
    background-color: #3b5998 !important;
    border-color: #3b5998 !important;
}

.btn-group .btn-facebook,
.input-group .btn-facebook {
    border-right: var(--bs-border-width) solid #355089;
    border-left: var(--bs-border-width) solid #355089;
}

.btn-group-vertical .btn-facebook {
    border-top-color: #355089;
    border-bottom-color: #355089;
}

.btn-label-facebook {
    color: #3b5998 !important;
    border-color: transparent !important;
    background: #313956 !important;
}

.btn-label-facebook.waves-effect .waves-ripple {
    background: radial-gradient(rgba(59, 89, 152, 0.2) 0, rgba(59, 89, 152, 0.3) 40%, rgba(59, 89, 152, 0.4) 50%, rgba(59, 89, 152, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.btn-label-facebook:hover {
    border-color: transparent !important;
    background: #323c5c !important;
    color: #3b5998 !important;
}

.btn-label-facebook:focus,
.btn-label-facebook.focus {
    color: #3b5998;
    background: #323c5c;
}

.btn-label-facebook:active,
.btn-label-facebook.active,
.btn-label-facebook.show.dropdown-toggle,
.show>.btn-label-facebook.dropdown-toggle {
    color: #3b5998 !important;
    background-color: #323c5c !important;
    border-color: transparent !important;
}

.btn-label-facebook.disabled,
.btn-label-facebook:disabled {
    color: #3b5998 !important;
    border-color: transparent !important;
    background: #313956 !important;
}

.btn-group .btn-label-facebook,
.input-group .btn-label-facebook {
    border-right: var(--bs-border-width) solid #333f62 !important;
    border-left: var(--bs-border-width) solid #333f62 !important;
}

.btn-group-vertical .btn-label-facebook {
    border-top: var(--bs-border-width) solid #333f62 !important;
    border-bottom: var(--bs-border-width) solid #333f62 !important;
}

.btn-outline-facebook {
    color: #3b5998;
    border-color: #3b5998;
    background: transparent;
}

.btn-outline-facebook.waves-effect .waves-ripple {
    background: radial-gradient(rgba(59, 89, 152, 0.2) 0, rgba(59, 89, 152, 0.3) 40%, rgba(59, 89, 152, 0.4) 50%, rgba(59, 89, 152, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.btn-outline-facebook:hover {
    color: #3b5998 !important;
    background-color: #30364f !important;
    border-color: #3b5998 !important;
}

.btn-check:focus+.btn-outline-facebook,
.btn-outline-facebook:focus {
    color: #3b5998;
    background-color: #30364f;
    border-color: #3b5998;
}

.btn-check:checked+.btn-outline-facebook,
.btn-check:active+.btn-outline-facebook,
.btn-outline-facebook:active,
.btn-outline-facebook.active,
.btn-outline-facebook.dropdown-toggle.show {
    color: #3b5998 !important;
    background-color: #30364f !important;
    border-color: #3b5998 !important;
}

.btn-outline-facebook.disabled,
.btn-outline-facebook:disabled {
    color: #3b5998 !important;
}

.btn-outline-facebook .badge {
    background: #3b5998;
    border-color: #3b5998;
    color: #fff;
}

.btn-outline-facebook:hover .badge,
.btn-outline-facebook:focus:hover .badge,
.btn-outline-facebook:active .badge,
.btn-outline-facebook.active .badge,
.show>.btn-outline-facebook.dropdown-toggle .badge {
    background: #3b5998;
    border-color: #3b5998;
}

.btn-text-facebook {
    color: #3b5998;
}

.btn-text-facebook.waves-effect .waves-ripple {
    background: radial-gradient(rgba(59, 89, 152, 0.2) 0, rgba(59, 89, 152, 0.3) 40%, rgba(59, 89, 152, 0.4) 50%, rgba(59, 89, 152, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.btn-text-facebook:hover {
    border-color: transparent;
    background: #30364f;
    color: #3b5998;
}

.btn-text-facebook:focus,
.btn-text-facebook.focus {
    color: #3b5998;
    background: #30364f;
}

.btn-text-facebook:active,
.btn-text-facebook.active,
.btn-text-facebook.show.dropdown-toggle,
.show>.btn-text-facebook.dropdown-toggle {
    color: #3b5998 !important;
    background: #30364f !important;
    border-color: transparent !important;
}

.btn-text-facebook:disabled,
.btn-text-facebook.disabled {
    color: #3b5998;
}

.btn-group .btn-text-facebook,
.input-group .btn-text-facebook {
    border-right: var(--bs-border-width) solid #3b5998 !important;
    border-left: var(--bs-border-width) solid #3b5998 !important;
}

.btn-group-vertical .btn-text-facebook {
    border-top: var(--bs-border-width) solid #3b5998 !important;
    border-bottom: var(--bs-border-width) solid #3b5998 !important;
}

.bg-twitter {
    background-color: #1da1f2 !important;
}

a.bg-twitter:hover,
a.bg-twitter:focus {
    background-color: #1c99e6 !important;
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: #1da1f2;
}

.bg-label-twitter {
    background-color: #2c4564 !important;
    color: #1da1f2 !important;
}

.bg-label-hover-twitter {
    background-color: #2c4564 !important;
    color: #1da1f2 !important;
}

.bg-label-hover-twitter:hover {
    background-color: #1da1f2 !important;
    color: #fff !important;
}

.btn-twitter {
    color: #fff;
    background-color: #1da1f2;
    border-color: #1da1f2;
}

.btn-twitter.btn[class*=btn-]:not([class*=btn-label-]):not([class*=btn-outline-]):not([class*=btn-text-]):not(.btn-icon):not(:disabled):not(.disabled) {
    box-shadow: 0 0.125rem 0.375rem 0 rgba(29, 161, 242, 0.3);
}

.btn-twitter:hover {
    color: #fff !important;
    background-color: #1a91da !important;
    border-color: #1a91da !important;
}

.btn-check:focus+.btn-twitter,
.btn-twitter:focus,
.btn-twitter.focus {
    color: #fff;
    background-color: #1a91da;
    border-color: #1a91da;
}

.btn-check:checked+.btn-twitter,
.btn-check:active+.btn-twitter,
.btn-twitter:active,
.btn-twitter.active,
.btn-twitter.show.dropdown-toggle,
.show>.btn-twitter.dropdown-toggle {
    color: #fff !important;
    background-color: #1a91da !important;
    border-color: #1a91da !important;
}

.btn-twitter.disabled,
.btn-twitter:disabled {
    color: #fff !important;
    background-color: #1da1f2 !important;
    border-color: #1da1f2 !important;
}

.btn-group .btn-twitter,
.input-group .btn-twitter {
    border-right: var(--bs-border-width) solid #1a91da;
    border-left: var(--bs-border-width) solid #1a91da;
}

.btn-group-vertical .btn-twitter {
    border-top-color: #1a91da;
    border-bottom-color: #1a91da;
}

.btn-label-twitter {
    color: #1da1f2 !important;
    border-color: transparent !important;
    background: #2c4564 !important;
}

.btn-label-twitter.waves-effect .waves-ripple {
    background: radial-gradient(rgba(29, 161, 242, 0.2) 0, rgba(29, 161, 242, 0.3) 40%, rgba(29, 161, 242, 0.4) 50%, rgba(29, 161, 242, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.btn-label-twitter:hover {
    border-color: transparent !important;
    background: #2b4d72 !important;
    color: #1da1f2 !important;
}

.btn-label-twitter:focus,
.btn-label-twitter.focus {
    color: #1da1f2;
    background: #2b4d72;
}

.btn-label-twitter:active,
.btn-label-twitter.active,
.btn-label-twitter.show.dropdown-toggle,
.show>.btn-label-twitter.dropdown-toggle {
    color: #1da1f2 !important;
    background-color: #2b4d72 !important;
    border-color: transparent !important;
}

.btn-label-twitter.disabled,
.btn-label-twitter:disabled {
    color: #1da1f2 !important;
    border-color: transparent !important;
    background: #2c4564 !important;
}

.btn-group .btn-label-twitter,
.input-group .btn-label-twitter {
    border-right: var(--bs-border-width) solid #29567f !important;
    border-left: var(--bs-border-width) solid #29567f !important;
}

.btn-group-vertical .btn-label-twitter {
    border-top: var(--bs-border-width) solid #29567f !important;
    border-bottom: var(--bs-border-width) solid #29567f !important;
}

.btn-outline-twitter {
    color: #1da1f2;
    border-color: #1da1f2;
    background: transparent;
}

.btn-outline-twitter.waves-effect .waves-ripple {
    background: radial-gradient(rgba(29, 161, 242, 0.2) 0, rgba(29, 161, 242, 0.3) 40%, rgba(29, 161, 242, 0.4) 50%, rgba(29, 161, 242, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.btn-outline-twitter:hover {
    color: #1da1f2 !important;
    background-color: #2e3c57 !important;
    border-color: #1da1f2 !important;
}

.btn-check:focus+.btn-outline-twitter,
.btn-outline-twitter:focus {
    color: #1da1f2;
    background-color: #2e3c57;
    border-color: #1da1f2;
}

.btn-check:checked+.btn-outline-twitter,
.btn-check:active+.btn-outline-twitter,
.btn-outline-twitter:active,
.btn-outline-twitter.active,
.btn-outline-twitter.dropdown-toggle.show {
    color: #1da1f2 !important;
    background-color: #2e3c57 !important;
    border-color: #1da1f2 !important;
}

.btn-outline-twitter.disabled,
.btn-outline-twitter:disabled {
    color: #1da1f2 !important;
}

.btn-outline-twitter .badge {
    background: #1da1f2;
    border-color: #1da1f2;
    color: #fff;
}

.btn-outline-twitter:hover .badge,
.btn-outline-twitter:focus:hover .badge,
.btn-outline-twitter:active .badge,
.btn-outline-twitter.active .badge,
.show>.btn-outline-twitter.dropdown-toggle .badge {
    background: #1da1f2;
    border-color: #1da1f2;
}

.btn-text-twitter {
    color: #1da1f2;
}

.btn-text-twitter.waves-effect .waves-ripple {
    background: radial-gradient(rgba(29, 161, 242, 0.2) 0, rgba(29, 161, 242, 0.3) 40%, rgba(29, 161, 242, 0.4) 50%, rgba(29, 161, 242, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.btn-text-twitter:hover {
    border-color: transparent;
    background: #2e3c57;
    color: #1da1f2;
}

.btn-text-twitter:focus,
.btn-text-twitter.focus {
    color: #1da1f2;
    background: #2e3c57;
}

.btn-text-twitter:active,
.btn-text-twitter.active,
.btn-text-twitter.show.dropdown-toggle,
.show>.btn-text-twitter.dropdown-toggle {
    color: #1da1f2 !important;
    background: #2e3c57 !important;
    border-color: transparent !important;
}

.btn-text-twitter:disabled,
.btn-text-twitter.disabled {
    color: #1da1f2;
}

.btn-group .btn-text-twitter,
.input-group .btn-text-twitter {
    border-right: var(--bs-border-width) solid #1da1f2 !important;
    border-left: var(--bs-border-width) solid #1da1f2 !important;
}

.btn-group-vertical .btn-text-twitter {
    border-top: var(--bs-border-width) solid #1da1f2 !important;
    border-bottom: var(--bs-border-width) solid #1da1f2 !important;
}

.bg-google-plus {
    background-color: #dd4b39 !important;
}

a.bg-google-plus:hover,
a.bg-google-plus:focus {
    background-color: #d24736 !important;
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: #dd4b39;
}

.bg-label-google-plus {
    background-color: #4b3746 !important;
    color: #dd4b39 !important;
}

.bg-label-hover-google-plus {
    background-color: #4b3746 !important;
    color: #dd4b39 !important;
}

.bg-label-hover-google-plus:hover {
    background-color: #dd4b39 !important;
    color: #fff !important;
}

.btn-google-plus {
    color: #fff;
    background-color: #dd4b39;
    border-color: #dd4b39;
}

.btn-google-plus.btn[class*=btn-]:not([class*=btn-label-]):not([class*=btn-outline-]):not([class*=btn-text-]):not(.btn-icon):not(:disabled):not(.disabled) {
    box-shadow: 0 0.125rem 0.375rem 0 rgba(221, 75, 57, 0.3);
}

.btn-google-plus:hover {
    color: #fff !important;
    background-color: #c74433 !important;
    border-color: #c74433 !important;
}

.btn-check:focus+.btn-google-plus,
.btn-google-plus:focus,
.btn-google-plus.focus {
    color: #fff;
    background-color: #c74433;
    border-color: #c74433;
}

.btn-check:checked+.btn-google-plus,
.btn-check:active+.btn-google-plus,
.btn-google-plus:active,
.btn-google-plus.active,
.btn-google-plus.show.dropdown-toggle,
.show>.btn-google-plus.dropdown-toggle {
    color: #fff !important;
    background-color: #c74433 !important;
    border-color: #c74433 !important;
}

.btn-google-plus.disabled,
.btn-google-plus:disabled {
    color: #fff !important;
    background-color: #dd4b39 !important;
    border-color: #dd4b39 !important;
}

.btn-group .btn-google-plus,
.input-group .btn-google-plus {
    border-right: var(--bs-border-width) solid #c74433;
    border-left: var(--bs-border-width) solid #c74433;
}

.btn-group-vertical .btn-google-plus {
    border-top-color: #c74433;
    border-bottom-color: #c74433;
}

.btn-label-google-plus {
    color: #dd4b39 !important;
    border-color: transparent !important;
    background: #4b3746 !important;
}

.btn-label-google-plus.waves-effect .waves-ripple {
    background: radial-gradient(rgba(221, 75, 57, 0.2) 0, rgba(221, 75, 57, 0.3) 40%, rgba(221, 75, 57, 0.4) 50%, rgba(221, 75, 57, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.btn-label-google-plus:hover {
    border-color: transparent !important;
    background: #593945 !important;
    color: #dd4b39 !important;
}

.btn-label-google-plus:focus,
.btn-label-google-plus.focus {
    color: #dd4b39;
    background: #593945;
}

.btn-label-google-plus:active,
.btn-label-google-plus.active,
.btn-label-google-plus.show.dropdown-toggle,
.show>.btn-label-google-plus.dropdown-toggle {
    color: #dd4b39 !important;
    background-color: #593945 !important;
    border-color: transparent !important;
}

.btn-label-google-plus.disabled,
.btn-label-google-plus:disabled {
    color: #dd4b39 !important;
    border-color: transparent !important;
    background: #4b3746 !important;
}

.btn-group .btn-label-google-plus,
.input-group .btn-label-google-plus {
    border-right: var(--bs-border-width) solid #673b44 !important;
    border-left: var(--bs-border-width) solid #673b44 !important;
}

.btn-group-vertical .btn-label-google-plus {
    border-top: var(--bs-border-width) solid #673b44 !important;
    border-bottom: var(--bs-border-width) solid #673b44 !important;
}

.btn-outline-google-plus {
    color: #dd4b39;
    border-color: #dd4b39;
    background: transparent;
}

.btn-outline-google-plus.waves-effect .waves-ripple {
    background: radial-gradient(rgba(221, 75, 57, 0.2) 0, rgba(221, 75, 57, 0.3) 40%, rgba(221, 75, 57, 0.4) 50%, rgba(221, 75, 57, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.btn-outline-google-plus:hover {
    color: #dd4b39 !important;
    background-color: #3d3548 !important;
    border-color: #dd4b39 !important;
}

.btn-check:focus+.btn-outline-google-plus,
.btn-outline-google-plus:focus {
    color: #dd4b39;
    background-color: #3d3548;
    border-color: #dd4b39;
}

.btn-check:checked+.btn-outline-google-plus,
.btn-check:active+.btn-outline-google-plus,
.btn-outline-google-plus:active,
.btn-outline-google-plus.active,
.btn-outline-google-plus.dropdown-toggle.show {
    color: #dd4b39 !important;
    background-color: #3d3548 !important;
    border-color: #dd4b39 !important;
}

.btn-outline-google-plus.disabled,
.btn-outline-google-plus:disabled {
    color: #dd4b39 !important;
}

.btn-outline-google-plus .badge {
    background: #dd4b39;
    border-color: #dd4b39;
    color: #fff;
}

.btn-outline-google-plus:hover .badge,
.btn-outline-google-plus:focus:hover .badge,
.btn-outline-google-plus:active .badge,
.btn-outline-google-plus.active .badge,
.show>.btn-outline-google-plus.dropdown-toggle .badge {
    background: #dd4b39;
    border-color: #dd4b39;
}

.btn-text-google-plus {
    color: #dd4b39;
}

.btn-text-google-plus.waves-effect .waves-ripple {
    background: radial-gradient(rgba(221, 75, 57, 0.2) 0, rgba(221, 75, 57, 0.3) 40%, rgba(221, 75, 57, 0.4) 50%, rgba(221, 75, 57, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.btn-text-google-plus:hover {
    border-color: transparent;
    background: #3d3548;
    color: #dd4b39;
}

.btn-text-google-plus:focus,
.btn-text-google-plus.focus {
    color: #dd4b39;
    background: #3d3548;
}

.btn-text-google-plus:active,
.btn-text-google-plus.active,
.btn-text-google-plus.show.dropdown-toggle,
.show>.btn-text-google-plus.dropdown-toggle {
    color: #dd4b39 !important;
    background: #3d3548 !important;
    border-color: transparent !important;
}

.btn-text-google-plus:disabled,
.btn-text-google-plus.disabled {
    color: #dd4b39;
}

.btn-group .btn-text-google-plus,
.input-group .btn-text-google-plus {
    border-right: var(--bs-border-width) solid #dd4b39 !important;
    border-left: var(--bs-border-width) solid #dd4b39 !important;
}

.btn-group-vertical .btn-text-google-plus {
    border-top: var(--bs-border-width) solid #dd4b39 !important;
    border-bottom: var(--bs-border-width) solid #dd4b39 !important;
}



.bg-github {
    background-color: #cfcde4 !important;
}

a.bg-github:hover,
a.bg-github:focus {
    background-color: #c5c3d9 !important;
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: #cfcde4;
}

.bg-label-github {
    background-color: #494c62 !important;
    color: #cfcde4 !important;
}

.bg-label-hover-github {
    background-color: #494c62 !important;
    color: #cfcde4 !important;
}

.bg-label-hover-github:hover {
    background-color: #cfcde4 !important;
    color: #fff !important;
}

.btn-github {
    color: #15192f;
    background-color: #cfcde4;
    border-color: #cfcde4;
}

.btn-github.btn[class*=btn-]:not([class*=btn-label-]):not([class*=btn-outline-]):not([class*=btn-text-]):not(.btn-icon):not(:disabled):not(.disabled) {
    box-shadow: 0 0.125rem 0.375rem 0 rgba(207, 205, 228, 0.3);
}

.btn-github:hover {
    color: #15192f !important;
    background-color: #dbdaeb !important;
    border-color: #d4d2e7 !important;
}

.btn-check:focus+.btn-github,
.btn-github:focus,
.btn-github.focus {
    color: #15192f;
    background-color: #dbdaeb;
    border-color: #d4d2e7;
}

.btn-check:checked+.btn-github,
.btn-check:active+.btn-github,
.btn-github:active,
.btn-github.active,
.btn-github.show.dropdown-toggle,
.show>.btn-github.dropdown-toggle {
    color: #15192f !important;
    background-color: #d9d7e9 !important;
    border-color: #d4d2e7 !important;
}

.btn-github.disabled,
.btn-github:disabled {
    color: #15192f !important;
    background-color: #cfcde4 !important;
    border-color: #cfcde4 !important;
}

.btn-group .btn-github,
.input-group .btn-github {
    border-right: var(--bs-border-width) solid #d9d7e9;
    border-left: var(--bs-border-width) solid #d9d7e9;
}

.btn-group-vertical .btn-github {
    border-top-color: #d9d7e9;
    border-bottom-color: #d9d7e9;
}

.btn-label-github {
    color: #cfcde4 !important;
    border-color: transparent !important;
    background: #494c62 !important;
}

.btn-label-github.waves-effect .waves-ripple {
    background: radial-gradient(rgba(207, 205, 228, 0.2) 0, rgba(207, 205, 228, 0.3) 40%, rgba(207, 205, 228, 0.4) 50%, rgba(207, 205, 228, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.btn-label-github:hover {
    border-color: transparent !important;
    background: #55586e !important;
    color: #cfcde4 !important;
}

.btn-label-github:focus,
.btn-label-github.focus {
    color: #cfcde4;
    background: #55586e;
}

.btn-label-github:active,
.btn-label-github.active,
.btn-label-github.show.dropdown-toggle,
.show>.btn-label-github.dropdown-toggle {
    color: #cfcde4 !important;
    background-color: #55586e !important;
    border-color: transparent !important;
}

.btn-label-github.disabled,
.btn-label-github:disabled {
    color: #cfcde4 !important;
    border-color: transparent !important;
    background: #494c62 !important;
}

.btn-group .btn-label-github,
.input-group .btn-label-github {
    border-right: var(--bs-border-width) solid #62647b !important;
    border-left: var(--bs-border-width) solid #62647b !important;
}

.btn-group-vertical .btn-label-github {
    border-top: var(--bs-border-width) solid #62647b !important;
    border-bottom: var(--bs-border-width) solid #62647b !important;
}

.btn-outline-github {
    color: #cfcde4;
    border-color: #cfcde4;
    background: transparent;
}

.btn-outline-github.waves-effect .waves-ripple {
    background: radial-gradient(rgba(207, 205, 228, 0.2) 0, rgba(207, 205, 228, 0.3) 40%, rgba(207, 205, 228, 0.4) 50%, rgba(207, 205, 228, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.btn-outline-github:hover {
    color: #cfcde4 !important;
    background-color: #3c3f55 !important;
    border-color: #cfcde4 !important;
}

.btn-check:focus+.btn-outline-github,
.btn-outline-github:focus {
    color: #cfcde4;
    background-color: #3c3f55;
    border-color: #cfcde4;
}

.btn-check:checked+.btn-outline-github,
.btn-check:active+.btn-outline-github,
.btn-outline-github:active,
.btn-outline-github.active,
.btn-outline-github.dropdown-toggle.show {
    color: #cfcde4 !important;
    background-color: #3c3f55 !important;
    border-color: #cfcde4 !important;
}

.btn-outline-github.disabled,
.btn-outline-github:disabled {
    color: #cfcde4 !important;
}

.btn-outline-github .badge {
    background: #cfcde4;
    border-color: #cfcde4;
    color: #15192f;
}

.btn-outline-github:hover .badge,
.btn-outline-github:focus:hover .badge,
.btn-outline-github:active .badge,
.btn-outline-github.active .badge,
.show>.btn-outline-github.dropdown-toggle .badge {
    background: #cfcde4;
    border-color: #cfcde4;
}

.btn-text-github {
    color: #cfcde4;
}

.btn-text-github.waves-effect .waves-ripple {
    background: radial-gradient(rgba(207, 205, 228, 0.2) 0, rgba(207, 205, 228, 0.3) 40%, rgba(207, 205, 228, 0.4) 50%, rgba(207, 205, 228, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.btn-text-github:hover {
    border-color: transparent;
    background: #3c3f55;
    color: #cfcde4;
}

.btn-text-github:focus,
.btn-text-github.focus {
    color: #cfcde4;
    background: #3c3f55;
}

.btn-text-github:active,
.btn-text-github.active,
.btn-text-github.show.dropdown-toggle,
.show>.btn-text-github.dropdown-toggle {
    color: #cfcde4 !important;
    background: #3c3f55 !important;
    border-color: transparent !important;
}

.btn-text-github:disabled,
.btn-text-github.disabled {
    color: #cfcde4;
}

.btn-group .btn-text-github,
.input-group .btn-text-github {
    border-right: var(--bs-border-width) solid #cfcde4 !important;
    border-left: var(--bs-border-width) solid #cfcde4 !important;
}

.btn-group-vertical .btn-text-github {
    border-top: var(--bs-border-width) solid #cfcde4 !important;
    border-bottom: var(--bs-border-width) solid #cfcde4 !important;
}


.btn-cst-sign-in-up {
    display: flex;
    font-weight: 500;
    line-height: 1.5;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #8308d3;
    border-color: #8308d3;
    padding: 0.557rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: auto;
    transition: all .2s ease-in-out;
}

/* .animated_btn_open {
    width: 44px !important;
    border-radius: 50%;
    padding: 0;
    transition: all .5s ease-in-out;
} */
.animated_btn_open {
    width: 45px !important;

    border-radius: 50%;
    padding: 0.557rem 0.557rem;
    transition: all .2s ease-in-out;
}


#spinner_next_btn {
    display: none;
}



.animated_btn_open #spinner_next_btn {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    transition: all .2s ease-in-out;
}

.animated_btn_open #text_next_text {
    display: none;
}

.error_message_feedback {
    display: none;
    font-size: 14px;
    color: #ff3b3b;
    margin-top: 3px;
}

.form_success_message {
    display: none;
    font-size: 14px;
    color: #01de52;
    margin-top: 8px;
    margin-bottom: 8px;
}

.margin-bottom-10px {
    margin-bottom: 10px;
}

.form-control:focus,
.form-select:focus {
    border-color: #8308d3 !important;
}

.form-control:focus {
    border-width: 2px;
    padding: calc(0.426rem - 2px) calc(0.9375rem - 2px);
}

.form-control:focus {
    color: #cfcde4;
    background-color: transparent;
    border-color: #8308d3;
    outline: 0;
    box-shadow: 0 2px 6px 0 rgba(115, 103, 240, 0.3);
}

.border-right-none {
    border-right: none !important
}

.input-group:focus-within .form-control,
.input-group:focus-within .input-group-text {
    border-color: #8308d3 !important;
}

.input-group:focus-within .form-control,
.input-group:focus-within .form-select {
    border-width: 2px;
    padding: calc(0.426rem - 2px) calc(0.9375rem - 2px);
}

.input-group>.form-control:focus,
.input-group>.form-select:focus,
.input-group>.form-floating:focus-within {
    z-index: 5;
}



.border-right-none:focus {
    border-right: none !important
}

.hide-password-reset {
    display: none
}

.hide-password {
    display: none
}

.input-group:focus-within .input-group-text {
    border-color: #8308d3 !important;
    border-width: 2px;
    border-left: none !important;
}




.logo-icon-login {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 50px;
}

.logo-icon-login img {
    height: 100px;
}



.href_tag {
    color: #8308d3;
    text-decoration: none;
}

.form-label {
    text-transform: capitalize;
}