#html{width: 100%;font: 400 16px 'Inter',Arial,Helvetica,Verdana,sans-serif;margin: 0 auto;height: auto;min-height: 100%;}
body{
    background-color: #e6e6e6;
    /* background: linear-gradient(270deg, #c2ddf9 50%, #ffffff 100%) no-repeat; */
    width: 100%;
    height: 100%;
    font: 400 16px 'Inter',Arial,Helvetica,Verdana,sans-serif;
    margin: 0 auto;
    line-height: 1.5em;
    padding: 0px;
    /* background-image: url(../img/fn1.jpg?x=3); */
    /* background-position: center 0%; */
    background-size: auto;
    /* background-repeat: repeat; */
    background-attachment: fixed;
    /* background-image: url(../img/bg3.png?x=4); */
    /* background-position: right top; */
    /* background-repeat: no-repeat; */
    }
.mindmapbox,.mindmap 
{
    visibility: hidden;
    height: 0;
}
h1{
    width: 98%;
    margin: -8px 0px 15px 0px;
    border-radius: 0px 0px 30px 30px;
    font-size: 16px;
    padding: 15px 4px 0px 4px;
    height: 34px;
    background-color: #e2e2e2;
    /* background-color: #e9f5ff; */
    border: none;
    box-shadow: 0px 2px 8px #65656569;
    text-align: center;
    float: left;
    clear: both;
    position: fixed;
    line-height: 20px;
    max-width: 780px;
    z-index: 1;
    color: #969696;
    font-size: 20px;
    /* text-shadow: 1px 0px #fff; */
  }
h1 b{
    border-radius: 16px 16px;
    background-color: #000;
    padding: 4px 10px 5px 12px;
    cursor: pointer
    }
h1 b:hover{color:#000; background-color:#c5c5c5}
input,textarea,select{font: 400 13px 'Inter',Arial,Helvetica,Verdana,sans-serif;}
#dwr
{
    max-width: 785px;
    width: auto;
    margin: 0px auto 0px auto;
    padding: 5px 0px 10px 0px;
    display: block;
    float: none;
}
img{max-width: 100%;}

#person_chat{
    float: left;
    background-color: #EEE;
    width: 100%;
    border-radius: 23px;
}
#person_chat form{
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 12px;
    margin: 19px 0px -5px 0px;
    z-index: 1000;
    }
#person_chat .form{width: 85%;border-radius: 6px;max-width: 750px;display: block;float: none;margin: 10px auto;}
#person_chat textarea:active, #person_chat textarea:focus {
  outline: none !important;
}
#person_chat textarea::-moz-focus-inner {
  border: 0 !important;
}
#phur, #phurD, #shabl, #shabl2{margin: -17px 41px -40px 62px;position: relative;float: left;background-color: #ffffff;padding: 0px 0px 0px 0px;height: 31px;width: 32px;overflow: hidden;border-radius: 50px;box-shadow: 1px 1px 3px #6666667d;}
#phur img,#phurD img{display:block;margin: 7px auto 0px auto;width: 19px;}
#phur img.phurx{margin: 0px auto 0px auto;width: 32px;}
#phur svg{margin: -28px 0px 0px 4px;fill:#F00;position:relative;z-index:1;background-color: #00000085;border-radius: 50%;height: 24px;width: 24px;transform: rotate(-45deg);display: none;}
#phur.xphur_ld:hover svg{display:block;}

#phurD svg{margin: 4px 0px -25px 4px;fill:#F00;position:relative;z-index:1;background-color: #00000085;border-radius: 50%;height: 24px;width: 24px;transform: rotate(-45deg);display: none;}
#phurD.btnactYes:hover svg{display:block;}
#phurD.btnactYes:hover img{direction:none;}
#phurD.btnactYes, #phurD2.btnactYes img, #phurD3.btnactYes img{background-color: #ddffb6;}
#phurD.btnactNo,#phurD2.btnactNo img{background-color: #ff0000;}
#phurD input, #phurD .docld{display:none;}

#phurD {margin: -16px 41px -40px 102px;}
#shabl{margin: -18px 41px -40px 142px;}
#mmn{margin: 0px 0px -11px 182px;background-color: #ededed;padding: 2px;height: 10px;width: 26px;position: relative;border-radius: 6px;box-shadow: 1px 1px 3px #6666667d;}
#mmn svg {
    margin: -7px auto 0px auto;
    display: block;
}
#mmn:hover{background-color:#adadad; cursor:pointer;}


#shabl2{margin: -21px -9px -40px 0px;float: right;background-color: #9d9d9d;}
#shabl2.aktbtn{background-color:#fff}
#shabl svg,#shabl2 svg{margin: 6px auto 0px auto;display:block;}
#shabl, #shabl2{padding: 3px 0px 0px 0px;height: 29px;width: 32px;}
#phur:hover, #phurD:hover, #genImg:hover, #shabl:hover,#shabl2:hover,.aktbtn{/* filter: invert(1); */cursor: pointer;/* background-color: #000; *//* border: 2px solid #F00; */box-shadow: 0px 0px 8px 0px #000000;}
.aktbtn svg{filter: invert(1);}
#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: -54px -22px -10px 0px;height: 32px;border-radius: 0px 7px 7px 0px;width: 33px;z-index: 123;position: relative;}
#person_chat submit:hover{cursor:pointer;}
#time {
    position: relative;
    top: -16px;
    right: 69px;
    background-color: #5c5c5c;
    text-align: center;
    border-radius: 16px;
    font-size: 15px;
    width: 76px;
    color: #000000;
    padding: 3px 0px 2px 0px;
    clear: both;
    display: block;
    float: left;
    margin: 0px auto;
    float: none;
    display: block;
}
.textXLoad #time{display:none;}
#person_chat .nazad svg{width: 33px;float:left;margin: -7px 5px 0px 5px;}
#messg{
    float: left;
    clear: both;
    margin: 58px 0px 250px 0px;
    width: 100%;
    padding: 4px 0px;
    border-radius: 4px;
    z-index: 0;
    position: relative;
}
#messg .ms{background-color: #f7f7f7;padding: 10px 10px 10px 16px;border-radius: 7px;float: left;min-width: 300px;width: 87%;max-width: 100%;word-break: break-word;max-width: 850px;/* overflow: auto; */word-break: break-word;/* border-top: 1px dotted #989898; *//* box-shadow: 0px 0px 10px #6565652e; */}
#messg .ms:hover .resendx{display:block}
.img64{float: left;
    clear: both;
    width: 100%;
    height: auto;}
#messg .ms .img64 img{
    margin: 7px 0px 3px -3px !important;
    display: block;
    float: none !important;
    border-radius: 0px !important;
    width: 100% !important;
}
#messg .ms.lastbx{display:none;}

#messg .asist{font-size: 14px;margin: 0px 0px 10px 10px;}

#messg .resendx,#messg .ocenka{float:right;margin: -21px 1px -30px 0px;}
#messg .resendx svg,#messg .ocenka svg{fill: #a1a1a1;width: 22px;height: auto;}
#messg .ocenka svg{width: 30px; margin: -2px -9px 0px 0px;}
#messg .resendx:hover svg,#messg .ocenka:hover svg{fill:#000000; cursor:pointer;}
#messg .ocenka{display:none}
#messg .ms:hover .ocenka{display:block}

#messg .user{color:#000;font-size:13px;margin: 0px 0px 10px 10px;background-color: #ffffff;}
#messg .user .uncd{font-size:40px; float:left; margin:20px 10px 10px 10px;font-weight: 100;}
#messg .user tt,#messg .asist tt{color: #adadad;font-size:12px;margin: 0px 0px 0px 0px;}
#messg .user tt{color: #545454;}
#messg .user img,#messg .asist img{float:left;clear:both;border-radius: 50%;width: 40px;}
#messg img.autoimage{width:auto !important; border-radius:0px !important;}
#messg .user:first-child img,#messg .user:last-child img {width: 64px;}
#messg .asist:first-child img,#messg .asist:last-child img {width: 64px;}
#messg .asist:first-child img.smdvijok,#messg .asist:last-child img.smdvijok {width: 16px; height: auto; margin: -100px 61px 2px -81px;}
#messg .asist:first-child .mnu,#messg .asist:last-child .mnu {margin: -82px -7px 0px 0px;}
#messg .user img{margin: 0px 10px 0px 0px;}
#messg .asist img{margin: 0px 10px 10px -6px;}
#messg .asist img.ximg{float:right;width:24px;border-radius: 2px 9px 2px 2px;clear:both;margin: -59px -10px 0px 0px;}
#messg .asist img.smdvijok{width: 16px;height:auto;float:none;margin: -100px 39px 2px -57px;background-color: #FFF;padding: 2px;box-shadow: -1px -1px 6px #0000001c;}
#messg .mnu{float:right;clear:both;margin: -47px 2px 0px 0px;}
#messg .mmn{
    display: none;
    background-color: #f3f3f3;
    width: 195px;
    margin: 21px -15px -280px -200px;
    float: right;
    padding: 7px 0px 9px 10px;
    border-radius: 4px;
    z-index: 30;
    position: relative;
    box-shadow: 5px 5px 14px #0000004a, -5px -5px 31px #ffffff;
    font-size: 14px;
}
body.temaDark #messg .mmn{ box-shadow: 5px 5px 14px #0000004a, -5px -5px 31px #000000;}
#messg .mmn span{float:left;clear:both;line-height: 34px;color: #000;}
#messg .mmn span svg,#messg .mmn span img{float:left;text-shadow: none;width: 21px;margin: 0px 5px 0px 0px;}
#messg .mmn span img{margin: 7px 4px 0px 0px;width: 21px !important;}
#messg .mmn span svg{width: 18px;margin: 6px 6px 0px 2px;fill: #000;}
#messg .mmn span.svbfr svg,#messg .mmn span.svtxt svg,#messg .mmn span.svpdf svg{width: 14px;height:14px;margin: 9px 6px 0px 4px;}
#messg .mmn span.dlmsg:hover svg{fill:#F00;}
#messg .mmn span:hover{cursor:pointer; color:#F00; fill:#F00;}
#messg .mnu:hover{cursor:pointer}
#messg .mnu:hover svg{fill:#000;}
#messg .mnu svg{fill:#bababa;width: 19px;height: auto;}
#messg .asist .mnu{margin: -58px 2px 0px 0px;}
#autoriz_no{float: none;clear: both;width: 100%;margin: 0px auto 0px auto;text-align: center;}
#messg .ms ul,#messg .ms ol{padding: 0px 0px 0px 10px;width: 99%;float: left;margin: 0px 0px 0px 0px;}
#messg .ms ul li, #messg .ms ol li{padding: 0px 0px 0px 0px;width: 100%;float: left;margin: 0px 0px 0px 0px;}
#messg .ms a{padding: 0px 12px 0px 0px;}
body.temaDark #messg .ms a{color:#FFEB3B;}
.cthth_nero div{
     height: 14px;
    padding: 1px 5px 0px 5px;
    margin: 0px 0px 5px 0px;
    line-height: 14px;
    color: #4c4c4c;
    float: left;
    text-align: left;
    width: 80px;
    }
.cthth_nero:hover{background-color:#F00; cursor:pointer; color:#FFF; border-color:#F00;}
.cthth_nero {
    float: left;
    clear: both;
    margin: -3px 0px -100px -10px;
    padding: 0px 0px 0px 0px;
    font-size: 10px;
    z-index: 2;
    position: relative;
    width: 60px;
    height: 16px;
    overflow: hidden;
    border: 1px solid #b3b3b3;
    border-radius: 3px;
    background-color:#FFF;
}
.editor{
    padding: 10px 46px 0px 10px;
    overflow-y: auto;
    float: left;
    width: 95%;
    margin: 4px -5px 0px -22px;
    border-radius: 6px 6px 6px 6px;
    border: 1px solid #dcdcdc;
    background-color: #ffffff;
    max-width: 713px;
    color: #000000;
    display: block;
    box-shadow: 5px -2px 25px #6565655e;
    font-size: 14px;
    min-height: 42px !important;
    line-height: normal;
    outline:none;
    max-height: 600px;
    overflow: hidden;
    resize: none;
}

.editor{-webkit-user-select: text;white-space: pre-wrap;}
.editor img {display: none;}










.editor p, .editor ol, .editor ul, .editor pre, .editor blockquote, .editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6 {
    font-size: 12px;
    background-color: #FFF;
    box-shadow: none;
    color: #000;
    padding: 0px;
    margin: 0px;
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    overflow: auto;
}
#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%;float: left;clear: both;}
.ut_v iframe{
    float: none;
    clear: both;
    width: 100%;
    height: 100%;
    min-height: 300px;
    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,#mikrBtnxSpeechRec.startM,#mikrBtnxSpeechRec.stopM,#mikrBtnxSpeechRec.textX,#mikrBtn.stopM,#mikrBtn.textX{background-position: center;background-repeat: no-repeat;width: 52px;height: 52px;border-radius: 50% 6px 6px 0px;float: left;clear: both;/* background-color: #e2f0fb; *//* border: 1px solid #d0d0d0; */filter: invert(1);background-color: #b18400;border: 1px solid #b18400;/* margin: -26px 0px 0px -24px; */}
#mikrBtnxSpeechRec.startM{
    background-color: #b18400;
    border: 1px solid #b18400;
}
#mikrBtn.startM,#mikrBtnxSpeechRec.startM{background-image: url("/dew_ai/img/m.png?x=2");}             
#mikrBtn.stopM,#mikrBtnxSpeechRec.stopM{background-image: url("/dew_ai/img/s.png");webkit-animation: rainbow 1s linear 1s infinite; animation: rainbow 1s linear 1s infinite;}
#mikrBtn.textX,#mikrBtnxSpeechRec.textX{background-image: url("/dew_ai/img/s.png");background-size: auto;/* margin: -26px 0px 0px -24px; */}
#mikrBtn.textX.textXLoad,#mikrBtnxSpeechRec.textX.textXLoad,#mikrBtn.startM.textXLoad,#mikrBtnxSpeechRec.startM.textXLoad{background-image: url("/dew_ai/img/loader.gif");background-size: 69%;filter: invert(0);background-color: #3a3539;border: 1px solid #3a3539;cursor: no-drop;}
#mikrBtn:hover,#mikrBtnxSpeechRec:hover{cursor: pointer;background-color:#c9cfd1; border-color:#c9cfd1; box-shadow: 0px 0px 0px #00000000;}
#mikrBtn.textX #time, #mikrBtnxSpeechRec.textX #time{display:none;}
#mikrBtn,#mikrBtnxSpeechRec{margin: 0px -1px 0px -22px;}
@-webkit-keyframes rainbow {0% {background:url("/dew_ai/img/s.png") center no-repeat, #ffffff;} 50% {background:url("/dew_ai/img/s.png")  center no-repeat, #BDE0FE}    100% {background:url("/dew_ai/img/s.png")  center no-repeat, #ffffff;}}
#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: -23px 0px 0px -21px;float: left;position: relative;z-index: 2;}
#phur .phur {
    width: 16px;
    border-radius: 2px;
    border: 1px solid #000;
}

.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;}
.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;}

*/









iframe{
    color: #666;
    float: left;
    clear: both;
    width: 100%;
    display: block;
    background-color: #EEE;
    line-height: 13px;
    border-radius: 6px;
    overflow-x: auto;
    border:none;
    padding: 0px 0px;
    height: 100%;
    margin: 0px 0px 0px -3px;
}
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;}



#messg table {
    width: 100%;
    border: none;
    border-collapse: separate;
    float: left;
    clear: both;
    margin: 10px 0px 10px 0px;
    border-spacing: 1px;
    background-color: #fff;
    border-radius: 11px;
}
#messg table thead th {
    font-weight: bold;
    text-align: left;
    border: none;
    padding: 10px 15px;
    background: #e2e2e2;
    font-size: 14px;
    border-top: 0px solid #afafaf;
    color: #000;
}
#messg table tr th:first-child, #messg table tr td:first-child {
    border-left: 0px solid #b8b6b6;
}
#messg table tr th:last-child, #messg table tr td:last-child {
    border-right: 0px solid #b1b1b1;
}
#messg table thead tr th:first-child {
    border-radius: 6px 0 0 0;
}
#messg table thead tr th:last-child {
    border-radius: 0 6px 0 0;
}
#messg table tbody td {
    text-align: left;
    border: none;
    padding: 10px 15px;
    font-size: 14px;
    vertical-align: top;
}
#messg table tbody tr:last-child td{
    border-bottom: 1px solid #ddd;
}
#messg table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 10px;
}
#messg table tbody tr:last-child td:last-child {
    border-radius: 0 0 10px 0;
}

#messg table tbody tr:nth-child(even) {
    background: #ededed;
}



body.temaDark #messg table {background-color: #000;}
body.temaDark #messg table thead th {background: #464646;   border-top: 1px solid #000;}
body.temaDark #messg table tr th:first-child, #messg table tr td:first-child {border-left: 1px solid #ebebeb;}
body.temaDark #messg table tr th:last-child, #messg table tr td:last-child {border-right: 1px solid #e6e6e6;}
body.temaDark #messg table tbody tr:last-child td{border-bottom: 1px solid #000;}
body.temaDark #messg table tbody tr:nth-child(even) {background: #222222;}



#messg p,#messg font
{
 float: none;
  clear: none;
  display: block;
  width: 100%;
  margin: 0px 0px 10px 0px;
  color: #000;
  font-weight: 500;
  white-space: pre-wrap;

    
}
#messg p em {
  margin: 10px 0px 10px 0px;
  color: #4caf50;
  font-style: normal;
  text-shadow: 1px 1px #fff;
  font-size: 15px;
  font-weight: bold;
}
.txtx p strong {
 margin: 1px 0 1px 0px;
 color: #ff5722;
 font-weight: 900;
}
.txtx li p strong {
 margin: 1px 0 1px 0px;
 color: #007e73;
 font-weight: 900;
}




#addCh,#vCh{float: left;margin: -14px -70px 0px 7px;border-radius: 0% 0% 50% 50%;width: 47px;height: 40px;background-color: #000000;}
#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:#FFEB3B;}
#addCh:hover,#vCh:hover{cursor: pointer;}
.name_bsd,.zametkiH{font-size: 12px;width: 100%;position: fixed;text-align: center;top: 38px;left: 0;z-index: 234;display: grid;place-items: center;}

.zametkiH svg {
    width: 16px;
    margin: -40px -4px -4px 11px;
    fill: #adadad;
    float: none;
}

.tablemarkd, .htmlmarkd, .bdvector, .autoprompt,.parsinglink{float: right;margin: 0px -4px 0px 14px;font-weight: 500;color: #FFF;background-color: #bababa;padding: 0px 0px 0px 0px;border-radius: 4px;width: 30px;height: 31px;}
.tablemarkd:hover,.htmlmarkd:hover,.bdvector:hover,.autoprompt:hover,.parsinglink:hover{cursor:pointer; background-color:#ffffff;}
.tablemarkd img.md, .htmlmarkd img.md, .bdvector img.md, .autoprompt img.md{margin: 3px 0px -3px 0px;}
.parsinglink img.md{width: 18px;margin: 7px 0px -1px 0px;}
.name_bsd .autoprompt svg{fill: #000;width: 26px;height: 25px;margin: 0px 0px -11px 1px;}
.name_bsd .autoprompt svg:hover{fill: #000;}
.tablemarkd img.ys, .htmlmarkd img.ys, .bdvector img.ys, .autoprompt img.ys,.parsinglink img.ys{margin: -20px 35px 30px 17px;background-color: #ffffffe6;border-radius: 50%;padding: 3px; display:none;}
.autoprompt img.ys{
    margin: -12px 35px 30px 17px;
}
.mrkakt{background-color: #ffffffc9;}
.mrkakt img.ys{display:block;}
.name_bsd b,.zametkiH b{background-color: #ededed;border-radius: 6px;padding: 8px 10px 0px 10px;margin: -8px 0px 0px 0px;box-shadow: 1px 1px 1px #999;font-size: 12px;color: #989898;}
.name_bsd svg{width: 16px;margin: -40px -4px -4px 11px;fill: #adadad;float: none;}
.name_bsd svg:hover,.name_bsd svg.actv,.zametkiH svg:hover{cursor:pointer; fill:#F00;}
.name_bsd svg.dbo{margin: -40px -4px -4px 9px;}
.name_bsd svg.help{width:24px;margin: 13px 6px -4px -12px;float: right;}

#boxVectorbd{float:left;width:100%;background-color: #dbdbdb;margin: -12px 0px -2px 0px;color: #000;border-radius: 15px;padding: 7px 3px 2px 3px;font-size: 14px;font-weight: 500;display: none;/* min-height: 226px; */overflow-y: auto;}
#setBsd #boxVectorbd label{margin:0px;float:left;clear:none;color: #000;font-size: 14px;font-weight: 500;line-height: 26px;}
#setBsd #boxVectorbd input{float:left;margin: 0px 6px 5px 4px;clear:both;width: 24px;}
#setPrompt
{
    margin: 0px -2px 0px 0px;
    background-color: #ededed;
    padding: 2px;
    height: 10px;
    width: 26px;
    border-radius: 6px;
    box-shadow: 1px 1px 3px #6666667d;
    display: block;
    float: right;
}
#setPrompt:hover{background-color:#adadad; cursor:pointer;}
#setPrompt svg{margin: -7px auto 0px auto;display: block;fill: #000;}
#setPrompt .predn{
    width: 200px;
    height: 123px;
    background-color: #FFF;
    padding: 10px;
    border-radius: 6px;
    z-index: 1;
    position: relative;
    box-shadow: 5px 5px 14px #0000004a;
    display: block;
    float: left;
    margin: 0px 0px 0px -17px;
    display: none;
}
#setPrompt .predn label {font: 400 12px 'Inter',Arial,Helvetica,Verdana,sans-serif;color:#000;line-height: 22px;}
#setPrompt input[type=checkbox]{margin: -3px 7px 0px -1px !important;}






#boxAutoprompt{float:left;width:100%;margin: -23px 0px -2px 0px;color: #000;padding: 10px 15px 0px 0px;display: none;}
#setBsd #boxAutoprompt textarea{margin: -22px 0px 0px 0px;width: 96%;height: auto;min-height: 230px;}

#boxParsinglink{float:left;width: 100%;margin: -11px 0px 0px 0px;color: #000;padding: 0px 0px 0px 6px;display: none;background-color: #EEE;border-radius: 6px 6px 14px 6px;}


#setBsd #boxVectorbd .closex, #setBsd #boxAutoprompt .closex,#setBsd #boxParsinglink .closex{margin: 2px -3px -10px 0px;border-radius: 50% 0px 12px 0px;background-color: #a90c00;}
#setBsd #boxVectorbd .closex svg,#setBsd  #boxAutoprompt .closex svg{
    margin: 5px 7px -3px 0px;
}
#setBsd #boxParsinglink .closex{margin: 22px 0px 0px 0px;}
#setBsd{background-color: #9d9d9d;width: auto;max-width: 600px;margin: 6px auto 0px auto;float: none;padding: 10px 16px 20px 60px;border-radius: 20px 6px 6px 6px;z-index: 1;height: auto;position: relative;box-shadow: 5px 5px 14px #0000004a;display: none;clear: both;min-height: 308px;}
#setBsd .btn{
    background-color: #0075ff;
    color: #fff;
    margin: 12px 0px -33px 0px;
    width: 243px;
    float: left;
}
#setBsd .an_dvx{float:right;position:relative;bottom: -14px;}
#setBsd .an_dvx a{color: #4c4c4c;text-decoration:none;font-weight: 400;}
#setBsd .an_dvx a:hover{color:#FFF}
#setBsd select,#addChBox select,#setWgt select{width:100%;border-radius:4px;border:none;padding:3px 6px 2px 6px;margin: -10px 0px -2px 0px;max-width: 350px;clear: both;float: left;}
#addChBox select{margin: 10px 0px 0px 0px;}
#setBsd .btn:hover{background-color:#000}
#setBsd .close, #setBsd .closex, #vChBox .close, #addChBox .close, #shablonx .close, #mmnx .close, #shablonx2 .close2,#addPapka .close{float:right;background-color: #0075ff;margin: -10px -16px 0px 0px;width: 30px;height: 30px;border-radius: 0 5px 0 50%;z-index: 123;position: relative;}
#vChBox .close{margin: -5px -23px -10px 10px;width: 30px;height: 29px;background-color: #0075ff;border-radius: 0 0px 10px 0;}
#addChBox .close{margin: -10px -30px -10px 10px;width: 31px;height: 29px;}
#shablonx2 .close2{
    margin: -10px -10px 0px 0px;
    width: 30px;
    height: 30px;
    border-radius: 0 0px 0 50%;
}
#addChBox .assistbox .close{margin: -35px -18px -10px 226px;width: 31px;height: 29px;position: fixed;border-radius: 0 0px 0 50%;}
#setBsd .close:hover,#setBsd .closex:hover, #vChBox .close:hover,#addChBox .close:hover,#shablonx .close:hover,#mmnx .close:hover,#shablonx2 .close2:hover,#addPapka .close:hover{background-color:#000; cursor:pointer;}
#setBsd .close svg, #setBsd .closex svg, #vChBox .close svg, #addChBox .close svg, #shablonx .close svg, #mmnx .close svg, #shablonx2 .close2 svg, #addPapka .close svg{fill: #fff;transform: rotate(-45deg);margin: 3px 1px 0px 0px;width: 20px;}
#addChBox .close svg{margin: 3px 4px 0px 0px;}
#shablonx .close svg,#addPapka .close svg{margin: 4px 4px 0px 3px;}
#vChBox .close svg{margin: 4px 5px 0px 0px;}
#shablonx .close {border-radius: 0 0px 0 50%;position: fixed;margin: -10px 0px 0px 0px;right: 0px;}
#mmnx .close {border-radius: 0 0px 0 50%;position: relative;margin: -10px -11px 0px 0px;right: 0px;}
#addPapka .close{position: relative;margin: -5px -10px -35px 0px;right: 0px;border-radius: 0 0px 0px 0;width: 25px;height: 25px;background-color: #E91E63;}
#addPapka .close svg{margin: 2px 5px 0px 0px;}
#setBsd .close:hover svg,#setBsd .closex:hover svg,#vChBox .close:hover svg,#addChBox .close:hover svg,#shablonx .close:hover svg,#shablonx2 .close2:hover svg, #addPapka .close:hover svg{fill:#F00;}
#setBsd input,#setBsd textarea{
    padding: 4px 12px 4px 12px;
    border: none;
    border-radius: 3px;
    width: 94%;
    float: left;
    height: 25px;
    margin: 0px 10px 10px 0px;
    max-width:100%;
    clear: both;
}
#phurD2,#phurD3{float:left;margin: 0px 0px 15px 0px;text-align: left;color: #FFF;text-decoration: none;font-weight: 500;}
#phurD2 input, #phurD2 .docld,#phurD3 input, #phurD3 .docld{display:none;}
#phurD2 img,#phurD3 img{margin: -10px 10px -12px 0px;border-radius: 4px;padding: 4px;background-color: #FFF;width: 20px;}
#phurD2 svg,#phurD3 svg{display:none;fill:#F00;margin: 0px -6px -24px 2px;position: relative;z-index: 1;background-color: #00000085;border-radius: 50%;height: 24px;width: 24px;transform: rotate(-45deg);}
#phurD2.btnactYes:hover svg,#phurD3.btnactYes:hover svg{display:block;}
#phurD3{margin: 10px 0px 10px 0px;font-size: 13px;font-weight: 500;text-shadow:none;}

#setBsd textarea{height: 80px;}
#setBsd textarea.privetstvie{height: 45px;margin: 0px 0px 20px 0px;}
#setBsd input[type=checkbox] {
    width: 18px;
    height: 18px;
    margin: 0px 7px 1px 0px;
    float: left;
}
#setBsd label{color: #fff;margin: -20px 0px 10px 22px;float:left;clear:both;font-weight: 100;text-align: left;font-size: 14px;}
#setBsd label a{color:#0027ff}
#phurB2{float: left;color: #fff;font-size: 12px;text-decoration:none;margin: 0px 0px 10px 0px;line-height: 24px;font-weight: 500;display: block;}
#phurB2 img{margin: 0px 9px 0px 0px;float: left;border-radius: 4px;padding: 4px;background-color: #FFF;width: 20px;}
#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;font-weight: 600;}
#phurB2 .dl:hover{cursor:pointer; background-color:#F00; color:#FFF;}








#besedyUsera{float: left;margin: 17px 0px 0px 0px;}
#besedyUsera .closePapka{background-color: #898989;padding: 0px 2px 2px 2px;margin: 7px 0px 0px 0px;float: left;color: #FFF;width: 96%;font-size: 17px;}
#besedyUsera .closePapka:hover{background-color:#000;}
#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;min-height: 457px;position: relative;box-shadow: 5px 5px 14px #0000004a, -5px -5px 31px #00000024;}
#addChBox.asst{overflow:hidden;overflow-y:scroll;height:280px;background-color: #222;}
#addChBox .asstntH{font-size: 15px;color: #ffe500;text-shadow:none;background-color: #ffffff2b;float:left;width: 266px;padding: 3px 0px 4px 0px;margin: 10px -11px 5px -10px;font-weight: 100;}
#vChBox{
    float: left;
    margin: 18px -300px 0px -5px;
    background-color: #dbdbdb;
    width: 316px;
    border: 1px solid #fff;
    box-shadow: 5px 5px 14px #0000004a, -5px -5px 31px #ffffff;
    border-radius: 6px;
    max-height: 90%;
    max-width: 316px;
    overflow-y: auto;
    overflow-x: hidden;
}
#vChBox img{width: 24px;float:left;margin: -4px 0px -4px -8px;border-radius:50%;}
#vChBox img.mini_ai{width: 16px;margin: 0px 5px 0px -7px;}
#vChBox img.smdvijok{width: 16px;margin: 0px -32px -10px -38px;background-color: #FFF;padding: 1px;box-shadow: -1px -1px 6px #0000001c;/* display: none; */float: right;filter: opacity(0.5);}
#vChBox .bsd:hover img.smdvijok{filter: opacity(1);}

#vChBox .papka img{margin: -4px 9px -4px -10px;border-radius: 0 !important;filter: grayscale(1);}
#vChBox .papka:hover img,#vChBox .papka.bsdAct img{filter: grayscale(0);}
#dwr.wide-page #vChBox{
    position: fixed;
    left: 22px;
    top: -2px;
    bottom: 10px;
    height: 400px;
    min-height: 555px;
    display: block !important;
    background-color: #fafafa;
    box-shadow: none;
    box-shadow: 0px 2px 8px #65656569;
    }
#dwr.wide-page #vChBox .zgl .close{display:none;}

#addChBox .btn,#setWgt .btn{
    background-color: #0075ff;
    color: #fff;
    margin: 10px 0px 0px 0px;
    width: 238px;
    float: left;
    text-shadow: 1px 0px #000;
}
#addChBox .btn:hover, #setWgt .btn:hover{background-color:#000}
#addChBox .assist{float:right;margin: -5px 30px 0px -30px;}
#addChBox .assist svg{fill:#f2f2f2;}
#addChBox .assist:hover svg{fill:#000;}
#addChBox .assist:hover{cursor:pointer}
#addChBox input, #addChBox textarea, #setWgt input[type=text], #setWgt input[type=tel]{
    padding: 4px 12px 4px 12px;
    border: none;
    border-radius: 3px;
    width: 241px;
    float: left;
    height: 24px;
    margin: 0px 0px 10px 0px;
    font: 400 14px 'Inter',Arial,Helvetica,Verdana,sans-serif;
}
#addChBox textarea{height: 168px;max-width:100%;margin-bottom:0px;}
#addChBox textarea.privetstvie{height: 58px;margin-top:10px}
#vChBox .zgl{float: right;background-color: #e8e8e8;padding: 4px 11px 4px 8px;margin: -11px -10px 0px 53px;border-radius: 0px 0px 6px 6px;color: #464646;font-weight: 600;font-size: 11px;position: fixed;text-shadow: none;}
#vChBox .bsd{
    float: left;
    clear: both;
    margin: 10px 0px 0px 0px;
    font-weight: 600;
    background-color: #ffffff2b;
    padding: 4px 10px;
    width: 263px;
    border-radius: 50px 4px 4px 50px;
    text-align: left;
    line-height: 16px;
    font-size: 13px;
    color: #2b2b2b;
    display: block !important;
}
#besedyUsera .bsd{}
#vChBox .nmbsd{float: none;clear:none;margin: 0px -194px 0px 23px;white-space: nowrap;overflow: hidden;max-width: 225px;color: #2b2b2b;text-decoration: none;}
#vChBox:hover .db,#vChBox:hover .dbo{display:block;}
#vChBox .nmbsd:hover{text-decoration:underline; color:#E91E63;}
#vChBox .bsd.bsdAct,#vChBox .bsd.bsdAct .nmbsd{color:#E91E63;}
#vChBox .db, #vChBox .dbo,#vChBox .api, #vChBox .vst, #vChBox .vst2, #vChBox .tlg, #vChBox a, #vChBox .addppk, #vChBox .correct_pap, #vChBox .del_pap{float: left;margin: -4px 0px -5px -1px;position:relative;z-index:1;width: 100%;clear: both;display: block;color: #fff;}
#vChBox .dbo{margin: -7px 2px 12px -2px;}
#vChBox .vst{margin: -2px 2px 14px -11px;}
#vChBox .api {margin: -7px 2px 12px -2px;}
#vChBox .vst2, #vChBox .tlg, #vChBox a{
    margin: -8px 0px 13px -11px;
}
#vChBox .addppk{
    margin: -8px 0px 13px 10px;
}
#vChBox .correct_pap,#vChBox .del_pap{margin: 0px 0px 0px 6px;}
#vChBox .addppk img{border-radius:0;width: 18px;margin: 1px -2px 0px -7px;filter: grayscale(1);}
#vChBox .db svg, #vChBox .dbo svg, #vChBox .api svg, #vChBox .vst svg, #vChBox .vst2 svg, #vChBox .tlg svg, #vChBox a svg, #vChBox .correct_pap svg, #vChBox .del_pap svg{width: 21px;fill:#c1c1c1;float: left;margin: -6px 0px 0px 0px;}
#vChBox .db svg{margin: -2px -1px 4px 4px;width: 18px;}
#vChBox .dbo svg{margin: -1px -2px -3px 2px;}
#vChBox .api svg{margin: -1px -2px -3px 2px;}
#vChBox .vst svg{margin: 0px -2px 0px 13px;}
#vChBox .correct_pap svg,#vChBox .del_pap svg{margin: -1px -3px 0px 0px;width: 14px;}
#vChBox .vst2 svg, #vChBox .tlg svg{margin: -2px -1px 0px 11px;}
#vChBox a svg{margin: 1px -1px 0px 13px;}
#vChBox .tlg svg{fill:#FFF;}
#vChBox .tlg svg circle{fill:#9c9c9c}
#vChBox .db:hover svg,#vChBox .dbo:hover svg,#vChBox .vst:hover svg,#vChBox .vst2:hover svg,#vChBox .api:hover svg,#vChBox a:hover svg{fill:#000;}
#vChBox .addppk:hover img{filter: grayscale(0);}
#vChBox .tlg:hover svg circle,#vChBox .a_tlg svg circle{fill:#279AD1 !important;}
#vChBox .db:hover,#vChBox .dbo:hover,#vChBox .vst:hover,#vChBox .vst2:hover,#vChBox .tlg:hover,#vChBox a:hover, #vChBox .addppk:hover, #vChBox .correct_pap:hover, #vChBox .del_pap:hover{color:#d5d5d5}
#vChBox .bsd:hover{cursor: pointer; background-color:#ffffffeb; color:#7f7e7e}
.bsdAct{color: #2196f3;}
.error{background-color: #ffb0b0;}

#vChBox .bsd.pap_yes_hidden{display: none !important;}
#selectPap select{width:100%;float:left;clear:both;margin: 0px 0px 4px -8px;}
#phurB{float: left;color: #fff;font-size:12px;text-decoration:none;margin: 0px 0px 10px 0px;line-height: 24px;font-weight: 500;display: block;text-shadow: none;}
#phurB img{margin: 0px 9px 0px 0px;float: left;border-radius: 4px;padding: 4px;background-color: #FFF;width: 20px;}
#phurB img.phurBx{padding: 0;width: 26px;}
#phurB .dl{font-weight:100;color: #fff;margin:0px 0px 0px 10px;background-color:#000;padding:2px 8px;border-radius:4px;text-shadow: none;font-weight: bolder;}
#phurB .dl:hover{cursor:pointer; background-color:#F00; color:#FFF;}


#kreativ1, #kreativ2 {
    height: 250px;
    width: 29px;
    margin: 1px 0px 0px -34px;
    background-color: #9d9d9d;
    /* border-radius: 0px 0px 0px 0px; */
    position: absolute;
    padding: 10px 0px 10px 0px;
    border-radius: 6px;
}
#kreativ1 .uroven_kr, #kreativ2 .uroven_kr {
    margin: 68px 0px -90px -96px;
    font-size: 12px;
    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: 400;
    text-shadow: none;
}
#kreativ2 .uroven_kr{
    margin: 68px 0px -90px -103px;
}
#kreativ1 input,#kreativ2 input {
    border: 1px solid #cdcdcd;
    border-radius: 4px;
}
#kreativ1 input[type="text"], #kreativ2 input[type="text"] {
    width: 30px;
    height: 23px;
    padding: 0px 4px 0px 4px;
    border-radius: 11px;
    margin: 6px 0px -10px -6px;
    font-size: 10px;
    border: 1px solid #83838300;
    text-align: center;
    background-color: #0075ff;
    color: #FFF;
    display: block;
}
#kreativ2 input[type="text"] {
    margin: 3px 0px -10px -9px;
}
#kreativ1 input[type="range" i], #kreativ2 input[type="range" i] {
    -webkit-appearance: slider-vertical;
    width: 18px;
    height: 226px;
    outline: 0;
    margin: 0px 0px 0px -7px;
}
#kreativ2 input[type="range" i]{
    margin: 0px 0px 0px -12px;
}
.bum{
    width: 253px;
    background-color: #707070;
    float: right;
    clear: both;
    display: none;
    margin: 0px -10px -210px 0px;
    position: relative;
    z-index: 12;
    color: #fff;
    border-radius: 10px;
    padding: 10px 10px 12px 10px;
    line-height: 19px;
    text-shadow: 1px 0px #000;
}
.mn{float: right;clear: both;margin: -16px 0 -10px 0;fill: #bbb;}
.mn:hover{fill: #000;}
.tx{
    float: left;
    margin: 0px -9px 0px 9px;
    line-height: 23px;
}
.testW{margin: 0px 0px 0px 2px;}
.testW:hover{color:#FFEB3B;}
.zasth{float:right;margin: 0px 0px 0px -8px;}
.zasth:hover svg{fill:#FFEB3B !important}

#besedyUsera .close{float:right;background-color: #d3d3d3;margin: -10px -10px -18px 0px;width: 30px;height: 30px;border-radius: 0 5px 0 50%;z-index: 123;position: relative;}
#besedyUsera .close:hover,#boxAsinhr .close:hover{background-color:#000; cursor:pointer;}
#besedyUsera .close svg, #boxAsinhr .close svg{fill:#000;transform: rotate(-45deg);margin: 5px -2px -8px 3px;width: 20px;}
#besedyUsera .close:hover svg,#boxAsinhr .close:hover  svg{fill:#F00;}

#enclkD{bottom: 137px !important;right: 10px !important;}
#Dewiar_AI .priv{bottom: 145px !important;right: 70px !important;}
#Dewiar_AI::after{bottom: 154px !important;right: 56px !important;}
#zmtk{float:left;font-size:11px;margin: -21px 0px 0px 0px;}
#zmtk:hover{cursor:pointer; color:#F00;}
#zmtk svg{float:left;}

#papka{float:right;}
#papka img{
    width: 20px;
    margin: -22px -19px 0px 20px;
    border-radius: 0%;
    cursor: pointer;
    filter: grayscale(1);
    background: url(../img/papka_add.png) 0px 0px no-repeat #fff0;
    background-size: 20px !important;
    }
#papka img:hover{filter: grayscale(0);}
#papka.papka_close img{background: url(../img/papka_del.png) 0px 0px no-repeat #fff0;margin: -22px 0px 0px 20px;}

#addChBox .assistbox{display: none;padding: 25px 0px 2px 0px;float: left;}
#addChBox .nazad{float:left;color:#fff4f4;font-size: 21px;text-shadow: none;margin: -27px 0px 0px 0px;font-weight:100;position: fixed;}
#addChBox .nazad:hover{cursor:pointer; color:#f00;}
#addChBox .nazad svg{width:24px;height:24px;float: left;margin: -1px 6px 0px 0px;fill:#FFF; }
#addChBox .nazad:hover svg{fill:#f00;}
#addChBox .asstnt{float:left;width:100%;font-size: 13px;color: #fdfdfd;text-shadow:none;text-align:left;margin: 15px 0px 0px 0px;font-weight: 100;line-height: 17px;}
#addChBox .asstnt:hover{cursor:pointer; color:#fff; text-decoration:underline}
#addChBox .asstnt.noactv{color:#999; text-decoration:line-through;}
#addChBox .asstnt img{float:left;width:30px;border-radius:50%;margin: -2px 10px 0px 0px;}
#shablonx, #shablonx2{display:none;width: 100%;max-width: 348px;position: relative;margin: 0px auto -313px auto;background-color: #f9f9f9;color: #898989;padding: 10px;height: 100%;z-index: 123;max-height: 245px;overflow: hidden;overflow-y: scroll;bottom: 290px;width: 85%;left: 50%;transform: translateX(-45%);border-radius: 7px;box-shadow: 0px 2px 8px #0000004f;}




#mmnx{display:none;width: 290px;position: relative;margin: 0px auto -1px -22px;background-color: #989898;color: #000000;padding: 10px;z-index: 123;overflow: hidden;border-radius: 7px;box-shadow: 0px 2px 8px #0000004f;font-size: 14px;}
#mmnx label{float:left;font-size:12px;line-height: 17px;}
#sEnter{margin: -21px 0px 1px 0px;float: left;}







#shablonx .shablonxC, #shablonx2 .shablonxC, #shablonx2 .shablonxC2{display:none}
#shablonx2{margin: 0px auto -280px auto;top: -34px;bottom: auto;width: 275px;left: 57px;height: auto;}
#shablonx .shablonxH,#shablonx2 .shablonxH{float:left;width:100%;margin: 6px 0px 10px 0px;font-weight: 400;text-shadow: 1px 1px #fff;font-size: 14px;text-transform: uppercase;text-align: left;line-height: 17px;}
#shablonx .shablonxH:hover,#shablonx2 .shablonxH:hover{cursor:pointer; color:#000}
#person_chat .ctxshbln{padding: 10px 5px 15px 5px;}
#shablonx .shablonxX,#shablonx2 .shablonxX{color: #e91e63;font-size: 14px;font-weight: 700;/* text-shadow: 1px 1px #0000000a; */margin: 0px 0px 5px 0px;text-transform: uppercase;text-align: left;}
#back-down {
    background-color: #c7c7c7;
    border: 3px solid #FFF;
    position: fixed;
    right: 6px;
    bottom: 71px;
    width: 49px;
    height: 49px;
    border-radius: 50%;
    -moz-box-shadow: -1px -1px 4px 2px rgba(0, 0, 0, .29);
    z-index: 1041;
}
#back-down.bdact{animation: blink-and-gradient 2s infinite alternate;}
@keyframes blink-and-gradient {
  0% {opacity: 1;}
  100% {opacity: 1; background-color: #E91E63;}
}


#back-down svg {
    float: left;
    position: relative;
    top: 7px;
    left: 9px;
    fill: #FFF;
    font-size: 44px;
    width: 32px;
}
#back-down:hover{cursor:pointer; background-color:#4CAF50}

#dwr h1 b img{
    margin: -30px -6px -5px 5px;
    width: 23px;
}
#dwr h1 b img:hover,#dwr h1 b img.actshr{cursor: pointer;filter: invert(1);}

#addChX{
    margin: 41px 0 -151px -150px;
    float: none;
    display: block;
    width: 244px;
    height: 50px;
    background-color: #ffffff;
    position: fixed;
    z-index: 1;
    clear: both;
    left: 50%;
    padding: 10px 10px 10px 20px;
    display: none;
    border-radius: 0px 0px 9px 9px;
    line-height: 24px;
    color: #999;
    font-size: 14px;
    box-shadow: 0px 9px 8px #65656540;
    }
#addChX div:hover{cursor: pointer;color:#000;}
#messg .ms .txtx img{width: auto;border-radius: 4px;margin: 0px 10px 10px -3px;max-width: 100%;float: left;clear: both;}

pre{margin: 1em -10px 0em -6px;clear:both;overflow: hidden;}
pre code{border-radius: 6px 6px;margin: 0px 10px 20px 0px;}



/*
.btnc{float:left;width:100%;background-color: #4e4e4e;border-radius: 6px 6px 0px 0px;padding: 5px 0px 0px 0px;}
.copy-code{color: #9a9a9a;float: right;margin: 0px 10px 0px 0px;}.copy-code:hover{cursor:pointer; color:#FFF;}
.copy-code svg{float:left;margin: -2px 2px 0px 3px;width: 20px;height: 20px;}
*/
pre::after {
    content: 'Copy';
    position: relative;
    bottom: 60px;
    right: 17px;
    background-color: #939393;
    color: black;
    padding: 5px 10px 5px 35px;
    border-radius: 5px;
    font-size: 15px;
    /*cursor: pointer;*/
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 123456;
    margin: 0px 0px -30px 0px;
    float: right;
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-sm"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 4C10.8954 4 10 4.89543 10 6H14C14 4.89543 13.1046 4 12 4ZM8.53513 4C9.22675 2.8044 10.5194 2 12 2C13.4806 2 14.7733 2.8044 15.4649 4H17C18.6569 4 20 5.34315 20 7V19C20 20.6569 18.6569 22 17 22H7C5.34315 22 4 20.6569 4 19V7C4 5.34315 5.34315 4 7 4H8.53513ZM8 6H7C6.44772 6 6 6.44772 6 7V19C6 19.5523 6.44772 20 7 20H17C17.5523 20 18 19.5523 18 19V7C18 6.44772 17.5523 6 17 6H16C16 7.10457 15.1046 8 14 8H10C8.89543 8 8 7.10457 8 6Z" fill="currentColor"/></svg>');
    background-repeat: no-repeat;
    background-size: 29px 32px;
    background-position: 2px -1px;
}
pre:hover::after {
    opacity: 1;
}
pre.copied::after {
    content: 'Copied!';
    background-color: #d0fdd0;
}
#messg pre{background: #f4f4f4;padding: 10px;border-radius: 5px;overflow-x: auto;max-width: 745px;white-space: pre-wrap;margin: 0 auto 1rem auto;}
#messg pre::after{opacity: 0;}

#mlnk button svg{border-radius: 50%;padding: 5px;margin: 7px 0px -27px 24px;}
#mlnk button:hover svg{background-color:#cde4f5;}
#mlnk .temaLight .lightToggleIcon{display: block;}
#mlnk .temaLight .darkToggleIcon{display: none;}
#mlnk .temaDark .lightToggleIcon{display: none;}
#mlnk .temaDark .darkToggleIcon{display: block;}
#mlnk button {
   background: none;
   border: none;
   color: inherit;
   cursor: pointer;
   padding: 0;
   float:left;
}
body.temaDark {
    /* background: linear-gradient(270deg, #555454 50%, #000000 100%) no-repeat; */
    background-color: #484848;
    /* background-image: url(../img/fn3.jpg); */
}
body.temaDark h1{
    background-color: #ffffff;
    box-shadow: none;
}
body.temaDark #addChBox,body.temaDark #vChBox{
    box-shadow: 5px 5px 14px #0000004a, -5px -5px 31px #000000;
}
body.temaDark .editor{border: 1px solid #484848;background-color: #000000;color: #FFF;}
body.temaDark #messg .ms {
    background-color: #0000009c;
    color: #f9f9f9;
}
body.temaDark #messg .user {background-color: #101010a1;}
body.temaDark #messg strong{color: #aedbff;font-size:15px;font-weight:200;}
body.temaDark .name_bsd b, body.temaDark .zametkiH b {background-color: #828282;color: #b7b7b7;box-shadow: 1px 1px 1px #000000;border-radius: 0px 0px 6px 6px;}
body.temaDark #mlnk{background-color: #b3b3b3;box-shadow: 5px 5px 14px #0000004a, -5px -5px 31px #000000;}
body.temaDark svg.soundX{background-color: #676767;}
body.temaDark #dwr.wide-page #vChBox{background-color:#3c3c3c; border-color:#000;}
body.temaDark #vChBox .bsd {background-color:#8c8c8c6e; color:#b9b9b9;}
body.temaDark #vChBox .bsd:hover{color:#fff;}
body.temaDark #setBsd{box-shadow:none;}
body.temaDark #messg p,body.temaDark  #messg font {
    float: none;
    clear: none;
    display: block;
    width: 100%;
    margin: 0px;
    color: #979797;
    font-weight: 500;
    white-space: pre-line;
}
body.temaDark .mermaid svg{background-color:#000}
body.temaDark #vChBox .zgl{background-color:#323232; color:#666}
body.temaDark #back-down{background-color:#000}
@media (min-width: 992px) { #messg .asist,#messg .user {font-size: 15px;line-height: 22px;}}


#setWgt{display:none;position: fixed;left:50%;width:300px;margin:0px 0px 0px -150px;background-color: #383838;padding:10px;border-radius: 10px 50px 11px 11px;z-index:1000;box-shadow: 6px 6px 18px #00000038, -5px -5px 31px #ffffff;color: #FFF;font-size: 12px;line-height: 18px;}
#setWgt .close {
    float: right;
    background-color: #a3a3a3;
    margin: -10px -10px 0px 0px;
    width: 40px;
    height: 40px;
    border-radius: 0 50px 0 50%;
}
#setWgt .close svg {
    fill: #000;
    transform: rotate(-45deg);
    margin: 11px 11px 0px 4px;
    width: 20px;
}
#setWgt .close:hover svg{fill:#F00; cursor:pointer;}
#setWgt .btn {width: 275px;/* margin: 20px auto 0 auto; *//* display: block; *//* float: none; */}
#setWgt input[type=text],#setWgt input[type=tel]{border:1px solid #c4c4c4;width: 275px;margin: 7px 0px 10px 0px;}
#setWgt select{width: 136px;margin: 5px 0px 7px 0px;}
#setWgt h3{font-size: 15px;color: #828282;margin: -1px 0px 12px 0px;text-shadow:0px 0px black;letter-spacing: 1px;}
#setWgt input[type=checkbox]{margin: 4px 5px 5px 0px;float:left;border-radius: 4px;border: 2px solid #F00;padding: 4px;}
#setWgt .custom-control label{font-size: 13px;color: #b5b5b5;font-weight: 500;line-height: 21px;}
#setWgt .custom-control{margin: 0px 0px 0px 0px;}
#setWgt .custom-control label:hover{color:#DDD; cursor:pointer;}
#setWgt .imgload img{margin:20px auto 20px auto; display:block; }
#setWgt .imgload{display:none;}

#setWgt .form-groupSite .btna{float:right;width:30px;height: 24px;background-color:#8d8d8d;color:#000;text-align:center;padding: 4px 0px 0px 0px;margin: -3px 0px 3px 4px;border-radius: 4px;}
#setWgt .form-groupSite .btna:hover{cursor:pointer; background-color:#999;}
#setWgt .form-groupSite .btnaArkt{
    background-color: #0075ff;
    color: #fff;
}
#setWgt .form-groupSite input[type=text]{display:none;clear:both;margin: 4px 0px 4px 0px;}
#setWgt input[type=text].siteName1,#setWgt input[type=text].siteUrl1{display:block;}



#boxAsinhr{background-color:#fff;padding:10px;float: left;border-radius:10px;}
#boxAsinhr .close{float: right;
    background-color: #d3d3d3;
    margin: -10px -10px -18px 0px;
    width: 30px;
    height: 30px;
    border-radius: 0 5px 0 50%;
    z-index: 123;
    position: relative;}

.punkt {
    width: 18px;
    height: 18px;
    background-color: #000;
    float: left;
    margin: 0px 10px 2px 0;
    text-align: center;
    color: #FFF !important;
    padding: 0 0 0 0;
    line-height: 19px;
    border-radius: 50%;
    font-size: 9px;
    clear: both
}
#boxAsinhr p,#boxAsinhr h2{margin: 5px 0px 10px 0px;clear: both;}
#boxAsinhr p img{float:left;clear:both;display:block;box-shadow: 0px 2px 8px #65656569;padding: 20px;margin: 20px;max-width: 80%;}
#boxAsinhr p textarea,#boxAsinhr p input{width:95%;padding: 7px 11px 8px 11px;border: 1px solid #cecece;border-radius:6px;margin: 10px 10px 8px 0px;line-height: 18px;font-size:14px;color:#009c06;background-color: #EEE;}
#boxAsinhr .btn{min-width:200px;float:left;margin:0px 0px 20px 0px;}
#boxAsinhr .result{widht:100%; background-color:#d7edff; padding:10px; border-radius:4px;}
.alarm{background-color:#febbbb !important;}
#boxAsinhr p textarea{min-height: 70px;}
#boxAsinhr .yotube{
    border-radius: 10px;
    max-width: 100%;
    width: 283px;
    margin: 20px 0px 0px 0px !important;
    line-height: 16px;
    padding: 9px;
    display: block;
    font-size: 17px;
    text-decoration: none;
    }
#boxAsinhr .yotube img{
    margin: -10px 0px -12px -11px !important;
    padding: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}
#boxAsinhr a .yotube{text-decoration:none !important; color:#FFF;}




svg.soundX {margin: -10px 20px -7px -10px;background-color: #fff;border-radius: 0px 0px 0px 6px;width: 22px;height: 25px;}
svg.soundX.sActv, svg.soundX:hover {fill: #69c8f3;}
































.apX{
     animation: pulsex2 2s infinite;
     display: block;
     justify-content: center;
     align-items: center;
     background-size: 100%;
     background-position: center;
     background-repeat:no-repeat;
     width: 120px;
     height: 120px;
     border-radius: 50%;
     position: fixed !important;
     top: 50%;
     left: 50%;
     margin-left: -64px;
     margin-top: -64px;
     z-index:1000;
     display: none;
     } 
.apX.apXbig{
    right: 41px;
    top: 42px;
    float: right;
    margin: auto;
    left: auto;
}
.apX.pl{animation: pulsex1 2s infinite;}
.apX svg{display:none;}
.pause-icon{
    width: 50px;
    height: 50px;
    fill: #000;
    margin: -4px 0px 0px -4px;
    position:  relative;
    z-index: 12345;
    } 
.pause-icon.active {display: block;} 
.pause-icon.active svg.play{display:block;width: 80px;height: 80px;margin: 24px 0px 0px 22px;}
.pause-icon svg.stop{display: block;width: 54px;height: 54px;margin: 37px 0px 0px 37px;transform: none !important;}
.pause-icon.active svg.stop{display:none;}
.pause-icon svg{fill: #6e8da5d9;border-radius:50%;}
.pause-icon.active svg{fill: #90a6b7bd;transform: rotate(-31deg);} 
.play-pause-button:focus,.play-pause-button:hover,.play-pause-button:active{outline:none;}
@keyframes pulsex1 {15% {transform: scale(0.9); opacity: 0.4;}100% {opacity: 1;}15% {transform: scale(1.1); opacity: 0.9;}}
@keyframes pulsex2 {100% {opacity: 1;}50% {opacity: 0.8;}}
.apX svg:hover{fill:#495f70d9; cursor:pointer;}

.plane {
  width: 70px;
  height: 70px;
  transform-style: preserve-3d;
}
.plane.main {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transform: rotateX(60deg) rotateZ(-30deg);
  -webkit-animation: rotate 20s infinite linear;
  animation: rotate 20s infinite linear;
}
.plane.main .circle {
  width: 70px;
  height: 70px;
  position: absolute;
  transform-style: preserve-3d;
  border-radius: 100%;
  box-sizing: border-box;
  box-shadow: 0 0 60px #6e8da58c, inset 0 0 60px #ffffff;
}
.plane.main .circle::before, .plane.main .circle::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 10%;
  height: 10%;
  border-radius: 100%;
  background: #6e8da58c;
  box-sizing: border-box;
  box-shadow: 0 0 30px 2px #6e8da58c;
}
.plane.main .circle::before {
  transform: translateZ(-70px);
}
.plane.main .circle::after {
  transform: translateZ(70px);
}
.plane.main .circle:nth-child(1) {
  transform: rotateZ(72deg) rotateX(63.435deg);
}
.plane.main .circle:nth-child(2) {
  transform: rotateZ(144deg) rotateX(63.435deg);
}
.plane.main .circle:nth-child(3) {
  transform: rotateZ(216deg) rotateX(63.435deg);
}
.plane.main .circle:nth-child(4) {
  transform: rotateZ(288deg) rotateX(63.435deg);
}
.plane.main .circle:nth-child(5) {
  transform: rotateZ(360deg) rotateX(63.435deg);
}
@-webkit-keyframes rotate {0% {transform: rotateX(0) rotateY(0) rotateZ(0);} 100% {transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);}}
@keyframes rotate {0% {transform: rotateX(0) rotateY(0) rotateZ(0);}100% {transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);}}
.apX img{margin: 47px 0px 0px 48px;display:none;width: 33px;}
.apX.load img{display:block;}
.apX.load svg{display:none !important;}


#setBsd .SintezBox{display:none;}
#setBsd.setSintez .SintezBox{display:block;}
#setBsd.setSintez .BaseBox{display:none;}
#setBsd.setSintez{min-height: 63px;padding: 10px 16px 90px 30px;}

.error-icon {fill: #717171 !important;}
.error-text{font-size: 100px;}

#makrdownbox{width:100%;height:100%;position:fixed;z-index:10000;display:none;padding: 0;background: linear-gradient(to bottom, #000000 0%, rgb(255 255 255 / 0%) 100%);top: 0px;left: 0px;}
#makrdownbox .close{float:right;background-color: #ff0000;/* margin: 0px 0px 0px -50px; */width: 30px;height: 30px;border-radius: 0 0px 0 50%;z-index: 2;position: fixed;top: 0px;right: 0px;}
#makrdownbox .close:hover{background-color:#000; cursor:pointer;}
#makrdownbox .close svg{fill: #fff;transform: rotate(-45deg);margin: 3px 1px 0px 4px;width: 20px;}
#makrdownbox .btn{float:left;clear:both;margin: -45px 0px 0px 15px;position: relative;}
#makrdownbox .btn.ldd{background-color:#e4e4e4; border:none;}



#import, #export, #eyeMd{float: left;position: relative;display: none;}
#import{transform: rotate(-180deg);margin: -48px 0px 0px 17px;}
#import svg, #export svg, #eyeMd svg{fill:#999;}
#import svg:hover, #export svg:hover, #eyeMd svg:hover{fill:#000; cursor:pointer;}
#eyeMd{margin: -41px 26px 0px 132px;}
#export{margin: -43px 28px 0px 168px;}





#outputMD,#outputMD2{display:none;float: left;margin: 10px;background-color: #8bc34a;border: none;border-radius: 10px;padding: 10px;}
#inputMD_ifr,#inputMD2_ifr {padding: 0px 0px 20px 20px !important;border-radius: 0;}
#inputMD2_ifr {padding: 20px 20px 20px 20px !important;min-height: 400px; height: auto;}
#inputMD_ifr html,#inputMD2_ifr html{overflow-y: auto !important;}    
#makrdownbox .tox-tinymce.tox-tinymce{margin:0px !important;border-radius:0px;background-color: #ffffff;border: none;padding: 0px 0px 30px 0px;max-height: 99%;}
#inputMD,#inputMD2{float:left;width:100%;clear:both;display: none;}
#inputMD{/* display:block !important; */z-index: 123;position: fixed;bottom: -1px;background-color: #f00;color: #FFF;font-size: 12px;}
.tox-tinymce-aux{z-index:10000 !important;}

#inputMD_ifr html,#inputMD2_ifr html{overflow-y: auto;}    

#lastbx{float:left;clear:both;background-color:#dcf4ff;margin: 0px 0px 10px 10px;font-size: 13px;
    line-height: 22px;
        padding: 10px 20px 10px 16px;
    border-radius: 7px;
    float: left;
    min-width: 300px;
    width: 87%;
    max-width: 100%;
    word-break: break-word;
    max-width: 850px;
    word-break: break-word;
}




.ms br{
    line-height: 0.0 !important;
    height: 0px;
    display: block;
    float: left;
    display: none;
    /* display: contents; */
}
.ms br + br {
    /* margin-top: -10px !important; */ 
}
#arena{float:left;width:16px;clear: both;margin: 21px 0px -30px -59px;background-color: #ddd;border-radius: 0px 50% 0px 4px;padding: 3px;}
#arena:hover{cursor:pointer; background-color:#FFEB3B}






#source{
    width: 100%;
    height: 22%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 10;
    background-color: #bbbbbb9e;
    overflow: auto;
    border-top: 1px solid #bababa;
    border-radius: 0 13px 0 0;
    display: none;
    }
#source textarea{
    width: 95.3%;
    min-height: 50px;
    height: 50%;
    margin: 2% 2% 0 2%;
    }
#source button{margin: 0 0 2% 2%;border-radius:  20px;background-color: #000;padding: 2px 10px 3px 10px;color: #FFF;border: none;}
#source button:hover{background-color:#F00; cursor:pointer;}


#source .close {
    transform: rotate(-45deg);
    background-color: #000;
    color: #FFF;
    border-radius: 20px;
    float: right;
    padding: 0px 0px 0px 0px;
    margin: 16px 16px -88px -33px;
    width: 25px;
    height: 25px;
    text-align: center;
    position: absolute;
    top: auto;
    right: 0px;
}


#source .close svg{fill:#FFF;transform: rotate(359deg);
    margin: 0px 4px 0px 1px;}
#source .close:hover{cursor: pointer; background-color:#F00;}




.txtx h,.txtx h1,.txtx h2,.txtx h3,.txtx h4,.txtx h5,.txtx h6{float: none;width: 100%;clear: both;height: auto;position: relative;}
.txtx h1{margin: 20px 0 30px 0px; color: #4CAF50; background: none; box-shadow: none; text-align: left; border-radius: 0;}
.txtx h2{margin: 30px 0 30px 0px; color: #9C27B0;}
.txtx h3{margin: 30px 0 30px 0px;color: #F00;}


#analiz_otsh{position: fixed;left: 23px;bottom: 27px;background-color: #f1f1f1;width: 300px;height: 91px;font-size: 12px;padding: 5px 10px 10px 10px;z-index: 1000;display: none;border-radius: 10px;}
#analiz_settings,#tool_settings{position:fixed;left: 11px;bottom: 9px;z-index: 1203;fill: #fff;background-color: #8d8d8d;border-radius: 50%;}
#analiz_settings:hover,#tool_settings:hover{cursor:pointer; fill:#F00;background-color: #000000;}
#tool_settings{
    padding: 5px;
    width: 14px;
    left: 42px;
    height: 14px;
}


.boxlike{padding: 8px 1px 8px 9px;float: right;margin: -2px -7px 0px 0px;font-size: 10px;width: 46px;}
.boxlike tt.trk1{margin-right: 8px;}
#messg .boxlike tt{
    float: left;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
    text-align:center;
    cursor:pointer;
    /* background-color: #fff; */
    border-radius: 10px;
    line-height: 21px;
    max-width: 70px;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    width: 16px;
    }
.boxlike tt:hover{cursor: pointer;background-color: #EEE;}
#messg .boxlike .rk1,#messg  .boxlike .rk2{transition: .4s;width:16px;height:16px;background-image: url('/img/likeqr.png?x');background-repeat: no-repeat;margin: 4px 0px 0px 0px;border:none;cursor:pointer;padding: 0;box-shadow: none;float: left;}
.boxlike .rk1{background-position: 0px 0px;}
.boxlike .rk2{background-position: 0px -31px;}
.boxlike .rk2:hover,.boxlike tt:hover .rk2,.boxlike .rk2_yes{background-position: 0px -47px; box-shadow:none;}
.boxlike .rk1:hover,.boxlike tt:hover .rk1,.boxlike .rk1_yes{background-position: 0px -16px; box-shadow:none;}
.boxlike tt span.ly{margin: 0px 7px 0 5px;  float:right; }








#boxParsinglink input[type=text]
{
    border: 1px solid #c4c4c4;
    width: 42%;
    min-width: 205px;
    margin: 7px 7px 0px 0px;
    float: left;
    clear: none;
    padding: 4px 12px 4px 12px;
}

#dualmind{margin: 23px 0px -50px 0px; float: left;}
#genimage{
    float: left;
    margin: 9px 0px -1px 0px;
}
#besplp {
    margin: 9px 0px -50px 0px;
    float: left;
}














thought {display: initial;font-size: 13px;}
output {display: block;padding: 15px 15px 15px 15px;border-radius: 8px;background-color: #e8f5e9;color: #2e7d32;font-size: 16px;}

#addPapka{background-color: #8f8f8f;width: 284px;margin: 20px 0px 0px 0px;padding: 5px 10px 10px 10px;position: absolute;z-index:1;display: block;float: left;clear: both;display: none;}
#addPapka input,#addPapka .btn,#addPapka label, #addPapka textarea{width: 264px;float:left;clear:both;display: block;}
#addPapka .btn{background-color: #000000;border-radius:6px;margin: 9px 0px 0px 0px;width: 260px;color: #FFF;}
#addPapka textarea{height:100px;}
#addPapka label{color: #ffffff;font-size:12px;text-align: left;font-weight: 300;}
#addPapka input, #addPapka textarea{border: 1px solid #ffffff;border-radius: 2px;padding:3px 10px;}

#selAIagent:hover svg,#selAIagent.selAIagentAct svg{fill:#000;}
#selAIagent img{width:8px;margin: 0px 7px 1px -5px;filter: opacity(.35);}
#selAIagent:hover img,#selAIagent.selAIagentAct img{filter: opacity(1);}
#selAIagent:hover{cursor:pointer}
#selAIagent .bxselAI{position: absolute;margin: 0px -100% -100% 13px;width: 200px;background-color: #d1d1d1;z-index: 1;display: flex;display: none;padding: 4px 10px 5px 10px;border-radius: 0px 0px 6px 6px;box-shadow: 1px 1px 1px #999;}
#selAIagent.selAIagentAct .bxselAI{display:flex;flex-direction: column;flex-wrap: wrap;align-content: flex-start;justify-content: flex-start;align-items: stretch;}
#selAIagent select{float:left;clear:both;width: 100%;height: 30px;display: block;margin: 5px 0px 5px 0px;border-radius: 4px;border: 1px solid #c5c5c5;font-size: 13px;}
#selAIagent select:hover{cursor:pointer; border-color:#999;}



hr {
    margin: 20px 0 10px 0px;
    float:left;
    clear: both;
    width: 100%;
    padding: 0px;
    height: 10px;
    border: none;
    border-top: 1px solid #333;
    box-shadow: 0px 10px 10px -10px #8c8b8b inset;
}

#xtra{display: block;
    left: 10px;
    position: absolute;
    right: 10px;
    z-index: 123;
    width: 100%;
    height: 899px;}