body { font-family: 'Inter', sans-serif; margin: 0 auto; line-height: 1.3125; color: #333;  }
#result {display: block;white-space: pre;font-family: 'Inter', monospace;unicode-bidi: embed;background-color: #EEE;border-radius:  6px;margin: 33px 10px 0px 0px;padding: 15px 15px 48px 15px;min-height: 212px;user-select: none;-webkit-user-select: none; /* Для Safari */-moz-user-select: none; /* Для Firefox */-ms-user-select: none; /* Для IE */pointer-events: none;}
textarea {border:none;width: 100%;height: auto;display: block;margin: 10px 0;}
button { padding: 5px; }
processor { display: none; }
#counttblstr{float: right;margin: 3px -4px -50px 10px;border:none;padding:5px;border-radius:6px;background-color:#EEE;}
#pastebox_ifr,#mintable_ifr {padding: 20px !important;min-height: 600px;}
#convert{display:none;}
h1,
  label[for="input"],
  label[for="output"] {
    margin: 7px 0 3px 10px;
    font-size: 1em;
    font-weight: 700;
    letter-spacing: 0.0625em;
    text-transform: uppercase;
    float:  left;
    clear:  both;
    color: #b5b5b5;
    display:  block;
    word-break: break-word;
  }

  label[for="input"],
  label[for="output"] {
    font-weight: 400;
  }

  .row:before,
  .row:after {
    content: " ";
    display: table;
  }

  .row:after {
    clear: both;
  }

  .row {
    *zoom: 1;
  }

  .col,
  .form-group {
    padding: 0 0.5em;
  }

  @media (min-width: 36em) {
    .col {
      float: left;
      width: 50%;
    }
  }
   .form-group {
    display: inline-block;
  }

  .form-group label {
    font-size: 0.875em;
  }


 * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
#lcol{border-right: 2px dotted #adadad; border-bottom: 2px dotted #adadad;}
.tox-tinymce{float:left; clear:both; width:100%; z-index:0;}

#boxtbl{
    float: left;
    clear: both;
    width: 100%;
    z-index: 1;
    position: relative;
    margin: 0px 0 0 0;
}
#boxtbl textarea{background-color:#bcffa6;min-height: 150px;}








.tooltip,.tooltip2,.tooltip3 {
  position: relative;
  display: inline-block;
  float: left;
  margin: -34px 0px 0px 18px;
}
.tooltip2 {
  margin: -36px 0px 0px 48px;
}
.tooltip3 {
  margin: -36px 0px 0px 78px;
}
.tooltip .tooltiptext, .tooltip2 .tooltiptext, .tooltip3 .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
  margin-bottom: 0px;
}

.tooltip .tooltiptext::after,.tooltip2 .tooltiptext::after,.tooltip3 .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext,.tooltip2:hover .tooltiptext,.tooltip3:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

#myCp,#ldMd,#ldCsv{border-radius:6px;border:none;margin: -5px 0px 0px -10px;float: right;clear:  both;background-color: #EEE;display:none;padding: 5px;}
#myCp img, #ldMd img, #ldCsv img{width: 21px;height:auto;float:left;clear:both;display:block;}#ldMd img{width: 26px;}
#myCp:hover,#ldMd:hover,#ldCsv:hover{background-color:#DDD;}
#rcol:hover #myCp,#rcol:hover #ldMd,#rcol:hover #ldCsv{display:block;}
#ldMd{padding: 0px 5px;margin: 0px 0px 0px -10px;}
#ldCsv{margin: -2px 0px 0px -4px;}
#ldCsv img{width: 40px;height:auto;}

#mn{float:left;width:100%;padding: 0px 0px 0px 0px;margin: 0px 0px 20px 0px;}
#mn img{float:left;margin: -7px 7px 0px 8px;}
#mn a{float: none;clear:none;margin:0px 10px 0px 0px;color:#000;height:20px;text-decoration:none;border-right:1px solid #d1d1d1;padding:0px 10px 0px 0px;}
#mn a:hover{color:#2196F3; text-decoration:underline}
#mn div{float:left;background-color:#EEE;padding: 12px 0px 12px 0px;border-radius:0px 0px 10px 0px;overflow-x: auto;width: 1400px;white-space: nowrap;max-width: 75%;}
#mn a:last-child{border:none;padding: 0px 5px 0px 0px;}

#mn #import,#mn #export{margin: 3px 6px 2px -8px;padding: 0;background: none;float: right;display: none;}
#mn #import{transform: rotate(-180deg);margin: -2px 18px 0px 3px;}
#mn #import svg,#mn #export svg{fill:#999;}
#mn #import svg:hover,#mn #export svg:hover{fill:#000; cursor:pointer;}
#mn div#impexp {
    float: right !important;
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: #ebebeb !important;
    padding: 7px 0px 0px 6px !important;
    border-radius: 6px;
    width: 108px;
}









#mn div.toggle-button {
    border: none;
    cursor: pointer;
    border-radius: 5px;
    float: left;
    margin: -3px 6px 5px 0px !important;
    width: 28px;
    height: 28px;
    padding: 0px 0px 0px 0px;
}
.toggle-button.first{margin: -1px 10px 0px 8px;}
.toggle-button:hover,.tgbtnhvr {
    background-color: #ffffff !important;
}
#mn .toggle-button img{width: 20px;height: 20px;margin: 0 auto;display: block;float: none;margin: 4px 0px 0px 4px !important;}
.w-100{width:100%;}
.w-0{width:0%; display:none;}



#ii {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 90%;
    max-width: 350px;
    z-index: 1001;
}
#iii{
    position: fixed;
    right: 20px;
    bottom: 156px;
    width: 90%;
    max-width: 350px;
    z-index: 1001;
    border-radius: 20px 20px;
    height: 480px;
    background-color: #fff;
    border: none;
    padding: 10px;
    font-size: 14px;
    box-shadow: 0px 0px 22px 1px #0000003d;
    display: none;
    } 
#iii .otvet{overflow:auto;max-height: 370px;white-space: pre-line;font-size: 14px;}
#iii .analiz_otsh1,#iii .analiz_otsh2,#iii .analiz_otsh3,#iii .analiz_otsh4{color: #7e7e7e;font-size: 11px;}
#iii .analiz_otsh4{border-bottom:1px solid #aeaeae; margin:0px 0px 20px 0px; padding-bottom:5px}
#iii .analiz_otsh1 span,#iii .analiz_otsh2 span{color:#F00;}
#iii.alarm{background-color:#f9c5c5;}
#iii .close,#boxai .close {
    float: right;
    background-color: #ff0000;
    margin: -10px -11px 0px 0px;
    width: 40px;
    height: 40px;
    border-radius: 0 20px 0 50%;
    transform: rotate(2deg);
}
#iii .close svg, #boxai .close svg {
    fill: #000;
    transform: rotate(-45deg);
    margin: 11px 0px 0px 8px;
    width: 20px;
}
#iii .close:hover svg,#boxai .close svg{fill:#fff; cursor:pointer}
#boxai .close:hover{cursor: pointer; background-color:#F00;}
#boxai .close{margin: 0px 0px -28px 0px;}



#boxai .close {
    background-color: #000;
    border-radius: 20px;
    float: right;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px -50px 0px;
    width: 25px;
    height: 25px;
    text-align: center;
}
#boxai .close svg {margin: 2px 0px 0px -3px;}






#ii textarea {
    border-radius: 20px 20px 0px 0px;
    width: 100%;
    height: 80px;
    background-color: #fff;
    border: none;
    padding: 5%;
    margin: 0px 0px -6px 0px;
    font-size: 14px;
    z-index: 0;
    position: relative;
    box-shadow: 0px 0px 22px 1px #0000003d;
}
#ii textarea:focus {outline: none;}
#ii button {
    display: block;
    width: 100%;
    font-size: 15px;
    border-radius: 0px 0px 12px 12px;
    border: none;
    position: relative;
    z-index: 1;
    padding: 11px 30px 11px 18px;
    background-color: #6a6a6a;
    color: #FFF;
    background-image: linear-gradient(to right,#484848 48%,#363738 86%);
    text-shadow: none;
    height: 41px;
  }
#ii button:focus {outline: none;}
#ii button:hover{cursor: pointer;background-color:#4CAF50;background-image: linear-gradient(to right,#4CAF50 48%,#4CAF50 86%);}
#ii button.load{cursor:unset;background-image: url("../img/2.gif?d");background-repeat: no-repeat;background-position: center;background-color: #797979;}
.cthth_nero {
    float: left;
    clear: both;
    margin: -17px 0px -100px 14px;
    padding: 0px 0px 0px 0px;
    border-radius: 8px 8px 0 0;
    font-size: 10px;
    z-index: 2;
    position: relative;
}
.cthth_nero select.dvijok {
    float: right;
    margin: 6px -317px 0px 0px;
    width: 139px;
    border-radius: 6px;
    background-color: #4c4c4c;
    border: 1px solid #4c4c4c;
    color: #ffeb3b;
    padding: 3px 5px;
    font-size: 12px;
}
.cthth_nero div.nro {
    background-color: #ffffff;
    border-radius: 3px;
    height: 18px;
    padding: 1px 5px 0px 5px;
    margin: 9px 0px 5px 0px;
    line-height: 14px;
    color: #4c4c4c;
    float: right;
    border: 1px solid #d9d9d9;
    width: 60px;
    text-align: center;
    cursor: pointer;
    font-size: 11px;
}




#boxai{width:300px;height:300px;background-color: #ffffff;padding: 10px 10px 20px 10px;overflow-y: auto;float: none;display: block;position: fixed;z-index: 12;left: 20px;top: 134px;border-radius: 7px;box-shadow: -7px 3px 13px 1px #000000a3;color: #000;display: none;}
#boxai img{float:left;width: 32px;border-radius:6px;clear:both;margin: 0px 8px 0px 0px;}
#boxai .nmbsd{float:left;font-size: 14px;margin: 9px 0px 0px 0px;}
#boxai .nmbsd:hover{color:#2196F3; cursor:pointer;}
#boxai .bsd{float:left;margin: 0px 0px 3px 0px;width:100%;}
.tox-tinymce{border:0px !important;}

.fm{
    font-weight: 400;
}
.fm:hover,.fmact{cursor:pointer;color: #2196F3;text-decoration:  underline;}