﻿
a {
    color: #222222;
}
a:hover {
    color: #ff2418;
}

div#tf-home
{
    background:#fff;
    /*font-family: 'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;*/
}
sp-caption-description a:hover
{
     color:#ff2418;
}

nav#tf-menu-bottom.navbar.navbar-custom.menu-bottom
{
    background-color: #AD2A1A;
    border-color: #AD2A1A;
    border:none;
    border-radius: 0;
    height: auto;
    margin-bottom: 0;
    padding: 0;
}

.table>tbody>tr>td >a:hover
{
    color:#ff2418;
}
nav#tf-menu.navbar.navbar-custom.menu-top
{
      background-color: #AD2A1A;
    border-color: #AD2A1A;
    border:none;
    border-radius: 0;
    height: auto;
    margin-bottom: 0;
    padding: 0;
}
/*box tin tức thẻ tiêu đề*/
h3 >a{
    font-size:17px;
    color:#222222;
}
#tf-content div> div> div > div > h3 a:hover{
    font-size:17px;
    color:#ff2418;
}

/* tiêu đề các tin tức khác*/
#tf-content div> div> div > div > h3{
     font-size:15px;
        color:#da251c;
}



#tf-content div> div> div > div > ul a:hover{
     font-size:14px;
      color:#ff2418;
}

/*Xem tất cả*/
#tf-content div> div > h3 > a.pull-right{
     font-size:13px;
        color:#AD2A1A;
        
}

#tf-content div> div > h3 > a:hover{
     /*font-size:13px;*/
        color:#ff2418;
        
}

#listmenutop > ul > li > ul.nav.navbar-nav.dropdown-menu{
    background: #AD2A1A;
    
    display: none;
}

#tf-menu-bottom.navbar.navbar-custom.menu-bottom > div.container.in > div > ul > li > a.actived
{
     background-color: #EEEEEE;
    color:#ef3b12;
    text-decoration:none;
}

#tf-menu-bottom  div > div > ul > li > a.actived
{
     background-color: #EEEEEE;
    color:#ef3b12;
    text-decoration:none;
}



#listmenutop ul > li >a.actived{
    background-color: #EEEEEE;
    color:#ef3b12;
    text-decoration:none;
}




#listmenutop ul > li >a:hover{
    background-color: #ff2418;
    text-decoration:none;
}

.nav > li > a:hover, .nav > li > a:focus {
  background-color: #eb8726;
  text-decoration: none;
}

/* menu top*/
.navbar-custom {
    background-color:#AD2A1A;
    color:#ffffff;
    border-radius:0;
}

.navbar-custom .navbar-nav > li > a {
    color:#fff;
    
}

.show-form-search {
    display: block;
    padding: 11px 0 11px 0;
    padding-bottom: 11px;
    text-align: right;
    padding-right: 18px;
}


.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus,
.navbar-custom .navbar-nav > .actived > a:hover,
.navbar-custom .navbar-nav > .actived > a:focus,
.navbar-custom .navbar-nav > .open >a {
    text-decoration: none;
    background-color: #e94d1b;
}

.navbar-custom .navbar-brand {
    color:#eeeeee;
}
.navbar-custom .navbar-toggle {
    background-color:#f20909;
}
.navbar-custom .icon-bar {
    background-color:#AD2A1A;
}



#tf-col-left .menu-left > ul  >li a:hover{
    background-color:#ff2418;
    color:white;
}

#tf-col-left .menu-left > ul  >li,
#tf-col-left .menu-left > ul  >li a
{
    background-color: #EEEEEE;
    color:#AD2A1A;
    font-weight:bold;
}

.menu-left > ul {
    background-color:#eeeeee;
} 

.menu-left > li {
    background-color:#eeeeee;
} 

.menu-left ul >li {
    background-color: #EEEEEE;
    
}

.menu-left>ul>li>ul>li>ul {
    background-color: #EEEEEE;
   
}

.menu-left>ul>li>ul {
    background-color: #EEEEEE;
    display: none;
    list-style-type: none;
    padding-left: 0;
    position: absolute;
    right: -250px;
    top: 0;
    width: 250px;
}


.panel-primary > .panel-heading h3{
    font-weight:700;
}
/*Box bên trái*/
.panel-primary>.panel-heading {
    color: #e51818;
    background-color: #F9F9F9;
    border-color: #F9F9F9;
    border-bottom-width:1px;
}

#tf-col-left .menu-left > ul  >li:last-child {
    border-bottom: 1px solid #f20909;
}

#tf-col-left div.panel.panel-primary.tf-module{
    border-color:#DDDDDD;
}
/*Box ở giữa*/
#tf-content div.panel.panel-default.panel-home{
    border-radius: 0;
    border-top: 1px solid #E8E8E8;
    margin-bottom: 10px;
     border-color:#EEEEEE;

}

#tf-content .panel-home>.panel-heading {
    background: #F9F9F9;
    color: #AD2A1A;
    margin-top: 0;
    padding-left: 10px;
    border-color:#fff;
}


#tf-content .panel-home > .panel-heading h3{
    color: #AD2A1A;
    font-weight:bold;
}

#tf-below-menu > .container > .row > div > p {
    color: #252525; 
    margin-top: 10px;
}

.detail-article>h3.art-title{
    font-size:17px;
}

/*button.btn.btn-default
{
    background:#AD2A1A;
    font-weight:bold;
    color:white;
}*/
.dl-horizontal dt { white-space: normal; }

/*tai lieu 
    */

.category>.cat-name {
    background:none;
    border-top: 0px solid #AAAAAA;
    margin-top: 0;
}

.category>.cat-name>h3 {
    color: #555555;
    margin: 0 0 0 50px;
    padding: 6px 5px;
}

/*hoi dap*/
.menu-title {
    background-size: 59px 100%;
    border-bottom: 1px solid gainsboro;
    color: #e51a1a;
    margin-bottom: 0;
    margin-top: 0;
    padding: 7px;
    background: #f9f9f9;
    font-size: medium;
    font-weight: 700;
}

.menu-hoidap>ul, .menu-linhvuc>ul {
    background-color: #eeeeee;
    list-style-type: none;
    overflow: visible;
    padding-left: 0;
    position: relative;
    color: #ad2a1a;
}
.menu-hoidap>ul, .menu-linhvuc>ul >li > a{
    background-color: #eeeeee;
    list-style-type: none;
    overflow: visible;
    padding-left: 0;
    position: relative;
    color: #ad2a1a;
}
 .menu-hoidap>ul>li>a, .menu-linhvuc>ul>li>a {
    color: #ad2a1a;
    display: block;
    padding: 7px;
    font-weight: bold;
}
 .actived 
 {
    background-color: #e94d1b;
    
}
.menu-hoidap>ul>li>a.actived, .menu-linhvuc>ul>li>a.actived {
    color: #ffffff;
    display: block;
    padding: 7px;
    font-weight: bold;
}

.page-header {
    padding-bottom: 1px;
    margin: 1px 0 1px;
    border-bottom: 1px solid #eee;
}

.form-group label {
    margin: 0 !important;
}

.form-group label p {
    display: inline-block;
    width:90%;
}

.form-group label .input_check {
    vertical-align: middle;
    margin: 0;
}
/* Tabs */
.tabs-container .panel-body {
  background: #fff;
  border: 1px solid #e7eaec;
  border-radius: 2px;
  padding: 20px;
  position: relative;
}
.tabs-container .nav-tabs > li.active > a,
.tabs-container .nav-tabs > li.active > a:hover,
.tabs-container .nav-tabs > li.active > a:focus {
  border: 1px solid #e7eaec;
  border-bottom-color: transparent;
  background-color: #fff;
}
.tabs-container .nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.tabs-container .tab-pane .panel-body {
  border-top: none;
}
.tabs-container .nav-tabs > li.active > a,
.tabs-container .nav-tabs > li.active > a:hover,
.tabs-container .nav-tabs > li.active > a:focus {
  border: 1px solid #e7eaec;
  border-bottom-color: transparent;
}
.tabs-container .nav-tabs {
  border-bottom: 1px solid #e7eaec;
}
.tabs-container .tab-pane .panel-body {
  border-top: none;
}
.tabs-container .tabs-left .tab-pane .panel-body,
.tabs-container .tabs-right .tab-pane .panel-body {
  border-top: 1px solid #e7eaec;
}
.tabs-container .tabs-below > .nav-tabs,
.tabs-container .tabs-right > .nav-tabs,
.tabs-container .tabs-left > .nav-tabs {
  border-bottom: 0;
}
.tabs-container .tabs-left .panel-body {
  position: static;
}
.tabs-container .tabs-left > .nav-tabs,
.tabs-container .tabs-right > .nav-tabs {
  width: 20%;
}
.tabs-container .tabs-left .panel-body {
  width: 80%;
  margin-left: 20%;
}
.tabs-container .tabs-right .panel-body {
  width: 80%;
  margin-right: 20%;
}
.tabs-container .tab-content > .tab-pane,
.tabs-container .pill-content > .pill-pane {
  display: none;
}
.tabs-container .tab-content > .active,
.tabs-container .pill-content > .active {
  display: block;
}
.tabs-container .tabs-below > .nav-tabs {
  border-top: 1px solid #e7eaec;
}
.tabs-container .tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}
.tabs-container .tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.tabs-container .tabs-below > .nav-tabs > li > a:hover,
.tabs-container .tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #e7eaec;
  border-bottom-color: transparent;
}
.tabs-container .tabs-left > .nav-tabs > li,
.tabs-container .tabs-right > .nav-tabs > li {
  float: none;
}
.tabs-container .tabs-left > .nav-tabs > li > a,
.tabs-container .tabs-right > .nav-tabs > li > a {
  min-width: 124px;
  margin-right: 0;
  margin-bottom: 3px;
}
.tabs-container .tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
}
.tabs-container .tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.tabs-container .tabs-left > .nav-tabs a.active,
.tabs-container .tabs-left > .nav-tabs a.active:hover,
.tabs-container .tabs-left > .nav-tabs a.active:focus {
  border-color: #e7eaec transparent #e7eaec #e7eaec;
}

.tabs-container .tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
}
.tabs-container .tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.tabs-container .tabs-right > .nav-tabs a.active,
.tabs-container .tabs-right > .nav-tabs a.active:hover,
.tabs-container .tabs-right > .nav-tabs a.active:focus {
  border-color: #e7eaec #e7eaec #e7eaec transparent;
  z-index: 1;
}
.tabs-container .tabs-right > .nav-tabs li {
  z-index: 1;
}
.nav-tabs .nav-link:not(.active):focus,
.nav-tabs .nav-link:not(.active):hover {
  border-color: transparent;
}
@media (max-width: 767px) {
  .tabs-container .nav-tabs > li {
    float: none !important;
  }
  .tabs-container .nav-tabs > li.active > a {
    border-bottom: 1px solid #e7eaec !important;
    margin: 0;
  }
}