button:focus {
    outline: none !important;
}

.btn{
    font-family: var(--ct-font-family);
    font-size: var(--ct-btn-font-size);
}

.btn-bts-cst{ /*BTN BOOTSTRAP CUSTOM*/
    border-radius: var(--ct-btn-border-radius);
}

.btn.btn-bts-cst{
    padding: 8.2px 15px;
    padding: 8px 15px;
    font-size: var(--ct-btn-font-size);
    font-weight: var(--ct-fw-medium);
}

.btn.btn-xs.btn-bts-cst{
    padding: 3px 15px;
    font-size: 0.9rem;
    font-weight: var(--ct-fw-regular);
}

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

.btn.btn-sm-sp.btn-bts-cst{
    
}

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

.btn.btn-lg.btn-bts-cst{
    font-size: 16px;
    padding: 8px 50px;
    font-weight: bold;
}

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

.btn.btn-xl.btn-bts-cst{
    font-size: 16px;
    padding: 19.2px 50px;
    font-weight: bold;
}

.btn.btn-xl.btn-bts-cst.btn-block{
    padding: 19.2px 30px;
}

.btn-block{
    width: 100%;
}

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

.btn-custom-primary:hover {
    color: #FFF;
    background-color: #313165;
    border-color: #313165;
}
  
.btn-custom-primary:focus, .btn-custom-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(49, 49, 101, 0.5);
}
  
.btn-custom-primary.disabled, .btn-custom-primary:disabled {
    color: #FFF;
    background-color: #313165;
    border-color: #313165;
}
  
.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: #313165;
    border-color: #313165;
}
  
.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(49, 49, 101, 0.5);
}
/*END BTN-CUSTOM-PRIMARY*/

/*INIT BTN-CUSTOM-SECONDARY*/
.btn-custom-secondary {
    color: #313165;
    background-color: #79E1E2;
    border-color: #79E1E2;
}

.btn-custom-secondary:hover {
    color: #313165;
    background-color:#79E1E2;
    border-color:#79E1E2;
}
  
.btn-custom-secondary:focus, .btn-custom-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(121, 225, 226, 0.5);
}
  
.btn-custom-secondary.disabled, .btn-custom-secondary:disabled {
    color: #313165;
    background-color: #79E1E2;
    border-color: #79E1E2;
}
  
.btn-custom-secondary:not(:disabled):not(.disabled):active, .btn-custom-secondary:not(:disabled):not(.disabled).active,
.show > .btn-custom-secondary.dropdown-toggle {
    color: #313165;
    background-color: #79E1E2;
    border-color: #79E1E2;
}
  
.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(121, 225, 226, 0.5);
}
/*END BTN-CUSTOM-SECONDARY*/

/*INIT BTN-CUSTOM-OUTLINE-PRIMARY*/
.btn-custom-outline-primary {
    color: #313165;
    border-color: #313165;
}
  
.btn-custom-outline-primary:hover {
    color: #FFF;
    background-color: #313165;
    border-color: #313165;
}
  
.btn-custom-outline-primary:focus, .btn-custom-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(49, 49, 101, 0.5);
}
  
.btn-custom-outline-primary.disabled, .btn-custom-outline-primary:disabled {
    color: #313165;
    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: #313165;
    border-color: #313165;
}
  
.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(49, 49, 101, 0.5);
}
/*END BTN-CUSTOM-OUTLINE-PRIMARY*/

/*INIT BTN-CUSTOM-OUTLINE-SECONDARY*/
.btn-custom-outline-secondary {
    color: #313165;
    border-color: #79E1E2;
}
  
.btn-custom-outline-secondary:hover {
    color: #FFF;
    background-color: #79E1E2;
    border-color: #79E1E2;
}
  
.btn-custom-outline-secondary:focus, .btn-custom-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(121, 225, 226, 0.5);
}
  
.btn-custom-outline-secondary.disabled, .btn-custom-outline-secondary:disabled {
    color: #79E1E2;
    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: #79E1E2;
    border-color: #79E1E2;
}
  
.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(121, 225, 226, 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);
}

/*INIT BTN-CUSTOM-BLUE*/
.btn-custom-blue {
    color: #FFF;
    background-color: #68838a;
    border-color: #68838a;
}

.btn-custom-blue.btn.btn-xs.btn-bts-cst {
    padding: 2px 15px;
    font-size: 12px;
    border-radius: var(--ct-btn-border-radius);
}

.btn-custom-blue:hover {
    color: #FFF;
    background-color: #68838a;
    border-color: #68838a;
}
  
.btn-custom-blue:focus, .btn-custom-blue.focus {
    box-shadow: 0 0 0 0.2rem rgba(104, 131, 138, 0.5);
}
  
.btn-custom-blue.disabled, .btn-custom-blue:disabled {
    color: #FFF;
    background-color: #68838a;
    border-color: #68838a;
}
  
.btn-custom-blue:not(:disabled):not(.disabled):active, .btn-custom-blue:not(:disabled):not(.disabled).active,
.show > .btn-custom-blue.dropdown-toggle {
    color: #FFF;
    background-color: #68838a;
    border-color: #68838a;
}
  
.btn-custom-blue:not(:disabled):not(.disabled):active:focus, .btn-custom-blue:not(:disabled):not(.disabled).active:focus,
.show > .btn-custom-blue.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(104, 131, 138, 0.5);
}
/*END BTN-CUSTOM-BLUE*/

/*INIT BTN-CUSTOM-WARNING*/
.btn-custom-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-custom-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}
  
.btn-custom-warning:focus, .btn-custom-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
  
.btn-custom-warning.disabled, .btn-custom-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}
  
.btn-custom-warning:not(:disabled):not(.disabled):active, .btn-custom-warning:not(:disabled):not(.disabled).active,
.show > .btn-custom-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}
  
.btn-custom-warning:not(:disabled):not(.disabled):active:focus, .btn-custom-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-custom-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
/*END BTN-CUSTOM-WARNING*/

/*INIT BTN-CUSTOM-ORANGE*/
.btn-custom-orange {
    color: #FFF;
    background-color: #FF8000;
    border-color: #FF8000;
}

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


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

@media (max-width: 767.98px) { 
    
}



/*INIT BTN-CUSTOM-GOLD*/
.btn-custom-gold {
    color: #FFF;
    background-color: #bca571;
    border-color: #bca571;
}

.btn-custom-gold:hover {
    color: #FFF;
    background-color: #bca571;
    border-color: #bca571;
}
  
.btn-custom-gold:focus, .btn-custom-gold.focus {
    box-shadow: 0 0 0 0.2rem rgba(188, 165, 113, 0.5);
}
  
.btn-custom-gold.disabled, .btn-custom-gold:disabled {
    color: #FFF;
    background-color: #bca571;
    border-color: #bca571;
}
  
.btn-custom-gold:not(:disabled):not(.disabled):active, .btn-custom-gold:not(:disabled):not(.disabled).active,
.show > .btn-custom-gold.dropdown-toggle {
    color: #FFF;
    background-color: #bca571;
    border-color: #bca571;
}
  
.btn-custom-gold:not(:disabled):not(.disabled):active:focus, .btn-custom-gold:not(:disabled):not(.disabled).active:focus,
.show > .btn-custom-gold.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(188, 165, 113, 0.5);
}
/*END BTN-CUSTOM-GOLD*/

/*START BTN-CUSTOM-SL-START*/
.btn-custom-sl-start {
    width: 150px;
    padding: 8px 15px !important;
    text-align: center;
    border-radius: var(--ct-btn-border-radius) 0px 0px var(--ct-btn-border-radius);
    color: #000;
    background-color: #FFF;
    border-color: #FFF;
}

.btn-custom-sl-start:hover {
    color: #000;
    background-color: #FFF;
    border-color: #FFF;
}
  
.btn-custom-sl-start:focus, .btn-custom-sl-start.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
  
.btn-custom-sl-start.disabled, .btn-custom-sl-start:disabled {
    color: #000;
    background-color: #FFF;
    border-color: #FFF;
}
  
.btn-custom-sl-start:not(:disabled):not(.disabled):active, .btn-custom-sl-start:not(:disabled):not(.disabled).active,
.show > .btn-custom-sl-start.dropdown-toggle {
    color: #000;
    background-color: #FFF;
    border-color: #FFF;
}
  
.btn-custom-sl-start:not(:disabled):not(.disabled):active:focus, .btn-custom-sl-start:not(:disabled):not(.disabled).active:focus,
.show > .btn-custom-sl-start.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
/*END BTN-CUSTOM-SL-START*/

/*START BTN-CUSTOM-SL-PROFILE*/
.btn-custom-sl-profile {
    width: 150px;
    padding: 8px 15px !important;
    text-align: center;
    border-radius: var(--ct-btn-border-radius) 0px 0px var(--ct-btn-border-radius);
    color: #FFF;
    background-color: #000;
    border-color: #000;
}

.btn-custom-sl-profile:hover {
    color: #FFF;
    background-color: #000;
    border-color: #000;
}
  
.btn-custom-sl-profile:focus, .btn-custom-sl-profile.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}
  
.btn-custom-sl-profile.disabled, .btn-custom-sl-profile:disabled {
    color: #FFF;
    background-color: #000;
    border-color: #000;
}
  
.btn-custom-sl-profile:not(:disabled):not(.disabled):active, .btn-custom-sl-profile:not(:disabled):not(.disabled).active,
.show > .btn-custom-sl-profile.dropdown-toggle {
    color: #FFF;
    background-color: #000;
    border-color: #000;
}
  
.btn-custom-sl-profile:not(:disabled):not(.disabled):active:focus, .btn-custom-sl-profile:not(:disabled):not(.disabled).active:focus,
.show > .btn-custom-sl-profile.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}
/*END BTN-CUSTOM-SL-PROFILE*/

/*START BTN-CUSTOM-BLACK*/
.btn-custom-black {
    color: #FFF;
    background-color: #000;
    border-color: #000;
}

.btn-custom-black:hover {
    color: #FFF;
    background-color: #000;
    border-color: #000;
}
  
.btn-custom-black:focus, .btn-custom-black.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}
  
.btn-custom-black.disabled, .btn-custom-black:disabled {
    color: #FFF;
    background-color: #000;
    border-color: #000;
}
  
.btn-custom-black:not(:disabled):not(.disabled):active, .btn-custom-black:not(:disabled):not(.disabled).active,
.show > .btn-custom-black.dropdown-toggle {
    color: #FFF;
    background-color: #000;
    border-color: #000;
}
  
.btn-custom-black:not(:disabled):not(.disabled):active:focus, .btn-custom-black:not(:disabled):not(.disabled).active:focus,
.show > .btn-custom-sl-profile.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}
/*END BTN-CUSTOM-BLACK*/

/*INIT BTN-CUSTOM-GRAY*/
.btn-custom-gray {
    color: #333740;
    background-color: var(--ct-bg-gray-4);
    border-color: var(--ct-bg-gray-4);
}

.btn-custom-gray:hover {
    color: #FFF;
    background-color: #333740;
    border-color: #333740;
}
  
.btn-custom-gray:focus, .btn-custom-gray.focus {
    box-shadow: 0 0 0 0.2rem rgba(245, 245, 245, 0.5);
}
  
.btn-custom-gray.disabled, .btn-custom-gray:disabled {
    color: #FFF;
    background-color: var(--ct-bg-gray-4);
    border-color: var(--ct-bg-gray-4);
}
  
.btn-custom-gray:not(:disabled):not(.disabled):active, .btn-custom-gray:not(:disabled):not(.disabled).active,
.show > .btn-custom-gray.dropdown-toggle {
    color: #FFF;
    background-color: var(--ct-bg-gray-4);
    border-color: var(--ct-bg-gray-4);
}
  
.btn-custom-gray:not(:disabled):not(.disabled):active:focus, .btn-custom-gray:not(:disabled):not(.disabled).active:focus,
.show > .btn-custom-gray.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(245, 245, 245, 0.5);
}
/*END BTN-CUSTOM-GRAY*/

/*START BTN-CUSTOM-WHITE*/
.btn-custom-white {
    color: #000;
    background-color: #FFF;
    border-color: #FFF;
}

.btn-custom-white:hover {
    color: #000;
    background-color: #FFF;
    border-color: #FFF;
}
  
.btn-custom-white:focus, .btn-custom-white.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
  
.btn-custom-white.disabled, .btn-custom-white:disabled {
    color: #000;
    background-color: #FFF;
    border-color: #FFF;
}
  
.btn-custom-white:not(:disabled):not(.disabled):active, .btn-custom-white:not(:disabled):not(.disabled).active,
.show > .btn-custom-white.dropdown-toggle {
    color: #000;
    background-color: #FFF;
    border-color: #FFF;
}
  
.btn-custom-white:not(:disabled):not(.disabled):active:focus, .btn-custom-white:not(:disabled):not(.disabled).active:focus,
.show > .btn-custom-sl-profile.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
/*END BTN-CUSTOM-WHITE*/

/*START BTN-CUSTOM-DARK*/
.btn-custom-dark {
    color: #FFF;
    background-color: #333333;
    border-color: #333333;
}

.btn-custom-dark:hover {
    color: #FFF;
    background-color: #333333;
    border-color: #333333;
}
  
.btn-custom-dark:focus, .btn-custom-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5);
}
  
.btn-custom-dark.disabled, .btn-custom-dark:disabled {
    color: #FFF;
    background-color: #333333;
    border-color: #333333;
}
  
.btn-custom-dark:not(:disabled):not(.disabled):active, .btn-custom-dark:not(:disabled):not(.disabled).active,
.show > .btn-custom-dark.dropdown-toggle {
    color: #FFF;
    background-color: #333333;
    border-color: #333333;
}
  
.btn-custom-dark:not(:disabled):not(.disabled):active:focus, .btn-custom-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-custom-sl-profile.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5);
}
/*END BTN-CUSTOM-DARK*/

/*INIT BTN-CUSTOM-SUCCESS*/
.btn-custom-success {
    color: #FFF;
    background-color: #90a878;
    border-color: #90a878;
}

.btn-custom-success:hover {
    color: #FFF;
    background-color: #90a878;
    border-color: #90a878;
}
  
.btn-custom-success:focus, .btn-custom-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(144, 168, 120, 0.5);
}
  
.btn-custom-success.disabled, .btn-custom-success:disabled {
    color: #FFF;
    background-color: #90a878;
    border-color: #90a878;
}
  
.btn-custom-success:not(:disabled):not(.disabled):active, .btn-custom-success:not(:disabled):not(.disabled).active,
.show > .btn-custom-success.dropdown-toggle {
    color: #FFF;
    background-color: #90a878;
    border-color: #90a878;
}
  
.btn-custom-success:not(:disabled):not(.disabled):active:focus, .btn-custom-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-custom-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(144, 168, 120, 0.5);
}
/*END BTN-CUSTOM-SUCCESS*/

/*CARD BTN*/
.card-btn{
    display: inline-block;
}

.card-btn-block{
    width: 100%;
}

.card-btn,
.card-btn .card-body{
    border-radius: 8px;
}

.card-btn .card-body{
    /* background: #FFF; */
    padding: 10px 30px;
}

.card-btn .card-body:hover{
    /* background: #EDEAEA; */
}

.card-btn img{
    max-width: 60px;
}

.card-btn .title{
    font-size: 1rem;
    font-weight: var(--ct-fw-bold);
}

.card-btn .text{
    font-size: 1rem;
    font-weight: var(--ct-fw-regular);
}

.card-btn .media-body{
    padding-top: 8px;
}


/**/

.card-btn-primary,
.card-btn-primary .card-body,
.card-btn-secondary,
.card-btn-secondary .card-body{
    border-radius: 40px;
}

.card-btn-primary .card-body{
    background: var(--ct-color-primary);
    padding: 10px 15px;
}

.card-btn-primary .card-body:hover{
    /* background: rgba(49, 49, 101, 0.5); */
}

.card-btn-primary .card-body .title{
    color: #FFF;
}

.card-btn-secondary .card-body{
    background: var(--ct-color-secondary);
    padding: 10px 30px;
}

.card-btn-secondary .card-body:hover{
    background: rgba(152, 89, 154, 0.5);
}

.card-btn-secondary .card-body .title{
    color: #FFF;
}


/*INIT BTN-CUSTOM-DANGER*/
.btn-custom-danger {
    color: #FFF;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-custom-danger:hover {
    color: #FFF;
    background-color: #dc3545;
    border-color: #dc3545;
}
  
.btn-custom-danger:focus, .btn-custom-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
  
.btn-custom-danger.disabled, .btn-custom-danger:disabled {
    color: #FFF;
    background-color: #dc3545;
    border-color: #dc3545;
}
  
.btn-custom-danger:not(:disabled):not(.disabled):active, .btn-custom-danger:not(:disabled):not(.disabled).active,
.show > .btn-custom-danger.dropdown-toggle {
    color: #FFF;
    background-color: #dc3545;
    border-color: #dc3545;
}
  
.btn-custom-danger:not(:disabled):not(.disabled):active:focus, .btn-custom-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-custom-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
/*END BTN-CUSTOM-DANGER*/

.btn-link{
    color: var(--ct-color-primary);
}