button:focus {
    outline: none !important;
}

.btn-bts-cst{ /*BTN BOOTSTRAP CUSTOM*/
    border-radius: 25px;
}

.btn.btn-bts-cst{
    font-size: 16px;
}

.btn.btn-sm.btn-bts-cst{
    padding: 5px 30px;
    font-size: 12px;
}

.btn.btn-sm-sp.btn-bts-cst{
    font-size: 12px;
}

.btn.btn-md.btn-bts-cst{
    padding: 7px 30px;
}

.btn.btn-lg.btn-bts-cst{
    font-size: 18px;
    padding: 10px 60px;
}

.btn.btn-lg.btn-bts-cst.btn-block{
    padding: 10px 30px;
}

/*INIT BTN-CUSTOM-PRIMARY*/
.btn-custom-primary {
    color: #fff;
    background-color: #cdcb1c;
    border-color: #cdcb1c;
}

.btn-custom-primary:hover {
    color: #fff;
    background-color: #bdbb00;
    border-color: #bdbb00;
}
  
.btn-custom-primary:focus, .btn-custom-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(238, 238, 0, 0.5);
}
  
.btn-custom-primary.disabled, .btn-custom-primary:disabled {
    color: #fff;
    background-color: #cdcb1c;
    border-color: #cdcb1c;
}
  
.btn-custom-primary:not(:disabled):not(.disabled):active, .btn-custom-primary:not(:disabled):not(.disabled).active,
.show > .btn-custom-primary.dropdown-toggle {
    color: #fff;
    background-color: #bdbb00;
    border-color: #bdbb00;
}
  
.btn-custom-primary:not(:disabled):not(.disabled):active:focus, .btn-custom-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-custom-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(238, 238, 0, 0.5);
}
/*END BTN-CUSTOM-PRIMARY*/

/*INIT BTN-CUSTOM-SECONDARY*/
.btn-custom-secondary {
    color: #999;
    background-color: #FFF;
    border-color: #FFF;
}

.btn-custom-secondary:hover {
    color: #999;
    background-color: #DDD;
    border-color: #DDD;
}
  
.btn-custom-secondary:focus, .btn-custom-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(225, 255, 255, 0.5);
}
  
.btn-custom-secondary.disabled, .btn-custom-secondary:disabled {
    color: #999;
    background-color: #FFF;
    border-color: #FFF;
}
  
.btn-custom-secondary:not(:disabled):not(.disabled):active, .btn-custom-secondary:not(:disabled):not(.disabled).active,
.show > .btn-custom-secondary.dropdown-toggle {
    color: #999;
    background-color: #FFF;
    border-color: #FFF;
}
  
.btn-custom-secondary:not(:disabled):not(.disabled):active:focus, .btn-custom-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-custom-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(225, 255, 255, 0.5);
}
/*END BTN-CUSTOM-SECONDARY*/

/*INIT BTN-CUSTOM-OUTLINE-PRIMARY*/
.btn-custom-outline-primary {
    color: #cdcb1c;
    border-color: #cdcb1c;
}
  
.btn-custom-outline-primary:hover {
    color: #fff;
    background-color: #cdcb1c;
    border-color: #cdcb1c;
}
  
.btn-custom-outline-primary:focus, .btn-custom-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(238, 238, 0, 0.5);
}
  
.btn-custom-outline-primary.disabled, .btn-custom-outline-primary:disabled {
    color: #cdcb1c;
    background-color: transparent;
}
  
.btn-custom-outline-primary:not(:disabled):not(.disabled):active, .btn-custom-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-custom-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #cdcb1c;
    border-color: #cdcb1c;
}
  
.btn-custom-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-custom-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-custom-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(238, 238, 0, 0.5);
}
/*END BTN-CUSTOM-OUTLINE-PRIMARY*/

/*INIT BTN-CUSTOM-OUTLINE-SECONDARY*/
.btn-custom-outline-secondary {
    color: #999;
    border-color: #999;
}
  
.btn-custom-outline-secondary:hover {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc;
}
  
.btn-custom-outline-secondary:focus, .btn-custom-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(238, 238, 238, 0.5);
}
  
.btn-custom-outline-secondary.disabled, .btn-custom-outline-secondary:disabled {
    color: #ccc;
    background-color: transparent;
}
  
.btn-custom-outline-secondary:not(:disabled):not(.disabled):active, .btn-custom-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-custom-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc;
}
  
.btn-custom-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-custom-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-custom-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(238, 238, 238, 0.5);
}
/*END BTN-CUSTOM-OUTLINE-SECONDARY*/

/*OTROS */
.btn-custom-outline-gray {
    color: #999;
    border-color: #999;
}
  
.btn-custom-outline-gray:hover {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc;
}
  
.btn-custom-outline-gray:focus, .btn-custom-outline-gray.focus {
    box-shadow: 0 0 0 0.2rem rgba(238, 238, 238, 0.5);
}
  
.btn-custom-outline-gray.disabled, .btn-custom-outline-gray:disabled {
    color: #ccc;
    background-color: transparent;
}
  
.btn-custom-outline-gray:not(:disabled):not(.disabled):active, .btn-custom-outline-gray:not(:disabled):not(.disabled).active,
.show > .btn-custom-outline-gray.dropdown-toggle {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc;
}
  
.btn-custom-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-custom-outline-gray:not(:disabled):not(.disabled).active:focus,
.show > .btn-custom-outline-gray.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(238, 238, 238, 0.5);
}


@media (max-width: 575.98px) { 
    .btn-block-xs{
        width: 100%;
    }
}