/*colores de botones propios*/
/*AJUSTES A LOS PARAMETROS DE ASSAN*/
.btn-group>.btn:first-child:not(:last-child){
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.btn-group>.btn:last-child:not(:first-child) {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
@media (max-width: 992px){
    .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        
        border-top-righ-radius: 0px;
        border-bottom-righ-radius: 0px;
    }
    
    .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
}
/**************************************/
/*efectos en botones*/
.btn-efect span {
  position: absolute;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  
  animation: ripple 2.5s;
  opacity: 0;
}

.btn-efect02 span {
  position: absolute;
  border-radius: 50%;
  background-color: #0ba7b4;
  
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  
  animation: ripple 1.5s;
  opacity: 0;
}

.btn-efect01 span {
  position: absolute;
  border-radius: 50%;
  background-color: #416a98;
  
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  
  animation: ripple 1.5s;
  opacity: 0;
}

.btn-efect span {
    position: absolute;
    border-radius: 50%;
    background-color: #000;

    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;

    animation: ripple 1.5s;
    opacity: 0;
}


@keyframes ripple {
  from {
    opacity: 1;
    transform: scale(0);
  }
  to {
    opacity: 0;
    transform: scale(10);
  }
}
/*************************************************************/
/*ELEMENTOS*/
.btn-group-lg>.btn, .btn-lg {
    border-radius: .0rem;
}
.btn-tcnob-blanco {
    /*color: #666;*/
    background-color: #fefefe;
}
.btn-tcnob-blanco:hover,
.btn-tcnob-blanco:focus  {
    /*color: #666;*/
    background-color: #fefefe;
}

.btn-tc-azul1 {
    color: #fff;
    background-color: #75b1ba;
    border-color: #75b1ba;
}

.btn-tc-azul1:hover,
.btn-tc-azul1:focus{
    color: #fff;
    background-color: #649aa2;
    border-color: #649aa2;
}

.btn-tc-azul2 {
    color: #fff;
    background-color: #6b97ba;
    border-color: #6b97ba;
}

.btn-tc-azul2:hover,
.btn-tc-azul2:focus {
    color: #fff;
    background-color: #5a829c;
    border-color: #5a829c;
}

.btn-tc-azul3 {
    color: #fff;
    background-color: #4a6b8e;
    border-color: #4a6b8e;
}

.btn-tc-azul3:hover,
.btn-tc-azul3:focus  {
    color: #fff;
    background-color: #415d7b;
    border-color: #415d7b;
}
/*****************************/


.btn-tc-beige1 {
    color: #fff;
    background-color: #ddcfc2;
    border-color: #ddcfc2;
}

.btn-tc-beige1:hover,
.btn-tc-beige1:focus  {
    color: #fff;
    background-color: #cdc1b6;
    border-color: #cdc1b6;
}

/******************************************************************************/
/*BOTONES NUEVOS COLORES(Basados en armonias)*/
.btn-tc-azgri00 {
    color: #000;
    background-color: #d6e4e7;
    border-color: #d6e4e7;
}
.btn-tc-azgri00:hover,
.btn-tc-azgri00:focus  {
    color: #000;
    background-color: #d6e4e7;
    border-color: #d6e4e7;
}

.btn-tc-azgri01 {
    color: #000;
    background-color: #c0d3d9;
    border-color: #c0d3d9;
}
.btn-tc-azgri01:hover,
.btn-tc-azgri01:focus  {
    color: #000;
    background-color: #c0d3d9;
    border-color: #c0d3d9;
}

.btn-tc-azgri02 {
    color: #000;
    background-color: #aac9ce;
    border-color: #aac9ce;
}
.btn-tc-azgri02:hover,
.btn-tc-azgri02:focus  {
    color: #000;
    background-color: #aac9ce;
    border-color: #aac9ce;
}


.btn-tc-azcl01 {
    
    color: #000;
    background-color: #b2dff2;
}
.btn-tc-azcl01:hover,
.btn-tc-azcl01:focus  {
    color: #000;
    background-color: #b2dff2;
}

.btn-tc-beig01 {
    color: #000;
    background-color: #eff9ff;
}
.btn-tc-beig01:hover,
.btn-tc-beig01:focus  {
    color: #000;
    background-color: #eff9ff;
}
.btn-tc-goldmetallic2 {
    color: #110C5F;
    background-color: #dfb21d;
}

.btn-tc-maizecrayola2 {
    color: #fff;
    background-color: #e9c858;
}

.btn-plata {
    /*background: #efeff1;*/
    background: #f5f6f7;
    color: #8a8988;
    font-weight: 400;
}

.btn-plata:hover,.btn-plata:focus {
    background: #e9eaeb;
    color: #8a8988;
}

.btn-plata-queen {
    /*background: #efeff1;*/
    background: #f5f6f7;
    color: #416a98;
    font-weight: 400;
}

.btn-plata-queen:hover,.btn-plata-queen:focus {
    background: #e9eaeb;
    color: #416a98;
}

/******************************************************************************/
/*BOTONES REDONDOS*/
.btn-barra1 {
    background: #416a98;
    color: #fff;
}

.btn-barra1:hover,btn-barra1:focus {
    background: #214a78;
    color: #fff;
}

.btn-barra2 {
    background: #5CB25F;
    color: #fff;
}

.btn-barra3 {
    background: #8aa234;
    color: #fff;
}
.btn-barra3:hover,
.btn-barra3:focus {
    background: #6a8214;
    color: #fff;
}
/*************************************/
.btn-sun1 {
    color: #666;
    background-color: #d6e4e7;
}

.btn-sun2 {
    color: #416A98;
    background-color: #fee4b3;
}

.btn-sun3 {
    color: #666;
    background-color: #d6e4e7;
}
/*************************************/
.btn-sun1 {
    color: #fff;
    background-color: #416A98;
}

.btn-sun2 {
    color: #fff;
    background-color: #e9b875;
}

.btn-sun2:hover,
.btn-sun2:focus{
    color: #fff;
    background-color: #c99855;
    border-bottom-color: transparent;
}

.btn-sun3 {
    color: #408f8a;
    background-color: #d3e3e2;
}
/*************************************/
@media (min-width: 992px){
    font-weight: 600px;
    color: #fff;
    background-color: #0ba7b4;
}
@media (max-width: 992px){
    .btn-sun1 {
        color: #416a98;
        background-color: #dbe2e9;
    }
}

.btn-sun2 {
    color: #416a98;
    background-color: #fcfcfc;
}

.btn-sun2:hover,
.btn-sun2:focus{
    color: #416a98;
    background-color: #e6e6e6;
    border-bottom-color: transparent;
}

@media (min-width: 992px){
    .btn-sun3 {
        color: #416a98;
        background-color: #f8f8f8;
    }
}

@media (max-width: 992px){
    .btn-sun3 {
        font-weight: 600px;
        color: #fff;
        background-color: #3DA173;
    }
}
/*
-fern-green: #38763a;
-bud-green: #5cb25f;
-dark-sea-green: #8bc88d;
-bdazzled-blue: #345479;
-queen-blue: #416a98;
-blue-gray: #6e94c1;
-maize-crayola: #e9c858;
-gold-metallic: #dfb21d;
-raw-sienna: #e98b58;
-persimmon: #df611d;
*/
.btn-ferngreen1 {
    color: #fff;
    background-color: #38763a;
}

.btn-ferngreen1:hover,
.btn-ferngreen1:focus{
    color: #fff;
    background-color: #18561a;
}

.btn-ferngreen2 {
    color: #fff;
    background-color: #38763a;
}

.btn-budgreen2 {
    color: #fff;
    background-color: #5cb25f;
}

.btn-darkseagreen2 {
    color: #fff;
    background-color: #8bc88d;
}

.btn-bdazzledblue2 {
    color: #fff;
    background-color: #345479;
}

.btn-queenblue2 {
    color: #fff;
    background-color: #416a98;
}

.btn-bluegray2 {
    color: #fff;
    background-color: #6e94c1;
}

.btn-maizecrayola2 {
    color: #fff;
    background-color: #e9c858;
}

.btn-goldmetallic2 {
    color: #110C5F;
    background-color: #dfb21d;
}

.btn-rawsienna2 {
    color: #fff;
    background-color: #e98b58;
}

.btn-persimmon2 {
    color: #fff;
    background-color: #df611d;
}