@charset "UTF-8";
@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 136;
  }
}
@keyframes dash {
  to {
    stroke-dashoffset: 136;
  }
}
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes moveOpen {
  from {
    -webkit-transform: translate(0, -100px);
  }
  10% {
    -webkit-transform: translate(0, 20px);
  }
  12% {
    -webkit-transform: translate(0, 22px);
  }
  16% {
    -webkit-transform: translate(0, 20px);
  }
  80% {
    -webkit-transform: translate(0, 20px);
  }
  85% {
    -webkit-transform: translate(0, 25px);
  }
  to {
    -webkit-transform: translate(0, -100px);
  }
}
@-webkit-keyframes animateQuestTab {
  from {
    color: #000;
  }
  to {
    color: #ff7600;
  }
}
@keyframes animateQuestTab {
  from {
    color: #000;
  }
  to {
    color: #ff7600;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
html {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  line-height: 1;
  font-size: 9px;
  font-family: Arial;
}

body {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  overflow-x: hidden;
}

div {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

span {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

applet {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

object {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

iframe {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

h1 {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: 2em;
}

h2 {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

h3 {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

h4 {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

h5 {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

h6 {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

p {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

blockquote {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  quotes: none;
}
blockquote:before {
  content: "";
  content: none;
}
blockquote:after {
  content: "";
  content: none;
}

pre {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

a {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: 1.4em;
}
a img {
  border: none;
}

abbr {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

acronym {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

address {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

big {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

cite {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

code {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

del {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

dfn {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

em {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

img {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

ins {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

kbd {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

q {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  quotes: none;
}
q:before {
  content: "";
  content: none;
}
q:after {
  content: "";
  content: none;
}

s {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

samp {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

small {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

strike {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

strong {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

sub {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

sup {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

tt {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

var {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

b {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-weight: bold;
}

u {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

i {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

center {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

dl {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

dt {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

dd {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

ol {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  list-style: none;
}

ul {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  list-style: none;
}

li {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  border: 1px black solid;
  text-align: left;
  border: 0;
}
fieldset legend {
  margin-left: 10px;
  font-size: 1.6em;
}

form {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

label {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

legend {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

table {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

tbody {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

tfoot {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

thead {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

tr {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

th {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
  font-size: 1.4em;
}

td {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
  font-size: 1.4em;
}

article {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: block;
}

aside {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: block;
}

canvas {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

details {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: block;
}

embed {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

figure {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: block;
}

figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: block;
}

footer {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: block;
}

header {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: block;
}

hgroup {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: block;
}

menu {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: block;
}

nav {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: block;
}

output {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

ruby {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

section {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: block;
}

summary {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: block;
}

time {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

mark {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

audio {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

main {
  display: block;
}

textarea {
  resize: none;
}

button {
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
}
button:not([name]) {
  background: none;
  outline: none;
  border: none;
}
button:not([name]):active {
  position: relative;
  top: 2px;
}
button > label {
  width: auto 0;
  line-height: inherit;
  text-align: center;
}

input {
  text-indent: 0.35em;
}

input[type=number] input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=file] {
  display: none;
}

.doubleChoiceCheckbox + label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.doubleChoiceCheckbox + label + label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.doubleChoiceCheckbox:not(:checked) + label {
  display: none;
}
.doubleChoiceCheckbox:checked + label + label {
  display: none;
}

table.general {
  margin: auto !important;
  margin-top: 5px !important;
  display: table;
}
table.general thead tr {
  color: #8a8a8a;
  font-weight: bold;
  background: #eaeaea;
}
table.general thead tr th {
  padding: 0.4em;
  font-weight: bold;
}
table.general td {
  text-align: left;
  padding: 0.1em;
}

#user_panel {
  display: table;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: rgba(0, 100, 50, 0.1);
}
#user_panel ul.user_actions {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-block;
}
#user_panel ul.user_actions.float_right {
  float: right;
}
#user_panel ul.user_actions.float_left {
  float: left;
}
#user_panel ul.user_actions li {
  float: left;
  padding: 0 1em;
  position: relative;
}
#user_panel ul.user_actions li a {
  text-decoration: none;
  display: block;
  height: 100%;
  width: 100%;
  text-align: center;
  line-height: 2em;
  font-weight: bolder;
  color: black;
}
#user_panel ul.user_actions li:hover {
  background-color: rgba(0, 100, 50, 0.3);
}
#user_panel ul.user_actions li .listStatWork {
  display: none;
  position: absolute;
  background-color: aquamarine;
  left: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  line-height: 2em;
  font-weight: bolder;
  color: black;
}
#user_panel ul.user_actions li.activeStat:hover .listStatWork {
  display: block;
}
#user_panel ul.user_actions .dropdown {
  position: relative;
  display: inline-block;
  padding: 0 1em;
}
#user_panel ul.user_actions .dropdown:hover {
  background-color: rgba(0, 100, 50, 0.3);
}
#user_panel ul.user_actions .dropdown:hover .dropdown-content {
  display: block;
}
#user_panel ul.user_actions .dropdown:hover .dropbtn {
  color: whitesmoke;
}
#user_panel ul.user_actions .dropdown .dropbtn {
  color: black;
  padding: 5px 0;
  border: none;
  font-weight: 550;
  background-color: transparent;
}
#user_panel ul.user_actions .dropdown .dropdown-content {
  display: none;
  position: absolute;
  background-color: rgb(229, 239, 234);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 99999;
  left: 0;
}
#user_panel ul.user_actions .dropdown .dropdown-content a {
  color: black;
  padding: 5px 1em;
  line-height: 2em;
  text-decoration: none;
  display: block;
}
#user_panel ul.user_actions .dropdown .dropdown-content a:hover {
  background-color: rgba(0, 100, 50, 0.3);
}
#user_panel ul.user_actions .dropdown .dropdown-content .innerDrop {
  position: relative;
}
#user_panel ul.user_actions .dropdown .dropdown-content .innerDrop:hover > .innerDrop-content {
  display: block;
}
#user_panel ul.user_actions .dropdown .dropdown-content .innerDrop:hover > .dropbtn-inner {
  background-color: rgba(0, 100, 50, 0.3);
  color: #fff;
}
#user_panel ul.user_actions .dropdown .dropdown-content .innerDrop .dropbtn-inner {
  width: 100%;
  color: black;
  padding: 5px 1em;
  line-height: 2em;
  border: none;
  text-align: initial;
  background-image: url(../images/arrow-right.svg);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: 182px;
  background-color: transparent;
}
#user_panel ul.user_actions .dropdown .dropdown-content .innerDrop .dropdown-content-li a {
  padding: 2px 1px;
  font-weight: unset !important;
}
#user_panel ul.user_actions .dropdown .dropdown-content .innerDrop .innerDrop-content {
  display: none;
  position: absolute;
  background-color: rgb(229, 239, 234);
  min-width: 160px;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 99999;
  left: 200px;
  top: 0;
}
#user_panel ul.user_actions .dropdown .dropdown-content .innerDrop .innerDrop-content a {
  color: black;
  padding: 6px 1em;
  text-decoration: none;
  display: block;
  line-height: 2em;
  width: inherit;
  min-width: inherit;
}

form#loginForm {
  float: right;
  font-size: 1.6rem;
}

div#contents {
  text-align: center;
  width: 100%;
}
div#contents > form {
  margin: 20px auto;
  text-align: initial;
}
div#contents > table {
  margin: 20px auto;
  text-align: initial;
}

#worksTable > tbody > tr td {
  font-size: 1em;
}
#worksTable > tbody > tr:first-child td {
  font-family: Trebuchet;
  font-size: 1.2em;
  font-weight: bold;
  padding-bottom: 5px;
}
#worksTable > tbody > tr:nth-child(2) td {
  padding-left: 10px;
  padding-bottom: 15px;
}

#clientsTable tbody tr:nth-child(odd) {
  background: white;
}
#clientsTable tbody tr:nth-child(even) {
  background: #e6e6e6;
}
#clientsTable a[href^=editClient] {
  background: url("../images/edit20.png") no-repeat;
  width: 20px;
  height: 20px;
  display: block;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

*[id^=ordersTable] tbody tr:nth-child(odd) {
  background: white;
}
*[id^=ordersTable] tbody tr:nth-child(even) {
  background: #e6e6e6;
}
*[id^=ordersTable] tbody tr a {
  color: black;
  text-decoration: none;
  display: block;
  height: 100%;
  width: 100%;
}
*[id^=ordersTable] tbody tr:hover {
  outline: 2px solid #60ccfd;
}
*[id^=ordersTable] tbody td {
  padding: 0;
}
*[id^=ordersTable] tbody td a {
  font: inherit;
  padding: 0.4em 0 0.4em 0.4em;
  margin: 0.4em;
}
*[id^=ordersTable] tbody td label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.7em;
  cursor: pointer;
  display: block;
  line-height: 100%;
  height: 100%;
}

.bg-orange {
  background: #ffd280 !important;
}

.bg-red {
  background: #ffb3b3 !important;
}

.bg-red-orange {
  background: #ffc6ad !important;
}

.bg-blue {
  background: #adc0ff !important;
}

.bg-purple {
  background: #d4adff !important;
}

.bg-active {
  background: #85fcde !important;
}

.bg-active2 {
  background: #ffd280 !important;
  color: #000;
}

.deleteButton {
  background: url("../images/remove20.png") no-repeat;
  width: 20px;
  height: 20px;
  background-color: none;
  cursor: pointer;
  border: 0px;
  outline: 0;
}

.addButton {
  background: url("../images/add20.png") no-repeat;
  width: 20px;
  height: 20px;
  background-color: none;
  cursor: pointer;
  border: 0px;
  outline: 0;
}

#columnarLayout2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#columnarLayout2 > .column {
  display: inline-block;
  width: 100%;
}
#columnarLayout2 > .column > h1 {
  text-align: center;
  width: 100%;
}

#columnarLayout3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#columnarLayout3 > .column {
  display: inline-block;
  width: 66.6666666667%;
}
#columnarLayout3 > .column > h1 {
  text-align: center;
  width: 100%;
}

.searchFilter {
  margin: 0px !important;
  border: 1px solid grey !important;
}

.searchWorksTable {
  width: 100%;
}

div.columnLayout {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 10px;
  border: 1px #03A9F4 solid;
}
div.columnLayout > .column {
  border-right: 1px #03A9F4 solid;
  padding-bottom: 10px;
  padding-top: 10px;
}
div.columnLayout > .column > * {
  margin: 0 auto;
}
div.columnLayout > .column:last-child {
  border-right: 0;
}
div.columnLayout > .column > h1 {
  background: #60ccfd;
  color: white;
  margin: 0 auto;
  margin-bottom: 10px;
  padding: 5px 0 5px 0;
  margin-top: -10px;
}

div#errorMessages {
  border: 2px solid;
  border-color: rgba(255, 0, 0, 0.5);
  border-top: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  position: absolute;
  z-index: 101;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  min-height: 2em;
  width: 40%;
  background: rgba(255, 0, 0, 0.06);
}
div#errorMessages label {
  cursor: pointer;
  position: absolute;
  top: 4px;
  right: 10px;
  font-size: 1.2em;
}
div#errorMessages label:hover {
  font-weight: bolder;
}
div#errorMessages input:checked + label + label + ul {
  display: none;
}
div#errorMessages input:checked + label + label {
  visibility: visible;
}
div#errorMessages input:checked + label {
  visibility: hidden;
}
div#errorMessages input + label {
  visibility: visible;
}
div#errorMessages input + label + label {
  visibility: hidden;
}
div#errorMessages ul > li {
  font-size: 1.2em;
  line-height: 1.8em;
  color: red;
  margin-left: 10px;
}

div#orderPopup {
  border: 2px solid;
  border-color: rgba(0, 255, 0, 0.5);
  border-top: 0;
  border-left: 0;
  border-bottom-right-radius: 5px;
  position: absolute;
  z-index: 101;
  top: 0;
  left: 0;
  min-height: 4em;
  min-width: 400px;
  background: rgba(0, 255, 0, 0.06);
}
div#orderPopup label {
  cursor: pointer;
  position: absolute;
  bottom: 4px;
  right: 10px;
  font-size: 1.4em;
}
div#orderPopup label:hover {
  font-weight: bolder;
}
div#orderPopup input:checked + label + label + table {
  display: none;
}
div#orderPopup input:checked + label + label {
  visibility: visible;
}
div#orderPopup input:checked + label {
  visibility: hidden;
}
div#orderPopup input + label {
  visibility: visible;
}
div#orderPopup input + label + label {
  visibility: hidden;
}
div#orderPopup p {
  margin-left: 10px;
  font-size: 1.4em;
  line-height: 1.4em;
}
div#orderPopup p b {
  font-weight: bolder;
}
div#orderPopup table {
  margin-left: 10px;
}
div#orderPopup > form {
  margin: 10px 0 0 10px;
}

.layoutColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}

.layoutRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}

#allWorkAndPhases {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 1.5em auto 0 auto;
}
#allWorkAndPhases * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#allWorkAndPhases > li {
  border-radius: 4px;
}
#allWorkAndPhases > li:not(:last-child) {
  margin-bottom: 2.5em;
}
#allWorkAndPhases > li > .workPhaseRows > .header {
  line-height: 2em;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #525a5a;
}
#allWorkAndPhases > li > .workPhaseRows > .parentRow {
  background: #dfdfdf;
  margin-bottom: 0.7em;
}
#allWorkAndPhases > li > .workPhaseRows > .parentRow > .layoutRow > li {
  font-size: 1.4rem;
  line-height: 1.8em;
  margin-left: 0.5em;
  text-align: left;
}
#allWorkAndPhases > li > .workPhaseRows > .parentRow > .layoutRow > li:last-child {
  margin-right: 0.5em;
}
#allWorkAndPhases > li > .workPhaseRows > .parentRow > .layoutRow > li:nth-child(1) {
  background: #c6c6c6;
}
#allWorkAndPhases > li > .workPhaseRows > .parentRow > .layoutRow > li:nth-child(1) > input {
  display: none;
}
#allWorkAndPhases > li > .workPhaseRows > .parentRow > .layoutRow > li:nth-child(1) > input:checked + label:before {
  content: "‒";
}
#allWorkAndPhases > li > .workPhaseRows > .parentRow > .layoutRow > li:nth-child(1) > label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding: 0 0.4em 0 0.4em;
  font-size: 1.6rem;
  font-weight: bold;
}
#allWorkAndPhases > li > .workPhaseRows > .parentRow > .layoutRow > li:nth-child(1) > label:before {
  content: "+";
}
#allWorkAndPhases > li > .workPhaseRows > .parentRow > .layoutRow > li:nth-child(2) {
  min-width: 20rem;
}
#allWorkAndPhases > li > .workPhaseRows > .parentRow > .layoutRow > li:nth-child(4) {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#allWorkAndPhases > li > .workPhaseRows > .parentRow > .layoutRow > li > a {
  text-decoration: none;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  display: block;
}
#allWorkAndPhases > li > .workPhaseRows > .parentRow > .layoutRow > li > form > button {
  border-radius: 4px;
  color: white;
  font-weight: bold;
  font-size: 1em;
}
#allWorkAndPhases > li > .workPhaseRows .singlePhaseRow {
  background: #dfdfdf;
  padding-left: 2.9em;
}
#allWorkAndPhases > li > .workPhaseRows .singlePhaseRow > .layoutRow > li {
  font-size: 1.4rem;
  line-height: 1.8em;
  margin-left: 0.5em;
  text-align: left;
}
#allWorkAndPhases > li > .workPhaseRows .singlePhaseRow > .layoutRow > li:last-child {
  margin-right: 0.5em;
}
#allWorkAndPhases > li > .workPhaseRows .singlePhaseRow > .layoutRow > li:nth-child(1) {
  min-width: 20rem;
}
#allWorkAndPhases > li > .workPhaseRows .singlePhaseRow > .layoutRow > li:nth-child(3) {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#allWorkAndPhases > li > .workPhaseRows .singlePhaseRow > .layoutRow > li > a {
  text-decoration: none;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  display: block;
}
#allWorkAndPhases > li > .workPhaseRows .singlePhaseRow > .layoutRow > li > form > button {
  border-radius: 4px;
  color: white;
  font-weight: bold;
  font-size: 1em;
}
#allWorkAndPhases > li > .workPhaseRows > .singlePhaseRow {
  margin-bottom: 0.7em;
}
#allWorkAndPhases > li > .workPhaseRows #phaseRowChildren .singlePhaseRow {
  background: #e9e9e9;
}
#allWorkAndPhases > li > .workPhaseRows table tbody tr:nth-child(odd) {
  background: white;
}
#allWorkAndPhases > li > .workPhaseRows table tbody tr:nth-child(even) {
  background: #e6e6e6;
}
#allWorkAndPhases > li > .workPhaseRows table tbody tr a {
  color: black;
  text-decoration: none;
  display: block;
  height: 100%;
  width: 100%;
}
#allWorkAndPhases > li > .workPhaseRows table tbody > tr.bg-orange {
  background: #ffd280;
}
#allWorkAndPhases > li > .workPhaseRows table tbody > tr.bg-red-orange {
  background: #ffc6ad;
}
#allWorkAndPhases > li > .workPhaseRows table tbody > tr.bg-red {
  background: #ffb3b3;
}
#allWorkAndPhases > li > .workPhaseRows table tbody > tr {
  border-bottom: 1px solid #e6e6e6 !important;
}
#allWorkAndPhases > li > .workPhaseRows table a {
  font-size: inherit;
}
#allWorkAndPhases > li > .workPhaseRows table > tbody td > form > button {
  border-radius: 4px;
  color: white;
  font-weight: bold;
  font-size: 1em;
}

.greenBtn {
  background: #269326 !important;
  border-radius: 4px;
  color: white;
  font-weight: bold;
  font-size: 1em;
}

.yellowBtn {
  background: #ff9d26 !important;
  border-radius: 4px;
  color: white;
  font-weight: bold;
  font-size: 1em;
  margin-right: 10px;
}

.inlineBtn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  float: right;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.inlineBtn > button {
  float: left;
}

#tirajData th {
  font-size: 1.6em;
  padding: 1em 0 0.5em 0.5em;
  border-bottom: 1px solid grey;
  text-align: center;
}
#tirajData td {
  font-size: 1.6em;
  padding: 1em 0 0.5em 0.5em;
  border-bottom: 1px solid grey;
}

#tirajStages {
  display: inline-block;
  margin: 0 auto;
  margin-top: 4em;
}
#tirajStages li {
  padding-left: 0.5em;
  text-align: left;
  font-size: 1.4em;
  line-height: 2em;
}

form.vertical {
  text-align: center;
  display: table;
  margin: 0 5px 0 5px;
}
form.vertical > input {
  display: block;
  margin-bottom: 0.4em;
}
form.vertical > select {
  display: block;
  margin-bottom: 0.4em;
  width: 97%;
}
form.vertical > button {
  display: block;
  margin-bottom: 0.4em;
  width: 97%;
}
form.vertical > fieldset {
  display: block;
  margin-bottom: 0.4em;
}
form.vertical > * {
  margin: 0 auto;
  width: 95%;
}
form.vertical > input[type=submit] {
  width: 97%;
}

input[type=checkbox]:not([name]) {
  display: none;
}

input[type=radio]:not([name]) {
  display: none;
}

.toggleNext {
  display: none;
}

.restyledCheckbox {
  display: none;
}

input.blend {
  border: none;
  outline: none;
  background: none;
}
input.blend:focus {
  border-bottom: 1px solid black;
}

input.toggleNext:not(:checked) + * {
  display: none;
}

.radioSelect {
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  border-radius: 8px;
  border: 2px solid black;
  margin: 0.5em 0.4em 0 0.4em;
}
.radioSelect input {
  display: none;
}
.radioSelect label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  outline: 0;
  cursor: pointer;
  display: block;
  width: 100%;
}
.radioSelect input[type=text] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  outline: 0;
  cursor: pointer;
  display: block;
  width: 100%;
}
.radioSelect > li > label {
  background-color: transparent;
  font-size: 1.4em;
  line-height: 1.8em;
  text-align: center;
  padding: 0 3px 0 3px;
}
.radioSelect > li > input[type=text] {
  background-color: transparent;
  font-size: 1.4em;
  line-height: 1.8em;
  text-align: center;
  padding: 0 3px 0 3px;
}

.radioSelectYesNo {
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  border-radius: 8px;
  border: 2px solid black;
  margin: 0.5em 0.4em 0 0.4em;
}
.radioSelectYesNo input {
  display: none;
}
.radioSelectYesNo input:checked + label {
  display: block;
}
.radioSelectYesNo input:checked + label + label {
  display: none;
}
.radioSelectYesNo input:not(:checked) + label {
  display: none;
}
.radioSelectYesNo input:not(:checked) + label + label {
  display: block;
}
.radioSelectYesNo label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  outline: 0;
  cursor: pointer;
  display: block;
  width: 100%;
}
.radioSelectYesNo input[type=text] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  outline: 0;
  cursor: pointer;
  display: block;
  width: 100%;
}
.radioSelectYesNo > li > label {
  background-color: transparent;
  font-size: 1.4em;
  line-height: 1.8em;
  text-align: center;
  padding: 0 3px 0 3px;
}
.radioSelectYesNo > li > input[type=text] {
  background-color: transparent;
  font-size: 1.4em;
  line-height: 1.8em;
  text-align: center;
  padding: 0 3px 0 3px;
}

.radioSelectWithUserDefinedValue {
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  border-radius: 8px;
  border: 2px solid black;
  margin: 0.5em 0.4em 0 0.4em;
}
.radioSelectWithUserDefinedValue input {
  display: none;
}
.radioSelectWithUserDefinedValue label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  outline: 0;
  cursor: pointer;
  display: block;
  width: 100%;
}
.radioSelectWithUserDefinedValue input[type=text] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  outline: 0;
  cursor: pointer;
  display: block;
  width: 100%;
}
.radioSelectWithUserDefinedValue > li > label {
  background-color: transparent;
  font-size: 1.4em;
  line-height: 1.8em;
  text-align: center;
  padding: 0 3px 0 3px;
}
.radioSelectWithUserDefinedValue > li > input[type=text] {
  background-color: transparent;
  font-size: 1.4em;
  line-height: 1.8em;
  text-align: center;
  padding: 0 3px 0 3px;
}
.radioSelectWithUserDefinedValue > li:first-child {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.radioSelect.selected {
  border-color: green;
}
.radioSelect.selected > li > input:not(:checked) + label {
  display: none;
}

.selected.radioSelectYesNo {
  border-color: green;
}
.selected.radioSelectYesNo > li > input:not(:checked) + label {
  display: none;
}

.selected.radioSelectWithUserDefinedValue {
  border-color: green;
}
.selected.radioSelectWithUserDefinedValue > li > input:not(:checked) + label {
  display: none;
}

.radioSelectWithUserDefinedValue.selected input[type=text][value=""] {
  display: none;
}

#addWorkForm {
  margin: 1em;
}
#addWorkForm * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#addWorkForm input[name=workName] {
  font-size: 1.8em;
  text-align: center;
  margin-bottom: 0.5em;
  width: 100%;
}
#addWorkForm #variations > li {
  border-radius: 6px;
  border: 2px black solid;
}
#addWorkForm #variations > li:not(:last-child) {
  margin-bottom: 0.75em;
}
#addWorkForm #variationHeader {
  background: #cdcdcd;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
#addWorkForm #variationHeader > li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
#addWorkForm #variationHeader > li input.blend {
  font-weight: bold;
  font-size: 1.6em;
  line-height: 2.2em;
}
#addWorkForm #variationHeader > li input.blend:-ms-input-placeholder {
  color: gray;
}
#addWorkForm #variationHeader > li input.blend:-moz-placeholder {
  color: gray;
}
#addWorkForm #variationHeader > li input.blend::-moz-placeholder {
  color: gray;
}
#addWorkForm #variationHeader > li input.blend::-webkit-input-placeholder {
  color: gray;
}
#addWorkForm #variationHeader > li:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#addWorkForm #variationHeader > li:nth-child(2) > label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 10px;
  padding: 0.35em;
  background: silver;
  background-clip: content-box;
  cursor: pointer;
  display: table;
  width: 100%;
  height: 100%;
  color: #333333;
  font-size: 1.4em;
  line-height: 2.4em;
  text-align: center;
}
#addWorkForm #variationHeader button:not([name]) {
  font-size: 1.4em;
  line-height: 2.2em;
  padding: 0 0.8em 0 0.8em;
  margin: 0.25em 0.25em 0.25em 0;
}
#addWorkForm #stageList {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-bottom: 0.75em;
}
#addWorkForm #stageList > li {
  margin: 0.75em 0 0 0.75em;
}
#addWorkForm #stageList #stageButtons {
  max-width: 16em;
}
#addWorkForm #stageList #stageButtons button:not([name]) {
  white-space: normal;
  font-size: 1.4em;
  line-height: 1.6em;
  padding: 0 0.5em 0 0.5em;
}
#addWorkForm #stageList #stageButtons button:not([name]):not(:last-child) {
  margin-bottom: 0.5em;
}
#addWorkForm #stageList #stage {
  border-radius: 5px;
  border: 1px solid #ff3333;
  padding: 0.2em;
}
#addWorkForm #stageList #stage #stageHeader > li:nth-child(1) {
  margin: 0 0.2em 0 0.2em;
  font-size: 1.4em;
  line-height: 1.6em;
  font-weight: bold;
  vertical-align: middle;
}
#addWorkForm #stageList #stage #stageHeader > li:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#addWorkForm #stageList #stage #stageHeader .restyledCheckbox + label:before {
  content: " ";
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  border-radius: 4px;
  display: inline-block;
  border: 1px solid black;
  background: #e6e6e6;
  height: 1.6em;
  width: 1.6em;
  margin: 0.2rem;
  color: #1a1a1a;
  text-align: center;
}
#addWorkForm #stageList #stage #stageHeader .restyledCheckbox:checked + label:before {
  content: "✔";
  background: #80ff80;
}
#addWorkForm #stageList #stage #stageHeader input.blend {
  vertical-align: middle;
  font-size: 1.4em;
  line-height: 1.6em;
  width: 7em;
}
#addWorkForm #stageList #stage #stageHeader button:not([name]) {
  padding: 0 0.5em 0 0.5em;
  font-size: 1.4em;
  line-height: 1.6em;
  margin-left: 0.15em;
}
#addWorkForm #stageList #stage .spoiler > li > input[type=checkbox] {
  display: none;
}
#addWorkForm #stageList #stage .spoiler > li > input[type=checkbox]:checked + label:after {
  content: "-";
}
#addWorkForm #stageList #stage .spoiler > li > input[type=checkbox]:not(:checked) + label:after {
  content: "+";
}
#addWorkForm #stageList #stage .spoiler > li > input[type=checkbox]:not(:checked) + label + div {
  display: none;
}
#addWorkForm #stageList #stage .spoiler > li > input[type=checkbox] + label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 8px;
  margin: 0.4em 0.3em 0.2em 0.3em;
  cursor: pointer;
  background: #60ccfd;
  color: white;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.8em;
  text-align: center;
  display: block;
}
#addWorkForm #stageList #stage.selected {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  background: #cdffcd;
}
#addWorkForm #stageList #tmpPhases {
  width: 100%;
  text-align: left;
  font-size: 1.4rem;
  border-radius: 5px;
  border: 1px darkslategrey solid;
  margin-right: 0.75em;
  padding: 0.75em;
}
#addWorkForm #stageList #tmpPhases > ul > li {
  line-height: 1.4em;
}
#addWorkForm #stageList #tmpPhases tr > td {
  font-size: 1.4rem;
  line-height: 1.4em;
  padding-right: 0.75em;
}
#addWorkForm #stageList #tmpPhases tr > td:first-child {
  text-align: right;
}
#addWorkForm #stageList #tmpPhases .phaseComment {
  width: 9em;
}
#addWorkForm #stageList.hide {
  display: none;
}
#addWorkForm .prices-list {
  background: #e6e6e6;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
#addWorkForm .prices-list li {
  margin-bottom: 0.2em;
  text-indent: 1em;
  text-align: left;
  font-size: 1.4em;
}
#addWorkForm .prices-list li:first-child {
  margin-top: 0.2em;
}
#addWorkForm .prices-list li input.blend {
  width: 5em;
  text-indent: 0;
}
#addWorkForm .prices-list li input.blend[name^=qnt] {
  text-align: right;
  text-indent: 0;
}
#addWorkForm .prices-list li button:not([name]) {
  font-size: 1em;
  line-height: 1.5em;
  padding: 0 0.5em 0 0.5em;
}
#addWorkForm .prices-list.hide {
  display: none;
}

#loading-image {
  position: fixed;
  left: 10px;
  top: 30px;
  z-index: 99999;
  display: none;
  width: 30px;
}

.hierarchy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}
.hierarchy li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.hierarchy li > .toggleCheckBox {
  display: none;
}
.hierarchy li > .toggleCheckBox:checked + label > p:after {
  content: "–";
}
.hierarchy li > .toggleCheckBox:not(:checked) + label > p:after {
  content: "+";
}
.hierarchy li > .toggleCheckBox:not(:checked) + label ~ .child {
  display: none;
}
.hierarchy li > .toggleCheckBox + label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  font-size: 1.4em;
  line-height: 2.25em;
}
.hierarchy li > .toggleCheckBox + label > p {
  width: 1.6em;
  display: inline-block;
  font-weight: bold;
  text-align: center;
}
.hierarchy li > .data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.hierarchy li > .data > li {
  margin-left: 0.25em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.4em;
  line-height: 2.25em;
}
.hierarchy li > .data > li input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.hierarchy li > .data > li input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.hierarchy li > .data > li .length[type=number] {
  width: 3.5em;
  text-align: center;
  text-indent: 0;
}
.hierarchy li > .data > li input[name^=stageName] {
  width: 7em;
}
.hierarchy li > .data > li .radioHidden {
  display: none;
}
.hierarchy li > .data > li .radioHidden:checked + label {
  font-weight: bold;
}
.hierarchy li > .data > li .radioHidden + label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.hierarchy li > .data > li.row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hierarchy li > .data > li.row > input[type=number] {
  width: 2em;
  text-align: center;
  text-indent: 0;
}
.hierarchy li > .data > li.row > .length2[type=number] {
  width: 3.5em;
  text-align: center;
  text-indent: 0;
}
.hierarchy li > .data > li.twoWayRadio > input[type=checkbox] {
  display: none;
}
.hierarchy li > .data > li.twoWayRadio > input[type=checkbox]:checked + label {
  display: none;
}
.hierarchy li > .data > li.twoWayRadio > input[type=checkbox]:not(:checked) + label + label {
  display: none;
}
.hierarchy li > .data > li.twoWayRadio > input[type=checkbox] ~ label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.hierarchy li > .data > li.hide {
  display: none;
}
.hierarchy li > .data button {
  border: 1px solid black;
}
.hierarchy li > label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hierarchy li > .child {
  width: 100%;
}
.hierarchy li > .child:not(.noIndent) {
  margin-left: 2.5em;
}

.view_column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}
.view_column > li {
  margin-top: 0.7em;
}
.view_column > li:first-child {
  margin-top: 0;
}

.view_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.view_row > * {
  margin-left: 0.5em;
}
.view_row > *:first-child {
  margin-left: 0;
}

#newWorkForm input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#newWorkForm input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#newWorkForm input {
  font-size: 1.55rem;
  margin-left: 2px;
  margin-right: 2px;
  border: 0;
  border-bottom: 1px solid lightgrey;
  outline: 0;
}
#newWorkForm input:focus {
  border-bottom-color: #4d90fe;
}
#newWorkForm select {
  font-size: 1.55rem;
  margin-left: 2px;
  margin-right: 2px;
  border: 0;
  border-bottom: 1px solid lightgrey;
  outline: 0;
}
#newWorkForm select > option {
  font-size: 1.55rem;
}
#newWorkForm select:focus {
  border-bottom-color: #4d90fe;
}
#newWorkForm li {
  font-size: 1.55rem;
}
#newWorkForm li > input[type=text] {
  text-indent: 0;
  margin-left: 0.35em;
}
#newWorkForm button {
  font-size: 1.55rem;
}
#newWorkForm label {
  font-size: 1.55rem;
  cursor: pointer;
}
#newWorkForm th {
  font-size: 1.55rem;
  text-indent: 0.35em;
}
#newWorkForm input[type=datetime-local] {
  font: inherit;
}
#newWorkForm input[name^=colors] {
  text-indent: 0;
  text-align: center;
  width: 3em;
}
#newWorkForm #computeButton {
  margin-top: 0.7em;
}
#newWorkForm .forceIndent {
  padding-left: 0.35em;
}
#newWorkForm .centerText {
  text-align: center;
}
#newWorkForm > .view_row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#newWorkForm #results .view_row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 1.5em;
}
#newWorkForm li.header {
  margin-top: 0.7em;
  background: lightgray;
  line-height: 1.7em;
  text-indent: 0.35em;
}

.noBorder {
  outline: 0;
  border: 0;
}
.noBorder:hover {
  cursor: pointer;
}

.modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999999;
  background-color: #35363a;
  padding: 0;
  overflow-y: scroll;
}
.modal > div#modal-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  padding: 1em 1.5em;
  margin: auto;
  width: 80%;
  height: 80%;
}
.modal > div#modal-content > .slide-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: none;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.modal > div#modal-content > .slide-content > img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.modal > div#modal-content > a {
  cursor: pointer;
  color: white;
  font-weight: bold;
  font-size: 3rem;
  line-height: 2.5em;
  text-align: center;
  min-width: 2.5em;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.modal > div#modal-content > a:hover {
  background-color: #35363a;
}
.modal > div#modal-caption {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: white;
  text-align: center;
  line-height: 3em;
  font-size: 1.6rem;
}
.modal > table td {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: white;
  text-align: left;
  line-height: 3em;
  font-size: 1.6rem;
  padding-left: 1em;
}
.modal > table th {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: white;
  text-align: left;
  line-height: 3em;
  font-size: 1.6rem;
  padding-left: 1em;
  font-weight: bold;
  text-align: center;
}

.fInt {
  width: 4em;
}

.columnar {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}
.columnar > * {
  margin-top: 0.7em;
}
.columnar > *:first-child {
  margin-top: 0;
}

.row_view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.row_view > * {
  margin-left: 2em;
}
.row_view > *:first-child {
  margin-left: 0;
}

.row_noWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.row_noWrap > * {
  display: inline-block;
}

.button {
  border-radius: 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 3px 5px 0;
  box-shadow: rgba(0, 0, 0, 0.5) 0 3px 5px 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  outline: 0;
  cursor: pointer;
  text-align: center;
  font-size: 1.6rem;
  line-height: 2em;
  padding: 0 0.5em 0 0.5em;
}
.button:active {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 3px 5px 0 inset;
  box-shadow: rgba(0, 0, 0, 0.5) 0 3px 5px 0 inset;
}

.i-button {
  border-radius: 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 3px 5px 0;
  box-shadow: rgba(0, 0, 0, 0.5) 0 3px 5px 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  outline: 0;
  cursor: pointer;
  text-align: center;
  font-size: 1.6rem;
  line-height: 2em;
  padding: 0 0.5em 0 0.5em;
  min-width: 2em;
  height: 2em;
}
.i-button:active {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 3px 5px 0 inset;
  box-shadow: rgba(0, 0, 0, 0.5) 0 3px 5px 0 inset;
}

.disabled_button {
  background-color: #a5a5a5;
  border-radius: 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 3px 5px 0;
  box-shadow: rgba(0, 0, 0, 0.5) 0 3px 5px 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  outline: 0;
  cursor: pointer;
  text-align: center;
  font-size: 1.6rem;
  line-height: 2em;
  padding: 0 0.5em 0 0.5em;
  color: aliceblue;
}

.saveJobButton3 {
  margin-left: 3px;
}

.simple-button {
  color: white;
  background: #4285f4;
}

.action-button {
  color: white;
  background: #1cd219;
}

#saveBlock.warning > div {
  background: #d21f19;
}

.seven-days-button {
  margin-left: 12px;
  font-size: 12px !important;
}

.i-images {
  background: url("../images/images.svg") center/1.6em no-repeat;
}

.i-trash {
  background: url("../images/trash.svg") center/1.6em no-repeat;
}

.i-upload {
  background: url("../images/upload.png") center/1.6em no-repeat;
}

.bigTrash {
  font-size: 2.2rem;
}

#buhWorksForm > table tr:hover {
  cursor: pointer;
}
#buhWorksForm > table tr > td:nth-child(4) {
  background: lightgrey;
}
#buhWorksForm > table tr.checked > td {
  background: rgba(122, 221, 255, 0.4);
}
#buhWorksForm > table input[type=checkbox] {
  display: none;
}

.inlineDiv {
  display: inline-block;
}

.groupedElements {
  color: red;
  font-weight: bold;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.bold {
  font-weight: 900;
  background-color: #ceb762;
}

.bold1 {
  font-weight: 900;
  background-color: #474952;
}

.grouped {
  background-color: #E7E7E7 !important;
}

.preview {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  max-width: 1.5em;
  max-height: 2em;
}
.preview:hover {
  -webkit-transform: scale(5);
          transform: scale(5);
}

.defaultPreview {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  max-width: 1.5em;
  max-height: 2em;
}

#deadline {
  cursor: pointer;
}

#creationDate {
  cursor: pointer;
}

#shownId {
  cursor: pointer;
}

#tirajId {
  cursor: pointer;
}

#priceId {
  cursor: pointer;
}

#clientId {
  cursor: pointer;
}

#comapnyId {
  cursor: pointer;
}

#emailId {
  cursor: pointer;
}

#typeId {
  cursor: pointer;
}

#nameId {
  cursor: pointer;
}

#statusId {
  cursor: pointer;
}

#deilveredToId {
  cursor: pointer;
}

#deilveredDateId {
  cursor: pointer;
}

.mid_priority {
  background-color: yellow !important;
  border: 1px solid orange !important;
}

.mid_high_priority {
  background-color: orange !important;
  border: 1px solid red !important;
}

.high_priority {
  background-color: red !important;
  border: 1px solid black !important;
}

table.techCard td.historyStr {
  text-align: center;
  font-size: 1.2em;
  width: 700px;
}
table.techCard td.timeDeliveredHistoryStr {
  text-align: left;
  font-size: 1.2em;
  width: 100px;
}

.pagination {
  display: inline-block;
}
.pagination a {
  color: black;
  float: left;
  padding: 8px 8px;
  text-decoration: none;
  margin: 2px;
}

.pagintaion_border {
  border: 1px solid grey;
}

.underline_li {
  border-bottom: 3px solid black;
  margin-bottom: -3px;
}

.p-inline-block {
  display: inline-block;
  vertical-align: top;
}

div.warning_work_disabled {
  border: 4px dashed red;
  width: 700px;
  margin: 50px auto;
  padding: 30px;
}
div.warning_work_disabled h1 {
  font-size: 30px;
  font-weight: bold;
  color: red;
}
div.warning_work_disabled p.main_warning {
  font-size: 18px;
  font-weight: bold;
}
div.warning_work_disabled p.main_warning a {
  text-decoration: none;
  color: black;
  border: 1px solid black;
  padding: 2px 20px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
div.warning_work_disabled p.main_warning a:hover {
  color: black;
  border: 1px solid black;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
}
div.warning_work_disabled p.secondary_warning {
  font-size: 12px;
}
div.warning_work_disabled p.secondary_warning a {
  text-decoration: none;
  color: grey;
  border: 1px solid grey;
  padding: 2px 20px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  -webkit-transition: 0.1s;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
div.warning_work_disabled p.secondary_warning a:hover {
  color: black;
  border: 1px solid black;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
}

a.return_button {
  background-color: #E5EFEA;
  color: black;
  padding: 5px;
  margin: 20px;
  text-decoration: none;
  border: 1px solid grey;
  border-radius: 5px;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
a.return_button:hover {
  color: black;
  border: 1px solid black;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
}

a.auto_search {
  cursor: pointer;
}
a.auto_search:hover {
  border-radius: 5px;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  background-color: #E5EFEA;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
}
a.auto_search:hover .search_icon {
  visibility: visible;
  opacity: 0.5;
}
a.auto_search .search_icon {
  visibility: hidden;
  width: 12px;
  height: auto;
}

.column_names {
  font-size: 14px;
}

.onPause {
  background: repeating-linear-gradient(60deg, #ffffff, #dcdccc 10px, #cde0cc 10px, #e4ffe0 20px) !important;
  outline: 1px solid grey;
}

.workPhaseLis {
  width: 50%;
  float: left;
}

table.reducedWidth input {
  margin: 0;
  padding: 0;
}
table.reducedWidth div.jobBackgrounds {
  width: 4px;
  height: 4px;
  padding: 0;
  background-color: grey;
  border: 0px;
  border-radius: 2px;
  float: right;
  cursor: pointer;
  margin-right: 18px;
}
table.reducedWidth tr:hover {
  outline: 2px solid #60ccfd;
}
table.reducedWidth tr:hover .mark_important {
  display: block;
}

.inline {
  display: inline-block;
  float: left;
}

.inline2 {
  display: block;
  position: relative;
  top: 15px;
}

.shownId {
  font-size: 10px;
}

.f-left {
  float: left;
}

div.updateStatus button {
  padding: 0;
  font-size: 10px;
}

tr.customerTable td {
  font-size: 1.4em;
  padding: 0.4em;
}

.imageButton {
  font-size: 1em !important;
}

[id^=newPic] {
  display: none;
}

.naProverku {
  border: 8px solid #BEFF85;
  background-color: #DBFFBB;
  border-radius: 10px;
  padding: 5px;
}

.open {
  border: 8px solid #FFEE82;
  background-color: #FFF9A0;
  border-radius: 10px;
  padding: 5px;
}

.pending {
  border: 8px solid #FFDD00;
  background-color: #FFEE82;
  border-radius: 10px;
  padding: 5px;
}

.finished {
  border: 8px solid #FF6B00;
  background-color: #FFDD00;
  border-radius: 10px;
  padding: 5px;
}

.delivered {
  border: 8px solid red;
  background-color: #FFBE6E;
  border-radius: 10px;
  padding: 5px;
}

.ui-menu-item-wrapper {
  max-width: 400px;
  background: white;
  font-size: 16px;
  padding: 2px;
}
.ui-menu-item-wrapper:hover {
  outline: 1px solid #60CCFD;
  cursor: pointer;
}

.hotKeyBox {
  padding-left: 40px;
  margin-left: 50px;
  color: grey;
  border-left: 1px solid grey;
}

.stats_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.linkSearchWork {
  cursor: pointer;
}
.linkSearchWork:hover {
  border: 1px solid;
}

.searchForm {
  display: block;
  position: absolute;
}
.searchForm > button {
  width: 58px;
  height: 24px;
  background: none;
  border: 1px solid;
}
.searchForm > button:hover {
  color: white;
  background: #404040;
  border: 1px solid;
}

.block_search {
  width: 356px;
  height: 39px;
  position: relative;
  margin-top: 5px;
  margin-left: 118px;
  margin-bottom: -6px;
  padding-left: 3px;
  padding-top: 15px;
  border: 1px solid;
}

.titleSreach {
  width: 361px;
  height: 21px;
  position: relative;
  margin-top: 12px;
  margin-left: 117px;
  margin-bottom: -6px;
  padding-left: 0;
  padding-top: 13px;
  border: 1px solid;
  font-size: 16px;
  background-color: #404040;
  color: white;
}

.stats_statistics {
  position: absolute;
  margin-left: 921px;
  margin-top: 12px;
}

.search_list_statistics {
  overflow: hidden;
  width: 106px;
}

.sumWorks {
  background-color: #e5efea;
}

.td > td {
  padding: 2px;
}

.hot {
  background-color: #ff9494;
}

.ff {
  position: fixed;
  margin-left: 616px;
  margin-top: 29px;
  border: 1px solid;
  z-index: 1;
}
.ff > tbody > td {
  border-bottom: 1px solid;
  border-left: 1px solid;
}

.body {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#returnRasciot {
  width: 82px;
  font-size: 9px;
}

.managerDescriptionDesinger {
  width: 633px;
  margin-right: 25px;
  overflow: hidden;
  white-space: nowrap;
}

.priceManagerDesigner {
  margin-left: 12px;
  font-size: 17px;
}

.trTechMap {
  background-color: rgba(132, 215, 255, 0.3215686275);
  border: 1px solid #7d7d7d;
  height: 48px;
}

trTechMap td {
  border: 1px solid #7d7d7d;
}

.actionTableTechMap {
  margin-left: -17px;
  margin-bottom: -1px;
  width: 102.8%;
  margin-right: -15px;
}

table.actionTableTechMap td {
  font-size: 1rem !important;
  background-color: #fff;
}

.trTechMapActions {
  background-color: rgba(132, 215, 255, 0.3215686275);
}

.chronik {
  color: white;
}
.chronik div {
  float: left;
  border-right: 1px solid #7d7d7d;
  border-bottom: 1px solid #7d7d7d;
  line-height: 31px;
  height: 31px;
  font-size: 12px;
  text-align: center;
}
.chronik .denum2 {
  display: block;
}

.td1 {
  width: 1%;
  overflow: hidden;
}

.td2 {
  width: 9.2%;
  overflow: hidden;
}

.td3 {
  width: 3.2%;
  overflow: hidden;
}

.td4 {
  width: 7.2%;
  overflow: hidden;
}

.td5 {
  width: 13.6%;
  overflow: hidden;
}

.td6 {
  width: 13.6%;
  overflow: hidden;
}

.td6_5 {
  width: 16.6%;
  overflow: hidden;
}

.td7 {
  width: 4.7%;
  overflow: hidden;
}

.td8 {
  width: 15.6%;
  overflow: hidden;
}

.td9 {
  width: 11%;
  overflow: hidden;
}

.td10 {
  width: 4.6%;
  overflow: hidden;
}

.td11 {
  width: 8.6%;
  overflow: hidden;
}

.td12 {
  width: 2%;
  overflow: hidden;
}

.td13 {
  width: 3%;
  overflow: hidden;
}

.td0 {
  width: 1%;
  background-color: #35363a !important;
  border-bottom: none !important;
}

.denum div {
  background-color: #929292;
  background-color: #929292;
}

.denum3 {
  background-color: #929292;
}

.denum4 {
  background-color: #464646;
  line-height: 29px;
  color: white;
}

.rem1 {
  font-size: 12px !important;
  height: 31px;
  border-right: 1px solid #7d7d7d;
  border-bottom: 1px solid #7d7d7d;
}

.rem2 {
  font-size: 12px !important;
  height: 31px;
  text-align: center !important;
}

.denum77 div {
  background-color: #16a765;
}

.denum66 div {
  background-color: #ce5c49;
}

.close {
  width: 45px;
  height: 30px;
  color: white;
  position: fixed;
  float: right;
  top: 7px;
  right: 99px;
  z-index: 2000;
  text-align: center;
  cursor: pointer;
  font-size: 27px;
  background-color: rgba(173, 66, 66, 0.4901960784);
  padding-top: 4px;
}
.close:hover {
  background-color: rgba(255, 255, 255, 0.4901960784);
  color: #ad4242;
}

.dim {
  display: block;
}
.dim .hidden {
  display: none !important;
}

.thead {
  height: 49px;
  width: 100%;
  display: block;
  color: white;
  line-height: 42px;
  font-weight: bold;
}
.thead div {
  float: left;
  width: 25%;
  font-size: 1.7em;
}

.NUM {
  padding-left: 2%;
  width: 23% !important;
}

.yy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.yy div {
  width: 25%;
  height: 31px;
  line-height: 32px;
  color: white;
  float: left;
}

.uu {
  width: 100%;
}

.denum2 div {
  background-color: #35363a;
}

.NUM2 {
  padding-left: 2%;
  width: 23%;
  float: left;
  display: block;
  text-align: left;
  height: 49px;
  color: white;
  line-height: 50px;
  font-size: 17px;
}

.t1 {
  color: white;
  display: block;
  width: 25%;
  height: 49px;
  float: left;
  text-align: left;
  font-size: 17px;
  line-height: 50px;
}

.rotate {
  font-size: 0.7em;
  right: 10px;
  width: 44px;
  height: 48px;
  float: right;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-animation: rotating 4s linear;
          animation: rotating 4s linear;
  display: block;
}
.rotate::after {
  position: absolute;
  bottom: 0;
  right: 0;
  content: attr(title);
  text-decoration: underline;
}
.rotate i {
  margin: auto;
  display: block;
  width: 3px;
  height: 3px;
  margin-top: 19px;
}

.rotate.rotated {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  border-color: white;
  display: inline-block;
  padding: 3px;
  color: white;
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.oo {
  display: block;
  width: 23%;
  margin: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  border: 1px solid;
  margin-top: 19px;
  margin-bottom: 19px;
}

.uo {
  display: block;
  width: 11%;
  margin: left;
  border: 1px solid;
  margin-top: 19px;
  margin-bottom: 19px;
}

.lm {
  border: 1px solid;
  text-align: center;
  margin-left: -3px;
}

#piechart {
  width: 600px;
  height: 300px;
}

#piechart2 {
  width: 600px;
  height: 300px;
}

.i-button2 {
  min-width: 2em;
  height: 2em;
  width: 158px;
  margin-left: 23px;
}

.direction {
  width: 12px;
  margin-right: 7px;
}

#blox {
  display: none;
  position: absolute;
  width: 106px;
  height: 33px;
  margin-top: -32px;
  z-index: 9999999;
  cursor: no-drop;
}

#countdown {
  display: none;
  height: 26px;
  border: 1px solid red;
  color: red;
  position: absolute;
  margin-top: -176px;
  font-size: 1.5em;
  padding: 5px;
  line-height: 26px;
}

#countdown_prepress {
  display: none;
  height: 26px;
  border: 1px solid red;
  color: red;
  position: absolute;
  margin-top: 21px;
  font-size: 1.5em;
  padding: 5px;
  line-height: 26px;
}

.pp > div {
  display: block;
  width: 24%;
  float: left;
  text-align: center;
  line-height: 33px;
}

.remm {
  height: 31px;
}

.direction2 {
  width: 20px;
  margin-top: 6px;
  margin-left: -15px;
}

.direction3 {
  width: 20px;
  margin-left: -8px;
  border: none !important;
}

#alert_change_messge {
  width: 600px;
  height: 210px;
  position: fixed;
  background-color: #cc6262;
  margin-top: 16%;
  margin-left: 37%;
  text-align: center;
  color: white;
  display: none;
  z-index: 9999;
}

div#timer5m {
  display: -webkit-inline-box;
  padding-left: 17px;
}

#refresh_page {
  border: 1px solid white;
  font-size: 20px;
  color: #ffffff;
  margin-top: 12px;
  -webkit-box-shadow: 3px 7px 4px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 3px 7px 4px 0px rgba(0, 0, 0, 0.75);
}

#wordIdText {
  position: fixed;
  top: -26px;
}

#nameT {
  position: fixed;
  top: -26px;
}

#copyBuf {
  border: 1px solid;
}

#copyBuf4 {
  border: 1px solid;
}

.hd_title {
  width: 100%;
  height: 45px;
  background-color: #929292;
  text-align: center;
  margin-left: 19px;
}

.BlockTableTypeWorks {
  width: 447px;
  height: 269px;
  margin-top: 55px;
}

.tableTypeWorks > thead {
  background: #404040;
  color: white;
  font-weight: bold;
}
.tableTypeWorks > thead > tr > th {
  padding: 3px;
  border: 1px solid;
}
.tableTypeWorks > tbody > tr > td {
  padding: 3px;
  border: 1px solid;
}
.tableTypeWorks > tbody > tr > th {
  background: #404040;
  color: white;
  padding: 3px;
  cursor: pointer;
}
.tableTypeWorks > tr > td {
  border: 1px solid;
  padding: 3px;
}

#btnStatNUM {
  width: 100px;
  height: 30px;
  border: 1px solid;
  display: inline-block;
}

#btnStatSUM {
  margin-left: 10px;
  width: 100px;
  height: 30px;
  border: 1px solid;
  display: inline-block;
}

#btnStatClientNUM {
  margin-top: 20px;
  width: 100px;
  height: 30px;
  border: 1px solid;
  display: inline-block;
}

#btnStatClientSUM {
  margin-left: 10px;
  width: 100px;
  height: 30px;
  border: 1px solid;
  display: inline-block;
}

#offsetItemList {
  cursor: pointer;
}

#digitalItemList {
  cursor: pointer;
}

#sbornikItemList {
  cursor: pointer;
}

#sheolkItemList {
  cursor: pointer;
}

#wideItemList {
  cursor: pointer;
}

#mixItemList {
  cursor: pointer;
}

#noPrintItemList {
  cursor: pointer;
}

#infoWorkTypes {
  width: 973px;
  height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

#block2 {
  position: relative;
  margin-top: 103px;
  margin-left: 174px;
}

#infoUsers {
  width: 973px;
  height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

#blockClients {
  margin-top: 48px;
}

.NWTN {
  font-size: 19px;
  padding-bottom: 13px;
  padding-top: 16px;
}

#infoMainWORKS {
  margin-left: -500px;
  margin-top: 44px;
}

.listWORKSForUsers {
  border: 1px solid;
}

.sumAllDiv {
  padding: 3px;
  border: 1px solid;
  font-size: 1.4em;
  float: right;
  border-top: none;
  margin-right: -1px;
}

.sumAllDiv2 {
  padding: 3px;
  border: 1px solid;
  font-size: 1.4em;
  float: left;
  border-top: none;
  margin-left: 30.4%;
  width: 70px;
}

#WTsbtnStatNUM {
  width: 100px;
  height: 30px;
  border: 1px solid;
  display: inline-block;
}

#WTsbtnStatSUM {
  margin-left: 10px;
  width: 100px;
  height: 30px;
  border: 1px solid;
  display: inline-block;
}

.checkBoxInfo {
  width: 252px;
  height: 50px;
  position: absolute;
  margin-left: 922px;
  margin-top: 71px;
  font-size: 15px;
  z-index: 999;
}

#loader {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 105%;
  position: fixed;
  width: 100%;
  z-index: 99999;
  margin-top: -16px;
}

svg {
  -webkit-transform-origin: 50% 65%;
  transform-origin: 50% 65%;
}
svg polygon {
  stroke-dasharray: 17;
  -webkit-animation: dash 2.5s cubic-bezier(0.35, 0.04, 0.63, 0.95) infinite;
  animation: dash 2.5s cubic-bezier(0.35, 0.04, 0.63, 0.95) infinite;
}

#panel_logged_div {
  display: block;
  width: 100%;
  z-index: 999999999999999;
  position: absolute;
  margin-top: -12px;
}

.plus {
  margin-left: -49px;
  z-index: 999999;
  position: absolute;
  margin-top: -13px;
}

.plus2 {
  margin-left: -20px;
  z-index: 999999;
  position: absolute;
  margin-top: -13px;
  cursor: pointer;
}

#answerUser {
  position: absolute;
  width: 500px;
  height: 150px;
  border: 1px solid;
  margin-top: 130px;
  margin-left: 42%;
}

#ms1 {
  font-size: 18px;
  text-align: center;
  margin-top: 11px;
}

#ms1Y {
  font-size: 18px;
  margin-left: 156px;
  margin-top: 32px;
  border: 1px solid;
  width: 26px;
  padding: 9px;
  cursor: pointer;
  padding-left: 13px;
}

#ms1N {
  font-size: 18px;
  margin-left: 292px;
  margin-top: -38px;
  border: 1px solid;
  width: 30px;
  padding: 9px;
  cursor: pointer;
}

#instruct {
  position: absolute;
  margin-left: 100px;
  font-size: 13px;
  margin-top: 21px;
}

#conts {
  display: block;
  position: relative;
  width: 100%;
  height: 300px;
}

.selectClient {
  display: block;
  float: left;
  margin-top: 54px;
  margin-left: 99px;
}

.selectWorkStructure {
  display: block;
  float: left;
  margin-top: 54px;
  margin-left: 10px;
}

#selectType2 {
  display: none;
}

.hronik {
  position: absolute;
  margin-left: -78px;
  border: 1px solid;
  padding: 4px;
  margin-top: -5px;
  cursor: pointer;
}

.deleteWorkTemplate {
  position: absolute;
  margin-left: -96px !important;
}

.stockOn {
  position: absolute;
  cursor: pointer;
}

.stockOff {
  cursor: pointer;
}

#allPaper {
  display: none;
}

.up-arrow {
  display: block;
  position: absolute;
  border: 1px solid #888585;
  text-decoration: none;
  border-radius: 4px;
  padding: 15px 14px 14px 36px;
  margin-top: 8px;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.27);
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.27);
  background-image: url(../images/tooltip.png);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 4%;
  z-index: 999999;
  background-color: #fff;
}
.up-arrow:before {
  content: "";
  display: block;
  position: absolute;
  left: 57px;
  bottom: 100%;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: #888585;
  z-index: 999999;
}
.up-arrow:after {
  content: "";
  display: block;
  position: absolute;
  left: 58px;
  bottom: 100%;
  width: 0;
  height: 0;
  border: 9px solid transparent;
  border-bottom-color: white;
  z-index: 999999;
}

#khronik {
  width: 100%;
  background-color: #969696;
  position: fixed;
  top: 70%;
  height: 30%;
  overflow: scroll;
  overflow-x: hidden;
}

#top_bar_khronik {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 25px;
  border: 1px solid white;
  background-color: #a9a8a8;
  text-align: center;
  color: white;
  font-size: 16px;
  padding-top: 3px;
  position: fixed;
}

.btn-filter {
  padding: 2px;
  border: 1px solid #a9a8a8;
  cursor: pointer;
}

.btn-filter:hover {
  border: 1px solid #fff;
}

.btn-filter.active {
  background-color: white;
  color: #969696;
  border: 1px solid white;
}

.list-filter-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 11px;
  position: absolute;
  margin-left: 30px;
}

#btn_default_khronik {
  padding-left: 12px;
  display: none;
  cursor: pointer;
  width: 13px;
  height: 13px;
}

#btn_full_khronik {
  padding-left: 12px;
  cursor: pointer;
  width: 13px;
  height: 13px;
}

#btn_down_khronik {
  padding-left: 12px;
  cursor: pointer;
  width: 13px;
  height: 13px;
}

.bntAddInfo {
  width: 4px;
  height: 4px;
  padding: 0;
  background-color: grey !important;
  border: 0px;
  border-radius: 2px;
  float: left;
  cursor: pointer;
  margin-right: 18px;
  z-index: 999;
}

.colectedInfo {
  display: none;
  position: absolute;
  border: 1px solid;
  width: 98px;
  padding: 6px;
  background-color: white;
}

#chat_box {
  width: 400px;
  height: 269px;
  z-index: 9999;
  background-color: #fdfdfd;
  position: fixed;
  right: 126px;
  -webkit-box-shadow: 7px 6px 19px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 7px 6px 19px 0px rgba(0, 0, 0, 0.75);
}

#send-container {
  width: 100%;
  height: 48.72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

#send-quest {
  display: none;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: white;
  position: absolute;
  overflow: overlay;
  -webkit-box-shadow: 11px 12px 14px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 11px 12px 14px 0px rgba(0, 0, 0, 0.6);
}

#message-container {
  width: 100%;
  height: 89.9%;
  float: right;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

#top_bar_chat {
  width: 100%;
  height: 27.47px;
  background-color: #50b3ae;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#message-area {
  width: auto;
  height: 79.7%;
  overflow: auto;
  overflow-x: hidden;
  -o-object-fit: contain;
     object-fit: contain;
  background-color: #ececec;
}
#message-area::-webkit-scrollbar-track {
  background-color: rgba(245, 245, 245, 0);
}
#message-area::-webkit-scrollbar {
  width: 9px;
  background-color: rgba(239, 236, 236, 0);
}
#message-area::-webkit-scrollbar-thumb {
  background-color: #50b3ae;
}

#message-input {
  width: 78%;
  height: 96%;
  border: none;
  background-color: rgba(177, 177, 177, 0.1098039216);
  display: inline-block;
}
#message-input:focus {
  outline: none;
}

#send-button {
  padding: 8px;
  height: 100%;
  width: 14.6%;
  background-color: #50b3ae;
  color: #fff;
  display: inline-block;
}
#send-button:not([name]):active {
  position: relative;
  top: 0px !important;
}

#send-button-quest {
  width: 100%;
  padding: 8px;
  height: 100%;
}

#message {
  border: 1px solid #FFDCAD;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 7px;
  padding: 7px;
  margin-left: 1px;
  max-width: 60%;
  word-wrap: break-word;
  background-color: #FFDCAD;
  color: black;
  font-family: inherit;
  font-size: 14px;
}

#youMessage {
  border: 1px solid #ffdcad;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 7px;
  padding: 7px;
  padding-right: 1px;
  float: right;
  margin-right: 1px;
  max-width: 60%;
  word-wrap: break-word;
  background-color: #ffdcad;
  color: black;
  font-family: inherit;
  font-size: 14px;
  position: relative;
}

#messageBorder {
  width: 100%;
  display: inline-block;
  padding-bottom: 6px;
  margin-top: -6px;
}
#messageBorder:hover #youResponseButton {
  opacity: 1;
  cursor: pointer;
}
#messageBorder:hover #responseButton {
  opacity: 1;
  cursor: pointer;
}

#infoMessage {
  margin: auto;
  display: block;
  width: 100%;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
  color: cadetblue;
}

#dateYouMessage {
  float: right;
  margin-top: 17px;
  position: relative;
  margin-right: 4px;
}

#dateMessage {
  margin-top: 17px;
  margin-left: 4px;
}

#flexBoxMessage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#back {
  width: 6%;
  height: 100%;
  font-size: 2.4rem;
  color: white;
  z-index: 999999999;
  cursor: pointer;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-left: 12px;
}

#online {
  width: 73px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.3rem;
  padding-top: 9px;
  color: #85ff46;
  font-style: inherit;
  cursor: pointer;
  z-index: 999999999;
  right: 53px;
  position: absolute;
}

#online_symb {
  color: #85ff46;
  margin-right: 4%;
}

#title {
  width: 63%;
  display: block;
  height: 100%;
  text-align: center;
  font-size: 2rem;
  font-style: italic;
  color: white;
  padding-top: 4px;
}

#quest-message {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  background-color: rgba(169, 169, 169, 0.568627451);
  z-index: 999;
}

#quest-block {
  margin: auto;
  display: block;
  width: 30%;
  height: 30%;
  background-color: #ff9f67;
  margin-top: 7%;
}

#quest-no {
  margin-left: 55%;
  width: 100px;
  height: 47px;
  border: 1px solid;
  text-align: center;
  margin-top: -54px;
  cursor: pointer;
  font-size: 39px;
  color: white;
  padding-top: 5px;
}
#quest-no:hover {
  background-color: #e83d4d;
}

#quest-yes {
  margin-left: 19%;
  border: 1px solid;
  width: 100px;
  height: 47px;
  text-align: -webkit-center;
  cursor: pointer;
  margin-top: 16%;
  font-size: 39px;
  color: white;
  padding-top: 5px;
}
#quest-yes:hover {
  background-color: #3de86a;
}

#quest-text {
  display: block;
  width: 95%;
  height: 40%;
  text-align: center;
  line-height: 58px;
  color: white;
  font-size: 35px;
  margin: auto;
  padding-top: 44px;
}

#quest-cancel {
  margin-left: 92%;
  margin-top: -56%;
  font-size: 30px;
  color: #9c3b3b;
}
#quest-cancel:hover {
  color: #fff;
}

#list-user {
  width: 29%;
  overflow: auto;
  height: 78.7%;
  float: left;
  display: block;
  font-size: 12px;
  margin-left: 6px;
  cursor: context-menu;
  background-color: white;
}
#list-user::-webkit-scrollbar-track {
  background-color: rgba(245, 245, 245, 0);
}
#list-user::-webkit-scrollbar {
  width: 9px;
  background-color: rgba(239, 236, 236, 0);
}
#list-user::-webkit-scrollbar-thumb {
  background-color: #50b3ae;
}

*::-webkit-scrollbar-track {
  background-color: rgba(245, 245, 245, 0);
}
*::-webkit-scrollbar {
  width: 9px;
  background-color: rgba(239, 236, 236, 0);
}
*::-webkit-scrollbar-thumb {
  background-color: #989494;
}

#userChat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3px;
  color: #989898;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#name-user-chat {
  margin-left: 3px;
}

#btn_image_chat_old {
  max-width: 2em;
  max-height: 58%;
  cursor: pointer;
  display: inline;
  margin-top: 16px;
}

#elementPreview {
  width: 120px;
  overflow: hidden;
  border: 1px solid #c1c1c1;
  margin-right: 2%;
  background-color: white;
  max-height: 127px;
  -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.75);
  cursor: pointer;
}

#imgPreview {
  position: relative;
  width: 100%;
  height: 100%;
}

#closePreview {
  color: #dc1d1d;
  position: relative;
  z-index: 99;
  float: right;
  font-size: 22px;
  margin-bottom: -22px;
  margin-right: 5px;
  cursor: pointer;
  text-shadow: #ffffff 1px 1px 0;
  font-weight: 600;
}

#list-preview {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 0px;
  width: 100%;
}

#ImgBox {
  margin-top: 8px;
  width: 112%;
  background-color: white;
  margin-left: -8px;
  margin-bottom: -8px;
  cursor: pointer;
}

#ImgBox2 {
  margin-top: 8px;
  background-color: white;
  margin-left: -8px;
  margin-bottom: -8px;
  margin-right: -8px;
  cursor: pointer;
}

#youResponseButton {
  float: right;
  margin-top: 7px;
  position: relative;
  margin-right: 32px;
  margin-left: -80px;
  font-size: 3rem;
  color: #c1c2c3;
  opacity: 0;
}

#responseButton {
  float: right;
  margin-top: 7px;
  position: relative;
  margin-left: 32px;
  margin-right: -63px;
  font-size: 3rem;
  color: #c1c2c3;
  opacity: 0;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

#response-box {
  width: 100%;
  height: 28px;
  background-color: #ea9fb0;
  z-index: 999;
  position: relative;
  display: none;
  right: 0;
}

#response-text {
  width: 86%;
  height: 79%;
  margin-left: 6px;
  padding-top: 1%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 10px;
  color: #424242;
}

#response-close {
  font-size: 2rem;
  margin-top: 4px;
  color: beige;
  cursor: pointer;
  width: 14%;
  right: 0;
  display: block;
  text-align: right;
  padding-right: 17px;
}

#responsed-message-you {
  display: list-item;
  margin-top: -8px;
  max-height: 69px;
  position: relative;
  margin-left: -7px;
  padding-left: 8px;
  background-color: #EFA2B0;
  margin-bottom: 8px;
  padding-bottom: 9px;
  padding-top: 7px;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 4px;
  margin-right: -2px;
  cursor: pointer;
}

#responsed-message {
  width: 101%;
  display: list-item;
  margin-top: -8px;
  max-height: 69px;
  position: relative;
  margin-left: -8px;
  padding-left: 9px;
  background-color: #EFA2B0;
  margin-bottom: 8px;
  padding-bottom: 9px;
  padding-top: 7px;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 5px;
  cursor: pointer;
}

#menu_chat {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: beige;
  height: 43px;
}
#menu_chat > div {
  width: 50px;
  height: 50px;
  border-radius: 10%;
  background-color: white;
  cursor: pointer;
  margin-top: 10px;
  -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.75);
}
#menu_chat > div > div > img {
  width: 100%;
}

#bg_menu {
  width: 115px;
  border: 1px;
  z-index: 99999;
  right: 0;
  float: right;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#top_bar {
  width: 100%;
  height: 28px;
  background-color: #50b3ae;
  cursor: move;
}

#chat_all {
  display: none;
}

#chat_personal {
  display: none;
}

#getDownChat {
  width: 43px;
  height: 41px;
  background-color: #e6e6e6;
  z-index: 999;
  cursor: pointer;
  font-size: 39px;
  -ms-transform: rotate(90deg);
  color: #6d6d6d;
  position: relative;
  text-align: center;
  line-height: 41px;
  float: right;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
}

#miss_mess {
  display: none;
  width: 49px;
  color: white;
  height: 17px;
  font-size: 18px;
  -ms-transform: rotate(-90deg);
  position: absolute;
  z-index: 1000;
  margin-left: -15px;
  margin-top: -60px;
  text-shadow: #f71313 2px 0px 0px, #f71313 1.75517px 0.95885px 0px, #f71313 1.0806px 1.68294px 0px, #f71313 0.14147px 1.99499px 0px, #f71313 -0.83229px 1.81859px 0px, #f71313 -1.60229px 1.19694px 0px, #f71313 -1.97998px 0.28224px 0px, #f71313 -1.87291px -0.70157px 0px, #f71313 -1.30729px -1.5136px 0px, #f71313 -0.42159px -1.95506px 0px, #f71313 0.56732px -1.91785px 0px, #f71313 1.41734px -1.41108px 0px, #f71313 1.92034px -0.55883px 0px;
}

#miss_mess_allCh {
  display: none;
  color: red;
  height: 17px;
  overflow: hidden;
  font-size: 18px;
  position: absolute;
  z-index: 1000;
  background-color: #fbff00;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 3px;
  border-radius: 10%;
  margin-left: -10px;
  font-size: 16px;
}

.link_prepress {
  text-decoration: none;
  color: black;
  font-size: 2rem;
}

#addLogoBlock {
  width: 500px;
  margin: auto;
  margin-top: 37px;
}

#AddBLOCKLogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  margin-top: 12px;
  margin-left: 11px;
  border: 1px solid #60ccfd;
  padding: 7px;
  margin-right: 20px;
  overflow: hidden;
}

#elementLogo {
  width: 200px;
  border: 1px solid;
  margin-top: 12px;
}

#titleLogo {
  width: 100%;
  min-height: 19px;
  text-align: center;
  background-color: darkgrey;
  padding-top: 5px;
  word-wrap: break-word;
}

#prewLogo {
  display: block;
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

#linkButtonLogo {
  display: block;
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 13px;
}

#bntLogo {
  text-decoration: none;
  color: black;
  border: 1px solid;
  padding: 3px;
  background-color: white;
  margin-left: 5px;
}

#part1Logo {
  width: 100%;
  margin-top: 12px;
  display: block;
}

#part2Logo {
  width: 100%;
  margin-top: 12px;
  display: block;
}

#other {
  float: right;
  margin-right: 5px;
  color: white;
  font-size: 16px;
  cursor: pointer;
}

#workPlace {
  width: 80%;
  display: block;
  margin: auto;
}

#titlepartLogo {
  width: 100%;
  height: 20px;
  background-color: #60ccfd;
  text-align: center;
  padding-top: 9px;
  font-size: 14px;
  color: white;
}

#partLogo {
  display: block;
  margin: auto;
  width: 80%;
  margin-top: 12px;
}

#titleL {
  text-decoration: none;
  color: white;
  -webkit-text-stroke: thin;
  cursor: context-menu;
  width: 75%;
  display: inline-block;
  padding-bottom: 4px;
}

#no_data {
  width: 200px;
  font-size: 16px;
  font-weight: 900;
  color: #c55f5f;
}

#elementLogoError {
  width: 200px;
  margin-top: 12px;
  z-index: 999;
}

#srcFormLogo {
  display: block;
  margin: auto;
  width: 255px;
  height: 51px;
}

#srcLogoDigital {
  border: 1px solid;
  margin-left: 12px;
}

#yesL {
  border: 1px solid;
  float: right;
}

#messProcesed {
  font-size: 15px;
  padding: 7px;
  color: #989898;
}

#srcLogoNoProcessed {
  border: 1px solid;
  margin-left: 12px;
}

#srcLogoProcessed {
  border: 1px solid;
  margin-left: 12px;
}

#deleteL {
  float: left;
  margin-left: 12px;
  color: #e64545;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}

ul.myULNPd li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 6px;
}

#bntLogo1 {
  text-decoration: none;
  color: black;
  border: 1px solid;
  padding: 3px;
  margin-left: 13px;
  display: table-cell;
  background-color: white;
  cursor: pointer;
  font-size: 10px;
}

#downloadL {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 63px;
}

.pricrep {
  font-size: 10px;
  margin-top: 4px;
}

#keyL {
  margin-left: 12px;
  margin-top: 6px;
  border-left: 1px solid;
  border-right: 1px solid;
  width: 80%;
  padding: 3px;
}

#listUserL {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 385px;
  margin-top: 5px;
  position: absolute;
  height: 171px;
  overflow: auto;
}

#listNotUsed {
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  margin-left: 77%;
  margin-top: 14px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 8px;
  max-height: 151px;
  overflow: auto;
}

#giveListFiles {
  border: 1px solid;
  cursor: pointer;
  padding: 5px;
  width: 50px;
  float: left;
}

#listFile {
  margin-top: 31px;
}

#deleteListFiles {
  border: 1px solid;
  cursor: pointer;
  padding: 5px;
  width: 50px;
  float: right;
  display: none;
  margin-left: 7px;
}

#monthLogo {
  border: 1px solid;
  border-bottom: none;
  text-align: center;
  width: 93%;
  margin: auto;
  font-size: 12px;
  margin-bottom: -5px;
  cursor: context-menu;
}

#listUserL2 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 57px;
  margin-top: 5px;
  position: absolute;
  height: 171px;
  overflow: auto;
}

#listUserL1 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 222px;
  margin-top: 5px;
  position: absolute;
  height: 171px;
  overflow: auto;
}

#nameLInput {
  display: none;
  margin-top: -17px;
  position: absolute;
  margin-left: 38px;
  width: 121px;
}

#answerDelLogo {
  position: absolute;
  width: 187px;
  height: 75px;
  background-color: white;
  margin-left: 5px;
  margin-top: 0px;
  border: 1px solid;
  color: black;
  z-index: 20;
  display: none;
}

#adl_btn_no {
  float: RIGHT;
  width: 33px;
  border: 1px solid;
  height: 18px;
  padding: 2px;
  margin-right: 12%;
  position: relative;
  cursor: pointer;
}

#adl_btn_yes {
  float: LEFT;
  width: 33px;
  border: 1px solid;
  height: 18px;
  padding: 2px;
  margin-left: 12%;
  position: relative;
  cursor: pointer;
}

#adl_txt {
  font-size: 13px;
  padding: 9px;
}

.answr_txt_proc {
  padding: 16px !important;
}

.answerProcess {
  height: 103px !important;
  margin-top: 38px !important;
}

.personal {
  cursor: pointer;
}
.personal:hover {
  border-bottom: 1px solid;
}

#miss_m_p {
  text-shadow: #ff2b2b 1px 0px 0px, #ff2b2b 0.5403px 0.84147px 0px, #ff2b2b -0.41615px 0.9093px 0px, #ff2b2b -0.98999px 0.14112px 0px, #ff2b2b -0.65364px -0.7568px 0px, #ff2b2b 0.28366px -0.95892px 0px, #ff2b2b 0.96017px -0.27942px 0px;
}

.MissBack {
  margin-top: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 21px;
  margin-left: 3px;
}

.MessQuestB {
  margin-left: 6px;
  text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.5), 2px 2px 2px rgba(206, 89, 55, 0);
  font-size: 16px;
  color: #ffffff;
  background-color: #ffbc00;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 3px;
  margin-top: -3px;
  border-radius: 35px;
  display: none;
}

.MessMissB {
  font-size: 16px;
  display: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: red;
  color: #fff;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 3px;
  border-radius: 35px;
  margin-top: -3px;
}

#quest-container {
  width: 100%;
  height: 100%;
  float: right;
  display: none;
}

#miss_q_p {
  display: none;
  font-weight: 900;
}

#type-work {
  width: 112px;
}

#number-work {
  width: 51px;
}

#add_work_in_send {
  float: right;
  margin-top: 8px;
  border: 1px solid;
  padding: 5px;
  cursor: pointer;
}
#add_work_in_send:active {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

#delStage {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  float: right;
  margin-top: 11px;
  font-size: 16px;
  margin-right: 23px;
  background-color: white;
  text-shadow: 0px 1px 2px #848484;
  color: #e40e0e;
  cursor: pointer;
}

#el_work_send {
  width: 66%;
}

#group-quest {
  float: right;
  margin-right: -110px;
  text-align: center;
  font-size: 14px;
  margin-top: 99px;
  margin-bottom: 12px;
  border: 1px solid;
  border-bottom: none;
  padding: 5px;
  display: none;
}
#group-quest h2 {
  margin-bottom: 10px;
}

#personGroup {
  width: 83px;
  margin-top: 7px;
}

#btn_list {
  display: -ms-inline-grid;
  width: 15%;
  width: -moz-fit-content;
  background-color: #bbd9ff;
  text-align: center;
  height: 48px;
  line-height: 48px;
}

#name-quest {
  width: 25%;
  border: none;
  background-color: #e6e6e6;
}

#description-quest {
  width: 60%;
  border: none;
  background-color: #ffeed9;
}

#delElGroupQ {
  float: right;
  margin-left: 6px;
  margin-top: 9px;
  background-color: white;
  text-shadow: 0px 1px 2px #848484;
  color: #e40e0e;
  cursor: pointer;
}

#elGroupQ {
  display: none;
}

.displayElGroupQ {
  display: block !important;
}

#nameQuest {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
  font-weight: 700;
  max-width: 80%;
  word-wrap: break-word;
  margin-bottom: 7px;
}

#h1Stage {
  margin-top: 12px;
  margin-bottom: 11px;
  text-align: center;
  border: 1px solid;
}

#stageQ {
  margin-top: 5px;
}

#listPq li {
  margin-top: 5px;
}

#delQuest {
  float: right;
  margin-top: 39px;
  margin-left: -24px;
  font-size: 16px;
  color: #e45858;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3490196078);
  cursor: pointer;
  display: block;
  width: 10.67px;
  height: 14px;
}

#delQuestPage {
  font-size: 16px;
  color: #e45858;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3490196078);
  cursor: pointer;
  display: block;
  height: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#chkQ2 {
  margin-top: 58px;
  font-size: 25px;
  margin-left: -11px;
  color: gray;
}

#chkQ1 {
  margin-top: 58px;
  font-size: 25px;
  margin-left: -11px;
  color: gray;
}

#formTimer {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  float: left;
}
#formTimer > input {
  margin-right: 12px;
}

#formTimer2 {
  display: contents;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  float: left;
}

#bPD {
  width: 65px;
  height: 21px;
  background-color: white;
  margin-top: -23px;
  margin-left: -4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -52px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 1px;
  position: relative;
  color: black;
}

#bPD_page {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 21px;
  background-color: white;
  margin-top: -23px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-box;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 1px;
  position: relative;
  color: black;
  margin-right: -30px;
}

#bPDY {
  width: 20px;
  height: 17px;
  font-size: 17px;
  border-left: 1px solid;
  border-right: 1px solid;
  cursor: pointer;
  padding: 2px;
  margin-right: 4px;
}
#bPDY:hover {
  background-color: #3de86a;
}

#bPDN {
  width: 27px;
  height: 17px;
  font-size: 17px;
  border-left: 1px solid;
  border-right: 1px solid;
  cursor: pointer;
  padding: 2px;
}
#bPDN:hover {
  background-color: red;
}

#answerQE {
  width: 100%;
  border-top: 1px solid;
  display: block;
  padding: 2px;
  margin-top: 7px;
}

#divQA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#divQA input {
  width: 99px;
}

#submitAnswerQE {
  float: left;
  border: 1px solid;
  padding: 4px;
  display: block;
  cursor: pointer;
  margin-top: 8px;
  margin-left: 54px;
}
#submitAnswerQE:hover {
  background-color: greenyellow;
}

#cancelAnswerQE {
  float: right;
  border: 1px solid;
  padding: 4px;
  display: block;
  cursor: pointer;
  margin-top: 8px;
  margin-right: 54px;
}
#cancelAnswerQE:hover {
  background-color: red;
}

#controlled {
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid;
  padding: 3px;
  cursor: pointer;
  display: inline-grid;
  float: left;
  margin-left: 0.5%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#controlled:hover {
  background-color: white;
  color: gray;
}

#controlled_2 {
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid;
  padding: 3px;
  cursor: pointer;
  display: inline-grid;
  float: left;
  margin-left: 1.5%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#bqC {
  text-align: center;
}

#bqC_c {
  text-align: center;
  min-width: 147.19px;
  margin: 0px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: flow-root;
  height: 22px;
}

#bqCY {
  border: 1px solid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 3px;
  float: right;
  cursor: pointer;
  display: block;
  margin-left: 57px;
  width: 60.48px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#bqCY:hover {
  background-color: greenyellow;
}

#bqCY_c {
  border: 1px solid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 3px;
  float: left;
  cursor: pointer;
  display: block;
  width: 53.36px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-left: 1.5%;
}
#bqCY_c:hover {
  background-color: greenyellow;
}

#bqCN {
  border: 1px solid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 3px;
  float: left;
  display: block;
  margin-left: 9px;
  cursor: pointer;
  width: 71px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#bqCN:hover {
  background-color: red;
}

#bqCN_c {
  border: 1px solid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 3px;
  float: left;
  display: block;
  margin-left: 1.5%;
  cursor: pointer;
  width: 71.8px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#bqCN_c:hover {
  background-color: red;
}

#send-instruction {
  display: none;
  width: 100%;
  height: 20%;
  border-top: 1px solid;
}

#send-button-instruction {
  border: 1px solid;
  padding: 8px;
  margin-left: 6%;
  border-radius: 7px;
  float: right;
  margin-right: 60px;
  margin-top: 5%;
}

#changeButton {
  font-size: 19px;
  margin-top: 11px;
  margin-left: 4px;
  cursor: pointer;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
#changeButton:hover {
  color: greenyellow;
}

#addButton {
  font-size: 20px;
  margin-top: 12px;
  margin-left: 9px;
  cursor: pointer;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
#addButton:hover {
  color: blue;
}

#wiewIns {
  float: right;
  font-size: 23px;
  margin-top: 7px;
  cursor: pointer;
}
#wiewIns:hover {
  color: blue;
}

#personListInstruction {
  width: 55px;
}

#listInstruction {
  float: right;
  margin-right: 67px;
  margin-top: 16px;
}

.instruction-input {
  width: 64% !important;
}

#responseInstruction {
  height: 12px;
  margin-left: 7px;
  font-size: 38px;
}

#toggle {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 22px;
  margin-top: 47px;
  margin-left: -56px;
  -webkit-transform-origin: top;
  transform-origin: top;
  cursor: pointer;
}

#alertInstruction {
  height: 50px;
  background-color: #ffd400;
  position: fixed;
  margin-left: 73%;
  z-index: 99999;
  top: 30px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 350px;
}

#exclame {
  font-size: 46px;
  color: #5b5c5d;
  margin-left: 11px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  float: left;
}

#txtAlert {
  width: 90%;
  float: right;
  font-size: 16px;
  margin-top: 8px;
  overflow: hidden;
}

.eLPs {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-bottom: 1px solid;
  padding-left: 13px;
  font-size: 15px;
  display: table;
  padding-top: 4px;
  padding-bottom: 4px;
}

#addEtapToUser {
  margin-left: 12px;
  cursor: pointer;
  font-size: 21px;
}
#addEtapToUser:hover {
  color: chartreuse;
}

#dleteEtapToUser {
  cursor: pointer;
  font-weight: 700;
}
#dleteEtapToUser:hover {
  color: red;
}

#blockAnsw {
  width: 86px;
  height: 30px;
  font-size: 17px;
}

#yesAUP {
  float: left;
  border: 1px solid;
  padding: 5px;
  cursor: pointer;
}
#yesAUP:hover {
  color: chartreuse;
}

#noAUP {
  float: right;
  border: 1px solid;
  padding: 5px;
  cursor: pointer;
}
#noAUP:hover {
  color: red;
}

#mvChb {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: fixed;
  z-index: 10001;
  top: 23px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  right: 0;
  margin-top: 12px;
}

#wiewMess {
  position: relative;
  margin-top: 28px;
  margin-left: -19px;
  font-size: 25px;
  cursor: pointer;
}

.menu {
  -webkit-filter: url("#goo");
  filter: url("#goo");
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
  margin-top: 29px;
  margin-left: 82px;
}

.menu-item {
  background: #e91e63;
  border-radius: 100%;
  width: 80px;
  height: 80px;
  margin-left: -40px;
  position: absolute;
  top: 20px;
  color: white;
  -webkit-transition: -webkit-transform ease-out 200ms;
  transition: -webkit-transform ease-out 200ms;
  transition: transform ease-out 200ms;
  transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
  -webkit-transform: scale(1.1, 1.1) translate3d(13px, -49px, 0);
  transform: scale(1.1, 1.1) translate3d(13px, -49px, 0);
}
.menu-item:hover {
  background: white;
  color: #e91e63;
}
.menu-item:nth-child(3) {
  -webkit-transition-duration: 180ms;
  transition-duration: 180ms;
}
.menu-item:nth-child(4) {
  -webkit-transition-duration: 180ms;
  transition-duration: 180ms;
}
.menu-item:nth-child(5) {
  -webkit-transition-duration: 180ms;
  transition-duration: 180ms;
}
.menu-item:nth-child(6) {
  -webkit-transition-duration: 180ms;
  transition-duration: 180ms;
}
.menu-item:nth-child(7) {
  -webkit-transition-duration: 180ms;
  transition-duration: 180ms;
}
.menu-item:nth-child(8) {
  -webkit-transition-duration: 180ms;
  transition-duration: 180ms;
}
.menu-item:nth-child(9) {
  -webkit-transition-duration: 180ms;
  transition-duration: 180ms;
}

.menu-open-button {
  background: #5e5e5e;
  border-radius: 10%;
  width: 70px;
  height: 70px;
  margin-left: -40px;
  position: absolute;
  top: 20px;
  color: white;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform ease-out 200ms;
  transition: -webkit-transform ease-out 200ms;
  transition: transform ease-out 200ms;
  transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
  z-index: 2;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  -webkit-transform: scale(1.1, 1.1) translate3d(0, -49px, 0);
  transform: scale(1.1, 1.1) translate3d(0, -49px, 0);
  cursor: pointer;
}
.menu-open-button:hover {
  -webkit-transform: scale(1.2, 1.2) translate3d(0, -49px, 0);
  transform: scale(1.2, 1.2) translate3d(0, -49px, 0);
}

.menu-open {
  display: none;
}
.menu-open:checked + .menu-open-button {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
  transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}
.menu-open:checked + .menu-open-button .hamburger-1 {
  -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
  transform: translate3d(0, 0, 0) rotate(45deg);
}
.menu-open:checked + .menu-open-button .hamburger-2 {
  -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
  transform: translate3d(0, 0, 0) scale(0.1, 1);
}
.menu-open:checked + .menu-open-button .hamburger-3 {
  -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
  transform: translate3d(0, 0, 0) rotate(-45deg);
}
.menu-open:checked ~ .menu-item {
  -webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
  transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
}
.menu-open:checked ~ .menu-item:nth-child(3) {
  -webkit-transition-duration: 180ms;
  transition-duration: 180ms;
  -webkit-transform: translate3d(-48.03006px, -77.99997px, 0);
  transform: translate3d(-48.03006px, -77.99997px, 0);
}
.menu-open:checked ~ .menu-item:nth-child(4) {
  -webkit-transition-duration: 280ms;
  transition-duration: 280ms;
  -webkit-transform: translate3d(-48.03006px, -21.33095px, 0);
  transform: translate3d(-48.03006px, -21.33095px, 0);
}
.menu-open:checked ~ .menu-item:nth-child(5) {
  -webkit-transition-duration: 380ms;
  transition-duration: 380ms;
  -webkit-transform: translate3d(-48.03006px, 37.62064px, 0);
  transform: translate3d(-48.03006px, 37.62064px, 0);
}
.menu-open:checked ~ .menu-item:nth-child(6) {
  -webkit-transition-duration: 480ms;
  transition-duration: 480ms;
  -webkit-transform: translate3d(-48.03006px, 94.99997px, 0);
  transform: translate3d(-48.03006px, 94.99997px, 0);
}

.hamburger {
  width: 25px;
  height: 3px;
  background: white;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -12.5px;
  margin-top: -1.5px;
  -webkit-transition: -webkit-transform 200ms;
  transition: -webkit-transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms;
}

.hamburger-1 {
  -webkit-transform: translate3d(0, -8px, 0);
  transform: translate3d(0, -8px, 0);
}

.hamburger-2 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.hamburger-3 {
  -webkit-transform: translate3d(0, 8px, 0);
  transform: translate3d(0, 8px, 0);
}

.img_M {
  border-radius: 31px;
  width: 50px;
  height: 50px;
  overflow: hidden;
}

#instructContent {
  overflow: auto;
  height: 741px;
  font-size: 16px;
}

.iLit {
  display: block;
  min-width: 300px;
  max-width: 500px;
  padding: 12px;
  background-color: #b9b9b9;
}

.ILtoogle {
  float: left;
  margin-left: 9px;
  cursor: pointer;
  font-weight: 800;
}

.displayToggle {
  display: -ms-grid;
  display: grid;
}

.displayCheckbox {
  display: none;
  float: left;
}

#instructPart1 {
  width: 50%;
  float: left;
  overflow: auto;
  height: 100%;
  box-shadow: -19px -1px 7px -18px rgba(0, 0, 0, 0.75) inset;
  -webkit-box-shadow: -19px -1px 7px -18px rgba(0, 0, 0, 0.75) inset;
  -moz-box-shadow: -19px -1px 7px -18px rgba(0, 0, 0, 0.75) inset;
}

#instructPart2 {
  width: 50%;
  float: left;
  overflow: initial;
  position: relative;
}

#sendInstrunction {
  float: left;
  width: 100%;
}

#instrunction-input {
  width: 83%;
  margin-top: 2%;
  height: 100px;
}

.instructionMess {
  border: 1px solid;
  padding: 10px;
  width: 370px;
  padding-right: 19px;
}

.dellIsnt {
  cursor: pointer;
  border: 1px solid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 3px;
  float: left;
  margin-left: -16px;
  height: 10px;
  font-size: 12px;
}
.dellIsnt:hover {
  background-color: #e69c9c;
}

.divAnswer {
  float: left;
  z-index: 99;
  margin-left: -15px;
  font-size: 12px;
  background-color: #fff;
}

.resN {
  border: 1px solid;
  padding: 2px;
  margin-left: -1px;
  cursor: pointer;
}
.resN:hover {
  background-color: #e49393;
}

.resY {
  border: 1px solid;
  padding: 2px;
  margin-left: -1px;
  cursor: pointer;
  margin-top: 2px;
}
.resY:hover {
  background-color: #a7e493;
}

.numb {
  float: left;
}

#toggleTable {
  cursor: pointer;
  font-size: 25px;
}

.inst {
  text-align: left !important;
  display: contents;
}

.chkbox_label_instr {
  border: 1px solid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}

.label_ck_inst_2 {
  float: right;
  margin-right: 30px;
  margin-left: 9px;
}

.label_ck_inst {
  float: right;
  margin-left: 9px;
}

.e {
  background-color: cadetblue;
  padding: 6px;
}

.lilili {
  width: 100%;
  padding: 6px;
  background-color: antiquewhite;
}

.lilili_2 {
  display: -ms-grid;
  display: grid;
  background-color: coral;
  width: 105.4%;
  margin-top: 7px;
  padding-top: 8px;
  padding-left: 5px;
}

.lilili_3 {
  display: -ms-grid;
  display: grid;
  background-color: #83c6ff;
  width: 99.3%;
  padding-top: 10px;
  padding-left: 4px;
}

.lilili_4 {
  display: -ms-grid;
  display: grid;
  background-color: #c5c49f;
  width: 99%;
  padding-top: 10px;
  padding-left: 4px;
}

.tglIn {
  display: inline-block;
  cursor: pointer;
  padding: 4px;
  background-color: aquamarine;
  font-weight: 700;
}
.tglIn:hover {
  background-color: #d2d2d2;
}

.nameIn {
  display: inline-block;
  cursor: pointer;
  padding: 4px;
  width: 92%;
  background-color: aquamarine;
}
.nameIn:hover {
  background-color: #d2d2d2;
}

.nameInPers {
  cursor: pointer;
  padding: 4px;
}
.nameInPers:hover {
  background-color: #d2d2d2;
}

.ul_subPart1 {
  margin-left: 17px;
  background-color: blanchedalmond;
  max-width: 300px;
  display: none;
}

.liPart1 {
  max-width: 317px;
  background-color: blanchedalmond;
}

#activeLI {
  background-color: #777777;
}

.divParNameAdd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  color: #8c8c8c;
}

.divAdd {
  margin-left: 12px;
  cursor: pointer;
  font-weight: 900;
  width: 20px;
  text-align: center;
}
.divAdd:hover {
  color: #0da52d;
  background-color: #e4e4e4;
}

.txtLI {
  width: 700px;
}

.liIns {
  display: inline-block;
  width: 100%;
  padding: 5px;
  padding-right: 0px;
  padding-left: 0px;
}

.mainTxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
}

.mainD2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dellInst {
  padding: 5px;
  margin-left: 10px;
  font-weight: 800;
  color: #afafaf;
  cursor: pointer;
}
.dellInst:hover {
  color: red;
}

.liAdd {
  padding: 5px;
  margin-left: 10px;
  font-weight: 800;
  color: #afafaf;
  cursor: pointer;
}
.liAdd:hover {
  color: blue;
}

.tglIn_none {
  display: inline-block;
  cursor: pointer;
  padding: 4px;
  background-color: aquamarine;
}

.nameUserInstr {
  width: 100%;
  border-top: 1px solid;
  padding: 16px;
  background-color: antiquewhite;
}

.txtLI_resp {
  width: 675px;
}

.mainTxt_resp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  margin-left: 12px;
}

.txtLI_resp_2 {
  width: 666px;
}

.mainTxt_resp_2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  margin-left: 34px;
}

.liInsert {
  padding: 5px;
  margin-left: 10px;
  font-weight: 800;
  color: #afafaf;
  cursor: pointer;
}
.liInsert:hover {
  color: green;
}

.liTempIns {
  display: inline-block;
  width: 100%;
  padding: 5px;
  background-color: #7fedff;
}

.btnYesInstrDell {
  padding: 3px;
  border: 1px solid;
  z-index: 9999;
  font-size: 13px;
  cursor: pointer;
  margin-top: -14px;
  margin-left: 8px;
}
.btnYesInstrDell:hover {
  color: green;
}

.btnNoInstrDell {
  padding: 3px;
  border: 1px solid;
  z-index: 9999;
  font-size: 13px;
  cursor: pointer;
  margin-top: 3px;
  margin-left: 8px;
  resize: both;
}
.btnNoInstrDell:hover {
  color: red;
}

.blockMoveInstr {
  position: absolute;
  margin-top: -32px;
  margin-left: -16px;
  color: rgba(232, 232, 232, 0.4509803922);
}
.blockMoveInstr > div:hover {
  color: #ec6322;
}

.moveDownIntr {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  cursor: pointer;
}

.moveUpIntr {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin-left: 3px;
  cursor: pointer;
}

.blockMoveInstr_2 {
  position: absolute;
  margin-top: -32px;
  margin-left: -6px;
  color: rgba(232, 232, 232, 0.4509803922);
}
.blockMoveInstr_2 > div:hover {
  color: #22b4ec;
}

.blockMoveInstr_resp_2 {
  position: absolute;
  margin-top: -32px;
  margin-left: 14px;
  color: rgba(232, 232, 232, 0.4509803922);
}
.blockMoveInstr_resp_2 > div:hover {
  color: #22ec57;
}

#btnBackAction {
  position: absolute;
  margin-left: 38%;
  display: block;
  background-color: cadetblue;
  border: 1px solid;
  border-radius: 99px;
  padding: 9px;
  font-size: 39px;
  font-weight: 900;
  padding-top: 3px;
  padding-bottom: 7px;
  cursor: pointer;
  color: antiquewhite;
  float: right;
  margin-top: 14%;
}
#btnBackAction:hover {
  color: #b13535;
}

#divParetnUlPart1 {
  float: left;
  display: block;
  width: 421px;
  display: none;
}

#btnBackPrewAction {
  position: absolute;
  margin-left: 41%;
  display: block;
  background-color: cadetblue;
  border: 1px solid;
  border-radius: 99px;
  padding: 9px;
  font-size: 39px;
  font-weight: 900;
  padding-top: 3px;
  padding-bottom: 7px;
  cursor: pointer;
  color: antiquewhite;
  float: right;
  margin-top: 14%;
}
#btnBackPrewAction:hover {
  color: #b13535;
}

#alertMess {
  background-color: #606062;
  position: fixed;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 999;
}
#alertMess > div {
  color: #fff;
  position: relative;
}

#nameUserAlert {
  top: 4%;
  font-size: 36px;
  width: 100%;
  text-align: center;
}

#netMessAlert {
  margin-left: 10%;
  font-size: 28px;
  margin-top: 227px;
}

#processMessAlert {
  margin-top: 227px;
  margin-left: 44%;
  font-size: 28px;
}

#openMessAlert {
  margin-top: 227px;
  font-size: 28px;
  margin-left: 75%;
}

#missMessAlert {
  margin-top: 2%;
  font-size: 28px;
  margin-left: 5%;
}

#div_q_m {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 28px;
  margin-top: 1%;
  margin-left: 93px;
}

#div_q_mp_2 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: red;
  text-align: center;
  padding: 3px;
  border-radius: 19px;
  margin-left: 8px;
  cursor: pointer;
  min-width: 25px;
}

#div_q_mp_2_p {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: red;
  text-align: center;
  padding: 3px;
  border-radius: 7px;
  margin-left: 8px;
  cursor: pointer;
}

#div_q_i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 28px;
  margin-top: 1%;
  margin-left: 93px;
}

#div_q_ip_2 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: red;
  text-align: center;
  padding: 3px;
  border-radius: 7px;
  margin-left: 8px;
  cursor: pointer;
}

#div_q_Proccess_1_1 {
  background: -webkit-gradient(linear, left top, right top, from(#020024), color-stop(0%, #05c70b), to(#ff0000));
  background: linear-gradient(90deg, #020024 0%, #05c70b 0%, #ff0000 100%);
  width: 200px;
  border: 1px solid #000;
  margin-left: 12px;
}

#div_q_Proccess_1_2 {
  height: 28px;
  background: #fff;
  float: right;
}

#div_q_Proccess {
  font-size: 28px;
  height: 0px;
}

#div_q_Proccess_1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2%;
  margin-left: 90px;
}

#div_q_Proccess2_1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3%;
  margin-left: 90px;
}

.noWorkInProcess {
  background-color: white;
  margin-top: 146px;
  height: 111px;
  width: 100%;
  text-align: center;
  font-size: 31px;
  line-height: 111px;
}

#btnShowAllInfoProcess {
  border: 1px solid;
  width: 387px;
  font-size: 27px;
  text-align: center;
  cursor: pointer;
  margin-top: 3%;
  margin-left: 42%;
}
#btnShowAllInfoProcess:hover {
  background-color: #fff;
  color: #606062;
}

.TEMPBTN {
  cursor: pointer;
  border: 1px solid;
  padding: 5px;
  display: none;
}

.btnOKtirajReady {
  cursor: pointer;
  border: 1px solid;
  padding: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 28px;
  margin-left: 7px;
  padding-left: 9px;
  padding-right: 9px;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.tehMap {
  width: 42px;
}

.imgTable {
  width: 42px;
}

.workname {
  width: 127px;
}

.clientname {
  width: 143px;
}

.tirajTable {
  width: 113px;
}

.tipTable {
  width: 82px;
}

.descTable {
  width: 260px;
}

.desc2Table {
  width: 260px;
}

.deadLineWorkNewRasciot {
  direction: ltr;
  overflow: hidden;
}

.deadLineWorkNewRasciot:not(:focus) {
  direction: rtl;
  text-align: left;
  unicode-bidi: plaintext;
}

.deadLRaciotTable {
  width: 52px;
}

.btn_ck_delivered_part {
  padding: 5px;
  border: 1px solid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: none;
  cursor: pointer;
}

.btnReverse {
  height: 20px;
  margin-right: 6px;
}

.celNeed {
  width: 45%;
  height: 300px;
  background-color: #ffffff;
  position: fixed;
  margin-left: 27%;
  margin-top: 14%;
  border: 1px solid #bfbbbb;
  border-radius: 26px;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.75);
  display: inline-table;
}

.nameDivR {
  width: 100%;
  text-align: center;
  background-color: #9b9d9b;
  font-size: 22px;
  padding-top: 13px;
  padding-bottom: 13px;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}

#tirajDiv {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
}
#tirajDiv > div {
  width: 33.33%;
  text-align: center;
  font-size: 19px;
  border-right: 1px solid;
}
#tirajDiv > div:last-child {
  border-right: none;
}

#formReadyTirajResaciot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}

#messFormRasciot {
  width: 100%;
  text-align: center;
  font-size: 22px;
  margin-top: 32px;
  margin-bottom: 35px;
}

#closeFormRasciot {
  cursor: pointer;
  font-size: 28px;
  position: absolute;
  right: 16px;
  top: 7px;
}
#closeFormRasciot:hover {
  color: red;
}

.keyDivKeyboard {
  width: 30px;
  border: 1px solid;
  display: inline-block;
  font-size: 24px;
  padding: 9px;
  margin: 3px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
}
.keyDivKeyboard:hover {
  background-color: grey;
  color: #fff;
}

#mainDivKeyboard {
  width: 170px;
  border: 1px solid;
  background-color: #fff;
  margin: auto;
  margin-top: 12px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
}

.inputWindthRasciot {
  width: 46px;
  height: 28px;
}

#historyBtnRasciot {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  float: right;
  border: 1px solid;
  margin-top: -14.4%;
  margin-right: 14%;
  padding: 5px;
  cursor: pointer;
}

#historyRasciotDiv {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  float: right;
  margin-top: -11%;
  margin-right: 0%;
  padding: 5px;
  overflow: auto;
  height: 156px;
  position: absolute;
}

.tdHystoriRasciot {
  border-right: 1px solid #b5b5b5;
  text-align: center;
  padding-top: 5px;
  padding-left: 3px;
  padding-right: 3px;
}

.theadHystoriRasciot {
  background-color: darkgray;
  color: #fff;
  font-weight: 400;
}

.getHistoryRasciotTechMap {
  cursor: pointer;
}
.getHistoryRasciotTechMap:hover {
  text-decoration: underline;
}

#historyBlockRasciot {
  display: none;
  width: 800px;
  height: 300px;
  position: fixed;
  background-color: bisque;
  margin-left: 31%;
  margin-top: 12%;
}

#historyBlockRasciot_name {
  width: 100%;
  height: 25px;
  background-color: aliceblue;
  font-size: 27px;
  padding-top: 5px;
  padding-bottom: 10px;
  cursor: context-menu;
  position: absolute;
}

#historyBlockRasciot_close {
  position: absolute;
  margin-left: 96.4%;
  font-size: 32px;
  margin-top: 3px;
  cursor: pointer;
}
#historyBlockRasciot_close:hover {
  color: red;
}

#historyBlockRasciot_main {
  position: absolute;
  margin-top: 40px;
  width: 100%;
  overflow: auto;
  height: 260px;
}

#tableHistoryRasciot {
  width: 100%;
}
#tableHistoryRasciot thead {
  font-size: 13px;
}
#tableHistoryRasciot tr th {
  text-align: center;
  padding-top: 4px;
  padding-bottom: 4px;
}

.nameUserHistoryWork {
  font-size: 23px;
  padding: 15px;
  float: left;
  cursor: context-menu;
}

.addHistoryYearUser {
  font-size: 23px;
  padding: 15px;
  float: left;
  cursor: pointer;
}

.divYearUserHistoryQuest {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  float: left;
  text-align: center;
  cursor: pointer;
  background-color: antiquewhite;
  padding: 8px;
  font-size: 22px;
}
.divYearUserHistoryQuest:hover {
  background-color: grey;
  color: #fff;
}

.divBlockYear {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  float: left;
  padding-bottom: 5px;
}

.divMonthHistory {
  float: left;
  text-align: center;
  font-size: 24px;
  padding-top: 1px;
  padding-bottom: 1px;
  cursor: pointer;
}

.divMonthUserHistoryQuest {
  padding-top: 5px;
  padding-bottom: 5px;
}
.divMonthUserHistoryQuest:hover {
  background-color: gray;
  color: #fff;
}

.divYearUserHistoryQuest_active {
  background-color: #a7a7a7 !important;
  color: #fff;
}

.divDayHistory {
  float: left;
  cursor: pointer;
}

.divDaythUserHistoryQuest {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  float: left;
  text-align: center;
  cursor: pointer;
  background-color: antiquewhite;
  font-size: 22px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.divDaythUserHistoryQuest:hover {
  background-color: grey !important;
  color: #fff;
}

.tdHystoriDataUserWork {
  border-right: 1px solid #b5b5b5;
  text-align: center;
  padding-top: 5px;
  padding-left: 3px;
  padding-right: 3px;
}

.theadHystoriDataUserWork {
  background-color: darkgray;
  color: #fff;
  font-weight: 400;
}
.theadHystoriDataUserWork > tr > th {
  font-size: 20px;
  text-align: center;
}

.tableHystoriDataUserWork {
  width: 80%;
  margin: auto;
}

.questDescriptionEdit {
  width: 86%;
  height: 150px;
  margin-left: 7%;
}

.td_name_desc_quest {
  text-align: center;
  padding-bottom: 13px;
}

#idQuest_p {
  text-align: center;
  margin-top: 68px;
  font-size: 28px;
}

.saveQuestButons {
  display: none;
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 30px;
}

#timerQuest_pageEdit {
  margin: auto !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  display: block !important;
  margin-top: 26px !important;
  font-size: 23px !important;
}

.delEqUser {
  display: none;
  float: right;
  margin-left: 7px;
  font-size: 15px;
  margin-top: -1px;
}

.addPersonFromQuest {
  float: right;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  margin-left: 17px;
  background-color: #fb182d;
  color: #fff;
  padding: 7px;
  border-radius: 27px;
  font-size: 14px;
  cursor: pointer;
  margin-top: 7px;
}

.job_title_this {
  font-size: 30px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  color: #dedede;
  margin-top: 33px;
}

.centerHeader {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}

.tb_th_ql {
  padding: 0.4em;
  font-weight: bold;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
}

.khronikQuest {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid;
  padding: 2px;
  cursor: pointer;
}
.khronikQuest:hover {
  background-color: #000;
  color: #fff;
}

#khronikQuest {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: fixed;
  background-color: #fff;
  margin-left: 40%;
  padding: 7px;
  border: 1px dotted;
  margin-top: 30vh;
  display: none;
  overflow: auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 90%;
  z-index: 99999999;
}

#closeKhronikQuest {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 6px;
  font-size: 16px;
  cursor: pointer;
  float: left;
  margin-left: 8%;
}
#closeKhronikQuest:hover {
  color: red;
}

.khronikQuestBtnDetail {
  margin-left: 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  float: left;
  border: 1px solid;
  padding: 5px;
  cursor: pointer;
  margin-bottom: 6px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.khronikQuestBtnDetail:hover {
  color: #fff;
  background-color: gray;
}

.khronikQuestName {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  float: left;
  font-size: 18px;
  text-align: center;
  margin-left: 16%;
}

#closeTemp {
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 99999999999;
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#closeTemp div {
  color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  font-size: 20px;
}

.disTxt {
  font-size: 0.9em;
  min-width: 41px;
}

.arrowTBLS {
  color: #d4d4d4;
  display: contents;
}

.addInGRoupTemp {
  font-size: 31px;
  cursor: pointer;
  font-weight: 900;
}

#groupedRasciotTemp {
  float: right;
  font-size: 23px;
  cursor: pointer;
  display: none;
}

.delInGRoupTemp {
  display: none;
  float: right;
  margin-right: 10px;
  font-size: 19px;
  cursor: pointer;
}
.delInGRoupTemp:hover {
  color: red;
}

.delInGRoupDisabled {
  color: gray;
}
.delInGRoupDisabled:hover {
  color: gray !important;
}

.switchTumblr {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.switchTumblr .inputTumblr {
  opacity: 0;
  width: 0;
  height: 0;
}

.sliderTumblr {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sliderTumblr:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.inputTumblr:checked + .sliderTumblr {
  background-color: #2196F3;
}
.inputTumblr:checked + .sliderTumblr:before {
  -webkit-transform: translateX(26px);
  transform: translateX(26px);
}
.inputTumblr:focus + .sliderTumblr {
  -webkit-box-shadow: 0 0 1px #2196F3;
          box-shadow: 0 0 1px #2196F3;
}

.switchTumblr2 {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 17px;
}
.switchTumblr2 .inputTumblr2 {
  opacity: 0;
  width: 0;
  height: 0;
}

.sliderTumblr2 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sliderTumblr2:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 10px;
  left: 2px;
  bottom: 1.5px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.inputTumblr2:checked + .sliderTumblr2 {
  background-color: #60ccfd;
}
.inputTumblr2:checked + .sliderTumblr2:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.inputTumblr2:focus + .sliderTumblr2 {
  -webkit-box-shadow: 0 0 1px #2196F3;
          box-shadow: 0 0 1px #2196F3;
}

.switchTumblr3 {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 17px;
}
.switchTumblr3 .inputTumblr3 {
  opacity: 0;
  width: 0;
  height: 0;
}

.sliderTumblr3 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sliderTumblr3:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 10px;
  left: 2px;
  bottom: 1.5px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.inputTumblr3:checked + .sliderTumblr3 {
  background-color: #60ccfd;
}
.inputTumblr3:checked + .sliderTumblr3:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.inputTumblr3:focus + .sliderTumblr3 {
  -webkit-box-shadow: 0 0 1px #2196F3;
          box-shadow: 0 0 1px #2196F3;
}

.switchTumblrUser {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 17px;
}
.switchTumblrUser .inputTumblrUser {
  opacity: 0;
  width: 0;
  height: 0;
}
.switchTumblrUser .inputTumblrUser2 {
  opacity: 0;
  width: 0;
  height: 0;
}

.sliderTumblrUser {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sliderTumblrUser:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 10px;
  left: 2px;
  bottom: 1.5px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.inputTumblrUser:checked + .sliderTumblrUser {
  background-color: #60ccfd;
}
.inputTumblrUser:checked + .sliderTumblrUser:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.inputTumblrUser:focus + .sliderTumblrUser {
  -webkit-box-shadow: 0 0 1px #2196F3;
          box-shadow: 0 0 1px #2196F3;
}

.inputTumblrUser2:checked + .sliderTumblrUser {
  background-color: #60ccfd;
}
.inputTumblrUser2:checked + .sliderTumblrUser:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.inputTumblrUser2:focus + .sliderTumblrUser {
  -webkit-box-shadow: 0 0 1px #2196F3;
          box-shadow: 0 0 1px #2196F3;
}

.switchTumblr2Main {
  position: absolute;
  display: inline-block;
  width: 34px;
  height: 22px;
  margin-top: 6px !important;
  margin-left: 6px !important;
}
.switchTumblr2Main .inputTumblr2Main {
  opacity: 0;
  width: 0;
  height: 0;
}

.sliderTumblr2Main {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sliderTumblr2Main:before {
  position: absolute;
  content: "";
  height: 19px;
  width: 15px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.inputTumblr2Main:checked + .sliderTumblr2Main {
  background-color: #60ccfd;
}
.inputTumblr2Main:checked + .sliderTumblr2Main:before {
  -webkit-transform: translateX(14px);
  transform: translateX(14px);
}
.inputTumblr2Main:focus + .sliderTumblr2Main {
  -webkit-box-shadow: 0 0 1px #2196F3;
          box-shadow: 0 0 1px #2196F3;
}

.switchTumblrAditional {
  position: absolute;
  display: inline-block;
  width: 34px !important;
  height: 22px !important;
  margin-left: 11px !important;
}
.switchTumblrAditional .inputTumblrAditional {
  opacity: 0;
  width: 0;
  height: 0;
}

.sliderTumblrAditional {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sliderTumblrAditional:before {
  position: absolute;
  content: "";
  height: 19px;
  width: 15px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.inputTumblrAditional:checked + .sliderTumblrAditional {
  background-color: #60ccfd;
}
.inputTumblrAditional:checked + .sliderTumblrAditional:before {
  -webkit-transform: translateX(14px);
  transform: translateX(14px);
}
.inputTumblrAditional:focus + .sliderTumblrAditional {
  -webkit-box-shadow: 0 0 1px #2196F3;
          box-shadow: 0 0 1px #2196F3;
}

.bold2 {
  font-weight: bold;
  color: #1d1d1d;
}

.styleGrey {
  color: #333333;
}

.aditionalTxt {
  display: inline-block;
  margin-left: 97px !important;
  position: absolute;
  margin-top: 3px !important;
  color: #565656;
  font-size: 13px;
}

table#clientsTable {
  margin-top: 5px !important;
  display: table;
}
table#clientsTable thead tr {
  color: #8a8a8a;
  font-weight: bold;
  background: #eaeaea;
}
table#clientsTable thead tr th {
  padding: 0.4em;
  font-weight: bold;
}
table#clientsTable td {
  text-align: left;
  padding: 0.1em;
}

.mark_important {
  display: none;
  padding: 0;
}

#mark_rasciots_as_important {
  display: none;
}

.ex_important {
  width: 13.67px;
  height: 22.22px;
  margin-top: -4px;
  margin-left: 4px;
  margin-bottom: -22px;
  position: relative;
  float: right;
  margin-right: 7px;
}

#grupedAuto {
  cursor: pointer;
  margin-left: 24px !important;
}

.blockMoveInUser {
  position: absolute;
  margin-left: -5px;
  color: rgba(0, 0, 0, 0.0509803922);
  margin-top: -13px;
}
.blockMoveInUser > div:hover {
  color: #60ccfd;
}

.moveDownInUser {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  cursor: pointer;
  margin-left: 1.238px;
}

.artefact {
  margin-top: 6px;
}

#formAddUser {
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 22px;
}

#btn_addUser {
  border: 1px solid;
}

.updateUser {
  border: 1px solid;
}

#blureBack {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7215686275);
  z-index: 9999;
  position: fixed;
}

#blockEditStats {
  z-index: 10000;
}

#grupedAuto2 {
  z-index: 10000;
  margin-left: -56px !important;
}

.tableRasciot {
  width: 100%;
  z-index: 10000;
  position: sticky;
  background-color: white;
}

#editWorkPending {
  cursor: pointer;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

#editWorkStat {
  cursor: pointer;
}

.grayDisabled {
  background-color: #f7f7f7;
}

#wiewImg {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.3411764706);
  width: 100%;
  height: 100%;
  z-index: 9999999999;
  display: none;
}

#main_wiewImg {
  width: 80%;
  height: 80%;
  margin: auto;
  margin-top: 5%;
  display: block;
}

#close_wiewImg {
  float: right;
  margin-right: 4%;
  width: 40px;
  height: 40px;
  background-color: #757575;
  margin-top: 2%;
  text-align: center;
  line-height: 40px;
  font-size: 27px;
  color: white;
  cursor: pointer;
}
#close_wiewImg:hover {
  color: #4e4c4c;
}

#img_in_wiev {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.resizer {
  width: 14px;
  height: 14px;
  position: absolute;
  bottom: 0;
  cursor: ne-resize;
  font-size: 14px;
  font-weight: 900;
}

#labelImgChat {
  width: 7%;
  display: inline-block;
  height: 100%;
  text-align: center;
}

#parent_down_response {
  position: absolute;
  right: 0;
  width: 70.2%;
  margin-top: -41px;
}

#resizeChat {
  width: 18px;
  height: 20px;
  right: 19px;
  position: absolute;
  margin-top: 4px;
  font-size: 22px;
  cursor: pointer;
  color: #fff;
}

#reader {
  float: right;
  margin-top: 19px;
  color: #969696;
  margin-right: -24px;
  font-size: 24px;
}

.q_a {
  width: auto;
  text-decoration: none;
  font-size: 17px;
  color: black;
  height: auto;
  display: block;
}

.q_line:hover {
  outline: 2px solid #60ccfd;
}

#hideSubmit {
  display: none;
}

#quest_cheked {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px;
  margin-top: 12px;
  color: #03a201;
}

.titleQP {
  text-align: center !important;
  font-size: 16px;
  padding-top: 12px;
  color: #4e4e4e;
  margin-top: 46px;
  font-weight: 700;
}

.stopBtnTimerQPage {
  float: right;
  margin-left: 94px;
  width: 63px;
}

.startBtnTimerQPage {
  display: inline-block;
  width: 63px;
}

#bqC_QP {
  text-align: center;
  display: inline-block;
  float: right;
}

#bqCH1 {
  display: inline-block;
  float: right;
  font-size: 12px;
  margin-left: 5px;
  margin-top: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#controlledQP {
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid;
  padding: 3px;
  cursor: pointer;
  display: inline-block;
  margin-left: 9px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#controlledQP_2 {
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid;
  padding: 3px;
  cursor: pointer;
  display: inline-block;
  margin-left: 57px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#create_inf {
  font-size: 11px;
  font-style: italic;
  color: #7b7a7a;
  margin-top: 6px;
}

#executer {
  font-size: 11px;
  font-style: italic;
  color: #7b7a7a;
  margin-top: 6px;
}

#info_quest {
  display: inline-block;
  width: 100%;
}

.select_q {
  font-size: 11px;
  display: none;
}

.ctrl {
  width: 100%;
  position: static;
}

.nortification {
  display: block;
  font-size: 14px;
  width: 100%;
  padding: 5px 0;
  position: absolute;
  top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #deb900;
  color: #fff;
  font-weight: bold;
  text-align: center;
  z-index: 99999999999;
}

.nortification-stop {
  display: block;
  font-size: 14px;
  width: 100%;
  padding: 5px 0;
  position: absolute;
  top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #3dcbe2;
  color: #fff;
  font-weight: bold;
  text-align: center;
  z-index: 99999999999;
}

.nortification-next-check {
  display: block;
  font-size: 14px;
  width: 100%;
  padding: 5px 0;
  position: absolute;
  top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f71dff;
  color: #fff;
  font-weight: bold;
  text-align: center;
  z-index: 99999999999;
}

.nortification-return-quest {
  display: block;
  font-size: 14px;
  width: 100%;
  padding: 5px 0;
  position: absolute;
  top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ec1212;
  color: #fff;
  font-weight: bold;
  text-align: center;
  z-index: 99999999999;
}

.nortification-checked-quest {
  display: block;
  font-size: 14px;
  width: 100%;
  padding: 5px 0;
  position: absolute;
  top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #00c718;
  color: #fff;
  font-weight: bold;
  text-align: center;
  z-index: 99999999999;
}

.animateOpen {
  -webkit-animation: moveOpen 8s;
  -webkit-animation-fill-mode: forwards;
}

.animateQuestTab {
  -webkit-animation: animateQuestTab 2s infinite;
          animation: animateQuestTab 2s infinite;
}

.newExecuteQuest {
  background-color: rgba(255, 255, 0, 0.2392156863) !important;
}

#miss_quest {
  display: none;
  color: red;
  height: 17px;
  overflow: hidden;
  font-size: 18px;
  position: absolute;
  z-index: 1000;
  margin-left: -10px;
  margin-top: -55px;
  background-color: #fbff00;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 3px;
  border-radius: 10%;
}

#messageQuest {
  border: 1px solid #FFDCAD;
  display: block;
  width: 88%;
  margin-top: 7px;
  padding: 7px;
  margin-left: 1px;
  background-color: #FFDCAD;
  color: black;
  font-family: inherit;
  font-size: 14px;
}

#descQuest {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-bottom: 12px;
  max-width: 100%;
  word-wrap: break-word;
}

.inputTimer {
  width: 69px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.inputTimer:focus {
  cursor: default;
  outline: 0;
}
.inputTimer:hover {
  cursor: pointer;
}

.btnTimer {
  width: 48px;
  height: 48px;
  padding: 0px;
  font-size: 33px;
  color: #6d6d6d;
  margin-left: 5px;
}

.btnTimerStop {
  display: block;
  width: 48px;
  height: 48px;
  padding: 0px;
  float: right;
  font-size: 33px;
  color: #6d6d6d;
}

.Sw_tmblrMultyTimer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 17px;
}
.Sw_tmblrMultyTimer .input_tmblrMultyTimer {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider_tmblrMultyTimer {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider_tmblrMultyTimer:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 10px;
  left: 2px;
  bottom: 1.5px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.input_tmblrMultyTimer:checked + .slider_tmblrMultyTimer {
  background-color: #60ccfd;
}
.input_tmblrMultyTimer:checked + .slider_tmblrMultyTimer:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.input_tmblrMultyTimer:focus + .slider_tmblrMultyTimer {
  -webkit-box-shadow: 0 0 1px #2196F3;
          box-shadow: 0 0 1px #2196F3;
}

.blockControled {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  float: right;
  width: calc(100% - 77px);
}

#bqC_QP_ret {
  text-align: center;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

#bqC_QP_ret_chat {
  text-align: center;
  display: inline-block;
  width: 100%;
}

#bqCY_ret {
  border: 1px solid;
  width: -webkit-fit-content;
  width: 47px;
  padding: 3px;
  cursor: pointer;
  display: inline-block;
  float: right;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.inputResponse {
  min-width: 33px;
  width: 67%;
}

#bqCN_ret {
  border: 1px solid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 3px;
  float: right;
  cursor: pointer;
  margin-left: 7px;
  margin-right: 7px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#bqCY_ret_chat {
  border: 1px solid;
  width: -webkit-fit-content;
  width: 71.8px;
  padding: 3px;
  margin-left: 0.5%;
  cursor: pointer;
  display: inline-block;
  float: left;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-bottom: 2px;
}

#input_ret_chat {
  width: calc(100% - 177px);
  display: block;
  float: left;
  min-width: 139px;
  margin-left: 4px;
}

#bqCN_ret_chat {
  border: 1px solid;
  width: -webkit-fit-content;
  width: 53.36px;
  padding: 3px;
  float: left;
  cursor: pointer;
  margin-left: 1.5%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.return_note_chat {
  width: calc(100% + 10px);
  background-color: #daa6a6;
  display: block;
  margin-left: -7px;
  border-top: 1px solid #e04949;
  padding: 2px;
  word-wrap: break-word;
}

.return_note_chat_resp {
  width: calc(100% + 10px);
  background-color: #a6dac0;
  display: inline-block;
  margin-left: -7px;
  border-top: 1px solid #49e07e;
  padding: 2px;
  word-wrap: break-word;
}

.div_note_box {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 12px;
  margin-bottom: -7px;
}

.allM {
  margin-top: 0px !important;
  font-size: 16px !important;
  height: 16px !important;
  margin-left: 4px !important;
  display: none;
}

.persM {
  height: 16px !important;
  display: none;
}

.questM {
  margin-top: 24px;
  height: 16px !important;
  display: none;
}

.instrM {
  bottom: 0;
  height: 16px !important;
  display: none;
}

.create_manager_user_quest {
  display: none;
  color: #8c8c8c;
  margin-left: 7px;
  font-weight: 900;
}

#createQuestsMy {
  display: none;
  color: #616161;
  height: 17px;
  overflow: hidden;
  font-size: 18px;
  position: absolute;
  z-index: 1000;
  right: -3px;
  margin-top: -55px;
  background-color: #eaeaea;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 3px;
  border-radius: 10%;
}

#bqC_QP_ret_user {
  text-align: center;
  margin-top: 8px;
  padding: 6px;
  display: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  float: right;
  width: 59%;
}

#bqC_QP_ret_user_page {
  text-align: center;
  display: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 13px;
}

#bqCY_ret_page {
  border: 1px solid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2px;
  margin-left: 17px;
  cursor: pointer;
  display: inline-block;
  width: 51px;
}

.td3_qp_ta_q {
  width: 802px;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #4c4c4c;
  white-space: nowrap;
}

.inputResponse_page {
  width: 136px;
}

.timeChatResponse {
  float: right;
  margin-right: 5px;
  font-style: italic;
  color: #313131;
  font-size: 12px;
}

.a_questPage {
  text-decoration: none;
  font-size: 1.1em;
  padding-bottom: 0.6em;
  padding-top: 0.6em;
  color: #000;
}

.q_td {
  cursor: pointer;
}

#khronikQuest2 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: fixed;
  background-color: #fff;
  margin-left: 40%;
  padding: 7px;
  border: 1px dotted;
  margin-top: 15vw;
  display: none;
  overflow: auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 90%;
}

#fullKhronik {
  position: fixed;
  display: none;
  background-color: #404040;
  width: 100%;
  height: 100%;
  z-index: 9999999999999;
  top: 0px;
  overflow: scroll;
  overflow-x: hidden;
}

#mainInfoFullKhronik {
  width: 50%;
  margin: auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 5%;
}

#closeFullKhronik {
  margin: auto;
  float: right;
  cursor: pointer;
  font-size: 34px;
  color: white;
}
#closeFullKhronik:hover {
  color: red;
}

#emptyMainInfoKhronik {
  display: block;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  float: left;
  color: #fff;
}

#boxListKhronik {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 15px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #8dccf9;
  display: flow-root;
}

#dateKhronikFullQuest {
  width: 30%;
  float: left;
}

#nameKhronikFullQuest {
  width: 34%;
  float: left;
}

#actionKhronikFullQuest {
  width: 20%;
  float: right;
  word-wrap: break-word;
  display: inline-block;
}

#responseKhronikFullQuest {
  width: 30%;
  float: left;
  background-color: rgba(5, 179, 5, 0.3803921569);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 4px;
  padding: 4px;
  text-align: center;
}

#responseTxtKhronikFullQuest {
  width: 68%;
  background-color: rgba(5, 179, 5, 0.3803921569);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  float: left;
  margin-top: 4px;
  padding: 4px;
}

#emptyRespKhronikFullQuest {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: flow-root;
}

#timerKhronikFullQuest {
  float: left;
}

#returnKhronikFullQuest {
  width: 30%;
  float: left;
  background-color: rgba(179, 21, 5, 0.3803921569);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 4px;
  padding: 4px;
  text-align: center;
}

#returnTxtKhronikFullQuest {
  width: 68%;
  background-color: rgba(179, 21, 5, 0.3803921569);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  float: left;
  margin-top: 4px;
  padding: 4px;
}

#oldDataKhronikFullQuest {
  width: 50%;
  float: left;
  text-align: center;
  margin-top: 6px;
}

#newDataKhronikFullQuest {
  width: 50%;
  float: left;
  text-align: center;
  margin-top: 6px;
}

#titleOldDataKhronikFull {
  background-color: #b38e56;
  padding-top: 4px;
  padding-bottom: 4px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: block;
}

#titleNewDataKhronikFull {
  background-color: #5691b3;
  padding-top: 4px;
  padding-bottom: 4px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: block;
}

#txtOldDataKhronikFull {
  display: block;
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: #636363;
}

#txtNewDataKhronikFull {
  display: block;
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: #4c4c4c;
}

.showResp {
  position: absolute;
  margin-left: 7.1%;
  margin-top: 4px;
  cursor: pointer;
  font-weight: 900;
  color: #008604;
  width: 20px;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.showResp:hover {
  color: red;
}

.hidenLine_q_ {
  display: none;
}

.job_title_this2 {
  font-size: 30px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  color: #dedede;
  margin-bottom: 26px;
  margin-top: 52px;
}

#td_quest_khronik {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-width: 260px;
}

.infoNoDataInKhronik {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: inline-block;
  text-align: center;
  font-size: 15px;
}

.td4TotalMiniKhornikChatQuest {
  text-align: center;
  border-top: 1px solid #b5b5b5;
  padding-top: 4px;
}

#lineInfoQuest {
  width: 100%;
  border: 1px solid;
}

#finishLine {
  border-top: 2px solid cornflowerblue;
  padding-top: 9px;
}

#iCreatedQuest {
  border-top: 2px solid cornflowerblue;
  padding-top: 9px;
}

#iExecuteQuest {
  border-top: 2px solid cornflowerblue;
  padding-top: 9px;
}

#title_finish_line {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  color: cornflowerblue;
  font-size: 16px;
  margin-bottom: 18px;
  margin-top: 18px;
}

.rewriteMessageData {
  font-size: 9px;
  color: gray;
  margin-top: 5px;
}

.listEtapToUser {
  width: 51%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.NameEtapUserList {
  font-weight: 700;
  float: left;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 49%;
  font-size: 12px;
}

.selEtapP {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dleteEtapToUserM {
  margin-left: 16px;
  float: right;
}

.instrAddEtapUserList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  float: right;
  margin-right: 43px;
}

.deadlineRasciot {
  font-size: 12px;
  text-align: inherit;
  color: #383838;
}

#constructPanel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
}

#nameContructPanel {
  padding: 4px;
  cursor: context-menu;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#addBtnContruct {
  margin-left: 12px;
  border: 1px solid;
  padding: 4px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#addBtnContruct:hover {
  color: #fff;
  background-color: gray;
}

#itemNewConstruct {
  padding: 4px;
  min-width: 161px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-top: 1px;
  margin-left: 6px;
  position: relative;
  display: inline-block;
  width: 100%;
}
#itemNewConstruct:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 13px;
  width: 3px;
  height: calc(100% - 22px);
  border-left: 1px solid #0000CC;
  border-top: 1px solid #0000CC;
  border-bottom: 1px solid;
}

#itemNewConstruct_noneBorder {
  padding: 4px;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-top: 1px;
  margin-left: 6px;
  display: inline-block;
  min-width: 161px;
}

#nameitemNew {
  min-width: 183px;
  cursor: text;
  min-height: 16px;
  height: auto;
  background-color: #ffb24c;
  padding: 4px;
  float: left;
  display: inline-block;
}

#addBtnItemNew {
  margin-left: 27px;
  color: green;
  cursor: pointer;
  float: left;
  margin-top: 5px;
  display: inline-block;
  position: absolute;
}

#dellBtnItemNew {
  margin-left: 9px;
  color: maroon;
  cursor: pointer;
  float: left;
  margin-top: 5px;
  display: inline-block;
  position: absolute;
}

#addBtnItemNew_1 {
  margin-left: 27px;
  color: green;
  cursor: pointer;
  float: right;
  margin-top: 5px;
  display: inline-block;
}

#dellBtnItemNew_1 {
  margin-left: 9px;
  color: maroon;
  cursor: pointer;
  float: right;
  margin-top: 5px;
  display: inline-block;
}

#menuInstructPart {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #dedede;
  position: fixed;
  display: none;
  z-index: 99999;
  padding: 4px;
  font-size: 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#menuInstructPart > div {
  padding: 4px;
}
#menuInstructPart > div:hover {
  background-color: gray;
  color: #fff;
}

#answerDellItemMenuInstruction {
  position: fixed;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #c7c7c7;
  z-index: 999999999;
  padding: 6px;
  font-size: 17px;
  display: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#diaiY {
  padding: 4px;
  cursor: pointer;
  width: 47%;
  float: right;
  text-align: center;
}
#diaiY:hover {
  background-color: #ff8181;
}

#diaiN {
  padding: 4px;
  cursor: pointer;
  text-align: center;
  width: 47%;
  float: left;
}
#diaiN:hover {
  background-color: #89ff81;
}

#diaiA {
  padding: 4px;
}

.sections {
  background-color: #87de8a !important;
}

.point {
  background-color: #87b6de !important;
}

.subpoint {
  background-color: #b7b7b7 !important;
}

.toggleIstruction {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #44bbbb;
  display: inline-block;
  padding: 2px;
  font-size: 11px;
  border-radius: 13px;
  padding-left: 5px;
  padding-right: 9px;
  margin-left: 11px;
  margin-top: 4px;
}

.closeToggleIstruction {
  float: right;
  margin-left: 1px;
  padding-left: 4px;
  cursor: pointer;
  position: absolute;
  display: inline-block;
  padding-right: 6px;
  background-color: #64c0ec;
  margin-top: -2px;
  padding-bottom: 1px;
  line-height: 14px;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
}
.closeToggleIstruction:hover {
  background-color: #ec6464;
}

.addBtnToggleInstruction {
  width: 14px;
  height: 20px;
  background-color: #464646;
  display: inline-block;
  padding: 2px;
  font-size: 11px;
  float: left;
  cursor: pointer;
}

.toggleList {
  display: contents;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 5px;
}

#listCategoryGroup {
  width: 50%;
  height: 300px;
  border-right: 1px solid;
  border-bottom: 1px solid;
  overflow: hidden;
  float: left;
}

#createCategoryGroup {
  width: calc(50% - 1px);
  height: 300px;
  border-bottom: 1px solid;
  overflow: hidden;
  float: right;
}

#formCreateCategoryInstr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 12px;
}

#btn_createCategoryInstr {
  padding: 3px;
  border: 1px solid;
  margin-left: 12px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.h1CreateCat {
  text-align: center;
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: aquamarine;
  font-style: italic;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#listPersonToCreateCategory {
  margin: auto;
  margin-top: 12px;
  width: 100%;
  overflow: auto;
  height: 77%;
}

#divMainPersonToCreateCategory {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 24%;
}

.namePersonToCreateCategory {
  cursor: context-menu;
}

.listCategoryInstr {
  padding: 2px;
  cursor: pointer;
  padding-left: 9px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.listCategoryInstr:hover {
  background-color: #ffee98;
}

#divMainConstructInstrCAT {
  display: block;
  width: 100%;
  height: 100%;
}

.selectListCategoryInstr {
  background-color: #ababab;
}

#listCatAllInstr {
  overflow: auto;
  width: 100%;
  height: 93%;
}

#mobileAddCategoryToInstr {
  position: fixed;
  height: 400px;
  width: 173px;
  background-color: #464646;
  color: #fff;
  display: none;
  z-index: 99999;
  overflow: auto;
}

.itemToMobileListCategoryToInstruction {
  line-height: 19px;
  cursor: context-menu;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#divTedith {
  font-size: 11px;
  margin-top: 3px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#btn_changeCategoryInstr {
  padding: 3px;
  border: 1px solid;
  margin-left: 12px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: none;
}

#selectChangeCategory {
  display: none;
}

#infoMainToInstruction {
  height: 299px;
  width: 100%;
  float: left;
}

#h1_infoMainToInstruction {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  font-size: 21px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#h1_infoMainToInstruction:hover > div {
  display: block;
}

#h1_name_Category {
  cursor: context-menu;
  margin-left: 42%;
  display: none;
}

#h1_edit_Category {
  margin-left: 12px;
  cursor: pointer;
  display: none;
}
#h1_edit_Category:hover {
  color: #ff3b00;
}

#h1_dell_Category {
  margin-left: 9px;
  cursor: pointer;
  font-weight: 900;
  display: none;
}
#h1_dell_Category:hover {
  color: red;
}

.info_H1 {
  font-size: 28px;
}

.info_H2 {
  font-size: 24px;
}

.info_H3 {
  font-size: 20px;
}

.itemMainInfo {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-left: 14px;
  margin-top: 5px;
}

#body_infoMainToInstruction {
  overflow: auto;
  height: 411px;
}

#okbtnGetformatSbornik {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  float: left;
  border: 1px solid;
  padding: 4px;
  margin-left: 11px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#okbtnGetformatSbornik:hover {
  background-color: #000;
  color: #fff;
}

#mainBlockEditFormatSbornik {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-top: 17px;
}

#dellFormatSbornik {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 71px;
  font-size: 31px;
  cursor: pointer;
  color: #fd1313;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#dellFormatSbornik:hover {
  color: #000;
}

#divAnswerBody {
  background-color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 36px;
  margin: auto;
  padding: 5px;
  border: 1px solid;
  font-size: 16px;
  cursor: context-menu;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 999999;
  position: fixed;
  margin-left: 42.5%;
  top: 107px;
}

#yesBtnDellFormatSbornik {
  width: 49%;
  float: left;
  cursor: pointer;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 3px;
}
#yesBtnDellFormatSbornik:hover {
  background-color: #ff9150;
}

#noBtnDellFormatSbornik {
  width: 50%;
  float: right;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  cursor: pointer;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 3px;
}
#noBtnDellFormatSbornik:hover {
  background-color: #53ff50;
}

#sendMailBox {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgb(255, 255, 255);
  z-index: 100000000000000000;
}

#sendTxtMailInfo {
  width: 50%;
  margin: auto;
  font-size: 36px;
  text-align: center;
  margin-top: 12%;
  color: #b53a00;
}

#listEtap {
  width: 49%;
  float: right;
}

.loadEtapInEtapUser {
  font-size: 12px;
  background-color: #d2d2d2;
}
.loadEtapInEtapUser th {
  padding: 4px;
  text-align: center;
}

.loadEtapInEtapUser_body td {
  padding: 4px;
  border: 1px solid;
  text-align: center;
}
.loadEtapInEtapUser_body a {
  text-decoration: none;
  color: #000;
}

.up_CellEtapList:hover {
  color: green;
}
.up_CellEtapList .down_CellEtapList {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: block;
}

.down_CellEtapList:hover {
  color: green;
}

.title_FormAddITemToEtapUser {
  width: 97.1%;
  text-align: center;
  font-size: 21px;
  padding: 5px;
  background-color: #d2d2d2;
}

#btn_FormAddITemToEtapUser {
  display: inline;
  margin-left: 20px;
  padding: 4px;
  font-size: 11px;
  border: 1px solid;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
#btn_FormAddITemToEtapUser:hover {
  color: #fff;
  background-color: #000;
}

#calcContentExcel {
  width: 99.4%;
  height: 88vh;
  display: none;
  border: 1px solid;
  margin-top: 3px;
  border: 1px solid #616161;
  box-shadow: 1px 1px 0px 0px rgba(69, 69, 69, 0.75) inset;
  -webkit-box-shadow: 1px 1px 0px 0px rgba(69, 69, 69, 0.75) inset;
  -moz-box-shadow: 1px 1px 0px 0px rgba(69, 69, 69, 0.75) inset;
  margin-left: 1px;
  background-color: #d8d8d8;
}

#controlPage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 29px;
}

.btnSelectTabExcel {
  width: 50px;
  text-align: center;
  height: 30px;
  border-top: none;
  line-height: 25px;
  cursor: pointer;
}
.btnSelectTabExcel:hover {
  background-color: #fff;
}

.activeTabExcel {
  border: 1px solid;
}

.inactiveTabExcel {
  border: 1px solid gray;
  background-color: gray;
}

.listExcelCell {
  width: inherit;
  text-align: left;
  height: 179px;
  overflow: auto;
}
.listExcelCell::-webkit-scrollbar {
  display: block;
  width: 9px;
  height: 9px;
}
.listExcelCell:focus-visible {
  outline: -webkit-focus-ring-color auto 0px !important;
}

.colored {
  background-color: yellow;
}

.slectListExcel {
  overflow: hidden;
}

.selectListBtnExcel {
  float: right;
  padding: 0px;
  padding-top: 2px;
  margin-top: -16px;
  margin-left: -14px;
  z-index: 3;
  position: relative;
}

.ttt {
  background-color: #b5cbf3;
}

#sumChekedSubsbornik {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 82px;
}

.tooltiptext {
  visibility: hidden;
  width: 200px;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  visibility: visible;
  opacity: 1;
}

.tooltip {
  position: relative;
  float: right;
  right: 100%;
  top: 22px;
  font-size: 12px;
}

.svg {
  width: 14px;
  display: inline-block;
  float: right;
  position: absolute;
  margin-top: 4px;
  cursor: help;
}

.path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}

.path.circle {
  -webkit-animation: dash 0.9s ease-in-out;
  animation: dash 0.9s ease-in-out;
}

.path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}

.path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
}

.errorRequest {
  background-color: #fdb8b8;
  color: #d80707;
}
.errorRequest::after {
  border-color: #fdb8b8 transparent transparent transparent;
}

.successRequest {
  background-color: #c7fbd9;
  color: #07d82a;
  min-height: 26px;
  line-height: 26px;
}
.successRequest::after {
  border-color: #c7fbd9 transparent transparent transparent;
}

#formAddFormat {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  margin-top: 51px;
}

#btnAddFormatPaper {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px;
  border: 1px solid;
  margin-left: 12px;
  line-height: initial;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#btnAddFormatPaper:hover {
  background-color: #000;
  color: #fff;
  border: 1px solid #fff;
}

#listBlockFormat {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}

.tableFormatPaper td {
  text-align: center !important;
  padding: 5px !important;
}
.tableFormatPaper tr {
  border-bottom: 1px solid #d4d4d4 !important;
}

.request {
  background-color: #ffab2c;
  height: inherit;
  font-size: 15px;
  color: white;
  font-weight: 700;
}

.dellFormatSize {
  cursor: pointer;
  font-weight: 900;
  color: gray;
  font-size: 14px;
  margin-top: -4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.dellFormatSize:hover {
  color: #ff2e2e;
}

.noInfoEl {
  font-size: 25px;
  text-align: center;
  color: gray;
  font-weight: 700;
  margin-top: 32px;
}

#mermaid {
  max-width: 491.263977px !important;
  max-height: 149px !important;
  cursor: pointer;
  min-width: 223px;
  min-height: 243px;
  position: relative;
  top: -64px;
  margin-bottom: -92px;
}

#mermaid2 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.mermaid2 {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
}

.fullScreenWS {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8901960784);
  position: fixed;
  display: block;
  top: 0;
  z-index: 9999999;
  overflow: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.closeScreenWS {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  float: right;
  font-size: 52px;
  color: #fff;
  margin-right: 5%;
  margin-top: 1%;
  cursor: pointer;
}

.bodyFullWS {
  position: relative;
  margin: auto;
  margin-top: 4%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: 40px;
  display: flow-root;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

#alertRulwWork {
  max-width: 800px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 22px;
  color: #525252;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-left: 28px;
}

.statusDiagramCell {
  margin-top: 10px;
  font-size: 9px;
  float: right;
  color: #fff;
  margin-right: -12px;
}

.tirajDiagramCell {
  margin-top: 10px;
  font-size: 14px;
  float: left;
  color: #fff;
  position: absolute;
  margin-left: -11px;
}

#blockTechMapDiv1 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 18px;
  text-align: left;
  color: #fff;
  margin-left: 30px;
  margin-top: 30px;
  line-height: 28px;
  margin-bottom: 32px;
  float: left;
}

#innerThechMapAll {
  max-width: 491.263977px !important;
  max-height: 149px !important;
  cursor: pointer;
  min-width: 223px;
  min-height: 243px;
  position: relative;
  display: none;
}

#blockTechMapDiv2 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  float: right;
  padding-top: 24px;
  margin-right: 31%;
}

.mermaid3 .edgePath .path {
  stroke: #ffffff !important;
}
.mermaid3 .arrowheadPath {
  fill: #ffffff !important;
}

#mermaid3 {
  display: block;
  float: left;
}

#addRuleBtn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  float: right;
  padding: 5px;
  border: 1px solid;
  margin-top: 1px;
  margin-left: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
#addRuleBtn:hover {
  background-color: #80f180;
}

#ruleCheckTxt {
  margin: auto;
}
#ruleCheckTxt > tbody > tr > td {
  padding: 5px;
}

#dellRuleBtn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  float: right;
  padding: 3px;
  border: 1px solid;
  margin-top: 1px;
  margin-left: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
#dellRuleBtn:hover {
  background-color: #ff7d7d;
}

#viewConectedRasciot {
  position: fixed;
  width: 400px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border: 1px solid;
  background-color: #fff;
  z-index: 9999;
  top: 31%;
  left: 39%;
  padding-bottom: 7px;
}

#closeViewConectedRasciot {
  position: absolute;
  right: 11px;
  padding: 5px;
  border: 1px solid;
  cursor: pointer;
  margin-top: 6px;
  font-size: 12px;
  font-weight: 700;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#closeViewConectedRasciot:hover {
  color: #fff;
  background-color: #000;
}

#listElementConected {
  width: 80%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #fff;
  margin: auto;
  margin-top: 6px;
}

.itemConectedToRasciot {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  cursor: pointer;
}

.divItemConectedToRasciot {
  width: inherit;
  padding: 3px;
}
.divItemConectedToRasciot:hover {
  background-color: #77baff;
}

.dellItemConnected {
  padding: 3px;
  color: red;
  font-weight: 800;
  line-height: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#parentViewConectedRasciot {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
}

#txtNoElements {
  font-size: 24px;
}

.hoverEtapConected {
  background-color: #77baff !important;
}

.incorectConnectEtap {
  background-color: #ffa9a9;
}

#isSbornikPart {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#labIsSbornikPart {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.topCheck {
  z-index: 10000;
  position: relative;
  color: white;
}

.contentN {
  border: 1px solid;
  padding: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: inline-block;
}

.headN {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 20px;
}

.sendN {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  float: left;
  margin-left: 3px;
}

.timeN {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  float: right;
}

.txtN {
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 600;
}

.statusN {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  float: right;
  padding: 0px;
}

.tdNot {
  padding: 6px;
}

#dateN {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#statN {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#timeN {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.statNotification {
  cursor: pointer;
}

#textMainNotification {
  display: block;
  width: 300px;
  text-align: center;
  border: 1px solid;
  padding: 7px;
  font-size: 16px;
  position: fixed;
  right: 262px;
  top: 53px;
  background-color: #fff;
}

#closeMainNotification {
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  right: 11px;
  cursor: pointer;
}
#closeMainNotification:hover {
  color: red;
}

#ulAlertRule {
  list-style: circle;
  text-align: initial;
}
#ulAlertRule > li {
  margin-top: 11px;
  font-size: 14px;
}

#dellCompany {
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 281px;
  font-size: 19px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#dellCompany:hover {
  color: #d10101;
}

#bodyAnswerDellCompany {
  position: absolute;
  width: 300px;
  border: 1px solid;
  background-color: #fff;
  padding: 5px;
  z-index: 1;
  height: 63px;
}

#txtAnserDellCompany {
  display: inline-block;
  width: 100%;
  font-size: 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#btnYDellCompany {
  float: left;
  margin: auto;
  position: relative;
  margin-left: 27%;
  font-size: 11px;
  margin-top: 5px;
  border: 1px solid;
  padding: 5px;
  width: 43px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#btnYDellCompany:hover {
  background-color: #44e944;
}

#btnNDellCompany {
  float: left;
  margin: auto;
  position: relative;
  font-size: 11px;
  margin-top: 5px;
  border: 1px solid;
  padding: 5px;
  width: 43px;
  margin-left: 28px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#btnNDellCompany:hover {
  background-color: #ff5555;
}

#lineSubs {
  width: 99%;
  border: 1px solid #fff;
  margin: auto;
}

#parentSubsMermaid {
  display: contents;
  margin: auto;
}

.subsMermaid {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.tablesSbornikFormat {
  display: inline-block;
  margin-left: 19px;
}

#formatSbornikDesc {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  display: block;
}

.btnArowSborFormat {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 28px;
  margin: auto;
  color: #818181;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.btnArowSborFormat:hover {
  color: #525252;
}

.btnArowSborTXT {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 28px;
  margin: auto;
  color: #818181;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.btnArowSborTXT:hover {
  color: #525252;
}

#blockErrorNotificationGlobal {
  position: fixed;
  bottom: 13px;
  right: 22px;
  max-width: 272px;
  z-index: 999999;
}

.messErrorNotificationGlobal {
  border: 1px solid #ffcece;
  padding: 8px;
  margin-bottom: 3px;
  border-radius: 8px;
  font-size: 16px;
  background-color: #f98f99;
  position: relative;
}

.closeMessErrorNotification {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  top: 1px;
  right: 1px;
  cursor: pointer;
  padding-right: 3px;
  padding-left: 3px;
  border-radius: 0 7px 0 0;
}
.closeMessErrorNotification:hover {
  background: #eb4848;
  color: #fff;
}

.dellFormatSborT {
  color: #fd0000;
  font-weight: 700;
  cursor: pointer;
}
.dellFormatSborT:hover {
  color: #910101;
}

.dellFormatSborTxT {
  color: #fd0000;
  font-weight: 700;
  cursor: pointer;
}
.dellFormatSborTxT:hover {
  color: #910101;
}

.titleCatFST {
  font-size: 12px;
  color: #959595;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
}

.innerListUl {
  margin-left: 8px;
}
.innerListUl > li {
  padding: 5px;
}
.innerListUl > li:hover {
  background-color: #dfdfdf;
  cursor: pointer;
}

#ListFormatSbornikType {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 7px;
  padding: 7px;
  max-height: 326px;
  overflow: auto;
  box-shadow: -1px 3px 9px -1px rgba(0, 0, 0, 0.51);
  -webkit-box-shadow: -1px 3px 9px -1px rgba(0, 0, 0, 0.51);
  -moz-box-shadow: -1px 3px 9px -1px rgba(0, 0, 0, 0.51);
  position: absolute;
  z-index: 99;
  background-color: #FFF;
}

.itemFormatSbornikType {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#selectItemInListFormatSbornikType {
  background-color: #87c6fd;
}

#formSbornikDesc {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  position: relative;
  margin-top: 47px;
  margin-bottom: 36px;
}

.formatSbornikDesc {
  width: 89px;
}

.formatSbornikDescE {
  width: 89px;
}

#editSbornikFormatDesc {
  position: fixed;
  width: 100%;
  background-color: antiquewhite;
  display: block;
  height: -webkit-fill-available;
  top: 0px;
  z-index: 999;
}

#bodyEditSbornikFormatDesc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 16px;
  border: 1px solid;
  background-color: #fff;
  margin: auto;
  margin-top: 24%;
}

#updateSbornikFormatDesc {
  padding: 7px;
  border: 1px solid;
  margin-left: 12px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#updateSbornikFormatDesc:hover {
  background-color: #47df68;
}

#closeEditSbornikFormatDesc {
  font-size: 24px;
  border: 1px solid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 9px;
  position: absolute;
  right: 24%;
  top: 6%;
  cursor: pointer;
}
#closeEditSbornikFormatDesc:hover {
  background-color: #ff6b6b;
  color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.colorSLTFD {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.paperSLTFD {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin-right: 15px !important;
}

.lakSLTFD {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.color_lakSLTFD {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin-right: 15px !important;
}

.postprintSLTFD {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin-right: 15px !important;
}

.postprintpSLTFD {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.postprintppSLTFD {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.parentSelBody {
  display: inline;
  margin-left: 370px;
}

#createUserWork {
  position: absolute;
  font-size: 15px;
}

#addFormatSbornikType {
  padding: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 17px;
  cursor: pointer;
}
#addFormatSbornikType:hover {
  background-color: #666;
  color: #fff;
}

#tableAddSbornikTypeFormat {
  position: fixed;
  width: 80%;
  height: 400px;
  background-color: #ededed;
  top: 33Vh;
  z-index: 998;
  left: 10%;
}

#fullBlur {
  width: 100%;
  height: 100%;
  background-color: rgba(6, 6, 6, 0.6784313725);
  position: absolute;
  top: 27px;
}

#closeTableAddSbornikTypeFormat {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  right: 0px;
  position: absolute;
  padding: 4px;
  font-size: 34px;
  cursor: pointer;
  padding-top: 0px;
  padding-right: 6px;
}
#closeTableAddSbornikTypeFormat:hover {
  background-color: #666;
  color: #fff;
}

.bisque {
  background-color: bisque;
}

#loadPageWork {
  position: absolute;
  width: 100vw;
  height: 100vh;
  background-color: #ffffff;
  z-index: 999;
  opacity: 0;
  top: 0;
}
#loadPageWork img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  display: block;
  position: relative;
}
#loadPageWork .l {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  display: block;
  position: relative;
}
#loadPageWork .l #textLoadingWork {
  font-size: 16px;
  font-style: italic;
  text-align: center;
}

.shownLoadPage {
  opacity: 1 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-transition: all 1s !important;
  transition: all 1s !important;
}

.hiddenLoadPage {
  opacity: 1 !important;
  display: none !important;
  -webkit-transition: all 1s !important;
  transition: all 1s !important;
}

#infoSborDescs {
  position: absolute;
  width: 30px;
  height: 30px;
  border: 1px solid #ede8e8;
  background-color: #fff;
  border-radius: 7px;
  cursor: pointer;
  text-align: center;
  line-height: 30px;
  font-size: 30px;
  font-weight: 800;
  display: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#infoSborDescs:hover {
  color: #fff;
  background-color: #6d6d6d;
}
#infoSborDescs:hover #suplimInfoSborDesc {
  display: block;
  color: #000;
}

#suplimInfoSborDesc {
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #ebdc75;
  top: 0;
  display: block;
  left: 33px;
  border-radius: 8px;
  border: 1px solid #e3b86a;
  font-size: 12px;
  padding: 7px;
  font-weight: 100;
  display: none;
}

.activeSuplimInfoSborDesc {
  background-color: #ebdc75 !important;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.inlineB {
  display: list-item;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  list-style: none;
  min-height: 30px;
}
.inlineB > div {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: flow-root;
  white-space: nowrap;
}

.inlineBox {
  display: -webkit-inline-box;
}

.totalBlock {
  border-top: 1px solid;
  margin-top: 36px;
  text-align: left;
}

.red {
  background-color: red;
  text-align: center !important;
}

.yellow {
  background-color: yellow;
  text-align: center !important;
}

.green {
  background-color: #40ff4b;
  text-align: center !important;
  padding: 5px 20px;
}

.formatTDSS {
  width: 100%;
  border-top: 1px solid;
  text-align: left;
  margin-top: 15px;
  padding-top: 12px;
  display: flow-root;
  line-height: 14px;
}

.formatTDSS2 {
  width: 100%;
  border-top: 1px solid;
  text-align: left;
  margin-top: 15px;
  padding-top: 12px;
  display: flow-root;
  line-height: 14px;
  font-size: 14px;
  padding-left: 12px;
}

.pl12 {
  padding-left: 12px;
  width: 97%;
}

.workIdTDSSub {
  float: left;
  width: 100%;
  text-align: left;
}

.toggSbor {
  cursor: pointer;
}

.boldTabSub {
  text-align: center !important;
  font-weight: bold;
  color: #404040;
}

.toglTiraj {
  margin-left: -10px;
}

#saveJobButton5 {
  display: block;
  margin-bottom: 10px;
  background-color: #0095ff;
}

#fullDescText {
  width: 290px;
  margin: auto;
  display: block;
  margin-bottom: 27px;
}

#lineGray {
  width: 40%;
  height: 2px;
  background-color: #9b9797;
  margin: auto;
  margin-top: 60px;
  margin-bottom: 60px;
}

#contextMenuDesc {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #4c4a4a;
  color: #fff;
  padding: 10px 0 10px 0px;
  border-radius: 11px;
  display: none;
  position: fixed;
  z-index: 100;
}

.askTirajReady {
  width: 51px;
  height: 19px;
  border: 2px solid #212121;
  line-height: 17px;
  background-color: #269326;
  text-align: center;
  cursor: pointer;
}

#messNoTumblr {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  font-size: 24px;
  color: #dda300;
  text-align: center;
  margin-top: 60px;
}

.btnOpenTbmlrWind {
  width: 200px;
  margin: auto;
  margin-top: 20px;
  background-color: coral;
}

#filterControlPartP {
  width: 900px;
  margin: auto;
  margin-top: 40px;
}

#titleFilter {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 29px;
  color: #959999;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.allFL {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline;
  margin-right: 18px;
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#filterCheckPartPP {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}

.titleStatCtrlTiraj {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  font-size: 18px;
  color: #8d8d8d;
  margin-top: 17px;
  margin-bottom: 17px;
}

.workBodyCtrlTiraj {
  width: 100%;
}

.nameWorkCtrlTiraj {
  font-size: 14px;
  padding: 7px 0 7px 0px;
}

.statWorksCtrlTiraj {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}

.tableWorksCtrlTiraj {
  width: 100%;
}

.theadCtrlTiraj {
  background-color: darkgray;
  color: #fff;
  font-weight: 400;
}

thead.theadCtrlTiraj th {
  padding: 3px 3px 3px 1px;
  text-align: left;
  cursor: context-menu;
}

tbody.tbodyHystoriRasciot td {
  padding: 3px 3px 3px 1px;
  text-align: left;
}
tbody.tbodyHystoriRasciot td:nth-child(2) {
  width: 150px;
}
tbody.tbodyHystoriRasciot tr {
  border: 1px solid transparent;
  cursor: context-menu;
}
tbody.tbodyHystoriRasciot tr:hover {
  outline: 2px solid #60ccfd;
}

#filterSelPart {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-top: 13px;
}
#filterSelPart select {
  margin-left: 12px;
}

.productionTimer {
  width: 75px;
  height: 20px;
  font-size: 18px;
}

#parWorkTimeDesign {
  position: fixed;
  z-index: 9;
  margin-left: 40px;
  min-width: 146px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 27px;
  border: 1px solid;
  margin-top: 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 26px;
  padding: 8px;
  font-size: 17px;
  background-color: #fff;
}

#workTimeDesign {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}

.dateTableFinishDesign {
  font-size: 16px;
  padding: 10px;
}

#workTimeDesign2 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-left: 0;
}

.switchTumblr4 {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 25px;
  margin-top: 5px;
  margin-left: -5%;
  position: absolute;
}
.switchTumblr4 .inputTumblr4 {
  opacity: 0;
  width: 0;
  height: 0;
}

.sliderTumblr4 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sliderTumblr4:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 17px;
  left: 3px;
  bottom: 1.5px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.inputTumblr4:checked + .sliderTumblr4 {
  background-color: #60ccfd;
}
.inputTumblr4:checked + .sliderTumblr4:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.inputTumblr4:focus + .sliderTumblr4 {
  -webkit-box-shadow: 0 0 1px #2196F3;
          box-shadow: 0 0 1px #2196F3;
}

.closeRasPart {
  background-color: #828282 !important;
  border: 2px solid #828282 !important;
  color: #eaeaea !important;
}

.openRasPart {
  background-color: #ffee82 !important;
  border: 2px solid #ffee82 !important;
}

.workRasPart {
  background-color: #ffee82 !important;
  border: 3px solid #ffdd00 !important;
}

.finishRasPart {
  background-color: #ffdd00 !important;
  border: 2px solid #ffdd00 !important;
}

.openTirajRas {
  display: inline-table;
  margin-left: 2px;
}

.fullBtnTirajComplete {
  width: 130px;
  height: 50px;
  border: 1px solid #9b9d9b;
  border-radius: 11px;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.55);
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.55);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: auto;
  margin-top: 8px;
}

.cancelLastAction {
  height: 50px;
  border: 1px solid #9b9d9b;
  border-radius: 11px;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.55);
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.55);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: auto;
  margin-top: 8px;
}

.innerFBTC {
  width: 100%;
  text-align: center;
  font-size: 14px;
  margin-top: 7px;
}

.activeBTC {
  background-color: #75d175;
  cursor: pointer;
}

.disableBTC {
  background-color: #9b9d9b;
  color: #4e4e4e;
  cursor: no-drop;
}

#openBtnTirajComplete {
  width: 130px;
  height: 50px;
  border: 1px solid #9b9d9b;
  border-radius: 11px;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.55);
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.55);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: auto;
  margin-top: 8px;
}

.blockBTC {
  width: 33.33%;
  left: 8%;
  text-align: center;
  font-size: 15px;
  -ms-flex-item-align: self-end;
      align-self: self-end;
}

.blockBTC2 {
  width: 33.33%;
  right: 8%;
  text-align: center;
  font-size: 15px;
  -ms-flex-item-align: self-end;
      align-self: self-end;
}

.errorBTCF {
  background-color: #cd6666;
  line-height: 50px;
  cursor: pointer;
}

.divCenter {
  width: 33.33%;
}

.divCenter2 {
  width: 100%;
}

.row2FBTC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.otherWorkBtnBTC {
  text-align: center;
  line-height: 50px;
  font-size: 14px;
  background-color: #86c7ff;
  cursor: pointer;
  margin-top: auto;
}

.holdOverWorkBtnBTC {
  text-align: center;
  line-height: 50px;
  font-size: 14px;
  background-color: #ff9d26;
  cursor: pointer;
  margin-top: auto;
}

.emergencyWorkBtnBTC {
  text-align: center;
  line-height: 50px;
  font-size: 14px;
  background-color: #ffb3b3;
  cursor: pointer;
  padding: 0 10px;
  margin-top: auto;
}

.errorBlockBTC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: inherit;
}

.parentMainDivKeyboard {
  position: relative;
  margin: auto;
  width: 170px;
}

.defaultBlockBTC {
  height: inherit;
}

.defaultBlockBTC2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: inherit;
}

.cancleErrorBlockBTC {
  background-image: url("../images/arrow-left-o-svgrepo-com.svg");
  width: 45px;
  background-repeat: no-repeat;
  cursor: pointer;
  position: absolute;
  height: 45px;
  background-size: cover;
  margin-left: 1%;
  margin-top: 1%;
}
.cancleErrorBlockBTC:hover {
  opacity: 0.6;
}

.emergencyBlockForm {
  height: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.errorBlockAnswerBTC {
  height: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.otherWorkBlockForm {
  height: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: scroll;
}
.otherWorkBlockForm table a {
  font-size: inherit;
  color: black;
  text-decoration: none;
}

.div1FormEB {
  margin: auto;
}

.inputEBc {
  float: left;
  width: 230px;
  height: 33px;
  font-size: 18px;
}

.confirmBtnEBc {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  float: right;
  width: 30px;
  border: 1px solid;
  height: 37px;
  margin-left: 12px;
  text-align: center;
  line-height: 37px;
  font-size: 16px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.textInputEB {
  font-size: 18px;
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.otherWorkBlockTable {
  margin: auto;
}

.otherWorkReadyBlockForm {
  height: inherit;
}

.noDisponibleWork {
  margin: auto;
  font-size: 14px;
}

.container {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}

#titleWorkTime {
  font-size: 22px;
  margin-top: 33px;
  text-align: center;
  margin-bottom: 22px;
}

.tbodyScriptPartExecute tr > td {
  padding: 5px;
}

.rasciotFilter {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: contents;
  cursor: pointer;
}

.toggleFilter:hover {
  background-color: #f3c661;
  border-radius: 35px;
  cursor: pointer;
}

#filterBlock {
  max-width: 330px;
  position: fixed;
  margin-top: 100px;
  margin-left: 100px;
}

.toggleKhronic {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #ffad58;
  display: inline-block;
  padding: 2px;
  font-size: 11px;
  border-radius: 13px;
  padding-left: 5px;
  padding-right: 9px;
  margin-left: 11px;
  margin-top: 4px;
}

.closeToggleKhronic {
  float: right;
  margin-left: 1px;
  padding-left: 4px;
  cursor: pointer;
  position: absolute;
  display: inline-block;
  padding-right: 6px;
  background-color: #ec9664;
  margin-top: -2px;
  padding-bottom: 1px;
  line-height: 14px;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
}
.closeToggleKhronic:hover {
  background-color: #ec6464;
}

#filterByData {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 111px;
  position: fixed;
  margin-top: 45px;
}

.hide {
  display: none;
}

#filterByTime {
  margin-top: 71px;
  position: fixed;
  margin-left: 111px;
  width: 293px;
}
#filterByTime > input {
  width: 78px;
}

#secondTimeFilter {
  margin-left: 62px;
}

#filterByWork {
  margin-left: 107px;
  margin-top: 21px;
  position: fixed;
}
#filterByWork > label {
  font-size: 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.nameWorkFilter {
  font-size: 17px;
  margin-bottom: 15px;
}

.blockWorkFilter {
  margin-bottom: 40px;
}

.rasciotWorkFilter {
  border-bottom: 1px solid #818181;
  background-color: #91f9ef;
}
.rasciotWorkFilter > .desc {
  padding: 9px;
  font-size: 13px;
}

#tableHronic {
  width: 100%;
  background-color: #484848;
  color: #fff;
}
#tableHronic td {
  padding: 5px;
}
#tableHronic .date {
  width: 104px;
}
#tableHronic div[class^=user] {
  width: 85px !important;
}

#clearAllToggle {
  padding: 5px;
  background-color: #00c3ef;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 25px;
  cursor: pointer;
  position: fixed;
  top: 46px;
  left: 315px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#clearAllToggle:hover {
  background-color: #f3c661;
  color: #fff;
}

.historyStateSmall {
  cursor: pointer;
}

.smallStaSum {
  display: inline-block;
  min-width: 60px;
}

.borderRight {
  border-right: 1px solid;
}

.textCenter {
  text-align: center !important;
}

.textLeft {
  text-align: left !important;
}

.textRight {
  text-align: right !important;
}

.nameSmallStat {
  min-width: 250px;
}

.borderTop {
  border-top: 1px solid;
}

.material {
  width: 14px;
  height: 14px;
  margin: auto;
}

.rezka {
  width: 14px;
  height: 14px;
  margin: auto;
}

.partAlert {
  display: grid;
  width: 14px;
  height: 28px;
  position: absolute;
  top: -4px;
  right: 3px;
}

#aditionalMail {
  background: url("../images/mailAdd.svg") center/2.6em no-repeat;
  width: 41px;
  cursor: pointer;
  margin-top: 4px;
  margin-left: 11px;
}

#aditionalMailBlock {
  width: 300px;
  position: absolute;
  background-color: white;
  z-index: 99;
  margin-top: 15vh;
  margin-left: 39vw;
  height: 74px;
  padding: 10px;
  border: 1px solid;
}
#aditionalMailBlock > input {
  margin-top: 14px;
  display: inherit;
  width: 82%;
}

#btnUpdateAditionalMail {
  border: 1px solid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 9px;
  margin-top: -29px;
  right: 7px;
  position: absolute;
  cursor: pointer;
}
#btnUpdateAditionalMail:hover {
  color: #fff;
  background-color: #000;
}

#closeBlockAditionalMail {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  font-size: 16px;
  cursor: pointer;
  top: 4px;
}
#closeBlockAditionalMail:hover {
  color: red;
}

#clearMail {
  background: url(../images/clearAditionalMailWork.svg) center/2.6em no-repeat;
  width: 23px;
  height: 23px;
  cursor: pointer;
  margin-left: 11px;
  position: absolute;
  top: 19px;
  right: 14px;
}

.takeOutsource {
  margin-right: 10px;
}

#containerHoliday {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  padding-top: 25px;
}
#containerHoliday > .form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#containerHoliday > .form > .description {
  margin-left: 12px;
}
#containerHoliday > .form > .addHoliday {
  margin-left: 12px;
  border: 1px solid;
  padding: 4px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#containerHoliday > .form > .addHoliday:hover {
  color: #fff;
  background-color: #000;
}

.listHolidays > table {
  width: 100%;
  margin-top: 24px;
}

.holidayTr {
  border-bottom: 1px solid #525a5a;
}
.holidayTr td {
  padding: 5px;
}

.delHoliday {
  font-weight: 900;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.delHoliday:hover {
  color: #9c3b3b;
  cursor: pointer;
}

#addUserNotication {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 3px;
  border: 1px solid;
  font-size: 14px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-left: 12px;
}
#addUserNotication:hover {
  color: #fff;
  background-color: #000;
}

#containerNotificationPack {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  padding-top: 25px;
}
#containerNotificationPack > .form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.listUserNotifiPack > table {
  width: 100%;
  margin-top: 24px;
}

.notifiPackTr {
  border-bottom: 1px solid #525a5a;
}
.notifiPackTr td {
  padding: 5px;
}

.delUserNotifiPack {
  font-weight: 900;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.delUserNotifiPack:hover {
  color: #9c3b3b;
  cursor: pointer;
}

#labelImgQuest {
  width: 7%;
  display: inline-block;
  height: 100%;
  text-align: center;
}

#btn_image_quest {
  max-width: 2em;
  max-height: 58%;
  cursor: pointer;
  display: inline;
  margin-top: 16px;
}

#ImgBoxQuestChat {
  margin-top: 8px;
  background-color: white;
  margin-right: 6px;
  cursor: pointer;
  width: 70px;
}

#listImgQuestChat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
}

#list-preview-quest {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 0px;
  width: 100%;
}

.slide-content > img {
  max-width: 90vw;
  max-height: 85vh;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.slide-content-quest {
  display: block;
  width: 79vw;
}
.slide-content-quest > img {
  max-width: 100%;
  display: block;
  margin: auto;
}

#modal-caption-quest {
  color: #fff;
  font-size: 21px;
}

#myTimers {
  width: 350px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 250px;
  background-color: white;
  position: fixed;
  bottom: 8px;
  right: 8px;
  padding: 5px;
  border: 1px solid;
  z-index: 2;
  box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.69);
  -webkit-box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.69);
  -moz-box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.69);
  overflow: auto;
}

.listTimersTable {
  width: 100%;
}
.listTimersTable thead {
  background-color: darkgray;
  color: #fff;
  font-weight: 400;
}
.listTimersTable th {
  padding: 3px 3px 3px 1px;
  text-align: left;
  cursor: context-menu;
}
.listTimersTable td {
  padding: 4px 0;
  border-bottom: 1px dotted gray;
}

.titleBlockTimers {
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: gray;
  padding: 4px 0;
}

.prev {
  background-image: url(../images/left-chevron.png);
  width: 55px;
  height: 55px;
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
}

.next {
  background-image: url(../images/right-chevron.png);
  width: 55px;
  height: 55px;
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
}

.arrowHist {
  width: 19px;
  margin-right: 5px;
}

.lineMinViewLightBox {
  height: 6%;
  width: 90%;
  margin: auto;
  text-align: center;
}

.itmsMinLight {
  height: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1%;
  cursor: pointer;
  max-width: 4%;
  overflow: hidden;
}
.itmsMinLight img {
  height: 100%;
  width: unset;
}

.activeItmsMin {
  border: 4px solid #007e38;
  border-radius: 14px;
  overflow: hidden;
}

.etapBody {
  width: 32%;
  margin: auto;
  margin-top: 70px;
}

.lineEtapSbor {
  padding: 5px;
  display: block;
}

.nameEtapSbor {
  width: 95%;
  display: inline-block;
  font-size: 20px;
  border-top: 1px solid #6a6a6a;
  padding-top: 6px;
  padding-left: 15px;
}

.divCellSbor {
  width: 85%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 0px;
  margin-left: 13%;
}
.divCellSbor div {
  padding: 5px;
  font-size: 15px;
}

#matSet {
  width: 50%;
  float: left;
}

#lakSet {
  width: 50%;
  float: right;
}

.nameWorkBlockSet {
  font-size: 25px;
}

.labelCheckHoly {
  line-height: 26px;
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#listSubsInWind {
  margin-top: 20px;
}

.capTableManualPrice {
  font-size: 23px;
}

.manualTablePrice td {
  font-size: 15px;
  padding: 4px !important;
}

#newStylePrepress {
  margin-top: 7px;
}

#main_tabs_ac {
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
#main_tabs_ac .inn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
  -ms-flex-item-align: center;
      align-self: center;
}
#main_tabs_ac .tab {
  width: 200px;
  height: 50px;
  border: 1px solid #212121;
  color: #212121;
  display: block;
  text-align: center;
  line-height: 50px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#main_tabs_ac .tab.active {
  background-color: #008604;
}
#main_tabs_ac .tab:hover {
  background-color: #0095ff;
  cursor: pointer;
}
#main_tabs_ac .body {
  display: none;
}
#main_tabs_ac .body.active {
  display: block;
}
#main_tabs_ac .body .table_cont thead th {
  padding: 4px;
  text-align: center;
  background-color: #d7d7d7;
}
#main_tabs_ac .body .table_cont tbody td {
  padding: 4px 6px;
  border-bottom: 1px solid gray;
}
#main_tabs_ac .body .table_cont tbody td .number {
  width: 100px;
}
#main_tabs_ac .body .table_cont tfoot .add_position_poliviz {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px;
  background-color: #add;
  cursor: pointer;
  margin-top: 10px;
}
#main_tabs_ac .body .table_cont tfoot .add_position_poliviz:hover {
  background-color: #2196f3;
  color: #fff;
}
#main_tabs_ac .body .table_cont tfoot .sum {
  text-align: right;
}
#main_tabs_ac .body .table_cont tfoot .sum.b {
  font-weight: bold;
}
#main_tabs_ac .body .companySelector .listCompany {
  margin: auto;
  position: relative;
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}
#main_tabs_ac .body .date {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  position: relative;
  display: block;
}
#main_tabs_ac .file_cont {
  display: block;
}
#main_tabs_ac .table_data td {
  padding: 10px 10px;
  border-bottom: 1px solid #959999;
}
#main_tabs_ac .name_data {
  margin: auto;
  font-size: 24px;
}
#main_tabs_ac #generateAccount {
  width: 100px;
  height: 30px;
  background-color: #22ec57;
  cursor: pointer;
  text-align: center;
  line-height: 30px;
  margin: auto;
  display: none;
}
#main_tabs_ac #generateAccount:hover {
  color: #fff;
  background-color: #404040;
}
#main_tabs_ac #link_file {
  display: none;
  margin: auto;
}

#main_tabs_ac {
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

#main_tabs_ac .inn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 20px;
  -ms-flex-item-align: center;
  align-self: center;
}

#main_tabs_ac .tab {
  width: 200px;
  height: 50px;
  border: 1px solid #212121;
  color: #212121;
  display: block;
  text-align: center;
  line-height: 50px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#main_tabs_ac .tab.active {
  background-color: #008604;
}

#main_tabs_ac .tab:hover {
  background-color: #0095ff;
  cursor: pointer;
}

#main_tabs_ac .body {
  display: none;
}

#main_tabs_ac .body.active {
  display: block;
}

#main_tabs_ac .body .table_cont thead th {
  padding: 4px;
  text-align: center;
  background-color: #d7d7d7;
}

#main_tabs_ac .body .table_cont tbody td {
  padding: 4px 6px;
  border-bottom: 1px solid gray;
}

#main_tabs_ac .body .table_cont tbody td .number {
  width: 100px;
}

#main_tabs_ac .body .table_cont tfoot .add_position_poliviz {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px;
  background-color: #add;
  cursor: pointer;
  margin-top: 10px;
}

#main_tabs_ac .body .table_cont tfoot .add_position_poliviz:hover {
  background-color: #2196f3;
  color: #fff;
}

#main_tabs_ac .body .table_cont tfoot .sum {
  text-align: right;
}

#main_tabs_ac .body .table_cont tfoot .sum.b {
  font-weight: bold;
}

#main_tabs_ac .body .companySelector .listCompany {
  margin: auto;
  position: relative;
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}

#main_tabs_ac .body .date {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  position: relative;
  display: block;
}

#main_tabs_ac .file_cont {
  display: block;
}

#main_tabs_ac .table_data td {
  padding: 10px 10px;
  border-bottom: 1px solid #959999;
}

#main_tabs_ac .name_data {
  margin: auto;
  font-size: 24px;
}

#main_tabs_ac #generateAccount {
  width: 100px;
  height: 30px;
  background-color: #22ec57;
  cursor: pointer;
  text-align: center;
  line-height: 30px;
  margin: auto;
  display: none;
}

#main_tabs_ac #generateAccount:hover {
  color: #fff;
  background-color: #404040;
}

#main_tabs_ac #link_file {
  display: none;
  margin: auto;
} 
.bank_data {
  display: grid;
  gap: 5px;
  width: 200px;
  position: absolute;
  margin-left: -230px;
  margin-top: 40px;
}

.companySelector .fk {
  position: absolute;
  right: 0;
  top: 42px;
}
.companySelector .fk #fiscCod {
  background-color: transparent;
  border: 1px solid gray;
  padding: 2px;
}
.companySelector .fk .fiscCod {
  position: absolute;
  left: 0;
  font-size: 13px;
  margin-left: 9px;
  margin-top: 4px;
  color: rgba(128, 128, 128, 0.6509803922);
  z-index: -1;
}/*# sourceMappingURL=style.css.map */