/* Style color HuaNan */
:root {
    --header-color: #e60014; /* menu header & button */
    --title-list-color: #bbc117; /* list data & button */
    --border-th-color: #c5cc13; /* border line title list data */
    --bg-capcha: rgba(187, 193, 23, 0.6); /* background capcha */
    --text-color: #000; /* text color */
    --menu-right-color : #870101; /* menu right: facebook, youtobe, chat, phone, email... */
    --border-bottom-item-menu-right : #a70707; /* border line menu right */
    --bg-login: linear-gradient(135deg, #ff7c87 0%, #ff2f3a 63%, #e70014 98%); 
    --bg-button-login: linear-gradient(147deg, #e70014,#ff606b);
    --text-button-login-mobile: #fff;
}
/* END Style color HuaNan */

.change-skin header .nav-bottom,.change-skin .btn-blue{
    background: var(--header-color);
}
.change-skin .btn-blue{
    border-color: var(--header-color);
}
.change-skin .btn-eff:hover {
    background: var(--title-list-color);
    border-color: var(--title-list-color);
}
.change-skin .box-search-invoice ul li a:hover{
    color: var(--title-list-color)!important;
}
.change-skin .btn-white,.change-skin #clients .client-logo,.change-skin .nav-bottom {
    border-color: var(--title-list-color)!important;
}
.change-skin .list-invoice table th,.change-skin footer .icon,
.change-skin .input-upload-1 .input-group-text{
    background: var(--title-list-color);
}
.change-skin .box-capcha{
    background: var(--bg-capcha);
}
.change-skin .radio1 .cr i,.change-skin .btn-white,.change-skin footer ul.col-center-footer li a,
.change-skin .document .clients-wrap p,.change-skin #clients .client-logo>span,
.change-skin .form-login .input-group .input-group-text{
    color: var(--title-list-color)!important;
}
.change-skin .list-invoice table th,.change-skin .list-invoice table td {
    border-color: var(--border-th-color)!important;
}
.change-skin .list-invoice table th,.change-skin .box-search-invoice .title-box-search,
.change-skin footer span,.change-skin footer .text-w p,.change-skin .box-search-invoice .title-sub-box-search {
   color: var(--text-color);
}
.change-skin .box-search-invoice .head-box-title{
    border-bottom-color: var(--text-color);
}
.change-skin .effect-1 ~ .focus-border{
    background-color: var(--title-list-color);
}
.change-skin #toolbox ul{
    background: var(--menu-right-color);
}
.change-skin #toolbox ul li {
    border-bottom-color: var(--border-bottom-item-menu-right);
}
.change-skin #toolbox ul li a:hover:before,.change-skin footer .title-foot{
    color: var(--header-color)!important;
}
.change-skin .bg-form-login{
    background: var(--bg-login)!important;
}
.change-skin .login {
    background: var(--bg-button-login)!important;
}

@media only screen and (max-width: 576px){
    .change-skin .nav-mb button,.change-skin .nav-mb a {
        color: var(--text-button-login-mobile)!important;
    }
}
@media only screen and (max-width: 991px){
    .change-skin header .icon-bar,.change-skin header .navbar-collapse {
        background: var(--header-color);
    }
}