.modal,.modal-open {
    overflow: hidden
}

.modal {
    -webkit-overflow-scrolling: touch;
    bottom: 0;
    display: none;
    left: 0;
    outline: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050
}

.modal.fade .modal-dialog {
    transform: translateY(-25%);
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    transform: translate(0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    margin: 10px;
    position: relative;
    width: auto
}

.modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #0003;
    border-radius: 6px;
    box-shadow: 0 3px 9px #00000080;
    outline: 0;
    position: relative
}

.modal-backdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5
}

.modal-header {
    border-bottom: 1px solid #e5e5e5;
    padding: 15px
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    line-height: 1.42857143;
    margin: 0
}

.modal-body {
    padding: 15px;
    position: relative
}

.modal-footer {
    border-top: 1px solid #e5e5e5;
    padding: 15px;
    text-align: right
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    height: 50px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
    width: 50px
}

@media(min-width: 768px) {
    .modal-dialog {
        margin:30px auto;
        width: 600px
    }

    .modal-content {
        box-shadow: 0 5px 15px #00000080
    }

    .modal-sm {
        width: 300px
    }
}

@media(min-width: 992px) {
    .modal-lg {
        width:900px
    }
}

.tooltip {
    word-wrap: normal;
    display: block;
    filter: alpha(opacity=0);
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    opacity: 0;
    position: absolute;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    z-index: 1070
}

.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip.top .tooltip-arrow {
    border-top-color: #000;
    border-width: 5px 5px 0;
    bottom: 0;
    left: 50%;
    margin-left: -5px
}

.tooltip.top-left .tooltip-arrow {
    right: 5px
}

.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow {
    border-top-color: #000;
    border-width: 5px 5px 0;
    bottom: 0;
    margin-bottom: -5px
}

.tooltip.top-right .tooltip-arrow {
    left: 5px
}

.tooltip.right .tooltip-arrow {
    border-right-color: #000;
    border-width: 5px 5px 5px 0;
    left: 0;
    margin-top: -5px;
    top: 50%
}

.tooltip.left .tooltip-arrow {
    border-left-color: #000;
    border-width: 5px 0 5px 5px;
    margin-top: -5px;
    right: 0;
    top: 50%
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #000;
    border-width: 0 5px 5px;
    left: 50%;
    margin-left: -5px;
    top: 0
}

.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #000;
    border-width: 0 5px 5px;
    margin-top: -5px;
    right: 5px;
    top: 0
}

.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #000;
    border-width: 0 5px 5px;
    left: 5px;
    margin-top: -5px;
    top: 0
}

.tooltip-inner {
    background-color: #000;
    border-radius: 4px;
    color: #fff;
    max-width: 200px;
    padding: 3px 8px;
    text-align: center
}

.tooltip-arrow {
    border-color: #0000;
    border-style: solid;
    height: 0;
    position: absolute;
    width: 0
}

.auth-modal.modal-dialog .modal-body {
    padding: 10px 30px
}

.auth-modal.modal-dialog .logo {
    margin: 30px 0 50px;
    text-align: center
}

.auth-modal.modal-dialog .logo img {
    background-color: #f0564a;
    border-radius: 10px;
    width: 55px
}

.auth-modal.modal-dialog .logo h1 {
    color: #f0564a;
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0
}

.auth-modal.modal-dialog .content-main form .fieldGroup,.login-page .content-main form .fieldGroup {
    margin: 15px 0 0
}

.auth-modal.modal-dialog .content-main form input,.login-page .content-main form input {
    border: 1px solid #444;
    border-radius: 10px;
    height: 42px;
    opacity: .8
}

.auth-modal.modal-dialog .content-main form .forgot-password,.login-page .content-main form .forgot-password {
    margin-top: 5px;
    text-align: right
}

.auth-modal.modal-dialog .content-main form .forgot-password a,.login-page .content-main form .forgot-password a {
    color: #1e1f24
}

.auth-modal.modal-dialog .content-main form .forgot-password a:hover,.login-page .content-main form .forgot-password a:hover {
    color: #f0564a
}

.auth-modal.modal-dialog .content-main form button,.login-page .content-main form button {
    background: #f0564a;
    border: none;
    border-radius: 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    height: 40px;
    margin-top: 25px;
    width: 100%
}

.auth-modal.modal-dialog .content-main form button:hover,.login-page .content-main form button:hover {
    background: #ef4b3f
}

.auth-modal.modal-dialog .content-main form .register-verify-email,.login-page .content-main form .register-verify-email {
    display: flex;
    margin: 15px 0 0
}

.auth-modal.modal-dialog .content-main form .register-verify-email .fieldGroup,.login-page .content-main form .register-verify-email .fieldGroup {
    flex: 1.5 1;
    margin: 0
}

.auth-modal.modal-dialog .content-main form .register-verify-email .fieldGroup input,.login-page .content-main form .register-verify-email .fieldGroup input {
    border-radius: 10px 0 0 10px
}

.auth-modal.modal-dialog .content-main form .register-verify-email .verified-mail-code,.auth-modal.modal-dialog .content-main form .register-verify-email button,.login-page .content-main form .register-verify-email .verified-mail-code,.login-page .content-main form .register-verify-email button {
    border-radius: 0 10px 10px 0;
    flex: .65 1;
    height: 42px;
    margin: 0
}

.auth-modal.modal-dialog .content-main form .register-verify-email .verified-mail-code input,.auth-modal.modal-dialog .content-main form .register-verify-email button input,.login-page .content-main form .register-verify-email .verified-mail-code input,.login-page .content-main form .register-verify-email button input {
    border-radius: 0 10px 10px 0
}

.auth-modal.modal-dialog .content-main button.btn-default,.login-page .content-main button.btn-default {
    align-items: center;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    margin: 15px 0;
    padding: 7px;
    width: 100%
}

.auth-modal.modal-dialog .content-main button.btn-default span,.login-page .content-main button.btn-default span {
    padding-top: 4px
}

.auth-modal.modal-dialog .content-main button.btn-default i,.login-page .content-main button.btn-default i {
    color: #3f5ead;
    font-size: 25px;
    margin-right: 10px
}

.auth-modal.modal-dialog .content-main .create-new,.login-page .content-main .create-new {
    color: #1e1f24;
    cursor: pointer;
    text-align: center;
    text-decoration: underline
}

.auth-modal.modal-dialog .content-main .create-new:hover,.login-page .content-main .create-new:hover {
    color: #ef4b3f
}

.auth-modal.modal-dialog .content-main .create-new p,.login-page .content-main .create-new p {
    margin: 60px 0 15px
}

.auth-modal.modal-dialog .content-main .change-link,.login-page .content-main .change-link {
    display: flex;
    justify-content: space-between;
    margin: 20px 0 15px
}

.auth-modal.modal-dialog .content-main .change-link p,.login-page .content-main .change-link p {
    margin: 0
}

.lock-modal .modal-body button {
    background-color: #f0564a;
    border: 1px solid #f0564a;
    color: #fff;
    font-weight: 700;
    opacity: 1;
    width: 100%
}

@media(min-width: 768px) {
    .auth-modal.modal-dialog {
        width:380px
    }
}

@media(min-width: 1025px) {
    .auth-modal.modal-dialog {
        width:450px
    }
}
.fieldGroup {
    margin-bottom: 15px
}

.fieldGroup .control-label {
    font-size: 15px;
    font-weight: 600
}

.fieldGroup .fa {
    color: green;
    font-size: 18pt;
    position: absolute;
    right: 18px;
    top: 14px
}

.fieldGroup p {
    color: #333;
    font-weight: 700
}

.fieldGroup input,.fieldGroup select {
    border-radius: 3px;
    border-radius: 5px;
    color: #333;
    font-size: 15px;
    height: 40px;
    margin-bottom: 7px;
    padding: 0 15px;
    width: 100%
}
.btn {
    background-color: #0000;
    border-color: #444;
    border-width: 1px;
    color: #444;
    filter: alpha(opacity = 80);
    font-weight: 400;
    opacity: .8;
    padding: 8px 16px;
}.btn .fa {
    width: 20px;
}.auth-modal.modal-dialog .content-main button.btn-default i, .login-page .content-main button.btn-default i {
    color: #3f5ead;
    font-size: 25px;
    margin-right: 10px;
}