/*
version:   	20201110
date:      	10/11/2020
last update: 10/11/2020
author:		Rafael Santana
email:     	youtube@gearlivetec.com.br
website:   	https://www.gearlivetec.com.br

*/

/*Tamanhos*/
.btn-small {
    padding: 0.25rem 0.5rem;
    padding: 3px 15px;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

/*Botões Cores*/

.btn-cyan094880 {
  color: #fff;
  background-color: #094880;
  border-color: #094880;
}

.btn-cyan094880:hover {
  color: #fff;
  background-color: #07A7EB;
  border-color: #0062cc;
}

.btn-cyan094880:focus, .btn-cyan094880.focus {
  color: #fff;
  background-color: #07A7EB;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-cyan094880.disabled, .btn-cyan094880:disabled {
  color: #fff;
  background-color: #094880;
  border-color: #094880;
}

.btn-cyan094880:not(:disabled):not(.disabled):active, .btn-cyan094880:not(:disabled):not(.disabled).active,
.show > .btn-cyan094880.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-cyan094880:not(:disabled):not(.disabled):active:focus, .btn-cyan094880:not(:disabled):not(.disabled).active:focus,
.show > .btn-cyan094880.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-cyan094880 {
  color: #fff;
  background-color: #094880;
  border-color: #094880;
}

.btn-cyan094880:hover {
  color: #fff;
  background-color: #07A7EB;
  border-color: #0062cc;
}

.btn-cyan094880:focus, .btn-cyan094880.focus {
  color: #fff;
  background-color: #07A7EB;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-cyan094880.disabled, .btn-cyan094880:disabled {
  color: #fff;
  background-color: #094880;
  border-color: #094880;
}

.btn-cyan094880:not(:disabled):not(.disabled):active, .btn-cyan094880:not(:disabled):not(.disabled).active,
.show > .btn-cyan094880.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #0062cc;
}

.btn-cyan094880:not(:disabled):not(.disabled):active:focus, .btn-cyan094880:not(:disabled):not(.disabled).active:focus,
.show > .btn-cyan094880.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

/*Cyan 2*/
.btn-cyan07A7EB {
    color: #fff;
    background-color: #07A7EB;
    border-color: #07A7EB;
}

    .btn-cyan07A7EB:hover {
        color: #fff;
        background-color: #094880;
        border-color: #094880;
    }

    .btn-cyan07A7EB:focus, .btn-cyan07A7EB.focus {
        color: #fff;
        background-color: #094880;
        border-color: #094880;
        box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    }

    .btn-cyan07A7EB.disabled, .btn-cyan07A7EB:disabled {
        color: #fff;
        background-color: #07A7EB;
        border-color: #07A7EB;
    }

    .btn-cyan07A7EB:not(:disabled):not(.disabled):active, .btn-cyan07A7EB:not(:disabled):not(.disabled).active,
    .show > .btn-cyan07A7EB.dropdown-toggle {
        color: #fff;
        background-color: #094880;
        border-color: #094880;
    }

    .btn-cyan07A7EB:not(:disabled):not(.disabled):active:focus, .btn-cyan07A7EB:not(:disabled):not(.disabled).active:focus,
    .show > .btn-cyan07A7EB.dropdown-toggle:focus {
         box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    }
/* WhatsApp 1*/
.btn-wtapp {
    color: #fff;
    background-color: #25D366;
    border-color: #25D366;
}

    .btn-wtapp:hover {
        color: #fff;
        background-color: #075E54;
        border-color: #075E54;
    }

    .btn-wtapp:focus, .btn-wtapp.focus {
        color: #fff;
        background-color: #075E54;
        border-color: #075E54;
        box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    }

    .btn-wtapp.disabled, .btn-wtapp:disabled {
        color: #fff;
        background-color: #25D366;
        border-color: #25D366;
    }

    .btn-wtapp:not(:disabled):not(.disabled):active, .btn-wtapp:not(:disabled):not(.disabled).active,
    .show > .btn-wtapp.dropdown-toggle {
        color: #fff;
        background-color: #075E54;
        border-color: #075E54;
    }

        .btn-wtapp:not(:disabled):not(.disabled):active:focus, .btn-wtapp:not(:disabled):not(.disabled).active:focus,
        .show > .btn-wtapp.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
        }
/*Youtube 1*/

.btn-yt {
    color: #fff;
    background-color: #E62117;
    border-color: #E62117;
}

    .btn-yt:hover {
        color: #fff;
        background-color: #c4302b;
        border-color: #c4302b;
    }

    .btn-yt:focus, .btn-yt.focus {
        color: #fff;
        background-color: #c4302b;
        border-color: #c4302b;
        box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    }

    .btn-yt.disabled, .btn-yt:disabled {
        color: #fff;
        background-color: #E62117;
        border-color: #E62117;
    }

    .btn-yt:not(:disabled):not(.disabled):active, .btn-yt:not(:disabled):not(.disabled).active,
    .show > .btn-yt.dropdown-toggle {
        color: #fff;
        background-color: #c4302b;
        border-color: #c4302b;
    }

        .btn-yt:not(:disabled):not(.disabled):active:focus, .btn-yt:not(:disabled):not(.disabled).active:focus,
        .show > .btn-yt.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
        }

/*Botão copiar url atual*/
.clipboard {
    color: #fff;
    background-color: #E62117;
    border-color: #E62117;
}

.clipboard:hover {
        color: #fff;
        background-color: #c4302b;
        border-color: #c4302b;
    }

    .clipboard:focus, .clipboard.focus {
        color: #fff;
        background-color: #c4302b;
        border-color: #c4302b;
        box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    }

    .clipboard.disabled, .clipboard:disabled {
        color: #fff;
        background-color: #E62117;
        border-color: #E62117;
    }

    .clipboard:not(:disabled):not(.disabled):active, .clipboard:not(:disabled):not(.disabled).active,
    .show > .clipboard.dropdown-toggle {
        color: #fff;
        background-color: #c4302b;
        border-color: #c4302b;
    }

        .clipboard:not(:disabled):not(.disabled):active:focus, .clipboard:not(:disabled):not(.disabled).active:focus,
        .show > .clipboard.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
        }

/*Botão para copiar url 2*/
.copy {
    color: #fff;
    background-color: #E62117;
    border-color: #E62117;
}

    .copy:hover {
        color: #fff;
        background-color: #c4302b;
        border-color: #c4302b;
    }

    .copy:focus, .copy.focus {
        color: #fff;
        background-color: #c4302b;
        border-color: #c4302b;
        box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    }

    .copy.disabled, .copy:disabled {
        color: #fff;
        background-color: #E62117;
        border-color: #E62117;
    }

    .copy:not(:disabled):not(.disabled):active, .copy:not(:disabled):not(.disabled).active,
    .show > .copy.dropdown-toggle {
        color: #fff;
        background-color: #c4302b;
        border-color: #c4302b;
    }

        .copy:not(:disabled):not(.disabled):active:focus, .copy:not(:disabled):not(.disabled).active:focus,
        .show > .copy.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
        }

/*Botão Telegram*/
.btn-telegram {
    color: #fff;
    background-color: #6CC1E3;
    border-color: #6CC1E3;
}

    .btn-telegram:hover {
        color: #fff;
        background-color: #4995BE;
        border-color: #4995BE;
    }

    .btn-telegram:focus, .btn-telegram.focus {
        color: #fff;
        background-color: #4995BE;
        border-color: #4995BE;
        box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    }

    .btn-telegram.disabled, .btn-telegram:disabled {
        color: #fff;
        background-color: #6CC1E3;
        border-color: #6CC1E3;
    }

    .btn-telegram:not(:disabled):not(.disabled):active, .btn-telegram:not(:disabled):not(.disabled).active,
    .show > .btn-telegram.dropdown-toggle {
        color: #fff;
        background-color: #4995BE;
        border-color: #4995BE;
    }

        .btn-telegram:not(:disabled):not(.disabled):active:focus, .btn-telegram:not(:disabled):not(.disabled).active:focus,
        .show > .btn-telegram.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
        }