@charset "utf-8";
/* sombra superior */

body:before
{
    content: "";
    position: fixed;
    top: -50px;
    left: 0;
    width: 100%;
    height: 10px;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    -o-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    -ms-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    z-index: 100;

      
}



   
  .bordes
  {
    padding: 5px ;
    border: 1px solid #888;
    border-radius: 5px;
    box-shadow: 7px 7px 5px #888;
  }
  .sticky
  {
    position:sticky;
    left:0;
  } 
  . table-striped thead tr .sticky
  {
    background: #fff;
    left:-10;
     
  }
  . table-striped  td .sticky
  {
    background: #fff;
     
  }
 
body{
       font-family:Arial, Helvetica, sans-serif;
       


}

 p {
     font-family:Arial, Helvetica, sans-serif;
 
}
 th {
    font-family:Arial, Helvetica, sans-serif;
 
}
tr {
    font-family:Arial, Helvetica, sans-serif;
 
}
td {
     font-family:Arial, Helvetica, sans-serif;
}
  
 
 
  /* botones */

  .btn.btn-verde {
    margin: 5px;
   background:#228b22;height:35px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .btn.btn-verde:hover {
    margin: 5px;
    background:#008000;height:35px;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }
  .btn.btn-rojo {
    margin: 5px;
    background:#f2003c;height:35px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .btn.btn-rojo:hover {
    margin: 5px;
    background:#ce2029;height:35px;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }
  .btn.btn-rojof {
    margin: 5px;
    background:#ff0038;height:35px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .btn.btn-rojof:hover {
    margin: 5px;
    background:#ed1c24 ;height:35px;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }
  .btn.btn-amarillo {
    margin: 5px;
    background:#1d6f42;height:35px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
    }
  .btn.btn-amarillo:hover {
    margin: 5px;
    background:#0C7139;height:35px;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }
  .btn.btn-naranja {
    margin: 5px;
    background:#ffa500 ;height:35px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .btn.btn-naranja:hover {
    margin: 5px;
    background:#ff8c00;height:35px;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }
  .btn.btn-morado {
    margin: 5px;
    background:#9370db ;height:35px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .btn.btn-morado:hover {
    margin: 5px;
    background:rgba(119,10,191);height:35px;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }
  .btn.btn-azulclaro{
    margin: 5px;
    background:#4682b4;height:auto;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .btn.btn-azulclaro:hover {
    margin: 5px;
    background:#4169e1;height:auto;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }
  .btn.btn-azul{
    margin: 5px;
    background:#003153;height:35px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .btn.btn-azul:hover {
    margin: 5px;
    background:#002387;height:35px;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }
  .btn.btn-cafe{
    margin: 5px;
    background:rgba(151,122,3,.8);height:35px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .btn.btn-cafe:hover {
    margin: 5px;
    background:rgba(151,122,3);height:35px;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }

  .btn.btn-marron{
    margin: 5px;
    background:#a32638;height:35px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .btn.btn-marron:hover {
     margin: 5px;
    background:#8b0000;height:35px;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }

  .btn.btn-gris{
      margin: 5px;
    background:rgba(134,136,133,.8);height:35px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .btn.btn-gris:hover {
      margin: 5px;
    background:rgba(134,136,133);height:35px;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }
  .btn.btn-azulf{
    margin: 5px;
    background:#0047ab;height:35px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .btn.btn-azulf:hover {
    margin: 5px;
    background:#191970;height:35px;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }
  .btn.btn-neutro{
    margin: 5px;
    background:rgba(140,140,142,.8);height:35px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .btn.btn-neutro:hover {
    margin: 5px;
    background:rgba(140,140,142);height:35px;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }

  .btn.btn-verdev{
    margin: 5px;
    background:#009150;height:35px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .btn.btn-verdev:hover {
    margin: 5px;
    background:#138808;height:35px;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }

  .btn.btn-verdeclaro{
    margin: 5px;
    background:#32cd32;height:35px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .btn.btn-verdeclaro:hover {
    margin: 5px;
    background:#8bbe1b;height:35px;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
    color:#FFF;
  }



  .bregistro
  {
    margin: 5px;
    background:rgb(2,122,13);height:55px;
    box-shadow: 10px 10px 10px #888;border-radius:8px;
    color:#FFF;
  }
  .bregistro:hover
  {
    margin: 5px;
    background:rgba(3,161.17);height:55px;
    color:#FFF;
    box-shadow: 0px 0px 0px #888;border-radius:12px;
  }
  .brevisa
  {
    margin: 5px;
    background:rgb(3,145,113);height:55px;
    box-shadow: 10px 10px 10px #888;border-radius:10px;
    color:#FFF;
  }
  .brevisa:hover
  {
    margin: 5px;
    background:rgba(4,191,152);height:55px;
     box-shadow: 0px 0px 0px #888;border-radius:10px;
    color:#FFF;
  }
  .bcerrar
  {
    margin: 5px;
    background:rgb(215,5,46);height:55px;
    box-shadow: 10px 10px 10px #888;border-radius:10px;
    color:#FFF;
  }
  .bcerrar:hover
  {
    margin: 5px;
    background:rgba(241,5,41);height:55px;
     box-shadow: 0px 0px 0px #888;border-radius:10px;
    color:#FFF;
  }
  .basiste
  {
    margin: 5px;
    background:rgb(70,194,37);height:55px;
    box-shadow: 10px 10px 10px #888;border-radius:10px;
    color:#FFF;
  }
  .basiste:hover
  {
    margin: 5px;
    background:rgba(79,216,43);height:55px;
     box-shadow: 0px 0px 0px #888;border-radius:10px;
    color:#FFF;
  }
  .bnoasiste
  {
    margin: 5px;
    background:rgb(115,12,182);height:55px;
    box-shadow: 10px 10px 10px #888;border-radius:10px;
    color:#FFF;
  }
  .bnoasiste:hover
  {
    margin: 5px;
    background:rgba(146,16,231);height:55px;
     box-shadow: 0px 0px 0px #888;border-radius:10px;
    color:#FFF;
  }
  .breporte
  {
    margin: 5px;
    background:rgb(7,87,155);height:55px;
    box-shadow: 10px 10px 10px #888;border-radius:10px;
    color:#FFF;
  }
  .breporte:hover
  {
    margin: 5px;
     background:rgba(11,120,123);height:55px;
     box-shadow: 0px 0px 0px #888;border-radius:10px;
    color:#FFF;
  }
  .bnc
  {
    margin: 5px;
    background:rgb(236,115,7);height:55px;
    box-shadow: 10px 10px 10px #888;border-radius:10px;
    color:#FFF;
  }
  .bnc:hover
  {
    margin: 5px;
    background:rgba(245,136,40);height:55px;
     box-shadow: 0px 0px 0px #888;border-radius:10px;
    color:#FFF;
  }
  .bneutro
  {
    margin: 5px;
    background:rgb(145,145,146);height:55px;
    box-shadow: 10px 10px 10px #888;border-radius:10px;
    color:#060606;
  }
  .bneutro:hover
  {
    margin: 5px;
    background:rgba(177,177,181);height:55px;
     box-shadow: 0px 0px 0px #888;border-radius:10px;
    color:#060606;
  }

   
 
a:hover {
color: #17202A; !important;
}
a:link {
color: #17202A; !important;
}
a:visited {
    color:#17202A;!important;
}
 
      #scroll{
          height:700px;
          width:auto;
          overflow-y:scroll;
          overflow-x:hidden;
      }
     
 
  .ir-arriba
   {
      display:none;
      padding:20px;
      background:#B38E5D;
      font-size:20px;
      color:#fff;
      cursor:pointer;
      position: fixed;
      border-radius: 10px;
      bottom:20px;
      right:20px;
   
       z-index: 1500;
  }