body {
    font-size: 14px;
    color: #4c5258;
    letter-spacing: .5px;
    background: #f7f7ff;
    overflow-x: hidden;
    font-family: Roboto, sans-serif
}
.auth-cover-left {
    display: flex;
    background-color: #f7f7ff;
    min-height: 100vh;
}



.auth-cover-right {
    display: flex;
    background-color: #ffffff;
    min-height: 100vh;
}



.auth-img-cover-login {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.error {
    color: #dc3545;
}

form select.error,
form textarea.error,
form input.error,
form input.error:focus,
form textarea.error:focus,
form select.error:focus {
    border-color: #ea5455 !important;
}


.bg-light-primary {
    background-color: rgb(13 110 253 / .11) !important
}



.bg-light-success {
    background-color: rgb(23 160 14 / .11) !important
}



.bg-light-danger {
    background-color: rgb(244 17 39 / .11) !important
}



.bg-light-warning {
    background-color: rgb(255 193 7 / .11) !important
}



.bg-light-info {
    background-color: rgb(13 202 240 / 18%) !important
}

.split-bg-primary {
    background-color: #0c62e0;
    border-color: #0c62e0
}


.split-bg-secondary {
    background-color: #515a62;
    border-color: #515a62
}



.split-bg-success {
    background-color: #128e0a;
    border-color: #128e0a
}



.split-bg-info {
    background-color: #0bb2d3;
    border-color: #0bb2d3
}



.split-bg-warning {
    background-color: #e4ad07;
    border-color: #e4ad07
}



.split-bg-danger {
    background-color: #e20e22;
    border-color: #e20e22
}



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



.bg-twitter {
    background-color: #55acee !important
}



.bg-google {
    background-color: #e52d27 !important
}



.bg-linkedin {
    background-color: #0976b4 !important
}



.text-facebook {
    color: #3b5998 !important
}



.text-twitter {
    color: #55acee !important
}



.text-youtube {
    color: #e52d27 !important
}

.contacts-social a {
    font-size: 16px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    background: #fff;
    border: 1px solid #eeecec;
    text-align: center;
    border-radius: 50%;
    color: #2b2a2a;
}

.bg-login {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed
}


.login-separater span {
    position: relative;
    top: 26px;
    margin-top: -10px;
    background-color: #fff;
    padding: 5px;
    font-size: 12px;
    color: #cbcbcb;
    z-index: 1
}


.btn i {
    vertical-align: middle;
    font-size: 1.3rem;
    margin-top: -1em;
    margin-bottom: -1em;
    margin-right: 5px
}


.btn-facebook,
.btn-facebook:hover {
    box-shadow: 0 2px 2px 0 rgba(59, 89, 152, .14), 0 3px 1px -2px rgba(59, 89, 152, .2), 0 1px 5px 0 rgba(59, 89, 152, .12);
    background-color: #3b5998;
    border-color: #3b5998;
    color: #fff
}

input::placeholder {
    color: #000 !important;
    opacity: .3 !important
}


.form-floating > .form-control::-moz-placeholder {
    color: transparent !important
}

.form-floating > .form-control::placeholder {
    color: transparent !important
}

.card-group {
    margin-bottom: 1.5rem
}


.input-icon .form-control {
    padding-left: 2.5rem;
}


.input-icon span {
    font-size: 16px;
    left: 15px;
}

.btnColor {
    background-color: #f71b47;
    color:white;
}
    .btnColor:hover {
        background-color: #f71b47;
        color: bisque;
    }