.btn-actions{
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    vertical-align: middle;
    cursor: pointer;
    } 

  .design-btn {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 20px;
    font-weight: 500;
    padding: 0.5em 1.2em;
    background-color: #C4A677;
    border-color: #C4A677;
    position: relative;
    border-radius: 6px;
    transition: all 300ms ease;
  }

  #bt_acceder:hover,
  .hover-effect:hover {
    color: rgb(255, 255, 255, 1) !important;
    text-decoration:white ;
    box-shadow: 0 4px 16px rgba(112, 83, 2, 0.849);
  }

  .btn_info{
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 12px;
    font-weight: 500;
    padding: 0.5em 1.2em;
    background-color: #C4A677;
    border-color: #C4A677;
    position: relative;
    border-radius: 6px;
  transition: all 300ms ease;
  }

  #bt_opener:hover{
    color: rgb(255, 255, 255, 1) !important;
    text-decoration:white ;
    box-shadow: 0 4px 16px rgba(112, 83, 2, 0.849);
  }


  .btn-nuevo{
    color: rgba(255, 255, 255, 0.9) !important;
    background-color: #203D5B;
    border-color: #203D5B;
  }

  .btn-nuevo:hover{
    color: rgb(255, 255, 255, 1) !important;
    background-color:#15283C;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  }
  

  .btn-green{
    color: rgba(255, 255, 255, 0.9) !important;
    background-color: #28785A;
    border-color: #28785A;
  }

  .btn-green:hover{
    color: rgb(255, 255, 255, 1) !important;
    background-color:#0E3A33;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  }

  .btn-red{
    color: rgba(255, 255, 255, 0.9) !important;
    background-color: #aa1919;
    border-color: #9c1515;
  }

  .btn-red:hover{
    color: rgb(255, 255, 255, 1) !important;
    background-color:#680606;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  }
  .dropdown-menu > li > a:focus,
  .dropdown-menu > li > a:hover,
  .dropdown-submenu:focus > a,
  .dropdown-submenu:hover > a {
   color: #fff;
   text-decoration: none;
   background-color: #fff;
   background-image: -moz-linear-gradient(top, #D3B37E, #C3A574);
   background-image: -webkit-gradient(
     linear,
     0 0,
     0 100%,
     from(#D3B37E),
     to(#C3A574)
   );
   background-image: -webkit-linear-gradient(top, #D3B37E, #C3A574);
   background-image: -o-linear-gradient(top, #D3B37E, #C3A574);
   background-image: linear-gradient(to bottom, #D3B37E, #C3A574);
   background-repeat: repeat-x;
 }
 .dropdown-menu > .active > a,
 .dropdown-menu > .active > a:focus,
 .dropdown-menu > .active > a:hover {
   color: #fff;
   text-decoration: none;
   /* background-color: #0081c2; */
   background-image: -moz-linear-gradient(top, #D3B37E, #C3A574);
   background-image: -webkit-gradient(
     linear,
     0 0,
     0 100%,
     from(#D3B37E),
     to(#C3A574)
   );
   background-image: -webkit-linear-gradient(top, #D3B37E, #C3A574);
   background-image: -o-linear-gradient(top, #D3B37E, #C3A574);
   background-image: linear-gradient(to bottom, #D3B37E, #C3A574);
   background-repeat: repeat-x;
   outline: 0;
 }
 .btn-group.open .btn-primary.dropdown-toggle {
  background-color: #ac9064;
   }
   .btn-primary.active,
 .btn-primary.disabled,
 .btn-primary:active,
 .btn-primary:focus,
 .btn-primary:hover,
 .btn-primary[disabled] {
 color: #fff;
 background-color:#ac9064; 
}
.btn {
  display: inline-block;
  background-color: #D3B37E;
  padding:  4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
}
.btn-solid{
  border: none;
  padding: 8px 20px;
  background-color: #c3a574;
  color: #fff; 
  border-radius: 5px;
  cursor: pointer;
  transition: all 100ms ease-in-out;
}
.btn-solid:hover{
  background-color: #b79661;
}
.btn-solid:active{
  background-color: #b79661;
  transform: scale(1.04);
}
.btn-ligth{
  border: none;
  padding: 8px 20px;
  color: #c3a574;
  background-color: #f7f6f6;
  border-radius: 5px;
  cursor: pointer;
  transition: all 100ms ease-in-out;
  
}
.btn-ligth:hover{
  background-color: #f2f2f2;
}
.btn-ligth:active{
  background-color: #f4f4f4;
  transform: scale(1.04);
}

.btn-excel{
  border: none;
  padding: 10px 25px;
  color: #1D6F42;
  background-color: #f7f6f6;
  border-radius: 3px;
  cursor: pointer;
  transition: all 100ms ease-in-out;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px;
  text-align:center;
  text-decoration: none;
 
}
.btn-excel:hover {
  background-color: #e9e9e9;
  color: #1D6F42 !important;
}