.btn-spartan {
  color: #fff;
  background-color: #2ECC71;
  border-color: #27AE60;
}
.btn-spartan:focus,
.btn-spartan.focus {
  color: #fff;
  background-color: #27AE60;
  border-color: #2ECC71;
}
.btn-spartan:hover {
  color: #fff;
  background-color:  #27AE60;
  border-color: #2ECC71;
}
.btn-turquesa {
  color: #fff;
  background-color: #1ABC9C;
  border-color: #16A085;
}
.btn-turquesa:focus,
.btn-turquesa.focus {
  color: #fff;
  background-color: #16A085;
  border-color: #1ABC9C;
}
.btn-turquesa:hover {
  color: #fff;
  background-color:  #16A085;
  border-color: #1ABC9C;
}

.btn-purple {
  color: #fff;
  background-color: #745EC5;
  border-color: #5B48A2;
}
.btn-purple:focus,
.btn-purple.focus {
  color: #fff;
  background-color: #5B48A2;
  border-color: #745EC5;
}
.btn-purple:hover {
  color: #fff;
  background-color:  #5B48A2;
  border-color: #745EC5;
}

.btn-watermelon {
  color: #fff;
  background-color: #EF717A;
  border-color: #D95459;
}
.btn-watermelon:focus,
.btn-watermelon.focus {
  color: #fff;
  background-color: #D95459;
  border-color: #EF717A;
}
.btn-watermelon:hover {
  color: #fff;
  background-color:  #D95459;
  border-color: #EF717A;
}

.btn-mint {
  color: #fff;
  background-color: #47CEC0;
  border-color: #3BBEB0;
}
.btn-mint:focus,
.btn-mint.focus {
  color: #fff;
  background-color: #3BBEB0;
  border-color: #47CEC0;
}
.btn-mint:hover {
  color: #fff;
  background-color:  #3BBEB0;
  border-color: #47CEC0;
}
.btn-blue {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-blue:focus,
.btn-blue.focus {
  color: #fff;
  background-color: #23669F;
  border-color: #23669F;
}
.btn-blue:hover {
  color: #fff;
  background-color:  #23669F;
  border-color: #23669F;
}

.btn-blueclarito {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-blueclarito:focus,
.btn-blueclarito.focus {
  color: #fff;
  background-color: #3D9DBA;
  border-color: #3D9DBA;
}
.btn-blueclarito:hover {
  color: #fff;
  background-color:  #3D9DBA;
  border-color: #3D9DBA;
}
.btn-white {
  color: #000000 !important;
  background-color: #FFFFFF;
  border-color: #E2E1E1;
}
.btn-white:focus,
.btn-white.focus {
  color: #000000 !important;
  background-color: #F3F3F3;
  border-color: #E2E1E1;
}
.btn-white:hover {
  color: #000000 !important;
  background-color:  #F3F3F3;
  border-color: #E2E1E1;
}

.btn-esmeralda {
  color: #fff;
  background-color: #42BED9;
  border-color: #3DB0C9;
}
.btn-esmeralda.focus, 
.btn-esmeralda:focus {

      color: #fff;
  background-color:  #37ADC7;
  border-color: #3DB0C9;
}
.btn-esmeralda:hover {
    color: #F9F9F9;
    background-color: #3A94A7;
    border-color: #49BBD3;
}

.btn-orange {
  color: #fff;
  background-color: #F39C11;
  border-color: #F5B517;
}
.btn-orange.focus, 
.btn-orange:focus {

      color: #fff;
  background-color:  #CE8512;
  border-color: #CE8512;
}
.btn-orange:hover {
    color: #F9F9F9;
    background-color: #F5B517;
    border-color: #F39C11;
}





/*estilos de panel heading*/
.panel-spartan {
    /* border-color: #eff2f7; */
    border-color: #27AE60;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    /* background: #fafafa; */
    background: #2ECC71;
    /* text-align: center; */
    text-transform: uppercase;
    padding: 15px;
}
.panel-turquesa {
    /* border-color: #eff2f7; */
    border-color: #16A085;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    /* background: #fafafa; */
    background: #1ABC9C;
    /* text-align: center; */
    text-transform: uppercase;
    padding: 15px;
}
.panel-purple {
    /* border-color: #eff2f7; */
    border-color: #5B48A2;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    /* background: #fafafa; */
    background: #745EC5;
    /* text-align: center; */
    text-transform: uppercase;
    padding: 15px;
}
.panel-watermelon {
    /* border-color: #eff2f7; */
    border-color: #D95459;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    /* background: #fafafa; */
    background: #EF717A;
    /* text-align: center; */
    text-transform: uppercase;
    padding: 15px;
}
.panel-mint {
    /* border-color: #eff2f7; */
    border-color: #3BBEB0;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    /* background: #fafafa; */
    background: #47CEC0;
    /* text-align: center; */
    text-transform: uppercase;
    padding: 15px;
}
.panel-blue {
    /* border-color: #eff2f7; */
    border-color: #2C71B6!important;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    /* background: #fafafa; */
    background: #2C71B6!important;
    /* text-align: center; */
    text-transform: uppercase;
    padding: 15px;
}