/* main menu */
.top-menu{
	--bg-hover:var(--secondary-2);
	--dropdown-bg-default:var(--secondary-2);
	--dropdown-bg-hover:var(--primary);
}

/* menu fix top */
@media (min-width: 979px) {
  .top-menu .navbar.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999;
    background: #fff;
    transition: all 0.9s;
    box-shadow: 0px 1px 1px #888; }
  
}
@media (max-width: 978px) {
  .top-menu .navbar.affix {
    position: static; } }

/* menu */
/* menu bootstrap */
.animate {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.navbar{
	background-color:#fff;
	margin-bottom: 0; 
 }

.navbar-default .navbar-collapse {
  border-color: #e1e1e1; }

.navbar-default .navbar-nav  li{
	/*overflow:hidden;*/
}
.navbar-default .navbar-nav > li > a {
  color: var(--black);  
  font-size: 14px;
  font-weight:600;
  text-transform: uppercase; }

@media (min-width: 978px) {
  .top-menu .navbar {
    border: none; }

  .navbar-right {
    margin-top: -10px; }
}

@media (min-width: 979px) {
  
.top-menu .navbar-collapse {
  background-color: transparent; }
.top-menu .container > .navbar-header {
  margin-right: 0;
  margin-left: 0; }
.top-menu .navbar-default {
  background-color: #fff;
  border-color: transparent; }
.top-menu .navbar {
  margin-bottom: 0px; }

.navbar-toggle .icon-bar {
  background-color: var(--back); }

.navbar-nav > li > a {
  color: #787878;
  padding: 15px; }

.navbar-nav > li > form > .input-group > input,
.navbar-nav > li > form > .input-group > .input-group-btn > .btn {
  border-radius: 0px; }

.navbar-nav > li:not(.disabled).open > a,
.navbar-nav > li:not(.disabled).active > a,
.navbar-nav > li:not(.disabled) > a:hover,
.navbar-nav > li:not(.disabled) > a:focus {
  color: #fff;
  padding-left: 10px;
  background-color: var(--bg-hover);
  /*box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35);*/ }

.navbar-nav > li.disabled > a {
  color: #c8c8c8; }

.navbar-nav > li > .dropdown-menu {
  border-radius: 0;
  margin-right: -1px;
  min-width: 225px;
  /*padding: 0px 10px 0 5px;*/ }

.dropdown-menu > li > a {
  color: #fff;
  padding: 6px 20px;
  white-space: nowrap; }

.navbar-nav > li:not(.dropdown-right) > .dropdown-menu {
  left: 0px;
  margin-left: -1px;
  right: auto; }

/*hover menu con*/
.navbar-nav > li > .dropdown-menu > li.active > a,
.navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-nav > li > .dropdown-menu > li > a:focus {
  background-color: var(--dropdown-bg-hover);
  color: #fff; }

/*hover*/
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  color: #fff !important;
  background-color: var(--red);
  /*border-color:rgba(13,36,97,0.9);*/
  /*box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35);*/ }

.nav-padding {
  padding-top: 61px; }

/* custom navbar-toggle */
.navbar-toggle {
  padding: 9px 0;
  margin-top: 8px;
  margin-right: 0;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background-color: transparent; }

/* end navbar-toggle 
----------------------------------------*/
}
@media screen and (min-width: 979px) {
  .navbar-brand {
    font-size: 20px;
    height: auto;
    padding: 15px 0;
    margin-left: 0 !important; }

  .navbar-nav > li > a {
    font-size: 16px;
    letter-spacing: 1px; }

  .navbar-nav > li:not(.disabled).open > a,
  .navbar-nav > li:not(.disabled).active > a,
  .navbar-nav > li:not(.disabled) > a:hover,
  .navbar-nav > li:not(.disabled) > a:focus {
    border-bottom-width: 0px;
    border-left-width: 0px;
    /*padding-bottom: 10px;*/
    padding-left: 15px; }

  .navbar-nav > li.disabled > a {
    padding-left: 10px;
    padding-right: 10px; }

  .navbar-nav > li:not(.disabled).open > a,
  .navbar-nav > li:not(.disabled).active > a,
  .navbar-nav > li:not(.disabled) > a:hover,
  .navbar-nav > li:not(.disabled) > a:focus {
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35); }

  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:focus,
  .navbar-default .navbar-nav > .open > a:hover {
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35); } }
@media (max-width: 978px) {
  .top-menu .navbar-default {
    background-color: transparent; border-color: transparent;}
  .top-menu .navbar-toggle {
    border: none;
margin-right:0; 	
	}
.top-menu .navbar-toggle:hover,
.top-menu .navbar-toggle:focus{
	background-color:transparent;
}
  .navbar-nav > li > .dropdown-menu {
    margin-right: 0px; }

  .top-menu .navbar-default .navbar-toggle .icon-bar {
    background-color:#fff; }

  .top-menu .navbar-toggle .icon-bar {
    display: block;
    width: 26px;
    height: 4px;
    border-radius: 1px; }

  .top-menu .navbar-brand {
    position: absolute; }

  /*menu*/
  .navbar-nav > li:not(.disabled).open > a,
  .navbar-nav > li:not(.disabled).active > a,
  .navbar-nav > li:not(.disabled) > a:hover,
  .navbar-nav > li:not(.disabled) > a:focus {
    border-left-width: 0;
    padding-left: 15px; }

  /* menu level 2 */
  

  .navbar-nav .open .dropdown-menu li:first-child {
    /*border-top: 1px solid #777;*/ }

  .navbar-nav .open .dropdown-menu .dropdown-header,
  .navbar-nav .open .dropdown-menu > li > a {
    padding: 10px 25px; }

  .navbar-nav > li > .dropdown-menu > li.active > a,
  .navbar-nav > li > .dropdown-menu > li > a:hover,
  .navbar-nav > li > .dropdown-menu > li > a:focus {
    border: 0;
    padding-left: 25px;
    color: #166DA8 !important; }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #166DA8;
    background-color: transparent; }

  /* icon thu gọn*/
  .navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
    border-width: 0px; }

  .navbar-nav.sm-collapsible .open > a > .caret:before {
    content: "\f106"; }

  .navbar-nav.sm-collapsible .caret:before {
    content: "\f107";
    font-family: FontAwesome;
    font-weight: bold; } }
/* -------------------- menu con ------------------ */
.dropdown-menu {
  border-radius: 0; }

.top-menu .dropdown-menu > li > a {
  color: #000;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #fff; }

.dropdown-menu > li > a {
  padding: 6px 20px;
  white-space: nowrap; }

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  background-color: var(--dropdown-bg-hover);
  color: #fff; }


  .navbar-default .navbar-nav>.open>a,
  .navbar-default .navbar-nav>.open>a:focus,
  .navbar-default .navbar-nav>.open>a:hover{
	  background-color:var(--bg-hover);
	  color:#fff;
	  cursor:pointer;
  }

@media (min-width: 979px) {
  .top-menu .dropdown-menu {
    background-color: var(--dropdown-bg-default);
    color: #fff;
    border-color: var(--dropdown-bg-default);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35); }

  .top-menu .caret {
    display: none; }

  .top-menu .nav .open > a,
  .nav .open > a:focus,
  .nav .open > a:hover {
    border-color: #2e894f; } }
/* bổ sung menu level 2 
--------------------------------------------------------------------------*/
@media (max-width: 1000px) and (min-width: 979px) {
  .navbar-nav > li > a {
    padding: 15px 8px;
    font-size: 14px !important; }

  .navbar-nav > li:not(.disabled).open > a,
  .navbar-nav > li:not(.disabled).active > a,
  .navbar-nav > li:not(.disabled) > a:hover,
  .navbar-nav > li:not(.disabled) > a:focus {
    padding-left: 8px; } }
/*
@media (max-width:800px) and (min-width:769px){
	.navbar-nav > li > a {   
		font-size:13px!important;
		padding:15px 7px;
	}
}*/
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
  right: 15px;
  top: 10px;
  margin-right: 0; }

@media (max-width: 1199px) and (min-width: 979px) {
  .navbar-default .navbar-nav > li > a {
    font-size: 12px !important;
    padding: 15px 10px; }

  .navbar-nav > li:not(.disabled).open > a,
  .navbar-nav > li:not(.disabled).active > a,
  .navbar-nav > li:not(.disabled) > a:hover,
  .navbar-nav > li:not(.disabled) > a:focus {
    padding-left: 10px; } }
@media (max-width: 1014px) and (min-width: 979px) {
  .main-menu .container {
    width: 100% !important; } }
@media (max-width: 1001px) and (min-width: 979px) {
  .navbar-default .navbar-nav > li > a {
    padding: 15px 7px; }

  .navbar-nav > li:not(.disabled).open > a,
  .navbar-nav > li:not(.disabled).active > a,
  .navbar-nav > li:not(.disabled) > a:hover,
  .navbar-nav > li:not(.disabled) > a:focus {
    padding-left: 7px; } }
/* change breakpoint */
@media (max-width: 978px) {
  .navbar-header {
    float: none; }

  .navbar-left, .navbar-right {
    float: none !important; }

  .navbar-toggle {
    display: block; }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }

  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px; }

  .navbar-collapse.collapse {
    display: none !important; }

  .navbar-nav {
    float: none !important;
    margin: 7px 0; 
    width: 100%;
  }

  .navbar-nav > li {
    float: none; }

  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px; }

  .collapse.in {
    display: block !important; }

  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent!important;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none; } 
}

.has-submenu .sub-arrow:before{
    position: relative;
    content: '\f107';
    font-family: FontAwesome;
    color: var(--black);
    right: -15px;
  }
 .has-submenu.highlighted .sub-arrow:before{
	 color:#fff;
 }
 .top-menu .nav .open>a, 
 .top-menu .nav .open>a:focus, 
 .top-menu .nav .open>a:hover {
    background-color: var(--bg-hover);
 }