div#tombolchats {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -99;
opacity: 0;
transition:.5s;
background: rgba(0,0,0,0.5);
}
div#tombolchats.aktif {
z-index: 9999;
opacity: 1;
}
div#whatsaappchat {
position: fixed;
top: 50%;
left: 50%;
max-width: 480px;
width: 95%;
background: #fff;
transform: translate(-50%,-50%);
z-index: -1;
opacity: 0;
border-radius: 5px;
overflow: hidden;
box-shadow: 0 2px 5px rgba(0,0,0,0.5);
transition:.5s;
}
div#whatsaappchat.aktif {
z-index: 999999;
opacity: 1;
}
p.whatsaappchat-title {
padding: 15px;
margin: 0 0 10px 0;
font-size: 16px;
text-align: center;
font-weight: bold;
background:linear-gradient(to bottom right, rgba(10,126,253,0.8), rgba(210,10,253,0.8)), url('https://autoreg.my.id/images/bg-header.jpg') center center no-repeat; background-size:cover;
color: #fff;
}
.whatsappchat-body {
padding: 14px;
display: flex;
flex-wrap: wrap;
width: 100%;
box-sizing: border-box;
}
.whatsappchat-input {
border: 1px solid #ddd;
border-radius: 3px;
font-size: 14px;
line-height: 32px;
padding: 0 10px;
box-shadow: inset 0 0 2px rgba(0,0,0,0.1);
}
.whatsappchat-input.form-setengah {
width: 46%;
margin: 0 2% 10px 2%;
box-sizing: border-box;
}
.whatsappchat-input.full {
width: 100%;
resize: none;
min-height: 150px;
margin: 0;
}
a.submiit {
line-height: 24px;
padding: 10px 15px;
width: 100%;
max-width: 220px;
text-align: center;
background:#d78100;
margin: 10px auto 5px auto;
display: block;
color: #fff;
border-radius: 6px;
cursor: pointer;
}
a:hover.submiit {background: #996600;}
span.whatsappchat-x {
position: absolute;
top: 5px;
right: 5px;
height: 30px;
width: 30px;
border: 2px solid #fff;
border-radius: 50px;
corsor:pointer;
}
a#whatsappchat-icon {
position: fixed;
bottom:80px;
left:10px;
line-height: 0;
border-radius: 50%;
background: #2ecc71;
padding: 0;
height: 42px;
width: 42px;
color: #fff;
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
z-index:99999;
}
a#whatsappchat-icon::before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
span.whatsappchat-x::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
height: 3px;
width: 50%;
background: #fff;
transform: translate(-50%,-50%);
}
@media (max-width: 480px) {
.whatsappchat-input.form-setengah {
width: 100%;
margin: 0 0 10px 0;
box-sizing: border-box;
}
}