.card {
    margin: 20px 0;
    padding: 20px 15px;
    font-family: Poppins;
    border: none !important
}

.form-control, body {
    font-weight: 400;
    color: #6e6b7b
}

.form-control, button[type=submit] {
    height: 2.714rem;
    padding: .438rem 1rem;
    width: 100%
}

.form-control, body, button[type=submit] {
    font-size: 1rem;
    line-height: 1.45
}

.auth-wrapper .auth-bg, .card, .form-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff
}

html body p {
    line-height: 1.5rem
}

#error-msg {
    color: red
}

.text-success {
    color: #00c900
}

input.error {
    border: 1px solid #ff7c7c
}

.hide, body:after {
    display: none
}

body {
    margin: 0;
    font-family: Montserrat, Helvetica, Arial, serif;
    text-align: left;
    background-color: #f8f8f8
}

#helper-text-explanation, label {
    color: #5e5873;
    font-size: .857rem
}

.text-center {
    text-align: center !important
}

label {
    display: inline-block;
    margin-bottom: .2857rem
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

.iti {
    width: 100%
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.form-control {
    display: block;
    background-clip: padding-box;
    border: 1px solid #d8d6de;
    border-radius: .357rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.blue-button, button[type=submit] {
    display: inline-block;
    border-color: #7367f0 !important;
    background-color: #7367f0 !important;
    color: #fff !important;
    box-shadow: none;
    font-weight: 500;
    margin-bottom: 1.5rem !important;
    border-radius: .358rem;
    position: relative;
    cursor: pointer;
    overflow: hidden
}

button:disabled {
    color: #fff;
    background-color: #7367f0;
    border-color: #7367f0;
    opacity: .65;
    cursor: not-allowed
}

a {
    color: #7367f0;
    text-decoration: none;
    background-color: transparent
}

#terms, .form-group {
    margin-bottom: 1rem
}

.brand-logo {
    height: 100px;
    width: auto;
    margin: 0 auto;
    display: block
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: .428rem;
    margin-bottom: 2rem;
    box-shadow: 0 4px 24px 0 rgba(34, 41, 47, .1);
    transition: .3s ease-in-out, background, color, border-color
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.5rem
}

.text-danger {
    color: #dc3545;
    font-weight: 700
}

.pb-2, .py-2 {
    padding-bottom: 1.5rem !important
}

.pt-2, .py-2 {
    padding-top: 1.5rem !important
}

.mt-2, .my-2 {
    margin-top: 1.5rem !important
}

*, ::after, ::before {
    box-sizing: border-box
}

.auth-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh
}

.auth-inner {
    width: 100%;
    max-width: 400px
}