html, #html {
    width: 100%;
    font: 400 16px 'Inter',Arial,Helvetica,Verdana,sans-serif;
    margin: 0 auto;
    height: auto;
    min-height: 100%;
}
body{width: 100%;height: 100%;font: 400 16px 'Inter',Arial,Helvetica,Verdana,sans-serif;margin: 0 auto;line-height:1.3em;padding: 0px 10px;background-color: #e3e3e3;}
h1{
    width: 93%;
    margin: -8px 0px 15px 0px;
    border-radius: 0px 0px 30px 30px;
    font-size: 16px;
    padding: 15px 4px 0px 4px;
    height: 34px;
    background-color: #d5d5d5;
    border: none;
    box-shadow: 0px 2px 8px #6565659e;
    text-align: center;
    float: left;
    clear: both;
    position: fixed;
    line-height: 13px;
    max-width: 630px;
    z-index: 1;
  }
#dwr
{
    max-width: 633px;
    width: auto;
    margin: 0px auto 0px auto;
    padding: 5px 0px 10px 0px;
    display: block;
    float: none;
}
#messgx .ms ul,#messgx .ms ol{padding: 0px 0px 0px 10px;width: 100%;float: left;margin: 10px 0px 10px 0px;}
#messgx .ms ul li, #messgx .ms ol li{padding: 0px 0px 0px 0px;width: 100%;float: left;margin: 0px 0px 0px 0px;}
img{max-width: 100%;}

#person_chatx{
    background-color: #e3e3e3;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 1;
}
#person_chatx form{
    width: 100%;
    bottom: 0px;
    margin: 0px 0px 0px 0px;
    z-index: 1000;
    /* background-color: #F00; */
    }
#person_chatx .form{padding: 10px 0px 10px 0px;display: flex;width: 100%;max-width: 820px;margin: 0 auto;/* background-color: bisque; */}
#person_chatx textarea:focus {
  outline: none !important;
}
#person_chatx textarea::-moz-focus-inner {
  border: 0 !important;
}

#person_chatx submit svg{width:29px;height:29px;float:left;margin: 3px -9px 0px 4px;fill: #FFF;}
#person_chatx submit{float: right;clear:none;margin: 0px 20px -52px 70px;height: 52px;width: 52px;z-index: 123;position: relative;}
#person_chatx submit:hover{cursor:pointer;}
body.yes_iframe #person_chatx submit{
    margin: -57px -16px 0px 50px;
}
body.yes_iframe #mikrBtn{height: 57px;}
#person_chatx .nazad svg{width: 33px;float:left;margin: -7px 5px 0px 5px;}
#messgx{
    float: left;
    clear: both;
    margin: 25px 0px 100px 0px;
    width: 100%;
    padding: 4px 0px;
    border-radius: 4px;
    z-index: 0;
    position: relative;
}
body.yes_iframe #messgx
{
margin: 25px 0px 100px -10px; 
max-width: 280px;/* таблицы сдвигают контент, пробую так */
}
#messgx .ms{background-color: #f7f7f7;padding: 10px 18px 10px 20px;float: left;min-width: 280px;clear: both;max-width: 100%;margin: 0px 10px 10px 0px;}
#aft{color:#949494; font-size:12px}
#aft a{color:#949494;}
#aft:hover a{color:#F00}
#messgx .ms .txtx p{
    margin: 0px 0px 0px 0px;
    width: 100%;
    line-height: 1.4em;
}
.txtx h,.txtx h1,.txtx h2,.txtx h3,.txtx h4,.txtx h5,.txtx h6{width: 100%;clear: both;float: none;}
.txtx h1{margin: 30px 0 30px 0px; color: #4CAF50;}
.txtx h2{margin: 20px 0 20px 0px;color: #e91e63;font-size: 17px;}
.txtx h3{margin: 30px 0 30px 0px;color: #b80000;}
.txtx p strong{color: #007e73;}
#messgx .ms ul strong, #messgx .ms ol strong {
 color: #00752a;
}

.txtx li p strong {
 margin: 1px 0 1px 0px;
 color: #007e73;
 font-weight: 900;
}
.ms .txtx img{width: auto;border-radius: 4px;margin: 0px 10px 10px -3px;max-width: 100%;float: left;clear: both;}


#messgx .asist{color: #464646;font-size: 14px;}
#messgx .user{color:#000;font-size: 14px;background-color: #ffffff;float: left;word-break: break-word;}
#messgx .user .uncd{font-size:40px; float:left; margin:20px 10px 10px 10px;font-weight: 100;}
#messgx .user tt,#messgx .asist tt{color: #adadad;font-size: 12px;margin:0 10px 0px 0px;float: left;/* clear: none; *//* float: none; */}
#messgx .user tt{color: #545454;}
#messgx .user img, #messgx .asist img {
    float: left;
    clear: none;
    /* clear: both; */
    border-radius: 50%;
    width: 40px;
}
#messgx .ms .txtx{float: none;clear:none;}
#messgx .user img{margin: 0px 10px 0px -10px;}
#messgx .asist img{margin: 0px 10px 10px -10px;}
.yes_iframe #messgx .asist img{margin: 0px 10px 0px -10px;}
#messgx .asist img.ximg{float:right;width:24px;border-radius: 2px 9px 2px 2px;clear:both;margin: -59px -10px 0px 0px;}
#messgx .ms .txtx img {
    width: auto;
    border-radius: 4px;
    margin: 0px 10px 10px -3px;
    max-width: 100%;
    float: left;
    clear: both;
}

#messgx img.autoimage {
    width: auto;
    border-radius: 4px;
    margin: 0px 10px 7px -3px;
    max-width: 100%;
    float: left;
    clear: both;
}






body::-webkit-scrollbar {height: 2px; width:2px; background-color: #ffffff;}
body::-webkit-scrollbar-thumb { background: #000000;}

body {
    scrollbar-width: thin; 
    scrollbar-color: #000000 #ffffff; 
}

#autoriz_no{float: none;clear: both;width: 100%;margin: 0px auto 0px auto;text-align: center;}
.cthth_nero div{
    background-color: #FFF;
    border-radius: 3px;
    padding: 0px 5px 0px 5px;
    margin: 0px 0px 5px 0px;
    line-height: 14px;
    }
.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;
    display: none;
}


#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_chatx .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%;float: left;clear: both; height:auto;}
.ut_v iframe{
    float: none;
    clear: both;
    width: 100%;
    min-height: 300px;
    height:auto;
    margin: 0px 0px 5px -3px;
    }
#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;
    }
#vGPT{float:left;margin: 1px 50px -50px 26px;background-color: #bbc9d7;color: #000;width: 110px;}


















#mikrBtn.startM,#mikrBtn.stopM,#mikrBtn.textX{background-position: center;background-repeat: no-repeat;width: 52px;height: 50px;float: left;clear: both;background-color: #ffffff;border-right: 4px solid #fff;}
#mikrBtn.startM{background-image: url("/assistant/img/m.png");}             
#mikrBtn.stopM{background-image: url("/assistant/img/s.png"); animation: rainbow 1s linear 1s infinite;}
#mikrBtn.textX{background-image: url("/assistant/img/s.png");filter: invert(1);}
#mikrBtn:hover{cursor: pointer; background-color:#c9cfd1;}
#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 -1px 0px -22px;}
@-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_chatx .soundX{
    float: right;
    background-color: #b0b0b0;
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    margin: 80px 0px 0px 50px;
    border-radius: 50%;
}
#person_chatx .soundX.sActv{background-color: #4CAF50;}
#person_chatx .soundX svg{fill: #ffffff;margin: 3px 0px 0px 3px;}
#person_chatx .soundX.sActv svg{fill: #fff;}





iframe{
    color: #666;
    float: left;
    clear: both;
    display: block;
    background-color: #EEE;
    line-height: 13px;
    border-radius: 6px;
    overflow-x: auto;
    border:none;
    padding: 10px 0px;
    /* min-height: 200px; */
}
iframe pre::first-line {
  text-transform: uppercase;
  font-weight: 900;
  background-color: #F00;
  color:#FFF;
  letter-spacing: 5px;
  border-radius: 4px;
}
iframe pre::before {content: " ";letter-spacing: 0px;}







#messgx table {border: none;border-collapse: collapse;float: left;clear: both;max-width: 100%;overflow-x: auto;display: block;width: auto;margin: 5px 0px 10px 0px;}
#messgx table tbody{background-color:#f7f7f7; border-radius:20px;}
#messgx table tr:first-child{/* border-radius:20px 20px 0 0; *//* display:block; *//* width: 100%; *//* float:left; *//* clear:both; */}
#messgx table tr:first-child td {
    text-align: center;
    border: none;
    padding: 10px 15px;
    background: #e7e7e7;
    font-size: 16px;
    color: #000000;
    font-weight: 400;
}
#messgx table tr:first-child td:first-child{border-radius: 6px 0 0 0;}
#messgx table tr:first-child td:last-child{border-radius: 0 6px 0 0;}


#messgx table tr:last-child td:first-child{border-radius: 0px 0px 0px 20px;}
#messgx table tr:last-child td:last-child{border-radius: 0px 0px 20px 0px;}

#messgx table td {
    text-align: left;
    border: none;
    padding: 10px 15px;
    font-size: 14px;
    vertical-align: top;
}
#messgx table tr:nth-child(even) {
    background: #ffffff;
    border-radius: 0px 0px 20px 20px;
}








#addCh,#vCh{float: left;margin: -14px -70px 0px 7px;border-radius: 0% 0% 50% 50%;width: 47px;height: 40px;background-color: #a5a5a5;}
#addCh svg,#vCh svg{fill: #ffffff;margin: 6px 0px 0px 0px;}
#addCh{float: right;margin: -14px 6px 0px -60px;}
#addCh:hover svg,#vCh:hover svg{fill:#000;}
#addCh:hover,#vCh:hover{cursor: pointer;}
.name_bsd{font-size: 12px;width: 100%;position: fixed;text-align: center;top: -9px;left: 0;z-index: 234;}
.name_bsd b{background-color: #f7f7f7;border-radius: 6px;padding: 8px 10px 4px 10px;margin: 0px 0px 0px 0px;box-shadow: 1px 1px 1px #999;font-size: 13px;}
.name_bsd svg{width: 16px;margin: -40px -4px -4px 5px;fill: #6e6e6e;float: none;}
.name_bsd svg:hover,.name_bsd svg.actv{cursor:pointer; fill:#F00;}
.yes_iframe .name_bsd b{background-color: #f7f7f7a1;box-shadow: 0px 1px 4px #9996;white-space: nowrap;overflow: hidden;width: auto;}



#setBsd{background-color: #9d9d9d;width: 310px;margin: 6px 0px 0px -155px;float: none;padding: 10px;border-radius: 20px 6px 6px 6px;z-index: 1;height: 300px;position: absolute;left: 50%;box-shadow: 5px 5px 14px #0000004a, -5px -5px 31px #ffffff;display: none;}
#setBsd .btn{
    background-color: #787878;
    color: #fff;
    margin: 0px 0px 0px 0px;
    width: 285px;
    float: left;
}
#setBsd select,#addChBox select{width:100%;border-radius:4px;border:none;padding:3px 6px 2px 6px;margin: -10px 0px 9px 0px;}
#addChBox select{margin: 10px 0px 0px 0px;}


#setBsd .btn:hover{background-color:#000}
#setBsd .close{float:right;background-color: #d3d3d3;margin: -10px -10px 0px 0px;width: 30px;height: 30px;border-radius: 0 5px 0 50%;}
#setBsd .close:hover{background-color:#000; cursor:pointer;}
#setBsd .close svg{fill:#000;transform: rotate(-45deg);margin: 3px 1px 0px 0px;width: 20px;}
#setBsd .close:hover svg{fill:#F00;}
#setBsd input,#setBsd textarea{
    padding: 4px 12px 4px 12px;
    border: none;
    border-radius: 3px;
    width: 286px;
    float: left;
    height: 25px;
    margin: 0px 0px 10px 0px;
    max-width:100%;
}
#setBsd textarea{height: 164px;}
#phurB2{float: left;color: #fff;font-size:12px;text-decoration:none;margin: 0px 0px 10px 0px;line-height: 24px;font-weight: 100;display: block;}
#phurB2 img{margin: 0px 9px 0px 0px;float: left;border-radius: 50%;padding: 4px;background-color: #FFF;}
#phurB2 img.phurBx{padding: 0;width: 26px;}
#phurB2 .dl{font-weight:100;color: #f7f7f7;margin:0px 0px 0px 10px;background-color:#000;padding:2px 8px;border-radius:4px;}
#phurB2 .dl:hover{cursor:pointer; background-color:#F00; color:#FFF;}












#addChBox,#vChBox{display:none;background-color: #9d9d9d;width: 264px;margin: 29px 0px 0px -350px;float: right;padding: 10px;border-radius: 20px 6px 6px 6px;z-index: 30;height: 300px;position: relative;box-shadow: 5px 5px 14px #0000004a, -5px -5px 31px #ffffff;}
#vChBox{
    float: left;
    margin: 18px -300px 0px -5px;
    background-color: #e9f5ff;
    width: 270px;
    min-height: 220px;
    border: 1px solid #fff;
    box-shadow: 5px 5px 14px #0000004a, -5px -5px 31px #ffffff;
    border-radius: 6px;
}
#vChBox img{width: 24px;float:left;margin: -4px 0px -4px -10px;border-radius:50%;}
#addChBox .btn{
    background-color: #787878;
    color: #fff;
    margin: 10px 0px 0px 0px;
    width: 239px;
    float: left;
}
#addChBox .btn:hover{background-color:#000}
#addChBox input,#addChBox textarea{
    padding: 4px 12px 4px 12px;
    border: none;
    border-radius: 3px;
    width: 240px;
    float: left;
    height: 24px;
    margin: 0px 0px 10px 0px;
}
#addChBox textarea{height: 168px;max-width:100%;margin-bottom:0px;}

#vChBox .zgl{
    float: right;
    background-color: #ffffff;
    padding: 4px 8px;
    margin: -10px -10px 0px 0px;
    border-radius: 0 6px 0  4px;
    color: #767676;
    font-weight: 100;
    font-size: 12px;
}
#vChBox .bsd{
    float: left;
    clear: both;
    margin: 10px 0px 0px 0px;
    font-weight: 100;
    background-color: #ffffffbf;
    padding: 4px 10px;
    width: 251px;
    border-radius: 50px 4px 4px 50px;
    text-align: left;
    line-height: 16px;
    font-size: 14px;
    overflow: hidden;
}
#vChBox .nmbsd{float: none;clear:none;margin: 0px -194px 0px 23px;white-space: nowrap;}
#vChBox:hover .db,#vChBox:hover .dbo{display:block}
#vChBox .db,vChBox .dbo{float:right;margin: -21px -11px -29px 0px;position:relative;z-index:1;/* display:none; */}
#vChBox .dbo{margin: -17px 11px -29px 0px;float: right;}
#vChBox .db svg,#vChBox .dbo svg{width: 18px;fill:#c1c1c1}
#vChBox .db:hover svg,#vChBox .dbo:hover svg{fill:#F00;}
#vChBox .bsd:hover{cursor: pointer; background-color:#2196f31c; color:#7f7e7e}
#vChBox .bsd.bsdAct{color: #F00;}
.error{background-color: #ffb0b0;}
#phurB{float: left;color: #fff;font-size:12px;text-decoration:none;margin: 0px 0px 10px 0px;line-height: 24px;font-weight: 100;display: block;}
#phurB img{margin: 0px 9px 0px 0px;float: left;border-radius: 50%;padding: 4px;background-color: #FFF;}
#phurB img.phurBx{padding: 0;width: 26px;}
#phurB .dl{font-weight:100; color:#F00; margin:0px 0px 0px 10px; background-color:#000; padding:2px 8px; border-radius:4px;}
#phurB .dl:hover{cursor:pointer; background-color:#F00; color:#FFF;}


#kreativ1, #kreativ2 {
    height: 250px;
    width: 31px;
    margin: -274px 0px 0px -37px;
    background-color: #9d9d9d;
    border-radius: 0px 0px 0px 0px;
    position: absolute;
    padding: 10px 0px 10px 0px;
}
#kreativ1 .uroven_kr, #kreativ2 .uroven_kr {
    margin: 68px 0px -91px -100px;
    font-size: 13px;
    background-color: #9d9d9d;
    color: #FFF;
    position: relative;
    z-index: 2;
    width: 178px;
    height: 17px;
    text-align: center;
    transform: rotate(270deg);
    border-radius: 8px 8px 0px 0px;
    padding: 5px 0px 0px 0px;
    font-weight: 100;
}
#kreativ1 input,#kreativ2 input {
    border: 1px solid #cdcdcd;
    border-radius: 4px;
}
#kreativ1 input[type="text"], #kreativ2 input[type="text"] {
    width: 43px;
    height: 23px;
    padding: 0px 0px 0px 0px;
    border-radius: 11px;
    margin: 6px 0px -10px -12px;
    font-size: 11px;
    border: 1px solid #83838300;
    text-align: center;
    background-color: #0075ff;
    color: #FFF;
    display: block;
}
/*
#kreativ1 input[type="range" i], #kreativ2 input[type="range" i] {
    -webkit-appearance: slider-vertical;
    width: 18px;
    height: 225px;
    outline: 0;
    margin: 0px 0px 0px -10px;
}
*/
#kreativ1 input[type="range" i], #kreativ2 input[type="range" i] {
  width: 225px;
  height: 18px;
  outline: 0;
  margin: 0px 0px 0px -10px;
  transform: rotate(90deg);
  transform-origin: top left;
}

body.no_iframe{max-width: 800px;width: auto;}

body.no_iframe #person_chatx form{}
body.no_iframe #person_chatx submit{ }
body.no_iframe #messgx .ms{border-radius: 6px;}

textarea.editor {
    -webkit-user-select: text;
    white-space: pre-wrap;
    padding: 10px 64px 10px 10px;
    overflow-y: auto;
    float: left;
    width: 100%;
    margin: 0px -125px 0px 10px;
    border-radius: 6px 6px 6px 6px;
    border: 1px solid #dcdcdc;
    background-color: #ffffff;
    max-width: 712px;
    color: #000000;
    display: block;
    /* box-shadow: 5px -2px 25px #6565655e; */
    font-size: 14px;
    min-height: 34px;
    line-height: normal;
    outline: none;
    max-height: 600px;
    overflow: hidden;
    resize: none;
}
body.no_iframe textarea.editor {}
body.no_iframe #mikrBtn.textX {
    background-position: center;
    background-repeat: no-repeat;
    width: 53px;
    height: 53px;
    border-radius: 3px 7px 3px 25px;
    float: left;
    clear: both;
    background-color: #e2f0fb;
    border: 1px solid #d0d0d0;
    filter: invert(1);
    margin: 0px -9px 0px 1px;
}
body.no_iframe #mikrBtn.textX:hover{background-color:#FF9800;border: 1px solid #FF9800}
.btnc{display:none}
pre {
    margin: 1em 0px 0em -6px;
    clear: both;
}
pre code{margin: 0px -9px 0px -9px;border-radius: 6px;}

#vizitka{position: relative;z-index: 100000;background-color: #000;padding: 5px 7px 0px 7px;border-radius: 10px 10px 3px 0px;color: #FFF;font-size: 15px;width: 78px;}
#vizitka:hover,#vizitka.vizA{cursor:pointer;background-color: #0075ff;}
.no_iframe #vizitka{
    margin: -22px -105px 0px 6px;
    height: 23px;
    }
#vizitka img{
    width: 19px;
    height: auto;
    padding: 2px;
    float: left;
    margin: -3px 3px 0px -3px;
}
#vizitka.vizA ul{display:block;}
#vizitka ul{list-style-type:none;position:absolute;left: 8px;bottom: 17px;border: 1px solid #ffffff00;padding: 10px 10px 8px 10px;border-radius:6px;background-color: #0075ff;box-shadow: 1px 0px 10px #99999982;width: 150px;text-align: left;display: none;}
#vizitka ul li{color: #ffffff;border-bottom: 1px solid #ffffff1f;font-size: 13px;margin: 0px 0px 4px 0px;text-transform:uppercase;/* word-break: break-all; */overflow: hidden;/* white-space: nowrap; */}
#vizitka ul li:hover,#vizitka ul li:hover a{color:#FFEB3B}
#vizitka ul li:last-child{border:none; margin-bottom:-2px}
#vizitka ul li a{color: #ffffff;text-decoration:none;}
#vizitka ul li svg{fill: #FFF; margin: 0px 5px -2px 0px; width: 15px; height: auto;}

#formOBRSV {
    max-width: 400px;
    width: 80%;
    margin: 0px auto;
    padding: 20px 20px 19px 20px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    position: fixed;
    z-index: 2;
    bottom: 90px;
    display: none;
}
#formOBRSV .close-button{float:right;margin: -20px -20px 0px 0px;background-color: #000000;padding: 6px 0px 0px 1px;width: 30px;height: 24px;border-radius: 0px 5px 0px 13px;}
#formOBRSV .close-button:hover{background-color:#F00; cursor:pointer;}
#formOBRSV .close-button svg{transform: rotate(-45deg);fill:#FFF;margin: -4px 0px 0px 4px;}
#formOBRSV h2 {
    text-align: center;
    margin-bottom: 10px;
    font-size: 17px;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: .5px;
}

#formOBRSV .input-group {
    margin-bottom: 14px;
}

#formOBRSV .input-group label {
    display: block;
    margin-bottom: 2px;
    font-size: 15px;
    color: #999;
}

#formOBRSV .input-group input, #formOBRSV .input-group textarea {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    max-width: 380px;
}

#formOBRSV button {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

#formOBRSV button:hover {
    background-color: #0056b3;
}
#backgrOBRSV{width: 100%;height: 100%;position: fixed;left: 0px;top: 0px;z-index: 1;fill-opacity: initial;backdrop-filter: blur(3px); display: none;}





body.yes_iframe{overflow-x: hidden;/* background: linear-gradient(313deg, #c2ddf9 50%, #ffffff 100%) no-repeat; */background-color: #e6e6e6;}
body.yes_iframe #person_chatx form{margin: 0px 0px -8px -10px;/* bottom: 0px; *//* height: 67px; */}
body.yes_iframe #vizitka{margin: -80px -105px 0px 6px;height: 23px;width: 110px;}


body.yes_iframe textarea.editor{/* border-radius: 0px 6px 6px 6px; *//* max-width: 239px; */margin: -57px -90px 0px 10px;}




#messgx p,#messgx font
{
 color: #000;
 font-weight: 500;
 /* white-space: pre-wrap; */
 /* word-break: break-word; */
}
#messgx p em {
  margin: 10px 0px 10px 0px;
  color: #4caf50;
  font-style: normal;
  text-shadow: 1px 1px #fff;
  font-size: 15px;
  font-weight: bold;
}
.txtx li p strong {
 margin: 1px 0 1px 0px;
 color: #007e73;
 font-weight: 900;
}
#messgx .ms ul:empty, #messgx .ms  ol:empty, #messgx .ms ul > li:empty, #messgx .ms ol > li:empty {visibility: hidden;display: none;}
body.yes_iframe #formOBRSV .input-group input,body.yes_iframe  #formOBRSV .input-group textarea {max-width: 230px;}
body.yes_iframe #person_chatx{bottom:-2px}