html{/* padding: 0 !important; */width: 100%;/* height: 100%; *//* max-height: 100%; */font: 100 16px 'Play',Arial,Helvetica,Verdana,sans-serif;/* margin: 0 !important; */margin: 0 auto;/* display: block; *//* float: none; */}
body{background-color: #e7e7e7;width: auto;height: 100%;font:100 16px 'Play',Arial,Helvetica,Verdana,sans-serif;margin: 0 auto;line-height:1.3em;padding: 0px 10px;}
table{border-collapse:collapse; border: 1px solid #cacaca;}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#ccc}figure{display:table;margin:1rem auto}figure figcaption{color:#999;display:block;margin-top:.25rem;text-align:center}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0}code{background-color:#e8e8e8;border-radius:3px;padding:.1rem .2rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #ccc;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #ccc;margin-right:1.5rem;padding-right:1rem}
h1{
  line-height:1.2em;
  font-size: 14px;
  padding: 5px 10px 5px 10px;
  margin: 7px 5px -32px 5px;
  background-color: #858585;
  color: #fff;
  font-weight: 100;
  border-radius: 20px;
  text-align: center;
  position: relative;
  }
#dwr
{
    max-width: 600px;
    width: auto;
    margin: 0px auto 0px auto;
    padding: 5px 0px 10px 0px;
    display: block;
    float: none;
}
img{max-width: 100%;}
#persona{width: auto;float: left;clear: both;height: auto;background-color: #fff;margin: 5px 0px 10px 0px;padding: 26px 15px 27px 15px;/* box-shadow: 0px 0px 25px 10px #00000017; */border-radius: 41px;}
#persona .persona{width: 33%;float: left;margin: 20px 0 -11px 0;}
#persona .persona:hover,#persona .persona.actv{cursor:pointer; filter:contrast(1.5);}
#persona .persona.actv img{/* border: 2px solid #ffffff; */box-shadow: 0px 0px 25px 0px #000000;}
#persona .persona img{
    border-radius: 36px;
    float: none;
    clear: both;
    margin: 0px auto 0px auto;
    width: 87%;
    display: block;
    border: 2px solid #ffffff;
    /* box-shadow: 0px 0px 20px 0px #000000; */
}
#persona .persona strong{text-align: center;width: 100%;display: block;margin: 8px 0 0 0;clear: both;font-size: 12px;line-height: 16px;height: 30px;}
#person_chat{
    float: left;
    background-color: #EEE;
    width: 100%;
    border-radius: 23px;
    margin: 20px auto 15px auto;
    display: none;
}
#person_chat .nazad{
    width: 98%;
    /* max-width: 295px; */
    margin: -13px 0px 15px 0px;
    border-radius: 30px;
    font-size: 16px;
    padding: 15px 4px 0px 4px;
    height: 34px;
    background-color: #bbc9d7;
    border: none;
    box-shadow: 1px 1px 0px #6565659e;
    text-align: center;
    float: left;
    clear: both;
    }
#person_chat .persona{float:left;clear:both;width:100%;}
#person_chat .nazad:hover{cursor: pointer;}
#person_chat .persona img{
    float: left;
    clear: both;
    border-radius: 6px;
    margin: 0px 10px 10px 15px;
    width: 100px;
    height: 100px;
    box-shadow: 0px 0px 8px 3px #00000017;
}
#person_chat .persona strong{
    float: left;
    clear: none;
    width: 60%;
    /* background-color: #000; */
    margin: 0px 0px -8px 0px;
    font-size: 15px;
}
#person_chat .persona p{
    float: left;
    clear: none;
    width: 60%;
    font-size: 13px;
    line-height: 15px;
}
#person_chat form{
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 12px;
    margin: 20px 0px -20px 0px;
    height: 90px;
    }
#person_chat .form{width: 85%;border-radius: 6px;max-width: 600px;display: block;float: none;margin: 10px auto;}
#person_chat textarea{float: left;width: 100%;padding: 10px 10px 10px 10px;margin: 10px 0 10px -16px;border-radius: 6px 20px 20px 6px;border: 1px solid #ffffff;background-color: #ffffff;max-width: 600px;display: block;box-shadow: 9px 1px 10px #65656554;}


#person_chat textarea:active, #person_chat textarea:focus {
  outline: none !important;
}
#person_chat textarea::-moz-focus-inner {
  border: 0 !important;
}

#person_chat submit svg{width:29px;height:29px;float:left;margin: 3px -9px 0px 4px;fill: #FFF;}
#person_chat submit{float: right;clear:none;margin: -62px -23px 0px 0px;height: 32px;border-radius: 0px 7px 7px 0px;width: 33px;z-index: 123;position: relative;}
#person_chat submit:hover{cursor:pointer;}
#person_chat .nazad svg{width: 33px;float:left;margin: -7px 5px 0px 5px;}
#messg{
    float: left;
    clear: both;
    margin: 10px 0px 80px 0px;
    width: 100%;
    /* background-color: #eee; */
    padding: 10px 0px;
    border-radius: 4px;
}
#messg .messg{margin: 0px 10px 0px 20px;}
#messg .ms{margin: -10px 0px 33px 0px;background-color: #eeeeee;padding: 10px 10px 10px 10px;border-radius: 11px;float: left;min-width: 300px;}
#messg .user{color: #464646;font-size: 14px;/* font-weight:bold; */margin: 0px 0px 10px -0px;}
#messg .asist{color:#000;font-size:13px;background-color: #c9e4ff;border-radius: 0px 0px 10px 10px;padding: 10px;margin: 0px -10px -10px -10px;float: left;width: 100%;word-break: break-word;}
#messg .asist .uncd{font-size:40px; float:left; margin:20px 10px 10px 10px;font-weight: 100;}
#messg .user tt{color: #6691bd;font-size:12px;margin:0 10px 0px 0px;}
#messg .asist img,#messg .user img{width:40px;float:left;clear:both;border-radius: 50%;}
#messg .asist img{margin: 0px 10px 0px 0px;}
#messg .user img{margin: 0px 10px 10px 0px;}
#messg .user img.ximg{float:right;width:24px;border-radius: 2px 9px 2px 2px;clear:both;margin: -59px -10px 0px 0px;}
#autoriz_no{float: none;clear: both;width: 100%;margin: 0px auto 0px auto;text-align: center;}
.cthth_nero {
    float: left;
    clear: both;
    margin: -3px 0px -100px -10px;
    padding: 0px 0px 0px 0px;
    border-radius: 8px 8px 0 0;
    font-size: 10px;
    z-index: 2;
    position: relative;
}
.cthth_nero div {
    background-color: #ffffff;
    border-radius: 3px;
    height: 14px;
    padding: 1px 5px 0px 5px;
    margin: 0px 0px 5px -8px;
    line-height: 14px;
    color: #4c4c4c;
    float: right;
    border: 1px solid #b3b3b3;
    width: 60px;
    text-align: center;
}
.cthth_nero div:hover{background-color:#F00; cursor:pointer; color:#FFF; border-color:#F00;}
#dewiar_autrz{width: 100%;float: left;clear: both;}
#dewiar_autrz div{margin: 35px auto 0px auto;color: #999;float: none;width: 264px;}
#dewiar_autrz div img{width: 53px;margin: -13px 10px 0px 0px;}
#dewiar_autrz div img.apple{margin: -20px 0px 3px 0px;}
#person_chat .dop{float: left;clear: both;margin: 0px -10px 10px 10px;font-size: 13px;line-height: 16px;color: #999;}







.none {
    display: none !important;
}
#shareD .ya-share2 {
    padding: 6px;
    border-radius: 4px;
    background-color: #343a40;
}
.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn:hover{cursor: pointer;}
.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}
.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-group-sm>.btn, .btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}
#box_iphone{position: fixed;
    bottom: 20px;
    left: 50%;
    margin: auto 0 auto -150px;
    float: left;
    width: 300px;
    z-index: 1;}
#box_iphone img{clear:none; margin:0px 0 -10px 0;}

#shareD{
    border-radius: 20px;
    padding: 6px 8px 7px 11px;
    line-height: 19px;
    float: right;
    margin: 50px 0px 20px 0px;
    height: 19px;
    }
#btn_assistant_pwax,#btn_iphone{border-radius: 20px;padding: 6px 15px 7px 8px;line-height: 20px;height: 19px;margin: 50px 0px 20px 0px;}
#btn_assistant_pwax img,#btn_iphone img{float:left;margin: -2px 3px 0px -3px;}
#shareD #share img {
    margin: 1px -1px 1px 7px;
    float: right;
    width: 18px;
}
.w-100{width: 100%; float: left;}
.ut_v{width: 100%;}
.ut_v iframe{float: none;
    clear: both;
    width: 100%;
    height: 100%;
    min-height: 300px;}
#dopfrm,#vGPT{
    float: right;
    position: relative;
    margin: -2px 24px -50px 0px;
    border: 1px solid #ffffff;
    border-radius: 6px;
    height: 19px;
    width: 132px;
    background-color: #fff;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    color: #4caf50;
    }
#dopfrm{display: none;}
#dopfrm:active, #dopfrm:hover, #dopfrm:focus { outline: 0; outline-offset: 0;}
#dopfrm.alarm{background-color: #ffa3a3;}
#vGPT{float:left;margin: 1px 50px -50px 65px;background-color: #bbc9d7;color: #000;width: 110px;text-align: left;}


















#mikrBtn.startM,#mikrBtn.stopM,#mikrBtn.textX{background-position: center;background-repeat: no-repeat;width: 52px;height: 52px;border-radius: 50%;float: left;clear: both;background-color: #ffffff;}
#mikrBtn.startM{background-image: url("/assistant/img/m.png");}             
#mikrBtn.stopM{background-image: url("/assistant/img/s.png");webkit-animation: rainbow 1s linear 1s infinite; animation: rainbow 1s linear 1s infinite;}
#mikrBtn.textX{background-image: url("/assistant/img/s.png");}
#mikrBtn:hover{cursor: pointer;}
#mikrBtn .time{position:relative;left:10px;top: 42px;background-color: #f00;text-align:center;border-radius: 4px;font-size:10px;width:30px;color:#FFF;height: 16px;line-height: 15px;}
#mikrBtn.startM .time,#mikrBtn.textX .time{display:none;}
#mikrBtn{margin: 0px 0px 0px -20px;}
@-webkit-keyframes rainbow {0% {background:url("/assistant/img/s.png") center no-repeat, #ffffff;} 50% {background:url("/assistant/img/s.png")  center no-repeat, #BDE0FE}    100% {background:url("/assistant/img/s.png")  center no-repeat, #ffffff;}}
#mikrBtn:hover{ box-shadow:0px 0px 0px #00000000;}
#person_chat .soundX{
    float: right;
    background-color: #b0b0b0;
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    margin: 80px 0px 0px 50px;
    border-radius: 50%;
}
#person_chat .soundX.sActv{background-color: #4CAF50;}
#person_chat .soundX svg{fill: #ffffff;margin: 3px 0px 0px 3px;}
#person_chat .soundX.sActv svg{fill: #fff;}








#phur{margin: -29px 0px 0px -21px;float: left;position: relative;z-index: 2;}
#phur .phur {
    width: 20px;
    border-radius: 5px;
    background-color: #FFF;
    padding: 3px;
}

.jqstooltip{height: auto !important; width: auto !important;}
.procenty{float: left;margin: -10px 0px 0px 3px;line-height: 25px;border-radius: 6px;padding: 10px 20px 10px 5px;}
.procenty .clr{float: left;width: 10px;height: 10px;background-color: #F00;clear: both;margin: 8px 10px 10px 8px;border-radius: 50%;}
.clrtxt{float: left;clear: none;/* width: 200px; */}
.inlinebar{
    float: left;
    clear: both;
    margin: 16px 1px 0px 3px;
    }
.procenty .clr.clr_1{background-color:#3366cc;}
.procenty .clr.clr_2{background-color:#dc3912;}
.procenty .clr.clr_3{background-color:#ff9900;}
.procenty .clr.clr_4{background-color:#109618;}
.procenty .clr.clr_5{background-color:#66aa00;}
.procenty .clr.clr_6{background-color:#dd4477;}
.procenty .clr.clr_7{background-color:#0099c6;}
.procenty .clr.clr_8{background-color:#990099;}
#persona .pensact{width: 175px; display: block; float: none; margin: 30px auto 0px auto;}