.api_contato_mobile_float {
background: rgba(30, 130, 76, 1) !important;
color: white;
text-decoration: none;
border-radius: 50%;
position: fixed;
bottom: 15px;
right: 15px;
z-index: 999999999999;
width: 75px;
height: 75px;
padding: 22px;
font-size: 20px !important;
text-align: center;
cursor: pointer;
}
i.fa.fa-times {
font-size: 21px;
} .pulse {
overflow: visible;
}
.pulse:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: inherit;
border-radius: inherit;
transition: opacity .3s, transform .3s;
animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
z-index: -1;
}
@keyframes pulse-animation {
0% {
opacity: 1;
transform: scale(1);
}
50% {
opacity: 0;
transform: scale(1.5);
}
100% {
opacity: 0;
transform: scale(1.5);
}
} .api-infos {
width: 225px;
background: white;
position: fixed;
z-index: 999999;
bottom: 100px;
right: 20px;
border-radius: 5px;
box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -7px rgba(0,0,0,0.2);
}
.api-infos-head {
background-size: contain;
background-color: rgba(30, 130, 76, 1);
padding: 15px 35px 50px;
color: white;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.api-infos h2 {
font-size: 16px;
line-height: 25px;
font-weight: 300;
margin: 0;
padding: 0;
color: white;
text-align: left !important;
}
.api-infos h2::after {
display: none;
}
.api-infos-body {
color: #777777;
padding: 15px;
background-color: #ddd;
}
.api-infos .row {
margin: 0;
}
.api-infos-body-card span {
font-size: 13px;
width: 35px;
}
.api-infos-descricao{
font-size: 13px;
font-weight: 300;
line-height: 16px;
margin-top: 5px;
}
.api-infos-body-card {
border-top: 1px solid rgb(0, 113, 178);
padding: 10px 20px 20px;
margin-top: -70px;
background: white;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 15px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px 0px, rgba(0, 113, 178, 0.5) 0px 2px 0px 0px inset;
}
.api-infos-body-card .fa-whatsapp {
color: rgba(30, 130, 76, 1) ;
}
.api-infos-body-card .fa-user {
color: #218ba5 !important;
}
.input-formulario-text {
background-color: #dbdbdb !important;
}
.form-row .input-formulario {
margin: 5px 0;
display: flex;
}
.input-icon {
width: 30px;
height: 100%;
display: flex;
padding: 10px;
background: #dbdbdb;
border-radius: 8px 0px 0px 8px;
}
input.form-input-api {
background: white!important;
border: 1px solid #cfcfcf!important;
border-radius: 0px 8px 8px 0px!important;
padding: 6px!important;
width: 100%;
}
input.form-input-api::placeholder {
color: #b1afaf;
}
select#input-estado {
background: white;
border: 1px solid #cfcfcf;
border-radius: 0px 8px 8px 0px;
padding: 5px;
width: 100%;
}
.btn-whats-api{
background: rgb(30, 130, 76);
padding: 5px 15px;
color: #fff;
border-radius: 5px;
display: inline-block;
text-decoration: none!important;
border: 2px solid rgba(30, 130, 76, 1);
transition: 0.5s all ease;
}
.btn-whats-api:hover{
background: rgb(23, 88, 53);
color: #fff;
}
.api-infos-body-card a {
background: rgb(0, 113, 178);
color: white;
border-radius: 3px;
padding: 7px 10px;
text-decoration: none;
transition-duration: .5s;
transition-property: all;
font-size: 12px;
}
.col-auto.my-1 {
margin: auto;
display: flex;
justify-items: center;
align-items: center;
width: 105px;
}
.api-infos-body-card .col-sm-12 {
padding: 0;
margin: 15px 0 0;
}
.api-infos-body-card-btn {
margin-top: 3px;
margin-left: 10px;
}
.api-infos-body-card-btn a:hover {
text-decoration: none;
color: white;
}
button i.fa-whatsapp{
color:white!important;
}
.api-infos-body-card-icon, .api-infos-body-card-btn {
float: left;
}
span#close {
position: absolute;
right: 15px;
font-size: 25px;
cursor: pointer;
transition-property: all;
transition-duration: .3s;
}
#msgEnviada,#msgEnviando,#msgErro,#msgFormInvalido{
text-align: center;
display: none;
}
@media(max-width: 599px){
.api_whatsapp_mobile, .api_telefone_btn{
display: block;
}
.api_whatsapp_desktop{
display: none;
}
.api-infos{
width: 100%;
height: 100vh;
right: 0;
bottom: 0;
}
.api-infos-head {
padding-top: 75px;
padding-bottom: 100px;
}
.input-icon {
width: 40px;
}
#api-infos {
background: #ddd;
}
.api-infos-body-card span {
font-size: 25px;
width: 45px;
}
.api-infos-body-card .fa-phone {
font-size: 49px !important;
}
.api-infos-body-card a{
padding: 10px 25px;
}
.form-row .input-formulario {
margin: 10px 0;
}
.api-infos-body-card-btn {
margin-top: 10px;
}
#api-infos > div.api-infos-body > div > div > div:nth-child(1) > div.api-infos-body-card-btn {
margin-top: 5px !important;
}
#open_api{
display: block;
}
#close_api {
display: none;
}
#api-infos {
display: none;
}
.mensagem_api_contato_mobile, .mensagem_api_contato_mobile_ponta{
display: block;
}
.api-infos-body {
margin-top: -30px;
}
}
@media(min-width: 600px){
.api_whatsapp_mobile, .api_telefone_btn{
display: none;
}
.api_whatsapp_desktop{
display: block;
}
#open_api{
display: none;
}
.mensagem_api_contato_mobile, .mensagem_api_contato_mobile_ponta {
display: none;
}
}
.api_telefone_footer {
text-align: left;
margin: 10px 0 0;
font-size: 13px;
}
#api-infos > div.api-infos-body > div > div > div:nth-child(1) > div.api-infos-body-card-btn {
margin-top: 0;
} p.mensagem_api_contato_mobile {
background: rgba(30,130,76,1) !important;
color: white;
padding: 5px;
width: 60%;
position: fixed;
z-index: 999999;
bottom: 12px;
border-radius: 2.5px;
right: 120px;
text-align: center;
}
.mensagem_api_contato_mobile_ponta {
height: 30px;
width: 30px;
background: rgba(30,130,76,1) !important;
bottom: 39px;
position: fixed;
z-index: 999999;
right: 105px;
transform: rotate(45deg);
}
.btn-whatsapp-convesion {
cursor: pointer;
}
#menu-item-1645 {
cursor: pointer;
} .panel-leads {
margin: 7px 10px;
padding: 10px;
background: #ffffff;
text-align: center;
box-shadow: 5px 5px 8px 1px #bcbcbc;
transition: 0.5s all ease;
}
.panel-leads:hover {
box-shadow: 2px 2px 8px 1px #bcbcbc;
}
span.valor-leads-panel {
font-size: 25px;
}
h2.titulo-leads-panel {
margin: 10px 0;
}
.grafico {
width: 100%;
max-height: 400px;
}
.panel-leads.background-secondary {
background: space;
}
a.btn-download-tabela {
background: #2271b1;
color: white;
text-decoration: none;
padding: 5px 10px;
border-radius: 7px;
}
a.btn-download-tabela:hover {
background: #4289c2;
}