:root {
--main-color: #010099;
--second-color: #fa0000;
}
.col-3.document-name, .col-3.dc-name {
max-width: 40%!important;
flex: 0 0 40%!important;
}
.tlkt .dc-name, .tlkt .document-name {
max-width: 50%!important;
flex: 0 0 50%!important;
}
.col-3.stt-tl, .col-3.stt-tailieu {
max-width: 10%!important;
}
.page-template-bang-gia .left-sidebar,
.page-template-bang-gia .bang-gia
{
margin-top: 15px;
margin-bottom: 15px;
}
.page-template-bang-gia .bang-gia .col-3 span, .title-th .col-3 span {
background: #010099 ;
color: white; 
padding: 8px;
display: flex;
justify-content: center;
align-items: center;
}
.page-template-bang-gia .bang-gia .col-3, .page-template-tailieu-kythuat .bang-gia .col-3,
.page-template-bang-gia .bang-gia .col-4
{
padding: 5px 0;
border: 1px solid #ccc; 
}
.page-template-bang-gia .danhmuc-cha .col-3,
.page-template-bang-gia .danhmuc-con .col-4 {
display: flex;
justify-content: center;
padding: 5px 10px;
align-items: center;
}
.page-template-bang-gia .danhmuc-con .title-con
{
justify-content: flex-start;
}
.page-template-bang-gia .danhmuc-con .title-cha h3 {
color: #0A3F09;
}
.page-template-bang-gia h3.label-con  {
color: var(--main-color);
text-align: center;
}
.page-template-bang-gia .cat-child, .document-name, 
.document_view_link, .document_down_link, .stt-tl {
display: flex;
justify-content: center;
align-items: center;
}
.page-template-tailieu-kythuat .document-name {
justify-content: flex-start;
padding-left: 10px !important;
}
.page-template-bang-gia  .see-product a,
.page-template-bang-gia  .see-price a {
border-bottom: 1px solid var(--main-color) ;
color: var(--second-color);
}
.title-page-price {
color: var(--main-color);
margin-top: 15px;
}
.bang-gia  .col-9 {
min-height: 100%;
}
.bang-gia .col-9 .danh-muc-khong-con{
min-height: 100%;
}
.page-template-bang-gia .danhmuc-cha .col-9 .col-4 {
display:  flex;
justify-content: center;
align-items: center;
}
.page-template-bang-gia .khong-con {
min-height: 100%;
}
@media(max-width: 768px) and (min-width: 426px){
.page-template-bang-gia .row-revert h3  {
font-size: 1em ;
}
.page-template-bang-gia .see-price,
.page-template-bang-gia .see-product {
font-size: 14px;
}
.page-template-tailieu-kythuat .bang-gia .row {
margin-bottom: 5px;
}
.row.mobile-hidden.title-th, .col-3.stt-tl {
display: none;
}
.col-3.document-name, .col-3.dc-name {
max-width: 100%!important;
flex: 0 0 100%!important;
}
.col-3.document_view_link, .col-3.document_down_link {
max-width: 50%;
flex: 0 0 50%;
}
.page-template-tailieu-kythuat .col-9 {
width: 100%;
}
}
@media(max-width: 640px){
.tlkt .col-3.document_view_link {
max-width: 35%!important;
flex: 0 0 35%!important;
}
.tlkt .col-3.document-name {
max-width: 65%!important;
flex: 0 0 65%!important;
text-align: center;
}
.title-page-price {
text-align: center;
}
.mobile-hidden {
display: none;
}
.page-template-tailieu-kythuat .bang-gia .row {
margin-bottom: 5px;
}
.row.mobile-hidden.title-th, .col-3.stt-tl {
display: none;
}
.col-3.document-name, .col-3.dc-name {
max-width: 100%!important;
flex: 0 0 100%!important;
}
.col-3.document_view_link, .col-3.document_down_link {
max-width: 50%;
flex: 0 0 50%;
}
.page-template-bang-gia	.title-con{
flex: 0 0 50%;
}
.page-template-bang-gia .see-price,
.page-template-bang-gia .see-product {
flex: 0 0 50%;
font-size: 13px;
}
.page-template-bang-gia .title-cha {
flex: 0 0 100% ;
justify-content: flex-start !important;
background: repeating-linear-gradient(45deg,var(--main-color) , #000000b3 100px);
color: white;
}
.page-template-bang-gia .title-empty {
display: none !important;
}
.page-template-bang-gia .mobile-hidden {
display: none;
}
.page-template-bang-gia  .cat-child {
background: linear-gradient(45deg, var(--main-color), #0000004a);
color: white;
}
.row-revert {
flex-direction: column-reverse;
}
.page-template-bang-gia .row-revert h3  {
font-size: 1em ;
}
}