@import url('https://fonts.googleapis.com/css2?family=Sriracha&display=swap');

/*
2020 - Business D' Kolves
URL: http://dkolves.com.br
Author: Demetrius Loblein
Author URL: http://loblein.com.br
*/



/*HEADER*/

.clear{clear:both;}
    a{text-decoration:none;}

    img.escrevendo{max-width:70px ;}


    div#atendente0{max-width: 150px;
        position: fixed; /* posição absoluta ao elemento pai, neste caso o BODY */
        /* Posiciona no meio, tanto em relação a esquerda como ao topo */
        right: 1%; 
        bottom: 1%;
        z-index: 1000; /* Faz com que fique sobre todos os elementos da página */
   
    
    }
    div#atendente0 img{width: 100%;}

    
div#atendente{max-width: 480px;
    position: fixed; /* posição absoluta ao elemento pai, neste caso o BODY */
    /* Posiciona no meio, tanto em relação a esquerda como ao topo */
    right: 1%; 
    bottom: 10%;
    z-index: 1000; /* Faz com que fique sobre todos os elementos da página */


}

div#atendente div.fechar{ width: 100%; text-align: right;}
div#atendente div.fechar img{ max-width: 40px;z-index: 1001;  margin-bottom: -20px;}

div#atendente div.caixa-geral{background-color: #fff; border-radius: 10px; border:solid 3px #4855A4;}
div#atendente div.caixa-geral div.header-atendente{width: 100%; text-align: center;}
div#atendente div.caixa-geral div.header-atendente div.img{display: inline-block; margin: 5px; vertical-align: top; width: 22%;}
div#atendente div.caixa-geral div.header-atendente div.img img{width: 100%;}



div#atendente div.caixa-geral div.header-atendente div.text{ 
    font-family: 'Sriracha', cursive;display: inline-block; margin: 5px; margin-top: 20px;
    font-size: 1.1em; color: #506caa; line-height: 1; vertical-align: top; width: 70%; text-align: left; }

    div#atendente div.caixa-geral div.header-atendente div.text div.resposta{ margin-top: 10px;}
    div#atendente div.caixa-geral div.header-atendente div.text div.resposta a{display: inline-block; vertical-align: top;
    padding:7px; border-radius: 5px; font-size: 0.8em; line-height: 2; border:0px; color:#fff; margin:3px;}
    div#atendente div.caixa-geral div.header-atendente div.text div.resposta a.sim{background-color: #506caa;} 
    div#atendente div.caixa-geral div.header-atendente div.text div.resposta a.nao{background-color:#459f73;} 


    div#atendente div.caixa-geral div.header-atendente div.text div.resposta0{ margin:3px;font-size: 0.8em; padding:7px;color:#459f73;}


div#atendente div.caixa-geral div.caixa-dialogos{ margin: 10px ;
    font-family: 'Sriracha', cursive;font-size: 1em; color: #506caa; line-height: 1;}
    div#atendente div.caixa-geral div.caixa-dialogos small{ font-size: 0.9em; color: green;}

    div#atendente div.caixa-geral div.caixa-dialogos div.text1{margin-top: 10px;}



    div#atendente div.caixa-geral div.caixa-dialogos div.icones img{width:30% ; max-width: 90px; margin: 7px;}





    @media (max-width: 720px) {


        div#atendente0{max-width: 120px;}

            div#atendente{max-width: 400px;}

            div#atendente div.caixa-geral div.caixa-dialogos div.icones img{width:30% ; max-width: 60px; margin: 5px;}

    }