/* TR-WP.COM */

@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');


@import url('http://fonts.googleapis.com/css?family=Lato:100,300,400|Raleway:100,300,400,500,600,700|Open+Sans:100,300,400,500,600');



.trwpwhatsappballon {
        font-size: 14px;
        border-radius: 12px;
        border: 1px solid #fff;
        max-width: 250px;
}

.trwpwhatsapptitle {
        background-color: #22c15e;
        color: white;
        padding: 14px;
        border-radius: 12px 12px 0px 0px;
        text-align: center;
}

.trwpwhatsappmessage {
        padding: 16px 12px;
        background-color: white;
}

.trwpwhatsappinput {
        background-color: white;
        border-radius: 0px 0px 12px 12px;
}

.trwpwhatsappinput input {
        width: 206px;
        border-radius: 10px;
        margin: 1px 1px 0px 10px;
        padding: 10px;
        background-color: #efefef;
        border: 1px solid #d4d4d4;
}

.trwpwhatsappbutton {
        background-color: #22c15e;
        border-radius: 20px;
        padding: 8px 15px;
        cursor: pointer;
        color: #fff;
        max-width: 220px;
        margin-top: 10px;
        margin-bottom: 10px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
}

.trwpwhatsappall {
        position: fixed;
        z-index: 9999999999999999999;
        bottom: 0;
        right: 10px;

}

.trwpwhatsappsendbutton {
        color: #22c15e;
        cursor: pointer;
}

button {
        border: none;
}

button i {
        float: right;
        position: absolute;
        z-index: 999999999999;
        right: 23px;
        top: 11;
        bottom: 81px;
        font-size: 18px !important;
}

.kapat {
        position: absolute;
        right: 8px;
        top: 6px;
        font-size: 13px;
        border: 1px solid #fff;
        border-radius: 99px;
        padding: 2px 5px 2px 5px;
        color: white;
        font-size: 10px;
        cursor: pointer;
}



/* for desktop */
.whatsapp_float {
        position: fixed;
        width: 60px;
        height: 60px;
        bottom: 40px;
        right: 40px;
        background-color: #25d366;
        color: #FFF;
        border-radius: 50px;
        text-align: center;
        font-size: 30px;
        box-shadow: 2px 2px 3px #999;
        z-index: 100;
}

.whatsapp-icon {
        margin-top: 16px;
}

/* for mobile */
@media screen and (max-width: 767px) {
        .whatsapp-icon {
                margin-top: 10px;
        }

        .whatsapp_float {
                width: 40px;
                height: 40px;
                bottom: 20px;
                right: 10px;
                font-size: 22px;
        }
}