@charset "utf-8";


.webconsult {
    position: fixed;
    bottom: 5px;
    right: 5px;
    border:rgba(0,128,128,.8) 1px solid;
    border-radius:3px;
    padding: 5px;
    max-height: 90%;
    min-width: 300px;
    max-width: 600px;;
    background:rgba(0,192,201,.7);
    display: none;
    overflow: auto;
    z-index: 1000;
    color: #000000;
}
/* активируем  окно без этого не работает ни открытие не закрытие окна */
.webconsult:target {
    display: block;
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
}

.msg-webconsult
{
    display: inline-block;
    border:rgba(0,128,128,.9) 1px solid;
    background: rgba(0,128,128,.3);
    padding:10px;
    margin:5px;
    font-size: 0.9em;
    color: #003C42;
}
.text-consult{
    width: 98%;
    border-radius:3px;
    border:rgba(0,0,0,.5) 1px solid;
    box-sizing:border-box;
    font-size:0.9em;
    padding:5px;
    margin:5px;
    color: #000000;
    font-size:1em;
}

.clientmsg-consult{
    display: inline;
    position: relative;

    clear:both;
    float: left;  
    max-width: 90%;
    text-align: left;
    background: #ccfeff;
    border-radius:4px;
    padding-left:4px;
    padding-right:4px;
    margin:1px;
}

.otvet-consult{
    display: inline;
    position: relative;

    clear:both;
    float: right;
    max-width: 90%;
    margin:3px;
    padding-left:4px;
    padding-right:4px;
    border-radius:4px;
    text-align: right;
    background: rgba(254,255,229, 1);
}

.otvet-dt{
    display: inline;
    position: relative;
    color: #FFFFFF;
    font-size:0.8em;

    clear:both;
    float: right;
    max-width: 90%;
    margin:3px;
    padding-left:4px;
    padding-right:4px;
    border-radius:4px;
    text-align: right;
}