﻿.middle-header .logo{
    /*thay text cho logo*/
    padding-top:10px;
    font-weight:700;
    text-transform:uppercase;
}

.nav-menu ul{margin-top:3px; margin-bottom:0px; }
.nav-menu .social-link{font-size:0;}
.nav-menu .social-link li{
    float:left;
}
.nav-menu .social-link li a{
    color: #bababa;
    font-size: 20px;
    line-height: 0.6;
    display: block;
    width: 32px;
    height: 32px;
    /*margin: 10px 10px 0 0;*/
    padding:.5rem .5rem;
    margin: 0px 2px;
    -webkit-transition: all .1s;
    transition: all .1s;
    text-align: center;
    /*border: 1px solid #bababa;*/
    border: 1px solid #fff;
    border-radius: 100%;
}
.nav-menu .social-link li a>svg{
    /*width: 24px;
    height: 24px;*/
    /*fill: #bababa;*/
    fill: #fff;
    /*vertical-align: text-bottom;*/
}

.middle-header .nav-counter .counter>span {
    /*width: 35px;  den so hang nghin > sau them tooltip!*/
}

.price{color:red;}


/*footer ST*/
.footer-hr hr{
    border: 0;
    border-top: 2px solid 
}
/*footer ED*/

/*-------------------------------------- Start page validation -------------------------------------- */
/*validation - msg*/
/* styles for form field rendering*/
.required { color: #f00; } 
.error_screen_msg{color:red; margin-bottom:15px;}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

/*input.input-validation-error {
    border: 1px solid #b94a48 !important;
}*/

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}
/*-------------------------------------- End page validation -------------------------------------- */

/*-------------------------------------- Start page news -------------------------------------- */
.hts-article-content .title {
    font-family:Inter, sans-serif, Arial;
    font-weight: 600;
    font-size: 48px;
    line-height: 62px;
    color: #0a033c;
    text-transform: capitalize;
}
.hts-container-content h1, .hts-container-content h2, .hts-container-content h3 {
    font-family: Inter, sans-serif, Arial;
}
.short-dec-title {
    font-weight: 600;
    font-size: 32px !important;
    line-height: 120% !important;
    color: #0a033c;
    margin-bottom: 15px;
}
.short-dec-text {
    font-weight: 400;
    font-size: 18px;
    font-family: Inter, sans-serif, Arial;
    line-height: 160%;
    text-rendering: optimizeSpeed;
    color: #222;
    margin-bottom: 15px;
}
h3.hts-index-sub, h4.hts-index-sub {
    font-weight: 600;
    font-size: 22px;
    font-family: Inter, sans-serif, Arial;
    line-height: 135%;
    text-rendering: optimizeSpeed;
    color: #0a033c;
    margin-bottom: 15px;
}
.hts-article-content h1 {
    font-weight: 600;
}

.list-group-item {
    padding: 0.15rem 1.25rem;
    border: none;
}
.hts-content p {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #222;
    margin-bottom: 15px;
}
.hts-index-details .toc-H3 {
    margin-left: 15px
}
.hts-index-details .toc-H4 {
    margin-left: 30px
}
.hts-index-details .toc-H5 {
    margin-left: 45px
}
.hts-index-details .accordion {
    border: 2px solid #80cbc4;
    margin: 15px 0;
    --bs-accordion-bg: unset;
}
.hts-index-details .accordion-item {
    margin-bottom: 0px;
}
.hts-index-details .accordion-button {
    font-size: unset;
    border-radius: unset;
    padding: 5px;
    width: 100%;
    text-align: left;
    border: none;
    background: rgba(128, 203, 196, 0.7);
}
.hts-index-details p {
    font-weight: bold;
    margin-bottom: 10px;
}
.hts-index-details li {
    /*line-height: 1.8;*/
    list-style: none;
    margin-bottom: 3px;
}
.hts-index-details li a:hover {
    color: #9c4df4;
}
/*-------------------------------------- End page news -------------------------------------- */