body {
}

 /*.field-wrapper {
    margin: 0;
    clear: both;
    position: relative;
    overflow: visible
}

    
.field-wrapper input[type="text"],
.field-wrapper input[type="password"]{
      position: relative

}
.\!margin-bottom--lv6 {
    margin-bottom: 36px !important
}
input[type="text"]{
    display: inline-block;
    padding: 0 .4em 0 .4em;
    margin-bottom: 2em;
    vertical-align: middle;
    border-radius: 3px;
    min-width: 50px;
    max-width: 635px;
    width: 100%;
    min-height: 32px;
    background-color: #ffffff;
    border: 2px solid #c9c9c9;
    margin: 0 0 24px 0;
}*/
.username{
    color: #484848;
    font-weight: 600;
    /*display: block;
    max-width: 635px;
    padding-bottom: .8em;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
        font-size: 15px;
    line-height: 18px;*/

}

.padding-none{
    padding:0px;

}

.padding-top-5{
    padding-top:5px;

}

    input[type="checkbox"]:focus,
    .form-control:focus {
        border-bottom-color:none;
        border-top-color: none !important;
        border-left-color: none !important;
        border-right-color: none !important;
        box-shadow: none !important;
    }



 .invalid-error {
    white-space: normal;
    word-wrap: break-word;
    width: 100%;
    max-width: 635px;
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    position: relative;
    color: #848484;
    /*margin-top: -19px;*/
    margin-bottom: 18px;
}
 .invalid-error {
    display: block;
    color: #db3a1b;
    max-height: 200px;
}

 .text-invalid{
         border: 1px solid #e85c41;
 }

 .invalid-username{
     display:none;
 }
 .forgot-password-section{
     
 }

 .reset-sucess .alert div{
     display:inline-block;
 }
 .reset-sucess .alert i{
     font-size:20px;
     margin-right:10px;
     bottom:20px;
 }
 .reset-sucess .row{
     /*padding:4px;*/
 }


 .icon--order-success p{
     margin-left:9px;
     color:#388e3c;
 }


@-webkit-keyframes checkmark {
    0% {
        stroke-dashoffset: 50px
    }
    100% {
        stroke-dashoffset: 0
    }
}
@-ms-keyframes checkmark {
    0% {
        stroke-dashoffset: 50px
    }
    100% {
        stroke-dashoffset: 0
    }
}
@keyframes checkmark {
    0% {
        stroke-dashoffset: 50px
    }
    100% {
        stroke-dashoffset: 0
    }
}
@-webkit-keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 240px
    }
    100% {
        stroke-dashoffset: 480px
    }
}
@-ms-keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 240px
    }
    100% {
        stroke-dashoffset: 480px
    }
}
@keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 240px
    }
    100% {
        stroke-dashoffset: 480px
    }
}
/* other styles */
/* .svg svg {
    display: none
}
 */
.inlinesvg .svg svg {
    display: inline
}
/* .svg img {
    display: none
} */
.icon--order-success svg path {
    -webkit-animation: checkmark 0.25s ease-in-out 0.7s backwards;
    animation: checkmark 0.25s ease-in-out 0.7s backwards
}
.icon--order-success svg circle {
    -webkit-animation: checkmark-circle 0.6s ease-in-out backwards;
    animation: checkmark-circle 0.6s ease-in-out backwards
}


@media (min-width: 768px) {
    .loginlink {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 66px !important;
    }
}
.field-icon {
        float: right;
        margin-top: -26px;
        margin-right: 2px;
    }

    .first-group, .second-group {
        margin-bottom: -16px;
    }

    .require ul li:before {
        content: " ";
        display: inline-block;
        width: 8px;
        height: 8px;
        margin-right: 10px;
        border-radius: 8px;
        background: #ff9800;
        /*opacity:.5;*/
    }

    .list-unstyled {
        padding-left: 28px;
        font-size: 13px;
    }

    .require .completed {
        color: #2e7d32 !important;
    }

        .require .completed:before {
            background: #4caf50;
            /*color:#4caf50;*/
            /*opacity:.5 !important;*/
        }

    .match-error
    /*#confirmPassword:focus*/ {
        display: none;
        color: #f44336;
    }

    .error {
        color: #f44336 !important;
    }

        .error:before {
            background: #f44336 !important;
        }

    #newpassword:focus,
    #confirmPassword:focus {
        border-color: #80bdff !important;
    }

    #login-body .login-form-container {
        padding-bottom: 12px !important;
    }

    @media (max-width: 1024px) {
        .first-group, .second-group {
            width: 100%;
        }

        .second-group {
            /*margin-top:-25px;*/
        }

        @media (min-width: 992px) {
            .confirmpassword {
                max-width: 50%;
            }
        }

        /*#login-body img {
        width: 100%;
        padding-right: 48px;
    }*/
    }



    #login-body .login-form-container {
        padding-bottom: 12px !important;
    }