body {
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #4e4e4e;
    background: #b2ada4;
    }
  
  .navbar {
    overflow: hidden;
    background-color: #333;  
    position: fixed;
    bottom: 0;
    width: 100%;
  }
  
  .navbar a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
  }
  
  .navbar a:hover {
    background-color: #ddd;
    color: black;
  }
  
  .navbar a.active {
    background-color: #04AA6D;
    color: white;
  }
  
  .navbar .icon {
    display: none;
  }

  .separador{
    padding-left:2%;
    box-sizing: 20px,15px;
    border: 4px outset rgb(239, 220, 183);  
  }


  .contieneabm{
    padding-left:2%;
    box-sizing: 20px,15px;
  }
  
  .contieneabm .buscar select {
    float: left;
    display: block;
    color: #413f4b;
    text-align: left;
    padding: 8px 8px;
    text-decoration: none;
    width: 20vw;
    height: 47vh;
    font-size: 1vh;
    font-size: 10px;
    font: bold;
    background-color: rgb(213, 204, 174);
    border: 5px outset rgb(239, 220, 183);  
  }

  .contieneabm label {
    float: left;
    font-size:9px; 
    font:bold;
  }

  .contieneabm .buscar {
    font-size:9px; 
    font:bold;
  }

  .contieneabm .quebusco input {
    width: 18vw;
    font-size:9px; 
    font:bold;

  }

  .contieneabm .datoabm {
    float:inline-start;
    font-size:10px; 
    font: normal;
    padding-left: 10px;

  }

  .contieneabm .datoabm label {
    font-size:10px; 
    font: normal;
  }

  .contieneabm .datoabm input {
    font-size:10px; 
    font: normal;
  }
  
  .abmbotones {
    float: left;
    display: block;
    color: #413f4b;
    text-align: left;
    padding: 4px 4px;
    text-decoration: none;
    width: 8vw;
    height: 1vh;
    font-size: 10px;
    font: bold;
  }

  .contieneabm .cuenta select {
    text-align: left;
    text-decoration: none;
    width: 25vw;
    height: 4vh;
    font-size: 1vh;
    font-size: 10px;
  }  

  .contieneabm .cuenta2 select{
    float:left;
    text-align: left;
    text-decoration: none;
    width: 8vw;
    height: 4vh;
    font-size: 1vh;
    font-size: 10px;
  }  

  .contieneabm .cuenta3 input{
    float:left;
    text-align: left;
    text-decoration: none;
    width: 8vw;
    height: 4vh;
    font-size: 1vh;
    font-size: 10px;
  }  

  .detallefv{
    border-bottom: 1px solid rgb(126, 116, 4);
    border-top: 1px solid rgb(126, 116, 4);
    border-left: 1px solid rgb(126, 116, 4);
    height: 30%;
    width:50vw;
    overflow-y: scroll;
  }

  .detalleft{
    border-bottom: 1px solid rgb(126, 116, 4);
    border-top: 1px solid rgb(126, 116, 4);
    border-left: 1px solid rgb(126, 116, 4);
    height: 15px;
    width:49vw;
  }

  .ul-horizontal {
    list-style: none;
    margin: 0;
    padding: 8px;
    background-color: #bbb;
    display: inline-block;
  }
  .ul-horizontal li {
    float: left;
    background-color: #777;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    border: 1px solid #666;
  }


  @media screen and (max-width: 600px) {
    .navbar a:not(:first-child) {display: none;}
    .navbar a.icon {
      float: right;
      display: block;
    }
  }
  
  @media screen and (max-width: 600px) {
    .navbar.responsive .icon {
      position: absolute;
      right: 0;
      bottom:0;
    }
    .navbar.responsive a {
      float: none;
      display: block;
      text-align: left;
    }
  
  }