:root {
    --swish-primary-color: #3f51b5;
    --swish-input-shadow: #3f51b525;
    --swish-border-radius: 3px;
    --swish-box-shadow: 0 8px 40px -12px var(--swish-primary-color);
}

#auth-page {
    font-family: IRANSans, sans-serif;
}

#auth-page .h1, #auth-page .h2, #auth-page .h3, #auth-page .h4, #auth-page .h5, #auth-page .h6, #auth-page h1, #auth-page h2, #auth-page h3, #auth-page h4, #auth-page h5, #auth-page h6 {
    color: #32325d;
}

#auth-page .text-main {
    color: #5D5C5D;
}

#auth-page .text-neutral {
    color: var(--swish-primary-color);
}

/* **
 * -------------------------------------------------------------------------------
 *  Button color scheme
 * -------------------------------------------------------------------------------
** */

#auth-page .btn-main {
    color: #fff;
    border: none;
    font-size: 16px;
    height: calc(1.5em + 1.25rem + 2px);
    background: var(--swish-primary-color);
}

#auth-page .btn-outline-main {
    background-color: transparent;
    background-image: none;
    color: var(--swish-primary-color);
    border-color: var(--swish-primary-color);
}

#auth-page .btn-facebook {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

#auth-page .btn-facebook, #auth-page .btn-facebook:hover {
    color: #fff;
    background-color: #3b5999;
    border-color: #3b5999;
}

#auth-page .btn-facebook:focus {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(59, 89, 153, .5);
}

#auth-page .btn-facebook.disabled, #auth-page .btn-facebook:disabled {
    color: #fff;
    background-color: #3b5999;
    border-color: #3b5999;
}

#auth-page .btn-facebook:not(:disabled):not(.disabled).active, #auth-page .btn-facebook:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #2d4474;
    border-color: #3b5999;
}

#auth-page .btn-facebook:not(:disabled):not(.disabled).active:focus, #auth-page .btn-facebook:not(:disabled):not(.disabled):active:focus {
    box-shadow: none, 0 0 0 0 rgba(59, 89, 153, .5);
}

#auth-page .btn-twitter {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

#auth-page .btn-twitter, #auth-page .btn-twitter:hover {
    color: #fff;
    background-color: #1da1f2;
    border-color: #1da1f2;
}

#auth-page .btn-twitter.focus, #auth-page .btn-twitter:focus {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(29, 161, 242, .5);
}

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

#auth-page .btn-twitter:not(:disabled):not(.disabled).active, #auth-page .btn-twitter:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #0c85d0;
    border-color: #1da1f2;
}

#auth-page .btn-twitter:not(:disabled):not(.disabled).active:focus, #auth-page .btn-twitter:not(:disabled):not(.disabled):active:focus {
    box-shadow: none, 0 0 0 0 rgba(29, 161, 242, .5);
}

#auth-page .btn-instagram {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

#auth-page .btn-instagram, #auth-page .btn-instagram:hover {
    color: #fff;
    background-color: #e4405f;
    border-color: #e4405f;
}

#auth-page .btn-instagram.focus, #auth-page .btn-instagram:focus {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(228, 64, 95, .5);
}

#auth-page .btn-instagram.disabled, #auth-page .btn-instagram:disabled {
    color: #fff;
    background-color: #e4405f;
    border-color: #e4405f;
}

#auth-page .btn-instagram:not(:disabled):not(.disabled).active, #auth-page .btn-instagram:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #d31e40;
    border-color: #e4405f;
}

#auth-page .btn-instagram:not(:disabled):not(.disabled).active:focus, #auth-page .btn-instagram:not(:disabled):not(.disabled):active:focus {
    box-shadow: none, 0 0 0 0 rgba(228, 64, 95, .5);
}

#auth-page .btn-pinterest {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

#auth-page .btn-pinterest, #auth-page .btn-pinterest:hover {
    color: #fff;
    background-color: #bd081c;
    border-color: #bd081c;
}

#auth-page .btn-pinterest.focus, #auth-page .btn-pinterest:focus {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(189, 8, 28, .5);
}

#auth-page .btn-pinterest.disabled, #auth-page .btn-pinterest:disabled {
    color: #fff;
    background-color: #bd081c;
    border-color: #bd081c;
}

#auth-page .btn-pinterest:not(:disabled):not(.disabled).active, #auth-page .btn-pinterest:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #8c0615;
    border-color: #bd081c;
}

#auth-page .btn-pinterest:not(:disabled):not(.disabled).active:focus, #auth-page .btn-pinterest:not(:disabled):not(.disabled):active:focus {
    box-shadow: none, 0 0 0 0 rgba(189, 8, 28, .5);
}

#auth-page .btn-youtube {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

#auth-page .btn-youtube, #auth-page .btn-youtube:hover {
    color: #fff;
    background-color: #cd201f;
    border-color: #cd201f;
}

#auth-page .btn-youtube.focus, #auth-page .btn-youtube:focus {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(205, 32, 31, .5);
}

#auth-page .btn-youtube.disabled, #auth-page .btn-youtube:disabled {
    color: #fff;
    background-color: #cd201f;
    border-color: #cd201f;
}

#auth-page .btn-youtube:not(:disabled):not(.disabled).active, #auth-page .btn-youtube:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #a11918;
    border-color: #cd201f;
}

#auth-page .btn-youtube:not(:disabled):not(.disabled).active:focus, #auth-page .btn-youtube:not(:disabled):not(.disabled):active:focus {
    box-shadow: none, 0 0 0 0 rgba(205, 32, 31, .5);
}

#auth-page .btn-slack {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

#auth-page .btn-slack, #auth-page .btn-slack:hover {
    color: #fff;
    background-color: #3aaf85;
    border-color: #3aaf85;
}

#auth-page .btn-slack.focus, #auth-page .btn-slack:focus {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(58, 175, 133, .5);
}

#auth-page .btn-slack.disabled, #auth-page .btn-slack:disabled {
    color: #fff;
    background-color: #3aaf85;
    border-color: #3aaf85;
}

#auth-page .btn-slack:not(:disabled):not(.disabled).active, #auth-page .btn-slack:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #2d8968;
    border-color: #3aaf85;
}

#auth-page .btn-slack:not(:disabled):not(.disabled).active:focus, #auth-page .btn-slack:not(:disabled):not(.disabled):active:focus {
    box-shadow: none, 0 0 0 0 rgba(58, 175, 133, .5);
}

#auth-page .btn-dribbble {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

#auth-page .btn-dribbble, #auth-page .btn-dribbble:hover {
    color: #fff;
    background-color: #ea4c89;
    border-color: #ea4c89;
}

#auth-page .btn-dribbble.focus, #auth-page .btn-dribbble:focus {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(234, 76, 137, .5);
}

#auth-page .btn-dribbble.disabled, #auth-page .btn-dribbble:disabled {
    color: #fff;
    background-color: #ea4c89;
    border-color: #ea4c89;
}

#auth-page .btn-dribbble:not(:disabled):not(.disabled).active, #auth-page .btn-dribbble:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #e51e6b;
    border-color: #ea4c89;
}

#auth-page .btn-dribbble:not(:disabled):not(.disabled).active:focus, #auth-page .btn-dribbble:not(:disabled):not(.disabled):active:focus {
    box-shadow: none, 0 0 0 0 rgba(234, 76, 137, .5);
}

#auth-page .btn-github {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

#auth-page .btn-github, #auth-page .btn-github:hover {
    color: #fff;
    background-color: #222;
    border-color: #222;
}

#auth-page .btn-github.focus, #auth-page .btn-github:focus {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(34, 34, 34, .5);
}

#auth-page .btn-github.disabled, #auth-page .btn-github:disabled {
    color: #fff;
    background-color: #222;
    border-color: #222;
}

#auth-page .btn-github:not(:disabled):not(.disabled).active, #auth-page .btn-github:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #090909;
    border-color: #222;
}

#auth-page .btn-github:not(:disabled):not(.disabled).active:focus, #auth-page .btn-github:not(:disabled):not(.disabled):active:focus {
    box-shadow: none, 0 0 0 0 rgba(34, 34, 34, .5);
}

#auth-page .btn:hover {
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
    transform: translateY(-1px);
}

#auth-page .btn-primary {

}

#auth-page .btn-group-sm > .btn, #auth-page .btn-sm {
    font-size: .75rem;
}

#auth-page .btn-shadow {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

/* **
 * -------------------------------------------------------------------------------
 *  Custom Checkbox
 * -------------------------------------------------------------------------------
** */

#auth-page input[type="checkbox"], #auth-page .checkbox input[type="checkbox"], #auth-page .checkbox-inline input[type="checkbox"] {
    position: relative;
    border: none;
    margin-bottom: -2px;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}

#auth-page input[type="checkbox"]:focus, #auth-page .checkbox input[type="checkbox"]:focus, #auth-page .checkbox-inline input[type="checkbox"]:focus {
    outline: none;
}

#auth-page input[type="checkbox"]:after, #auth-page .checkbox input[type="checkbox"]:after, #auth-page .checkbox-inline input[type="checkbox"]:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    margin-top: -10px;
    margin-right: 5px;
    border: 1px solid #686868;
    -webkit-transition: 240ms;
    -o-transition: 240ms;
    transition: 240ms;
    border-radius: 3px;
}

#auth-page input[type="checkbox"]:checked:after, #auth-page .checkbox input[type="checkbox"]:checked:after, #auth-page .checkbox-inline input[type="checkbox"]:checked:after {
    border-color: var(--swish-primary-color);
}

#auth-page input[type="checkbox"]:checked:before, #auth-page .checkbox input[type="checkbox"]:checked:before, #auth-page .checkbox-inline input[type="checkbox"]:checked:before {
    content: "";
    position: absolute;
    top: -8px;
    left: 6px;
    display: table;
    width: 4px;
    height: 10px;
    border: 2px solid var(--swish-primary-color);
    border-top-width: 0;
    border-left-width: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

#auth-page .form-check .form-check-label, #auth-page .form-check .form-check-input:hover {
    cursor: pointer;
    font-size: 0.8em;
}

/* **
 * -------------------------------------------------------------------------------
 *  General Custom
 * -------------------------------------------------------------------------------
** */

#auth-page .form-control:focus {
    border: 1px solid var(--swish-primary-color);
    box-shadow: 0 0 0 0.2rem var(--swish-input-shadow);
    -webkit-box-shadow: 0 0 0 0.2rem var(--swish-input-shadow);
    -moz-box-shadow: 0 0 0 0.2rem var(--swish-input-shadow);
}

#auth-page .form-control {
    background: #f7f8f9;
    border: 1px solid #ebeff6;
}

#auth-page .box-rounded-left {
    border-top-left-radius: var(--swish-border-radius) !important;
    -moz-border-top-left-radius: var(--swish-border-radius) !important;
    -webkit-border-top-left-radius: var(--swish-border-radius) !important;
    border-bottom-left-radius: var(--swish-border-radius) !important;
    -moz-border-bottom-left-radius: var(--swish-border-radius) !important;
    -webkit-border-bottom-left-radius: var(--swish-border-radius) !important;
}

#auth-page .box-rounded-right {
    border-top-right-radius: var(--swish-border-radius) !important;
    -moz-border-top-right-radius: var(--swish-border-radius) !important;
    -webkit-border-top-right-radius: var(--swish-border-radius) !important;
    border-bottom-right-radius: var(--swish-border-radius) !important;
    -moz-border-bottom-right-radius: var(--swish-border-radius) !important;
    -webkit-border-bottom-right-radius: var(--swish-border-radius) !important;
}

#auth-page .box-rounded {
    border-radius: var(--swish-border-radius) !important;
    -moz-border-radius: var(--swish-border-radius) !important;
    -webkit-border-radius: var(--swish-border-radius) !important;
}

#auth-page .overlay-background p {
    font-size: 14px;
    font-weight: 100;
    line-height: 20px;
    letter-spacing: .5px;
    margin: 20px 40px 30px;
}

#auth-page .sign-in-form button {
    transition: transform 80ms ease-in;
}

#auth-page a {
    font-size: 16px;
    text-decoration: none;
}

#auth-page .box-shadow {
    box-shadow: var(--swish-box-shadow) !important;
}

@media (max-width: 991px) {
    #auth-page .form-box {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

#auth-page .reset-password {
    width: 450px;
    min-height: 500px;
}
/*
#auth-page .overlay-background {
    background: url("../images/overlay.jpg") center / cover no-repeat;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
}
*/
#page-login-index #page-wrapper #page #page-content .login-page .content-login-section {
    background: #eaeaea;
}
#auth-page .form-group > label {
    color: var(--swish-primary-color);
    font-size: 0.9em;
    font-weight: bold;
}

#auth-page .sign-in {
    width: 100%;
    max-width: 450px;
}

#auth-page .sign-in-form .icon {
    font-size: 96px;
    color: var(--swish-primary-color);
}

#auth-page .logo-image {
    max-height: 50px;
}

@media (max-width: 767px) {
    #auth-page .overlay-box {
        min-height: 300px;
    }
}

#auth-page .logo {
    z-index: 2;
}

#auth-page .forgot-password-text {
    font-size: 0.7em;
    font-weight: 400;
    margin-top: 20px;
    text-align: center;
}

#auth-page .form-control-lg {
    font-size: 1rem;
    height: calc(1.5em + 1.25rem + 2px);
}

#auth-page .message-box {
    z-index: 2;
    color: white;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#auth-page .overlay-background:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    background: var(--swish-primary-color);
}

@media (max-width: 767px) {
    #auth-page .message-box {
        position: relative;
        left: 0;
        top: 0;
        transform: initial;
    }
}
.new_style {
    background: #FFF;
    padding: 30px 50px;
    border-radius: 60px;
    box-shadow: 0 0 10px #000;
}
@media(min-width: 768px) {
    .new_style {
        min-width: 450px;
    }
    .card.o-hidden {
        min-width: 800px!important;
    }
}
#auth-page .new_style input {
    border: 0;
    border-radius: 15px!important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    overflow:hidden;
}
.new_style_1 {
    z-index: 1;
}
.new_style_4 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 99.9vh;
}
.new_style .py-4 {
    border-bottom: 1px solid #00a99d;
}
.new_style .form-check-input {
    box-shadow:0 0 0 !important;
    border-radius: 0!important;
    overflow: auto!important;
}
.new_style .form-check-input:after {
    border-radius: 15px!important;
    margin-top: 0!important;
}
#auth-page input[type="checkbox"]:checked:before {
    top: 2px!important;
    font-size: 0.8em!important;
    font-weight: 500!important;
}
#auth-page .new_style_2, #auth-page .new_style_3 {
    background: #00a99d!important;
    border-radius: 60px!important;
    color: #FFFFFF;
    font-size: 16px;
}
#auth-page .new_style_3 {
    background: #3c4266!important;
}
#page-login-index.moove-login #page {
    padding:0!important;
}
.input-icons i {
    position: absolute;
    right: 5px;
    color: #b1b1b1;
    font-size: 25px;
}

.input-icons {
    width: 100%;
    margin-bottom: 10px;
    position: relative;
}

.icon-n {
    padding: 10px;
    min-width: 50px;
}

.input-field {
    width: 100%!important;
    padding-right: 50px!important;
}
.new_style_5 button {
    font-size: 15px!important;
    font-weight: 500;
    background: none;
    border: 0;
}
.new_style_6 {
    position: absolute!important;
    left:0;
    bottom: 0;
}


.auth-layout-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-size: cover;
}

.auth-layout-wrap .btn {
    border: 1px solid transparent;
    padding: .7rem .75rem;
    font-size: .9rem;
    line-height: 1.5;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border-radius: 40px;
}

.auth-layout-wrap .btn[class*="btn-outline-"]:not(:hover) {
    background: rgba(242, 242, 242, 0.95)!important;
}

.auth-layout-wrap .btn-block:not(:first-of-type) {
    margin-top: 1rem;
}

.auth-layout-wrap .card {
    box-shadow: 0 0 10px;
}

@media (max-width: 991.98px) {
    .auth-layout-wrap .card {
        border-radius: 0;
    }
}

@media (max-width: 991.98px) {
    .auth-layout-wrap h1 {
        text-align: center;
    }
}

.auth-layout-wrap .form-group {
    text-align: right;
}

.auth-layout-wrap .form-group label {
    padding-right: 8px;
}

.auth-layout-wrap .auth-content {
    max-width: 660px;
    margin: auto;
}

.auth-layout-wrap .auth-content .form-control {
    height: 45px;
    padding: .375rem .75rem;
    font-size: 1.2rem!important;
}

.auth-layout-wrap .auth-content .form-control::-moz-placeholder {
    color: #b8b8b8;
    opacity: 1;
    font-size: .9rem;
}

.auth-layout-wrap .auth-content .form-control:-ms-input-placeholder {
    color: #b8b8b8;
    opacity: 1;
    font-size: .9rem;
}

.auth-layout-wrap .auth-content .form-control::placeholder {
    color: #b8b8b8;
    opacity: 1;
    font-size: .9rem;
}

.auth-layout-wrap .auth-content .alert {
    border-radius: 0;
    font-size: 16px;
    font-weight: 500;
}

.auth-layout-wrap .auth-content .verify .auth-logo {
    margin-top: 1.5rem;
}

.auth-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.auth-right.register {
    justify-content: space-evenly;
}

@media (max-width: 991.98px) {
    .auth-right {
        padding: 40px 15px;
    }
}

.auth-logo img {
    width: 150px;
    height: auto;
}

@media (min-width: 1024px) {
    .auth-layout-wrap .auth-content {
        min-width: 660px;
    }
}

@media (max-width: 767.98px) {
    .auth-layout-wrap .auth-content {
        padding: 0;
        margin-top: 0;
    }
}

.area {
    background: #fff;
    background: -webkit-linear-gradient(to left, #fff, #f2f2f2);
    width: 100%;
    height: 100vh;
}

@media (max-width: 767.98px) {
    .area {
        height: 100%;
    }
}

.circles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-bottom: 0;
    background-image: url("../images/background.png");
    background-position: bottom;
    background-size: cover;
}

@media (max-width: 575.98px) {
    .circles {
        display: none;
    }
}

.circles li {
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    -webkit-animation: animate 25s linear infinite;
    animation: animate 25s linear infinite;
    bottom: -150px;
}

.circles li:nth-child(1) {
    bottom: 5%;
    left: 25%;
    width: 80px;
    height: 80px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    background-color: rgba(255, 255, 255, 0);
    border-left: 3px solid #036af5;
    border-top: 3px solid #036af5;
    border-right: 3px solid #036af5;
    border-bottom: 3px solid #036af5;
    box-shadow: 0px 5px 20px rgba(3, 106, 245, 0.35);
}

.circles li:nth-child(2) {
    left: 10%;
    width: 20px;
    height: 20px;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-duration: 12s;
    animation-duration: 12s;
    border-radius: 10px;
    background-color: #fe8c00;
    background: linear-gradient(144deg, #fe8c00 0%, #f83600 100%);
    box-shadow: 0px 2px 10px rgba(3, 106, 245, 0.35);
}

.circles li:nth-child(3) {
    left: 70%;
    width: 20px;
    height: 20px;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    background-color: rgba(255, 255, 255, 0);
    border-left: 3px solid #fe8c00;
    border-top: 3px solid #fe8c00;
    border-right: 3px solid #fe8c00;
    border-bottom: 3px solid #fe8c00;
    box-shadow: 0px 2px 10px rgba(254, 140, 0, 0.35);
}

.circles li:nth-child(4) {
    bottom: 2%;
    left: 40%;
    width: 60px;
    height: 60px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 18s;
    animation-duration: 18s;
    background-color: rgba(255, 255, 255, 0);
    border-left: 3px solid #036af5;
    border-top: 3px solid #036af5;
    border-right: 3px solid #036af5;
    border-bottom: 3px solid #036af5;
    box-shadow: 0px 5px 20px rgba(3, 106, 245, 0.35);
}

.circles li:nth-child(5) {
    left: 65%;
    width: 20px;
    height: 20px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    border-left: 3px solid #fe8c00;
    border-top: 3px solid #fe8c00;
    border-right: 3px solid #fe8c00;
    border-bottom: 3px solid #fe8c00;
    box-shadow: 0px 2px 10px rgba(254, 140, 0, 0.35);
}

.circles li:nth-child(6) {
    left: 75%;
    width: 110px;
    height: 110px;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    background-color: #036af5;
    background: linear-gradient(144deg, #007aff 0%, #036af5 100%);
    box-shadow: 0px 5px 15px rgba(3, 106, 245, 0.35);
}

.circles li:nth-child(7) {
    left: 35%;
    width: 125px;
    height: 125px;
    -webkit-animation-delay: 7s;
    animation-delay: 7s;
    border-left: 3px solid #fe8c00;
    border-top: 3px solid #fe8c00;
    border-right: 3px solid #fe8c00;
    border-bottom: 3px solid #fe8c00;
    box-shadow: 0px 2px 10px rgba(254, 140, 0, 0.35);
}

.circles li:nth-child(8) {
    left: 50%;
    width: 25px;
    height: 25px;
    -webkit-animation-delay: 15s;
    animation-delay: 15s;
    -webkit-animation-duration: 45s;
    animation-duration: 45s;
}

.circles li:nth-child(9) {
    left: 20%;
    width: 15px;
    height: 15px;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-duration: 35s;
    animation-duration: 35s;
    border-left: 3px solid #fe8c00;
    border-top: 3px solid #fe8c00;
    border-right: 3px solid #fe8c00;
    border-bottom: 3px solid #fe8c00;
    box-shadow: 0px 2px 10px rgba(254, 140, 0, 0.35);
}

.circles li:nth-child(10) {
    left: 85%;
    width: 150px;
    height: 150px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 11s;
    animation-duration: 11s;
}

@-webkit-keyframes animate {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100% {
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }
}

@keyframes animate {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100% {
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }
}
.tool_dataprivacy  {
    display: none;
}
.card {
    border-radius: 10px!important;
    overflow: hidden!important;
    box-shadow: 0 0 10px!important;
}
.moove-login #auth-page .form-control {
    border-radius: 30px!important;
    outline: initial !important;
    background: #FFF!important;
    color: #47404f!important;
    height: 55px!important;
    padding: .375rem .75rem!important;
}
.btn-outline-facebook {
    color: #3765c9 !important;
    border-color: #3765c9;
    background: hsla(0, 0%, 93%, .6)
}

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

.btn-outline-facebook:focus {
    box-shadow: 0 0 0 .2rem rgba(55, 101, 201, .5)
}

.btn-outline-google {
    color: #ec412c !important;
    border-color: #ec412c;
    background: hsla(0, 0%, 93%, .6)
}

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

.btn-outline-google:focus {
    box-shadow: 0 0 0 .2rem rgba(236, 65, 44, .5)
}

.btn-outline-twitter {
    color: #039ff5 !important;
    border-color: #039ff5;
    background: hsla(0, 0%, 93%, .6)
}

.btn-outline-twitter:hover {
    background: #038fdc;
    border-color: #038fdc
}

.btn-outline-twitter:focus {
    box-shadow: 0 0 0 .2rem rgba(3, 159, 245, .5)
}

.btn-outline-email {
    background: hsla(0, 0%, 93%, .6);
    color:#639!important;
}

#auth-page .btn-primary {
    color: #fff;
    background-color: #152149!important;
    /*border-color: #639!important;*/
    height: 55px;
}

#auth-page .btn-primary:hover {
    /*color: #fff!important;
    background-color: #53297c!important;
    border-color: #4d2673!important;*/
}

#auth-page .btn-primary.focus,
#auth-page .btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(102, 51, 153, .5)
}

#auth-page .btn-primary.disabled,
#auth-page .btn-primary:disabled {
    color: #fff;
    background-color: #639!important;
    border-color: #639!important;
}

#auth-page.btn-primary:not(:disabled):not(.disabled).active,
#auth-page .btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #4d2673!important;
    border-color: #462369!important;
}

#auth-page .btn-primary:not(:disabled):not(.disabled).active:focus,
#auth-page .btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(102, 51, 153, .5)
}


#auth-page .btn[class*="btn-outline-"]:not(:hover) {
    background: rgba(242, 242, 242, 0.95)!important;
}
.login-b {
    background: #152149 url("../images/Login-Back.jpg");
    background-size: cover;
    background-position: bottom right;
    background-repeat: no-repeat;
    box-shadow: 0 0 5px;
}
#page, #page.drawers {
    margin-top: 0!important;
    flex:none!important;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 1024px) {
    .circles {
        background-size: cover;
    }
}

.login-r {
    background: #e6e7e8;
}
#auth-page .form-group>label, #auth-page .text-neutral, #auth-page a.text-neutral {
    color: #414042!important;
    font-size: 18px;
    font-weight: bold;
    padding: 0 25px;
}
#auth-page .btn-primary {
    font-size: 18px;
}
.moove-login #auth-page .form-control {
    font-size: 17px;
    font-weight: bold;
}
.login-b .btn {
    background: #FFF;
    height: 55px;
    border-right: 40px solid #82a5d6 ;
    text-align: right;
    padding-right: 15px;
    font-size: 18px!important;
    font-weight: 600;
    color: #58595b;
    position: relative;
}
.login-b .btn.user img,.login-b .btn.pass img,.login-b .btn.support img {
    position: absolute;
    right: -25px;
    max-width: 15px;
}
.login-b .btn.support img {
    max-width: 28px;
    top: 15px;
    right: -35px;
}
.registernew form {
    max-height: 500px;
    max-width: 500px;
    width: 500px;
    overflow: hidden;
    overflow-y: scroll;
    padding: 15px;
}
.registernew form::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.registernew form::-webkit-scrollbar
{
    width: 15px;
    background-color: #F5F5F5;
}

.registernew form::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #152149;
}
#page-login-forgot_password .login-page {
    background: #e6e7e8;
    box-shadow: 0 0 6px;
    position: relative;
    display: flex;
    max-width: 520px;
    padding: 15px;
    border-radius: 15px;
}