.f ul li {
    list-style: none;
}

.f .errors {
    border: 0;
    background: transparent;
    margin: 0;
    padding: 0;
}

.f ul li .errors li {
    margin: 5px 0;
}

.form-register input, .inter-info,
.getpassword .title-user, .btn-login, p.suggestions-user, p.intro-user {
    font-family: Arial;
}

p.user-shield:before,
.social-login .fb-user:before, .social-login .gplus-user:before {
    font-family: FontAwesome;
}

.page-user {
    font-size: 14px;
}

h1.title-user {
    font-size: 31px;
    font-weight: bold;
    color: #394a5d;
    text-align: center;
    margin-top: 40px;
}

p.intro-user {
    text-align: center;
    padding: 12px 0;
}

.social-login {
    text-align: center;
}

.social-login .fb-user, .social-login .gplus-user {
    color: #fff;
    padding: 10px 24px;
    display: inline-block;
    border-radius: 18px !important;
}

.social-login .fb-user {
    background: #3b5998;
    margin-right: 11px;
}

.social-login .gplus-user {
    background: #db4437;
}

.social-login .fb-user:before, .social-login .gplus-user:before {
    padding-right: 10px;
    color: #fff;
}

.social-login .fb-user:before {
    content: '\f09a';
}

.social-login .gplus-user:before {
    content: '\f0d5';
}

p.suggestions-user {
    text-align: center;
    padding: 30px 0;
}

form.form-register {
    width: 100%;
    margin: 0 auto;
}

.getpassword input,
.form-register .form-group input[type='text'], .form-register .form-group input[type='email'], .form-register .form-group input[type='password'], .form-register .form-group input[type='number'] {
    font-size: 14px;
    box-shadow: none;
    width: 100%;
    border-radius: 20px !important;
    border: 1px solid rgba(181, 190, 206, 0.57);
    margin-bottom: 20px;
}

.form-register .form-group input:focus {
    border: 2px solid #394a5d;
    box-shadow: none;
}

p.user-shield {
    color: grey;
}

p.user-shield:before {
    font-size: 15px;
    padding-right: 11px;
    content: '\f132';
    float: left;
}

.form-group input[type="radio"] {
    width: unset;

}

.form-group span {
    font-size: 12px;
    color: grey;
    padding-left: 11px;
}

.getpassword #btnSubmit, .btn-register {
    width: 100%;
    color: #fff;
    padding: 10px;
    outline: 0;
    border-radius: 25px !important;
    background: #f15f61 !important;
    font-weight: bold;
    border: 2px solid #394a5d;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.btn-register:hover, .btn-register:focus,
.getpassword #btnSubmit:hover, .getpassword #btnSubmit:focus {
    background: #394a5d !important;
}

.btn-login {
    margin-top: 15px;
    width: 100%;
    padding: 10px;
    color: #fff;
    border-radius: 25px !important;
    background: #f15f61;
    font-weight: bold;
    border: 2px solid #394a5d;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.btn-login:hover, .btn-login:focus {
    color: #fff;
    background: #394a5d;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.terms a {
    color: #f05f62;
}

.box-remember {
    margin-bottom: 15px;
}

div.remember-me {
    color: grey;
    padding: 0;
}

div.remember-me input[type="radio"] {
    margin-right: 9px;
    float: left;
}

.forgot-pass {
    padding: 15px 0 0 0;
    text-align: center;
}

div.signup-now {
    text-align: center;
}

.terms {
    margin-top: 15px;
}

div.signup-now a {
    color: #f15f61 !important;
    font-weight: 800;
}

.signup-now p {
    margin-top: 10px;
}

.checkbox-user {
    color: #666;
    display: block;
    width: 100%;
    margin: 15px 0;
    font-weight: normal;
    cursor: pointer;
}

.checkbox-user input[type="checkbox"] {
    float: left;
    margin-top: 3px;
    margin-right: 8px;
    -webkit-appearance: none;
    border: none;
    width: 15px;
    height: 15px;
    outline: 0;
    background: url(../img/check.png) left center no-repeat;
}

.checkbox-user input[type="checkbox"]:focus {
    border: none;
    outline: none;
}

.checkbox-user input[type="checkbox"]:checked {
    border: none !important;
    outline: 0;
    background: url(../img/checked.png) left center no-repeat;
}

.box-remember label {
    cursor: pointer;
    font-weight: normal;
}

.box-remember input[type="checkbox"] {
    float: left;
    margin-top: 4px;
    margin-right: 8px;
    -webkit-appearance: none;
    border: none;
    width: 15px;
    height: 15px;
    outline: 0;
    background: url(../img/check.png) left center no-repeat;
}

.box-remember input[type="checkbox"]:focus {
    border: none;
    outline: none;
}

.box-remember input[type="checkbox"]:checked {
    border: none !important;
    outline: 0;
    background: url(../img/checked.png) left center no-repeat;
}

/*++++++++++++ Get Password +++++++++++++++*/
.getpassword #sign {
    max-width: 500px;
    margin: auto;
    padding-top: 25px;
    text-align: center;
}

.getpassword input {
    outline: 0;
    padding: 7px 20px;
}

.getpassword #btnSubmit {
    height: auto;
    display: inline-block;
    width: auto;
    padding: 8px 28px;
    border-radius: 25px !important;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
}

.getpassword .alert {
    font-size: 16px;
}

.getpassword .errors {
    background: #fddada8a;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 5px;
    color: #394a5d;
    font-size: 16px;
}

/*+++++++++++++++++++++++++++ Profile Users +++++++++++++++++++++++++++++++*/
.interlist {
    min-height: 100px;
    margin-top: 30px;
}

.inter-title {
    font-size: 18px;
    font-weight: 700;
    color: #545454;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #545454;
}

.inter-info {
    font-size: 14px;
}

.inter-info a {
    display: block;
    width: 100%;
    clear: both;
    margin-bottom: 15px;
}

#breadcrumb-wrapper {
    margin: 25px 0;
}

#PageContainer {
    position: relative;
    background: url('/tp/T0420/img/tmp/background-signin.jpg') no-repeat center;
}

.overlay-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #333;
    opacity: 0.9;
}

.content-tab-logo {
    margin-top: 40px;
}

.content-tab-logo h3 {
    /*font-size: 36px;*/
    font-weight: 600;
    color: #fff;
}

.content-tab-logo p {
    color: #fff;
    /*font-size: 18px;*/
}

.tab-logo-user {
    padding: 80px 0;
}

.tab-action-user {
    margin: 40px 0;
    background: #fff;
}

#formAcount {
    padding: 30px;
}

#formAcount h1 {
    font-size: 30px;
    color: #000;
    font-weight: 600;
}

#formAcount .form-group label {
    /*font-size: 18px;*/
    font-weight: 600;
}

#formAcount .form-group input {
    padding: 20px 12px;
}

.not-account {
    /*font-size: 18px;*/
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 20px;
}

.not-account span a:hover {
    color: #3434a5;
}

#btnSignIn, #btnSingup {
    background: #2a2a86;
    width: 100%;
    color: #fff;
    font-size: 18px;
    /*margin-top: 30px;*/
    padding: 15px;
    border-radius: 4px;
    font-weight: 600;
}

.login-fb {
    background: #3b5997;
}

.login-gg {
    background: #cc3333;
}

.login-fb a, .login-gg a {
    color: #fff;
}

.login-fb a:hover, .login-gg a:hover {
    color: #fff;
}

.login-fb i, .login-gg i {
    color: #fff;
    border-right: 1px solid #7e7e7e;
    font-size: 22px;
    padding: 12px 18px;
}

.login-fb span, .login-gg span {
    padding: 14px 18px;
    font-size: 20px;
    font-weight: 600;
}

.show-password {
    position: absolute;
    top: 15px;
    right: 25px;
}

.show-password i {
    font-size: 15px;
    color: #b4b4b4;
    cursor: pointer;
}
.left-bar__head>div:not(.image-user) {
    margin-left: 15px;
    flex: 1;
}
.left-bar__head>div:not(.image-user) i{
    font-size: 12px;
}
.image-user img{
    width: 68px;
    height: 68px;
    overflow: hidden;
    object-fit: contain;
}
.name-user{
    font-size: 18px;
}
.left-bar__head{
    margin-bottom: 20px;
}
.left-bar__head a{
    font-size: 14px;
}
.left-bar__menu ul{
    list-style-type: none;
}
.left-bar__menu li{
    padding: 10px 0;
}
.left-bar__menu li a:hover{
    color: #2a2a86;
}
.left-bar__menu li img {
    width: 35px;
}

.breadcrumb-user{
    padding-top: 25px;
    padding-bottom: 32px;
}
.breadcrumb-user li{
    font-size: 12px;
}
.breadcrumb-user li:last-child{
    padding-left: 10px;
}
.breadcrumb-user li:last-child::before{
    content: '/';
    font-weight: bold;
    top: 0;
    right: 0;
    left: 1px;
    position: absolute;
}
.breadcrumb-user li:last-child a{
    color: #fbba4b;
}
.page-name{
    font-size: 24px;
    margin-bottom: 38px;
}
.form-search__order{
    font-size: 18px;
    margin-bottom: 38px;
}
.form-search__order>span{
    margin-right: 17px;
}
#frmIndexOrder input{
    height: 50px;
    /*width: 360px;*/
    box-shadow: none;
}
#frmIndexOrder button{
    height: 50px;
    background-color: #2a2a86;
    color: #fff;
}
.status-order{
    width: 120px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    background-color: red;
    border-radius: 50px;
    color: #fff;
}
.order-page table td{
    vertical-align: middle;
}
.code-order a{
    color: #007bff;
}
.order-page table td,.order-page .table thead th{
    border: none;
}
/*.order-page{*/
/*    background-color: #f8f8f8;*/
/*}*/
.background-userPage{
    background-color: #f8f8f8;
}
.order-page table{
    background-color: #fff;
}
.content-detailOrder__row {
    padding: 15px;
    display: flex;
    justify-content: space-between;
}
.order-page table tr, .order-page .content-detailOrder__row {
    /*border-top: 1px solid transparent;*/
    border-bottom: 1px solid #ebebeb;
    /*border: 1px solid red;*/
}
.order-page table tr:hover, .order-page .content-detailOrder__row:hover{
    background-color: #faf9ff;
    /*border-color: #ebebeb;*/
}
.header-detailOrder,.content-detailOrder{
    background-color: #fff;
}
.content-detailOrder{
    margin-bottom: 50px;
}
.header-detailOrder h2.title,.content-detailOrder h2.title{
    font-size: 18px;
}
.header-detailOrder{
    padding: 20px;
    margin-bottom: 15px;
}
.content-detailOrder__head{
    padding: 20px;
    border-bottom: 1px solid #ebebeb;
}
.content-detailOrder__head h2.status{
    font-size: 24px;
    color: #2a2a86;
}
.header-detailOrder>p{
    font-size: 14px;
}
.content-detailOrder table{
    width: 100%;
}
.content-detailOrder img{
    /*padding: 0 20px;*/
    width: 60px;
}
.content-detailOrder .product td{
    vertical-align: top;
}
.content-detailOrder .product{
    /*width: 66%;*/
    padding: 15px;
}
/*.content-detailOrder .content-detailOrder__row .right{*/
    /*width: 34%;*/
    /*padding: 15px 20px 15px 15px;*/
/*}*/
.content-detailOrder .infor-item {
    flex: 1;
    padding-left: 15px;
}
.content-detailOrder p{
    line-height: 1;
    font-size: 18px;
}
.content-detailOrder__content{
    padding-bottom: 20px;
}
.content-detailOrder .infor-item p{
    /*line-height: 1;*/
    font-size: 18px;
}
.content-detailOrder .infor-item p:not(.name-product){
    font-size: 14px;
}
.pOrder-priceOld{
    text-decoration: line-through;
}
.pOrder-price{
    color: #2a2a86;
}
.pOrder-amount{
    color: #2a2a86;
    font-size: 36px;
}
.bottom-detailOrder a{
    font-size: 14px;
}
.bottom-detailOrder a:first-child{
    color: #42428f;
    margin-right: 10px;
}
/*.bottom-detailOrder a:last-child{*/
/*    color: #fff;*/
/*    background-color: #fcaf17;*/
/*    padding: 10px;*/
/*}*/
.content-profile{
    background-color: #fff;
    padding: 26px 32px 50px 32px;
    font-size: 14px;
}
.content-profile ul{
    list-style-type: none;
    width: 100%;
}
.content-profile ul li:not(:last-child){
    margin-bottom: 25px;
}
.content-profile ul li.input-last input{
    width: 562px;
}
.content-profile ul lable{
    width: 110px;
}
.content-profile ul li>input,.content-profile ul select{width: 240px;
outline: none;
    box-shadow: 0 0 0 1px #d9d9d9 !important;
    height: 40px;
    border: none;
    padding: 0 15px;
}
.content-profile ul select{
    width: 164px;
}
.content-profile ul select:not(:last-child){
    margin-right: 35px;
}
.group-check>div:not(:last-child){
    margin-right: 35px;
}
.btn-insert{
    width: 135px;
    height: 40px;
    background-color: #2a2a86;
    color: #fff;
    outline: none;
}
input:disabled,select:disabled{
    color: #000;
    opacity: 1;
    background-color: rgba(239, 239, 239, 0.3);
}
.right-content table th{
    white-space: nowrap;
}
.right-content table td.nowrap{
    white-space: nowrap;
}
.image-status{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 4px solid #e0e0e0;
    background-color: #fff;
}
.image-status img{
    width: 30px;
    height: 30px;
}
.schedule-order::before,.schedule-order .proGress,.schedule-order .proGress::after{
    position: absolute;
    content: '';
    left: 12.5%;
    height: 4px;
    background-color: rgb(224, 224, 224);
    top: 28px;
}
.schedule-order::before,.schedule-order .proGress{
    right: 12.5%;
}
.schedule-order::before{
    background-color: #2dc258;
}
.schedule-order>div:first-child .image-status{
    border: 4px solid #2dc258;
}
.schedule-order.checkOrder>div:nth-child(2) .image-status {
    border: 4px solid #2dc258;
}
.schedule-order.transportOrder>div:nth-child(3) .image-status,.schedule-order.transportOrder>div:nth-child(2) .image-status{
    border: 4px solid #2dc258;
}
.schedule-order.successOrder>div .image-status{
    border: 4px solid #2dc258;
}
.schedule-order .proGress::after{
    background-color: #2dc258;
    top: 0;
    left: 0;
}
.schedule-order.successOrder .proGress::after{
    right: 0;
}
.schedule-order.checkOrder .proGress::after{
    width: 33.33%;
}
.schedule-order.transportOrder .proGress::after{
    width: 66.66%;
}

.schedule-order .status-step{
    z-index: 1;
}
.schedule-order .status-step p{
    font-size: 15px;
}
/*+++++++++++++++++++++++++++ Media +++++++++++++++++++++++++++++++*/
@media screen and (min-width: 1200px) {
    .form-register .form-group {
        width: 31% !important;
        margin: 0 auto !important;
    }
}

@media (max-width: 991px) {
    .content-profile ul li.input-last input,.content-profile .liAdress>div{
        flex: 1;
    }
    .breadcrumb-user {
        padding: 15px 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px){
    .content-profile ul select:not(:last-child){
        margin-right: 10px;
    }
}

@media screen and (min-width: 768px) {
    .form-register .form-group {
        width: 60%;
        margin: 0 auto;
    }
    .content-detailOrder .content-detailOrder__row .right{
        width: 34%;
    }
    .content-detailOrder .content-detailOrder__row .left{
        width: 66%;
    }
}

@media (min-width: 576px) {
    #frmIndexOrder button{
        width: 185px;
        margin-left: 13px;
    }
    #frmIndexOrder input{
        width: 360px;
    }
}

@media (max-width: 991px) {
    .right-content table{
        min-width: 800px;
    }
    .right-content .content-detailOrder table{
        min-width: 100%;
    }
}
@media (max-width: 768px) {
    #formAcount .formError {
        right: 0;
        left: auto !important;
    }

    #formAcount {
        padding: 60px 0;
    }

    .login-fb i, .login-gg i, .login-fb span, .login-gg span {
        padding: 12px 10px;
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .right-content .content-detailOrder table{
        min-width: 600px;
    }
}

@media (max-width: 575px) {
    .content-profile ul lable{
        width: 95px;
    }
    .content-profile ul li>input, .content-profile ul select{
        flex: 1;
    }
    .content-profile ul select:not(:last-child){
        margin-right: 0;
        margin-bottom: 25px;
    }
    .content-profile{
        padding: 27px 10px 50px;
    }
    #frmIndexOrder {
        flex-direction: column;
        width: 100%;
    }
    #frmIndexOrder button{
        margin-top: 15px;
    }
    /*#frmIndexOrder input{*/
    /*    width: 100%;*/
    /*}*/
}


@media screen and (max-width: 420px) {
    .login-fb i, .login-gg i, .login-fb span, .login-gg span {
        font-size: 18px;
    }

    .tab-logo-user {
        display: none;
    }
}

@media screen and (max-width: 380px) {
    .login-fb i, .login-gg i, .login-fb span, .login-gg span {
        font-size: 15px;
    }
}

@media screen and (max-width: 320px) {
    .social-login .fb-user {
        display: block;
        margin: 0 auto;
    }

    button.gplus-user {
        display: block;
        margin: 15px auto 0;
    }

    .login-fb i, .login-gg i, .login-fb span, .login-gg span {
        font-size: 13px;
    }
}