/* navbar */
.navbar-default  {
    /*background-color: #000000 !important;*/
   /* background-image: url("../img/wood1.jpg");*/
    background: #000000 !important;
    border-color: #E7E7E7 !important;
}

.navbar{
   /* background: black;*/
  /*  background-image: url("../img/wood1.jpg");*/
    background: #000000 !important;
}

/* Title */
.navbar-default .navbar-brand {
    color: #777;
    color:white;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    font-size:19px;
    color:yellow;
    background-color: #333;
}
/* Link */
.navbar-default .navbar-nav > li > a {
	font-size:17px;
    	color:white;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    font-size:19px;
    color:yellow;
    background-color: #333;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #333;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
    display:block;
}
/* Caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* Mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}


.menu_background{
    /*background: black;*/
   /* background-image: url("../img/wood1.jpg") !important;*/
    background: #000000 !important;
}


.btn-link{
    /*
    padding-right: $navbar-nav-link-padding-x;
    padding-left: $navbar-nav-link-padding-x;
    */
    color:white;
    text-decoration: none;
    font-size: 1.2rem !important;
    cursor: pointer;
    font-weight: bold;
    
  }

  .btn-link:visited {
    text-decoration:none !important;
    color:white;
   }

   .btn-link:active {
    text-decoration:none;
    color:white;
   }

   .btn-link:hover {
    text-decoration:none;
    color:rgb(179, 212, 100);
    transition: width 2s, height 4s;
   }


   .menu_page_inicio{
     color:black;
     font-weight: bold;
     border:solid 1px rgb(33, 172, 197);
     line-height: 80px;
     height: 80px;
     vertical-align: middle;
     font-size: 1.5rem;
     cursor: pointer;
   }


@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
          color: #333;
    }
    

    /*  Fondo blanco de Hamburguesa */
    .navbar-toggler-icon{
        background: white;
    }
    
    .menu_background{
        background: black;
    }

    .nav-link {
        /*
        padding-right: $navbar-nav-link-padding-x;
        padding-left: $navbar-nav-link-padding-x;
        */
        color:white;
        text-decoration: none;
        font-size: 1.2rem;
        cursor: pointer;
      }

      .menu_page_inicio{
        color:black;
        font-weight: bold;
        border:solid 1px rgb(33, 172, 197);
        line-height: 80px;
        height: 80px;
        vertical-align: middle;
        font-size: 1.1rem;
        cursor: pointer;
      }


      .btn-link{
        /*
        padding-right: $navbar-nav-link-padding-x;
        padding-left: $navbar-nav-link-padding-x;
        */
        color:white;
        text-decoration: none;
        font-size: 1.2rem !important;
        cursor: pointer;
        font-weight: bold;
        
      }
    



}

@media (max-width: 576px) {
    .menu_background{
        background: white;
    }

    .nav-link {
        /*
        padding-right: $navbar-nav-link-padding-x;
        padding-left: $navbar-nav-link-padding-x;
        */
        color:white;
        text-decoration: none;
        font-size: 1.2rem;
      }


      .btn-link{
        /*
        padding-right: $navbar-nav-link-padding-x;
        padding-left: $navbar-nav-link-padding-x;
        */
        color:white;
        text-decoration: none;
        font-size: 1.2rem !important;
        cursor: pointer;
        font-weight: bold;
        
      }
    
      .btn-link:visited {
        text-decoration:none !important;
        color:black;
       }
    
       .btn-link:active {
        text-decoration:none;
        color:black;
       }
    

       .menu_page_inicio{
        color:black;
        font-weight: bold;
        border:solid 1px rgb(33, 172, 197);
        line-height: 80px;
        height: 80px;
        vertical-align: middle;
        font-size: 1.1rem;
        cursor: pointer;
      }   
    
       /* Background Div del Paquete*/
   .div_packet_header{ 
    background-color: #cecece; 
   }
   /* Header del Paquete*/
   .p_packet_header{
    font-size:.9rem;
    vertical-align: middle;
    color:blac;
    font-weight: bold;  
   }


   /* Inicia Sin mostrarse el area del paquete */
   .packet_clientes{
    display:none !important;
  }



}